Refresh UI components and showcase; release updated framework packages

packages/ui/components/Popover.wrn

@@ -248,12 +248,12 @@ component Popover {
       align-items: center;
       justify-content: center;
       gap: 0.55rem;
-      min-height: 2.55rem;
+      min-height: var(--wrn-control-height, 2.5rem);
       padding: 0.65rem 0.9rem;
       color: var(--wrn-color-text);
       background: var(--wrn-color-surface-raised);
       border: 1px solid var(--wrn-color-border);
-      border-radius: 0.78rem;
+      border-radius: var(--wrn-radius-sm);
       font: inherit;
       font-size: 0.84rem;
       font-weight: 600;
@@ -276,13 +276,13 @@ component Popover {
     }
 
     .wrn-popover[data-size="sm"] .wrn-popover__trigger {
-      min-height: 2.2rem;
+      min-height: var(--wrn-control-height-sm, 2rem);
       padding: 0.5rem 0.72rem;
       font-size: 0.78rem;
     }
 
     .wrn-popover[data-size="lg"] .wrn-popover__trigger {
-      min-height: 2.9rem;
+      min-height: var(--wrn-control-height-lg, 2.75rem);
       padding: 0.78rem 1.05rem;
       font-size: 0.9rem;
     }
@@ -309,7 +309,7 @@ component Popover {
         linear-gradient(145deg, color-mix(in srgb, var(--popover-accent) 5%, transparent), transparent 62%),
         color-mix(in srgb, var(--wrn-color-surface-raised) 97%, transparent);
       border: 1px solid color-mix(in srgb, var(--popover-accent) 18%, var(--wrn-color-border));
-      border-radius: 1rem;
+      border-radius: var(--wrn-radius-md);
       box-shadow:
         0 1px 0 color-mix(in srgb, white 5%, transparent) inset,
         0 24px 64px color-mix(in srgb, black 22%, transparent);