tembro 3.1.1 → 3.1.5

package/packages/cli/vendor/templates/styles/globals.css

@@ -97,6 +97,15 @@
 
   --aui-radius-control: var(--radius-md);
   --aui-radius-surface: var(--radius-lg);
+  --aui-radius-overlay: var(--radius-xl);
+  --aui-radius-pill: 999px;
+  --aui-control-height-sm: 2rem;
+  --aui-control-height-md: 2.5rem;
+  --aui-control-height-lg: 2.75rem;
+  --aui-motion-fast: 140ms;
+  --aui-motion-normal: 220ms;
+  --aui-ease-standard: cubic-bezier(0.2, 0, 0, 1);
+  --aui-disabled-opacity: 0.52;
   --aui-shadow-xs: 0 1px 2px oklch(0.24 0.02 255 / 5%);
   --aui-shadow-sm: 0 1px 3px oklch(0.24 0.02 255 / 7%);
   --aui-shadow-md: 0 8px 24px oklch(0.24 0.02 255 / 8%);
@@ -136,14 +145,18 @@
   --aui-sidebar-surface: var(--sidebar);
   --aui-sidebar-border: color-mix(in oklch, var(--sidebar-border), white 6%);
   --aui-sidebar-item-bg: transparent;
-  --aui-sidebar-item-hover-bg: color-mix(in oklch, var(--sidebar-accent), transparent 18%);
-  --aui-sidebar-item-active-bg: color-mix(in oklch, var(--sidebar-primary), transparent 78%);
-  --aui-sidebar-item-active-border: color-mix(in oklch, var(--sidebar-primary), transparent 56%);
+  --aui-sidebar-item-hover-bg: color-mix(in oklch, var(--sidebar-accent), transparent 12%);
+  --aui-sidebar-item-active-bg: color-mix(in oklch, var(--sidebar-primary), transparent 70%);
+  --aui-sidebar-item-active-border: color-mix(in oklch, var(--sidebar-primary), transparent 48%);
   --aui-sidebar-item-active-fg: color-mix(in oklch, var(--sidebar-foreground), white 6%);
+  --aui-sidebar-item-indicator: var(--sidebar-primary);
+  --aui-sidebar-section-label: color-mix(in oklch, var(--sidebar-foreground), transparent 34%);
+  --aui-sidebar-action-fg: color-mix(in oklch, var(--sidebar-foreground), transparent 4%);
   --aui-sidebar-nav-item-bg: transparent;
   --aui-sidebar-nav-item-hover-bg: color-mix(in oklch, var(--muted), transparent 68%);
   --aui-sidebar-nav-item-active-bg: color-mix(in oklch, var(--foreground), transparent 94%);
   --aui-sidebar-nav-item-active-border: color-mix(in oklch, var(--border), white 4%);
+  --aui-sidebar-nav-active-indicator: var(--primary);
   --aui-table-surface: var(--card);
   --aui-table-container-surface: var(--aui-surface-raised);
   --aui-table-border: color-mix(in oklch, var(--border), white 5%);
@@ -235,14 +248,18 @@
   --aui-sidebar-surface: var(--sidebar);
   --aui-sidebar-border: oklch(1 0 0 / 10%);
   --aui-sidebar-item-bg: transparent;
-  --aui-sidebar-item-hover-bg: oklch(1 0 0 / 7%);
-  --aui-sidebar-item-active-bg: color-mix(in oklch, var(--sidebar-primary), transparent 80%);
-  --aui-sidebar-item-active-border: color-mix(in oklch, var(--sidebar-primary), transparent 60%);
+  --aui-sidebar-item-hover-bg: oklch(1 0 0 / 10%);
+  --aui-sidebar-item-active-bg: color-mix(in oklch, var(--sidebar-primary), transparent 70%);
+  --aui-sidebar-item-active-border: color-mix(in oklch, var(--sidebar-primary), transparent 46%);
   --aui-sidebar-item-active-fg: var(--sidebar-foreground);
+  --aui-sidebar-item-indicator: var(--sidebar-primary);
+  --aui-sidebar-section-label: color-mix(in oklch, var(--sidebar-foreground), transparent 28%);
+  --aui-sidebar-action-fg: color-mix(in oklch, var(--sidebar-foreground), transparent 3%);
   --aui-sidebar-nav-item-bg: transparent;
   --aui-sidebar-nav-item-hover-bg: oklch(1 0 0 / 6%);
   --aui-sidebar-nav-item-active-bg: oklch(1 0 0 / 7%);
   --aui-sidebar-nav-item-active-border: oklch(1 0 0 / 10%);
+  --aui-sidebar-nav-active-indicator: var(--primary);
   --aui-table-surface: var(--card);
   --aui-table-container-surface: var(--aui-surface-raised);
   --aui-table-border: oklch(1 0 0 / 8%);
@@ -282,7 +299,190 @@
   }
 }
 
+@keyframes aui-spin {
+  to { transform: rotate(360deg); }
+}
+
 @layer components {
+  [data-slot="text"][data-size="sm"] {
+    font-size: 0.875rem;
+    line-height: 1.45;
+  }
+
+  [data-slot="text"][data-size="lg"] {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  [data-slot="text"][data-muted="true"] {
+    color: var(--muted-foreground);
+  }
+
+  [data-slot="heading"] {
+    font-family: var(--font-heading);
+    font-weight: 650;
+    letter-spacing: -0.025em;
+    text-wrap: balance;
+  }
+
+  [data-slot="heading"][data-level="1"] { font-size: clamp(2.25rem, 5vw, 3.75rem); line-height: 1.02; }
+  [data-slot="heading"][data-level="2"] { font-size: clamp(1.875rem, 3vw, 3rem); line-height: 1.08; }
+  [data-slot="heading"][data-level="3"] { font-size: clamp(1.5rem, 2vw, 2.25rem); line-height: 1.15; }
+  [data-slot="heading"][data-level="4"] { font-size: 1.25rem; line-height: 1.3; }
+
+  [data-slot="blockquote"] {
+    border-inline-start: 0.25rem solid var(--border);
+    padding-inline-start: 1rem;
+    color: var(--muted-foreground);
+    font-style: italic;
+  }
+
+  [data-slot="mark"] {
+    border-radius: calc(var(--aui-radius-control) * 0.65);
+    background: color-mix(in oklch, var(--aui-warning), transparent 72%);
+    color: color-mix(in oklch, var(--aui-warning-foreground), black 8%);
+    padding: 0.125rem 0.25rem;
+  }
+
+  [data-slot="spoiler"] {
+    border: 1px solid var(--aui-card-border);
+    border-radius: var(--aui-card-radius);
+    background: var(--aui-surface-raised);
+    padding: 0.75rem;
+    box-shadow: var(--aui-shadow-xs);
+  }
+
+  [data-slot="spoiler-summary"] {
+    cursor: pointer;
+    font-weight: 600;
+  }
+
+  [data-slot="password-caps-lock"] {
+    display: none;
+    color: color-mix(in oklch, var(--aui-warning), black 14%);
+    font-size: 0.75rem;
+  }
+
+  @media (min-width: 40rem) {
+    [data-slot="password-caps-lock"] { display: inline; }
+  }
+
+  [data-slot="password-toggle"] {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: calc(var(--aui-control-radius) * 0.6);
+    padding: 0.125rem;
+    color: var(--muted-foreground);
+    transition: color var(--aui-motion-fast) var(--aui-ease-standard), box-shadow var(--aui-motion-fast) var(--aui-ease-standard);
+  }
+
+  [data-slot="password-toggle"]:hover { color: var(--foreground); }
+  [data-slot="password-toggle"]:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--aui-focus-ring); }
+  [data-slot="password-toggle"]:disabled { pointer-events: none; opacity: var(--aui-disabled-opacity); }
+  [data-slot="password-toggle"] [data-icon] { width: 1rem; height: 1rem; }
+
+  [data-slot="alert"] {
+    border-color: var(--aui-card-border);
+    border-radius: var(--aui-card-radius);
+    background: var(--aui-surface-raised);
+    box-shadow: var(--aui-shadow-sm);
+  }
+
+  :is([data-slot="checkbox"], [data-slot="radio-group-item"]) {
+    border-color: var(--aui-control-border-strong);
+    background: var(--aui-control-surface);
+    box-shadow: var(--aui-shadow-xs);
+    transition: border-color var(--aui-motion-fast) var(--aui-ease-standard), background-color var(--aui-motion-fast) var(--aui-ease-standard), box-shadow var(--aui-motion-fast) var(--aui-ease-standard);
+  }
+
+  :is([data-slot="checkbox"], [data-slot="radio-group-item"]):focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 1px var(--aui-focus-ring), 0 0 0 4px var(--aui-focus-ring-soft);
+  }
+
+  :is([data-slot="checkbox"], [data-slot="radio-group-item"])[data-state="checked"] {
+    border-color: var(--primary);
+    background: var(--primary);
+    color: var(--primary-foreground);
+  }
+
+  [data-slot="switch"] {
+    border: 1px solid var(--aui-control-border-strong);
+    background: var(--aui-control-surface-muted);
+    box-shadow: var(--aui-shadow-xs);
+    transition: border-color var(--aui-motion-fast) var(--aui-ease-standard), background-color var(--aui-motion-fast) var(--aui-ease-standard), box-shadow var(--aui-motion-fast) var(--aui-ease-standard);
+  }
+
+  [data-slot="switch"][data-state="checked"] {
+    border-color: var(--primary);
+    background: var(--primary);
+  }
+
+  [data-slot="switch"]:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 1px var(--aui-focus-ring), 0 0 0 4px var(--aui-focus-ring-soft);
+  }
+
+  [data-slot="switch-thumb"] {
+    background: var(--background);
+    box-shadow: var(--aui-shadow-sm);
+  }
+
+  [data-slot="skeleton"] {
+    background: var(--aui-surface-muted);
+    border-radius: var(--aui-control-radius);
+  }
+
+  [data-slot="kbd"] {
+    border-color: var(--aui-control-border-strong);
+    border-radius: calc(var(--aui-control-radius) * 0.7);
+    background: var(--aui-control-surface-muted);
+    color: var(--muted-foreground);
+    box-shadow: inset 0 -1px 0 var(--aui-control-border-strong);
+  }
+
+  :is([data-slot="menubar-content"], [data-slot="command"], [data-slot="right-click-menu-content"]) {
+    border-color: var(--aui-overlay-border);
+    border-radius: var(--aui-radius-overlay);
+    background: var(--aui-overlay-surface);
+    box-shadow: var(--aui-popover-shadow);
+  }
+
+  [data-slot="command-item"] {
+    border-radius: var(--aui-control-radius);
+    transition: background-color var(--aui-motion-fast) var(--aui-ease-standard), color var(--aui-motion-fast) var(--aui-ease-standard);
+  }
+
+  [data-slot="command-item"][data-selected="true"] {
+    background: var(--accent);
+    color: var(--accent-foreground);
+  }
+
+  [data-slot="avatar"] {
+    border-color: var(--aui-card-border);
+    background: var(--aui-surface-muted);
+    box-shadow: var(--aui-shadow-xs);
+  }
+
+  [data-slot="avatar-fallback"] {
+    color: var(--muted-foreground);
+  }
+
+  [data-slot="progress-track"] {
+    background: var(--aui-control-surface-muted);
+  }
+
+  [data-slot="progress-indicator"] {
+    background: var(--primary);
+    transition: width var(--aui-motion-normal) var(--aui-ease-standard);
+  }
+
+  [data-slot="pagination"] {
+    --aui-pagination-active-bg: var(--primary);
+    --aui-pagination-active-fg: var(--primary-foreground);
+  }
+
   [data-slot="button"][data-slot="button"] {
     border-radius: var(--aui-control-radius);
     box-shadow: var(--aui-control-shadow);
@@ -291,6 +491,45 @@
     color: var(--foreground);
   }
 
+  [data-slot="button"][data-slot="button"] {
+    gap: 0.375rem;
+    font-size: 0.875rem;
+    font-weight: 650;
+    transition: transform var(--aui-motion-fast) var(--aui-ease-standard), background-color var(--aui-motion-fast) var(--aui-ease-standard), border-color var(--aui-motion-fast) var(--aui-ease-standard), color var(--aui-motion-fast) var(--aui-ease-standard), box-shadow var(--aui-motion-fast) var(--aui-ease-standard), opacity var(--aui-motion-fast) var(--aui-ease-standard);
+  }
+
+  [data-slot="button"]:active:not([aria-haspopup]):not(:disabled) { transform: translateY(1px); }
+  [data-slot="button"][data-pressed="true"] { box-shadow: var(--aui-control-shadow), 0 0 0 1px var(--aui-focus-ring); }
+
+  [data-slot="button"][data-size="default"],
+  [data-slot="button"][data-size="md"] { height: 2.25rem; padding-inline: 0.875rem; }
+
+  [data-slot="button"][data-size="xs"] { height: 1.75rem; gap: 0.25rem; border-radius: var(--radius-sm); padding-inline: 0.625rem; font-size: 0.75rem; }
+  [data-slot="button"][data-size="sm"] { height: 2rem; gap: 0.25rem; border-radius: var(--radius-md); padding-inline: 0.875rem; font-size: 0.82rem; }
+  [data-slot="button"][data-size="lg"] { height: 2.5rem; padding-inline: 1rem; }
+  [data-slot="button"][data-size="xl"] { height: 2.75rem; gap: 0.5rem; padding-inline: 1.25rem; font-size: 1rem; }
+
+  [data-slot="button"][data-size="icon"] { width: 2.25rem; height: 2.25rem; padding: 0; }
+  [data-slot="button"][data-size="icon-xs"] { width: 1.75rem; height: 1.75rem; border-radius: var(--radius-sm); padding: 0; }
+  [data-slot="button"][data-size="icon-sm"] { width: 2rem; height: 2rem; border-radius: var(--radius-md); padding: 0; }
+  [data-slot="button"][data-size="icon-lg"] { width: 2.5rem; height: 2.5rem; padding: 0; }
+
+  [data-slot="button"] [data-slot="button-icon"] { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; }
+  [data-slot="button"] svg { width: 1rem; height: 1rem; }
+  [data-slot="button"][data-size="xs"] svg,
+  [data-slot="button"][data-size="icon-xs"] svg { width: 0.75rem; height: 0.75rem; }
+  [data-slot="button"][data-size="sm"] svg { width: 0.875rem; height: 0.875rem; }
+
+  [data-slot="button-spinner"] {
+    width: 1rem;
+    height: 1rem;
+    border: 2px solid currentColor;
+    border-top-color: transparent;
+    border-radius: var(--aui-radius-pill);
+    opacity: 0.8;
+    animation: aui-spin 700ms linear infinite;
+  }
+
   [data-slot="button"][data-slot="button"]:focus-visible {
     box-shadow: var(--aui-control-shadow), 0 0 0 1px var(--aui-focus-ring), 0 0 0 5px var(--aui-focus-ring-soft);
   }
@@ -449,6 +688,26 @@
     width: 100%;
   }
 
+  [data-slot="form-field-shell"] { border-radius: var(--aui-radius-surface); }
+  [data-slot="form-field-label"] { color: var(--foreground); font-size: 0.875rem; font-weight: 650; line-height: 1; letter-spacing: -0.01em; }
+  [data-slot="form-field-shell"][data-disabled="true"] :is([data-slot="form-field-label"], [data-slot="form-field-description"]) { cursor: not-allowed; opacity: var(--aui-disabled-opacity); }
+  [data-slot="form-field-shell"][data-readonly="true"] [data-slot="form-field-label"] { opacity: 0.8; }
+  [data-slot="form-field-required"] { margin-inline-start: 0.25rem; color: var(--destructive); }
+  [data-slot="form-field-label-action"] { flex-shrink: 0; font-size: 0.875rem; }
+  [data-slot="form-field-description"],
+  [data-slot="form-field-loading"] { color: var(--muted-foreground); font-size: 0.875rem; line-height: 1.5rem; }
+  :is([data-slot="form-field-error"], [data-slot="form-field-success"]) { border-radius: var(--aui-radius-surface); padding: 0.5rem 0.75rem; font-size: 0.875rem; font-weight: 500; line-height: 1.5rem; }
+  [data-slot="form-field-error"] { border: 1px solid color-mix(in oklch, var(--destructive), transparent 82%); background: color-mix(in oklch, var(--destructive), transparent 92%); color: var(--destructive); }
+  [data-slot="form-field-success"] { border: 1px solid color-mix(in oklch, var(--aui-success), transparent 78%); background: color-mix(in oklch, var(--aui-success), transparent 91%); color: color-mix(in oklch, var(--aui-success), black 18%); }
+  [data-slot="form-field-error-icon"] { margin-top: 0.25rem; }
+  [data-slot="form-field-error-icon"] svg { width: 0.875rem; height: 0.875rem; }
+
+  [data-slot="input-helper"] { color: var(--muted-foreground); font-size: 0.75rem; line-height: 1.25rem; }
+  [data-slot="input-count"] { color: var(--muted-foreground); font-size: 0.6875rem; font-weight: 500; }
+  :is([data-slot="input-helper"], [data-slot="input-count"])[data-invalid="true"] { color: var(--destructive); }
+  [data-slot="input-group-text"] { color: var(--muted-foreground); font-size: 0.875rem; }
+  [data-slot="input-group-text"] svg { width: 1rem; height: 1rem; }
+
   [data-slot="input-meta"][data-slot="input-meta"] {
     color: var(--muted-foreground);
   }
@@ -471,6 +730,26 @@
     box-shadow: inset 0 1px 0 color-mix(in oklch, white, transparent 38%);
   }
 
+  [data-slot="badge"][data-variant="soft"] {
+    border-color: transparent;
+    background: color-mix(in oklch, var(--muted), transparent 38%);
+    color: var(--foreground);
+    box-shadow: none;
+  }
+
+  [data-slot="badge"][data-size="sm"] { min-height: 1.25rem; gap: 0.3rem; padding: 0.125rem 0.625rem; font-size: 0.64rem; }
+  [data-slot="badge"][data-size="default"] { min-height: 1.5rem; gap: 0.375rem; padding: 0.25rem 0.75rem; font-size: 0.7rem; }
+  [data-slot="badge"][data-size="lg"] { min-height: 1.75rem; gap: 0.375rem; padding: 0.25rem 0.875rem; font-size: 0.78rem; }
+
+  [data-slot="badge-dot"] { width: 0.375rem; height: 0.375rem; flex-shrink: 0; border-radius: var(--aui-radius-pill); background: currentColor; opacity: 0.75; }
+  [data-slot="badge-icon"] { display: inline-flex; flex-shrink: 0; align-items: center; }
+  [data-slot="badge-icon"] svg { width: 0.75rem; height: 0.75rem; }
+  [data-slot="badge-count"] { display: inline-flex; min-width: 1.25rem; align-items: center; justify-content: center; border-radius: var(--aui-radius-pill); background: color-mix(in oklch, currentColor, transparent 88%); padding: 0.125rem 0.375rem; font-size: 0.72em; font-weight: 650; }
+  [data-slot="badge-remove"] { display: inline-flex; width: 1rem; height: 1rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: var(--aui-radius-pill); background: color-mix(in oklch, currentColor, transparent 90%); opacity: 0.8; transition: opacity var(--aui-motion-fast) var(--aui-ease-standard), box-shadow var(--aui-motion-fast) var(--aui-ease-standard); }
+  [data-slot="badge-remove"]:hover { opacity: 1; }
+  [data-slot="badge-remove"]:focus-visible { outline: none; box-shadow: 0 0 0 2px color-mix(in oklch, currentColor, transparent 65%); }
+  [data-slot="badge-remove"] svg { width: 0.75rem; height: 0.75rem; }
+
   [data-slot="badge"][data-variant="default"] {
     border-color: color-mix(in oklch, var(--primary), transparent 64%);
     background: color-mix(in oklch, var(--primary), transparent 82%);
@@ -545,6 +824,22 @@
     box-shadow: var(--aui-control-panel-shadow);
   }
 
+  [data-slot="tabs-list"] { min-height: 2.75rem; gap: 0.25rem; padding: 0.25rem; }
+  [data-slot="tabs-list"][data-variant="underline"] { min-height: 2.5rem; border-inline: 0; border-top: 0; border-radius: 0; background: transparent; padding: 0; box-shadow: none; }
+  [data-slot="tabs-list"][data-variant="compact"] { min-height: 2.25rem; border-radius: var(--radius-lg); padding: 0.125rem; }
+  [data-slot="tabs-list"][data-variant="pills"] { border-radius: var(--aui-radius-pill); }
+
+  [data-slot="tabs-trigger"] { min-height: 2.25rem; gap: 0.5rem; border: 1px solid transparent; border-radius: var(--radius-md); padding: 0.375rem 0.875rem; font-size: 0.875rem; font-weight: 500; }
+  [data-slot="tabs-trigger"][data-variant="underline"] { min-height: 2.5rem; border-width: 0 0 2px; border-radius: 0; padding-inline: 0.5rem; box-shadow: none; }
+  [data-slot="tabs-trigger"][data-variant="underline"][data-selected],
+  [data-slot="tabs-trigger"][data-variant="underline"][aria-selected="true"] { border-bottom-color: var(--primary); background: transparent; box-shadow: none; }
+  [data-slot="tabs-trigger"][data-variant="pills"] { border-radius: var(--aui-radius-pill); }
+  [data-slot="tabs-trigger"][data-variant="compact"] { min-height: 2rem; padding-inline: 0.625rem; font-size: 0.75rem; }
+  [data-slot="tabs-trigger"] svg { width: 1rem; height: 1rem; flex-shrink: 0; }
+
+  [data-slot="tabs-content"] { margin-top: 0.75rem; }
+  [data-slot="tabs-content"]:focus-visible { outline: none; box-shadow: 0 0 0 1px var(--aui-focus-ring), 0 0 0 5px var(--aui-focus-ring-soft); }
+
   [data-slot="tabs-trigger"][data-slot="tabs-trigger"] {
     color: var(--muted-foreground);
   }
@@ -573,6 +868,29 @@
     box-shadow: var(--aui-card-shadow);
   }
 
+  [data-slot="card"] {
+    --card-spacing: 1.25rem;
+    color: var(--card-foreground);
+    font-size: 0.875rem;
+    transition: background-color var(--aui-motion-normal) var(--aui-ease-standard), border-color var(--aui-motion-normal) var(--aui-ease-standard), box-shadow var(--aui-motion-normal) var(--aui-ease-standard), transform var(--aui-motion-normal) var(--aui-ease-standard), opacity var(--aui-motion-normal) var(--aui-ease-standard);
+  }
+
+  [data-slot="card"][data-size="sm"] { --card-spacing: 1rem; }
+  [data-slot="card"][data-size="lg"] { --card-spacing: 1.5rem; }
+  [data-slot="card"][data-density="compact"] { font-size: 0.75rem; }
+  [data-slot="card"][data-density="comfortable"] { font-size: 1rem; }
+  [data-slot="card"][data-variant="ghost"] { border-color: transparent; background: transparent; box-shadow: none; }
+  [data-slot="card"] > img:first-child { border-radius: var(--aui-card-radius) var(--aui-card-radius) 0 0; }
+  [data-slot="card"] > img:last-child { border-radius: 0 0 var(--aui-card-radius) var(--aui-card-radius); }
+
+  [data-slot="card-header"] { border-radius: var(--aui-card-radius) var(--aui-card-radius) 0 0; }
+  [data-slot="card-eyebrow"] { color: color-mix(in oklch, var(--muted-foreground), transparent 20%); font-size: 0.6875rem; font-weight: 650; letter-spacing: 0.18em; text-transform: uppercase; }
+  [data-slot="card-title"] { font-family: var(--font-heading); font-size: 1.05rem; font-weight: 650; line-height: 1.35; letter-spacing: -0.02em; }
+  [data-slot="card"][data-size="sm"] [data-slot="card-title"] { font-size: 0.875rem; }
+  [data-slot="card"][data-size="lg"] [data-slot="card-title"] { font-size: 1.25rem; }
+  [data-slot="card-description"] { color: var(--muted-foreground); font-size: 0.875rem; line-height: 1.5rem; }
+  [data-slot="card-footer"] { border-top: 1px solid color-mix(in oklch, var(--border), transparent 40%); border-radius: 0 0 var(--aui-card-radius) var(--aui-card-radius); background: color-mix(in oklch, var(--muted), transparent 78%); }
+
   [data-slot="card"][data-variant="elevated"] {
     box-shadow: 0 1px 0 oklch(1 0 0 / 76%), 0 24px 58px oklch(0.24 0.02 255 / 10%);
   }
@@ -655,13 +973,345 @@
   [data-slot="dropdown-menu-content"][data-slot="dropdown-menu-content"],
   [data-slot="dialog-content"][data-slot="dialog-content"],
   [data-slot="sheet-content"][data-slot="sheet-content"],
+  [data-slot="select-trigger"] { padding-inline: 0.75rem; font-size: 0.875rem; transition: background-color var(--aui-motion-fast) var(--aui-ease-standard), border-color var(--aui-motion-fast) var(--aui-ease-standard), box-shadow var(--aui-motion-fast) var(--aui-ease-standard), color var(--aui-motion-fast) var(--aui-ease-standard); }
+  [data-slot="select-trigger"][data-size="sm"] { height: 2.25rem; border-radius: var(--radius-sm); }
+  [data-slot="select-trigger"][data-size="default"] { height: 2.75rem; }
+  [data-slot="select-trigger"][data-size="lg"] { height: 3rem; }
+  [data-slot="select-icon"] { width: 1rem; height: 1rem; color: var(--muted-foreground); }
+  [data-slot="select-icon"] svg { width: 1rem; height: 1rem; }
+  [data-slot="select-content"] { padding: 0.375rem; }
+  [data-slot="select-label"] { padding: 0.375rem 0.5rem; color: var(--muted-foreground); font-size: 0.6875rem; font-weight: 650; letter-spacing: 0.14em; text-transform: uppercase; }
+  [data-slot="select-item"] { border: 1px solid transparent; border-radius: var(--aui-control-radius); padding: 0.625rem 2.25rem 0.625rem 0.75rem; color: var(--foreground); font-size: 0.875rem; transition: background-color var(--aui-motion-fast) var(--aui-ease-standard), border-color var(--aui-motion-fast) var(--aui-ease-standard), color var(--aui-motion-fast) var(--aui-ease-standard); }
+  [data-slot="select-item"][data-disabled] { pointer-events: none; opacity: var(--aui-disabled-opacity); }
+  [data-slot="select-separator"] { height: 1px; margin: 0.375rem -0.25rem; background: color-mix(in oklch, var(--border), transparent 20%); }
+
   [data-slot="select-content"][data-slot="select-content"] {
     border-color: var(--aui-overlay-border);
     background: var(--aui-overlay-surface);
     box-shadow: var(--aui-popover-shadow);
   }
 
-  [data-slot="dialog-footer"][data-slot="dialog-footer"] {
+[data-slot="info-card"] {
+  overflow: hidden;
+  transition:
+    background-color var(--aui-motion-normal) var(--aui-ease-standard),
+    border-color var(--aui-motion-normal) var(--aui-ease-standard),
+    box-shadow var(--aui-motion-normal) var(--aui-ease-standard);
+}
+
+[data-slot="info-card"][data-selected="true"] {
+  border-color: var(--primary);
+  box-shadow: 0 0 0 1px var(--primary);
+}
+
+[data-slot="info-card"][data-disabled="true"] {
+  pointer-events: none;
+  opacity: var(--aui-disabled-opacity);
+}
+
+[data-slot="info-card"][data-interactive="true"] {
+  cursor: pointer;
+}
+
+[data-slot="info-card"][data-interactive="true"]:hover {
+  background: color-mix(in srgb, var(--aui-surface-muted) 55%, var(--card));
+  border-color: color-mix(in srgb, var(--primary) 28%, var(--aui-card-border));
+}
+
+[data-slot="info-card-body"],
+[data-slot="info-card-loading"] {
+  padding: 1rem;
+}
+
+[data-slot="info-card"][data-info-density="compact"] :is([data-slot="info-card-body"], [data-slot="info-card-loading"]) {
+  padding: 0.75rem;
+}
+
+[data-slot="info-card"][data-info-density="comfortable"] :is([data-slot="info-card-body"], [data-slot="info-card-loading"]) {
+  padding: 1.25rem;
+}
+
+[data-slot="info-card-media"] {
+  overflow: hidden;
+  background: var(--aui-surface-muted);
+  border-bottom: 1px solid var(--aui-card-border);
+}
+
+[data-slot="info-card"][data-orientation="horizontal"] [data-slot="info-card-media"] {
+  border-right: 1px solid var(--aui-card-border);
+  border-bottom: 0;
+}
+
+[data-slot="info-card-icon"] {
+  width: 2.25rem;
+  height: 2.25rem;
+  border: 1px solid var(--aui-card-border);
+  border-radius: var(--aui-radius-control);
+  background: var(--aui-surface-muted);
+  color: var(--foreground);
+  box-shadow: var(--aui-shadow-xs);
+}
+
+[data-slot="info-card-eyebrow"] {
+  color: var(--muted-foreground);
+  font-size: 0.6875rem;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  line-height: 1rem;
+  text-transform: uppercase;
+}
+
+[data-slot="info-card-title"] {
+  color: var(--card-foreground);
+  font-size: 1rem;
+  font-weight: 650;
+  line-height: 1.35;
+}
+
+[data-slot="info-card"][data-info-size="sm"] [data-slot="info-card-title"] {
+  font-size: 0.875rem;
+}
+
+[data-slot="info-card"][data-info-size="lg"] [data-slot="info-card-title"] {
+  font-size: 1.125rem;
+}
+
+[data-slot="info-card-description"] {
+  color: var(--muted-foreground);
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+[data-slot="info-card-meta"] {
+  color: var(--muted-foreground);
+  font-size: 0.75rem;
+  line-height: 1.25rem;
+}
+
+[data-slot="info-card-footer"] {
+  padding-top: 0.75rem;
+  border-top: 1px solid var(--aui-card-border);
+  color: var(--muted-foreground);
+  font-size: 0.8125rem;
+}
+
+[data-slot="dialog-overlay"] {
+  background: color-mix(in srgb, var(--foreground) 42%, transparent);
+  backdrop-filter: blur(2px);
+}
+
+[data-slot="dialog-content"] {
+  border: 1px solid var(--aui-overlay-border);
+  border-radius: var(--aui-radius-overlay);
+  background: var(--popover);
+  color: var(--popover-foreground);
+  padding: 1.5rem;
+  font-size: 0.875rem;
+  box-shadow: var(--aui-shadow-lg);
+}
+
+[data-slot="dialog-content"][data-surface="plain"] {
+  border-color: transparent;
+  background: transparent;
+  padding: 0;
+  box-shadow: none;
+}
+
+[data-slot="dialog-close"] {
+  display: inline-flex;
+  width: var(--aui-control-height-sm);
+  height: var(--aui-control-height-sm);
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--aui-radius-control);
+  color: var(--muted-foreground);
+  transition:
+    background-color var(--aui-motion-fast) var(--aui-ease-standard),
+    color var(--aui-motion-fast) var(--aui-ease-standard);
+}
+
+[data-slot="dialog-close"]:hover {
+  background: var(--aui-surface-muted);
+  color: var(--foreground);
+}
+
+[data-slot="dialog-close"]:focus-visible {
+  outline: 2px solid var(--ring);
+  outline-offset: 2px;
+}
+
+[data-slot="dialog-header"] {
+  gap: 0.375rem;
+}
+
+[data-slot="dialog-title"] {
+  color: var(--foreground);
+  font-size: 1.125rem;
+  font-weight: 650;
+  line-height: 1.4;
+}
+
+[data-slot="dialog-description"] {
+  color: var(--muted-foreground);
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+[data-slot="dialog-description"] a {
+  color: inherit;
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
+
+[data-slot="dialog-description"] a:hover {
+  color: var(--foreground);
+}
+
+[data-slot="dialog-footer"] {
+  margin: 0 -1.5rem -1.5rem;
+  padding: 1.25rem;
+  border-top: 1px solid var(--aui-overlay-border);
+  background: color-mix(in srgb, var(--aui-surface-muted) 55%, transparent);
+}
+
+[data-slot="dialog-content"][data-surface="plain"] [data-slot="dialog-footer"] {
+  margin: 0;
+}
+
+[data-slot="popover-content"] {
+  border: 1px solid var(--aui-overlay-border);
+  border-radius: var(--aui-radius-overlay);
+  background: var(--popover);
+  color: var(--popover-foreground);
+  padding: 1rem;
+  font-size: 0.875rem;
+  box-shadow: var(--aui-shadow-md);
+}
+
+[data-slot="popover-header"] {
+  display: grid;
+  gap: 0.25rem;
+}
+
+[data-slot="popover-title"] {
+  color: var(--foreground);
+  font-size: 0.875rem;
+  font-weight: 650;
+  line-height: 1.25rem;
+}
+
+[data-slot="popover-description"] {
+  color: var(--muted-foreground);
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+}
+
+[data-slot="dropdown-menu-content"],
+[data-slot="dropdown-menu-sub-content"] {
+  min-width: 10rem;
+  overflow: hidden;
+  border: 1px solid var(--aui-overlay-border);
+  border-radius: var(--aui-radius-overlay);
+  background: var(--popover);
+  color: var(--popover-foreground);
+  padding: 0.25rem;
+  box-shadow: var(--aui-shadow-md);
+}
+
+:is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"]) {
+  display: flex;
+  min-height: var(--aui-control-height-sm);
+  cursor: default;
+  align-items: center;
+  gap: 0.5rem;
+  border-radius: calc(var(--aui-radius-control) - 2px);
+  padding: 0.375rem 0.5rem;
+  font-size: 0.875rem;
+  outline: none;
+  user-select: none;
+}
+
+:is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"])[data-highlighted] {
+  background: var(--aui-surface-muted);
+  color: var(--foreground);
+}
+
+:is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"])[data-disabled] {
+  pointer-events: none;
+  opacity: var(--aui-disabled-opacity);
+}
+
+[data-slot="dropdown-menu-item"][data-variant="destructive"] {
+  color: var(--destructive);
+}
+
+[data-slot="dropdown-menu-item"][data-variant="destructive"][data-highlighted] {
+  background: color-mix(in srgb, var(--destructive) 10%, transparent);
+  color: var(--destructive);
+}
+
+[data-slot="dropdown-menu-label"] {
+  padding: 0.375rem 0.5rem;
+  color: var(--muted-foreground);
+  font-size: 0.75rem;
+  font-weight: 650;
+}
+
+[data-slot="dropdown-menu-separator"] {
+  height: 1px;
+  margin: 0.25rem -0.25rem;
+  background: var(--aui-overlay-border);
+}
+
+[data-slot="dropdown-menu-shortcut"] {
+  margin-left: auto;
+  color: var(--muted-foreground);
+  font-size: 0.6875rem;
+  letter-spacing: 0.08em;
+}
+
+[data-slot="dropdown-menu-item-description"] {
+  color: var(--muted-foreground);
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+:is([data-slot="dropdown-menu-label"], [data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"])[data-inset="true"] {
+  padding-left: 2rem;
+}
+
+:is([data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"]) {
+  position: relative;
+  padding-right: 2.25rem;
+}
+
+:is([data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"])[data-checked] {
+  background: var(--aui-surface-muted);
+  font-weight: 600;
+}
+
+:is([data-slot="dropdown-menu-checkbox-item-indicator"], [data-slot="dropdown-menu-radio-item-indicator"]) {
+  pointer-events: none;
+  position: absolute;
+  right: 0.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+[data-slot="dropdown-menu-sub-icon"] {
+  margin-left: auto;
+  color: var(--muted-foreground);
+}
+
+[data-slot="dropdown-menu-shortcut"] {
+  border-radius: calc(var(--aui-radius-control) - 2px);
+  background: var(--aui-surface-muted);
+  padding: 0.125rem 0.375rem;
+  font-weight: 600;
+}
+
+[data-slot="dialog-footer"][data-slot="dialog-footer"] {
     border-color: color-mix(in oklch, var(--border), transparent 12%);
     background: var(--aui-overlay-footer-bg);
   }
@@ -713,6 +1363,18 @@
     color: var(--muted-foreground);
   }
 
+  [data-slot="async-select-option"] { border: 1px solid transparent; border-radius: var(--aui-control-radius); padding: 0.625rem 0.75rem; font-size: 0.875rem; transition: background-color var(--aui-motion-fast) var(--aui-ease-standard), border-color var(--aui-motion-fast) var(--aui-ease-standard), color var(--aui-motion-fast) var(--aui-ease-standard), box-shadow var(--aui-motion-fast) var(--aui-ease-standard); }
+  [data-slot="async-select-option"]:focus-visible { border-color: var(--aui-focus-ring); box-shadow: 0 0 0 3px var(--aui-focus-ring-soft); }
+  [data-slot="async-select-option-indicator"] { display: flex; width: 1rem; height: 1rem; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: var(--aui-radius-pill); }
+  [data-slot="async-select-option-indicator"][data-selected="true"] { border-color: var(--primary); background: var(--primary); color: var(--primary-foreground); }
+  [data-slot="async-select-option-indicator"] svg { width: 0.75rem; height: 0.75rem; }
+  [data-slot="async-select-search-icon"] { pointer-events: none; position: absolute; left: 0.625rem; top: 50%; width: 1rem; height: 1rem; transform: translateY(-50%); color: var(--muted-foreground); }
+  [data-slot="async-select-state"][data-tone="danger"] { color: var(--destructive); }
+  [data-slot="async-select-tag-remove"] { border-radius: var(--aui-radius-pill); padding: 0.125rem; color: var(--muted-foreground); transition: background-color var(--aui-motion-fast) var(--aui-ease-standard), color var(--aui-motion-fast) var(--aui-ease-standard); }
+  [data-slot="async-select-tag-remove"]:hover { background: var(--background); color: var(--foreground); }
+  [data-slot="async-select-tag-remove"] svg { width: 0.75rem; height: 0.75rem; }
+  [data-slot="async-select-tag-overflow"] { border: 1px dashed var(--aui-card-border); border-radius: var(--radius-sm); background: color-mix(in oklch, var(--muted), transparent 58%); padding: 0.25rem 0.5rem; color: var(--muted-foreground); font-size: 0.75rem; font-weight: 500; }
+
   [data-slot="async-select-content"][data-slot="async-select-content"] {
     border-color: var(--aui-overlay-border);
     background: var(--aui-overlay-surface);
@@ -868,7 +1530,47 @@
 
   [data-slot="app-sidebar-item"][data-slot="app-sidebar-item"] {
     background: var(--aui-sidebar-item-bg);
-    color: color-mix(in oklch, var(--sidebar-foreground), transparent 8%);
+    color: color-mix(in oklch, var(--sidebar-foreground), transparent 2%);
+  }
+
+  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"]) {
+    color: color-mix(in oklch, var(--sidebar-foreground), transparent 24%);
+  }
+
+  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"])[data-size="sm"] {
+    min-height: var(--aui-control-height-sm);
+    border-radius: var(--radius-md);
+    padding-inline: 0.5rem;
+    font-size: 0.8125rem;
+  }
+
+  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"])[data-size="md"] {
+    min-height: 2.25rem;
+    border-radius: var(--aui-control-radius);
+    padding-inline: 0.625rem;
+  }
+
+  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"])[data-size="lg"] {
+    min-height: var(--aui-control-height-lg);
+    border-radius: var(--aui-radius-surface);
+    padding-inline: 0.875rem;
+    font-size: 0.9375rem;
+  }
+
+  [data-slot="app-sidebar"][data-collapsed="true"] :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"]) {
+    padding-inline: 0.5rem;
+  }
+
+  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"])[data-active="true"][data-active-indicator="bar"] {
+    box-shadow: inset 3px 0 0 var(--aui-sidebar-item-indicator), inset 0 1px 0 oklch(1 0 0 / 8%), 0 10px 24px color-mix(in oklch, var(--sidebar-primary), transparent 88%);
+  }
+
+  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"])[data-active="true"][data-active-indicator="pill"] {
+    box-shadow: inset 0 1px 0 oklch(1 0 0 / 8%), 0 10px 24px color-mix(in oklch, var(--sidebar-primary), transparent 88%);
+  }
+
+  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"])[data-active="true"][data-active-indicator="none"] {
+    box-shadow: none;
   }
 
   [data-slot="app-sidebar-item"][data-slot="app-sidebar-item"]:hover {
@@ -889,7 +1591,7 @@
   }
 
   [data-slot="app-sidebar-group-trigger"][data-slot="app-sidebar-group-trigger"] {
-    color: color-mix(in oklch, var(--sidebar-foreground), transparent 8%);
+    color: color-mix(in oklch, var(--sidebar-foreground), transparent 2%);
   }
 
   [data-slot="app-sidebar-group-trigger"][data-slot="app-sidebar-group-trigger"]:hover {
@@ -903,7 +1605,7 @@
   }
 
   [data-slot="app-sidebar-group-label"][data-slot="app-sidebar-group-label"] {
-    color: color-mix(in oklch, var(--sidebar-foreground), transparent 42%);
+    color: var(--aui-sidebar-section-label);
   }
 
   [data-slot="app-sidebar-footer-secondary"][data-slot="app-sidebar-footer-secondary"] {
@@ -914,7 +1616,7 @@
   [data-slot="app-sidebar-action"][data-slot="app-sidebar-action"],
   [data-slot="app-sidebar-account"][data-slot="app-sidebar-account"] {
     background: color-mix(in oklch, var(--sidebar), transparent 24%);
-    color: color-mix(in oklch, var(--sidebar-foreground), transparent 10%);
+    color: var(--aui-sidebar-action-fg);
   }
 
   [data-slot="app-sidebar-action"][data-slot="app-sidebar-action"]:hover,
@@ -938,6 +1640,46 @@
     color: var(--muted-foreground);
   }
 
+  [data-slot="sidebar-nav-item"] {
+    color: var(--aui-page-muted-strong, var(--muted-foreground));
+  }
+
+  [data-slot="sidebar-nav-item"][data-size="sm"] {
+    min-height: var(--aui-control-height-sm);
+    border-radius: var(--radius-lg);
+    padding-inline: 0.5rem;
+    font-size: 0.8125rem;
+  }
+
+  [data-slot="sidebar-nav-item"][data-size="md"] {
+    min-height: 2.25rem;
+    border-radius: var(--aui-radius-surface);
+    padding-inline: 0.625rem;
+  }
+
+  [data-slot="sidebar-nav-item"][data-size="lg"] {
+    min-height: var(--aui-control-height-lg);
+    border-radius: var(--aui-radius-surface);
+    padding-inline: 0.75rem;
+    font-size: 0.9375rem;
+  }
+
+  [data-slot="sidebar-nav"][data-collapsed="true"] [data-slot="sidebar-nav-item"] {
+    padding-inline: 0;
+  }
+
+  [data-slot="sidebar-nav-item"][data-active="true"][data-active-indicator="bar"] {
+    box-shadow: inset 3px 0 0 var(--aui-sidebar-nav-active-indicator), inset 0 1px 0 oklch(1 0 0 / 20%);
+  }
+
+  [data-slot="sidebar-nav-item"][data-active="true"][data-active-indicator="pill"] {
+    box-shadow: 0 10px 24px color-mix(in oklch, var(--primary), transparent 88%), inset 0 1px 0 oklch(1 0 0 / 20%);
+  }
+
+  [data-slot="sidebar-nav-item"][data-active="true"][data-active-indicator="none"] {
+    box-shadow: none;
+  }
+
   [data-slot="sidebar-nav-item"][data-slot="sidebar-nav-item"]:hover {
     border-color: var(--aui-sidebar-nav-item-active-border);
     background: var(--aui-sidebar-nav-item-hover-bg);
@@ -961,7 +1703,7 @@
   }
 
   [data-slot="sidebar-nav-group-label"][data-slot="sidebar-nav-group-label"] {
-    color: color-mix(in oklch, var(--muted-foreground), transparent 12%);
+    color: color-mix(in oklch, var(--muted-foreground), transparent 4%);
   }
 
   [data-slot="breadcrumbs-collapsed"][data-slot="breadcrumbs-collapsed"] {
@@ -980,4 +1722,43 @@
     border-color: var(--primary);
     background: color-mix(in oklch, var(--primary), transparent 93%);
   }
+
+  [data-slot="statistic-card"] {
+    border-color: var(--aui-surface-border);
+    background: var(--aui-surface);
+    box-shadow: var(--aui-shadow-card);
+  }
+
+  [data-slot="statistic-label"],
+  [data-slot="statistic-prefix"],
+  [data-slot="statistic-suffix"],
+  [data-slot="statistic-meta"] {
+    color: var(--muted-foreground);
+  }
+
+  [data-slot="statistic-change"][data-trend="up"] { color: var(--aui-success-fg); background: var(--aui-success-bg); }
+  [data-slot="statistic-change"][data-trend="down"] { color: var(--destructive); background: color-mix(in oklch, var(--destructive), transparent 90%); }
+
+  [data-slot="page-state"] {
+    border-color: var(--aui-surface-border);
+    border-radius: var(--aui-radius-panel);
+    background: var(--aui-surface);
+    box-shadow: var(--aui-shadow-card);
+  }
+
+  [data-slot="page-state-icon"] { color: var(--muted-foreground); background: var(--aui-surface-muted); }
+  [data-slot="page-state"][data-tone="error"] [data-slot="page-state-icon"] { color: var(--destructive); background: color-mix(in oklch, var(--destructive), transparent 90%); }
+  [data-slot="page-state"][data-tone="success"] [data-slot="page-state-icon"] { color: var(--aui-success-fg); background: var(--aui-success-bg); }
+  [data-slot="page-state"][data-tone="info"] [data-slot="page-state-icon"] { color: var(--aui-info-fg); background: var(--aui-info-bg); }
+
+  [data-slot="file-upload-dropzone"],
+  [data-slot="file-upload-item"] {
+    border-color: var(--aui-surface-border);
+    background: var(--aui-surface);
+    box-shadow: var(--aui-shadow-card);
+  }
+
+  [data-slot="file-upload-file-status"][data-status="success"] { color: var(--aui-success-fg); background: var(--aui-success-bg); }
+  [data-slot="file-upload-file-status"][data-status="error"] { color: var(--destructive); background: color-mix(in oklch, var(--destructive), transparent 90%); }
+  [data-slot="file-upload-progress-bar"] { background: var(--primary); }
 }