@kazee-ds/styles 0.0.0-stage → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.css +1 -0
  2. package/package.json +33 -3
  3. package/README.md +0 -3
package/dist/index.css ADDED
@@ -0,0 +1 @@
1
+ :root{--ds-color-brand-50:#f1f5fe;--ds-color-brand-100:#e3ebfd;--ds-color-brand-200:#c6d6fa;--ds-color-brand-300:#a4bcf6;--ds-color-brand-400:#789aef;--ds-color-brand-500:#4372ea;--ds-color-brand-600:#3564dc;--ds-color-brand-700:#2b50b5;--ds-color-brand-800:#254293;--ds-color-brand-900:#243b76;--ds-color-brand-950:#19264b;--ds-color-neutral-0:#fff;--ds-color-neutral-50:#f9fafb;--ds-color-neutral-100:#f3f4f6;--ds-color-neutral-200:#e5e7eb;--ds-color-neutral-300:#d1d5db;--ds-color-neutral-400:#9ca3af;--ds-color-neutral-500:#6b7280;--ds-color-neutral-600:#4b5563;--ds-color-neutral-700:#374151;--ds-color-neutral-800:#1f2937;--ds-color-neutral-900:#111827;--ds-color-neutral-950:#030712;--ds-color-neutral-1000:#000;--ds-color-blue-50:#eff6ff;--ds-color-blue-100:#dbeafe;--ds-color-blue-200:#bfdbfe;--ds-color-blue-300:#93c5fd;--ds-color-blue-400:#60a5fa;--ds-color-blue-500:#3b82f6;--ds-color-blue-600:#2563eb;--ds-color-blue-700:#1d4ed8;--ds-color-blue-800:#1e40af;--ds-color-blue-900:#1e3a8a;--ds-color-blue-950:#172554;--ds-color-green-50:#f0fdf4;--ds-color-green-100:#dcfce7;--ds-color-green-200:#bbf7d0;--ds-color-green-300:#86efac;--ds-color-green-400:#4ade80;--ds-color-green-500:#22c55e;--ds-color-green-600:#16a34a;--ds-color-green-700:#15803d;--ds-color-green-800:#166534;--ds-color-green-900:#14532d;--ds-color-green-950:#052e16;--ds-color-amber-50:#fffbeb;--ds-color-amber-100:#fef3c7;--ds-color-amber-200:#fde68a;--ds-color-amber-300:#fcd34d;--ds-color-amber-400:#fbbf24;--ds-color-amber-500:#f59e0b;--ds-color-amber-600:#d97706;--ds-color-amber-700:#b45309;--ds-color-amber-800:#92400e;--ds-color-amber-900:#78350f;--ds-color-amber-950:#451a03;--ds-color-red-50:#fef2f2;--ds-color-red-100:#fee2e2;--ds-color-red-200:#fecaca;--ds-color-red-300:#fca5a5;--ds-color-red-400:#f87171;--ds-color-red-500:#ef4444;--ds-color-red-600:#dc2626;--ds-color-red-700:#b91c1c;--ds-color-red-800:#991b1b;--ds-color-red-900:#7f1d1d;--ds-color-red-950:#450a0a;--ds-color-violet-50:#f5f3ff;--ds-color-violet-100:#ede9fe;--ds-color-violet-200:#ddd6fe;--ds-color-violet-300:#c4b5fd;--ds-color-violet-400:#a78bfa;--ds-color-violet-500:#8b5cf6;--ds-color-violet-600:#7c3aed;--ds-color-violet-700:#6d28d9;--ds-color-violet-800:#5b21b6;--ds-color-violet-900:#4c1d95;--ds-color-violet-950:#2e1065;--ds-color-teal-50:#f0fdfa;--ds-color-teal-100:#ccfbf1;--ds-color-teal-200:#99f6e4;--ds-color-teal-300:#5eead4;--ds-color-teal-400:#2dd4bf;--ds-color-teal-500:#14b8a6;--ds-color-teal-600:#0d9488;--ds-color-teal-700:#0f766e;--ds-color-teal-800:#115e59;--ds-color-teal-900:#134e4a;--ds-color-teal-950:#042f2e;--ds-color-cyan-50:#ecfeff;--ds-color-cyan-100:#cffafe;--ds-color-cyan-200:#a5f3fc;--ds-color-cyan-300:#67e8f9;--ds-color-cyan-400:#22d3ee;--ds-color-cyan-500:#06b6d4;--ds-color-cyan-600:#0891b2;--ds-color-cyan-700:#0e7490;--ds-color-cyan-800:#155e75;--ds-color-cyan-900:#164e63;--ds-color-cyan-950:#083344;--ds-color-pink-50:#fdf2f8;--ds-color-pink-100:#fce7f3;--ds-color-pink-200:#fbcfe8;--ds-color-pink-300:#f9a8d4;--ds-color-pink-400:#f472b6;--ds-color-pink-500:#ec4899;--ds-color-pink-600:#db2777;--ds-color-pink-700:#be185d;--ds-color-pink-800:#9d174d;--ds-color-pink-900:#831843;--ds-color-pink-950:#500724;--ds-space-1:.25rem;--ds-space-2:.5rem;--ds-space-3:.75rem;--ds-space-4:1rem;--ds-radius-md:.5rem;--ds-radius-field:.75rem;--ds-radius-surface:1rem;--ds-font-family-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-font-size-sm:.875rem;--ds-font-size-md:1rem;--ds-motion-duration-fast:.12s;--ds-motion-duration-normal:.16s;--ds-motion-ease-standard:cubic-bezier(.2, .8, .2, 1);--ds-shadow-popover:0 4px 16px #0000001f;--ds-shadow-field:0 1px 2px #0000000a}:root,[data-theme=light]{--ds-color-action-primary:var(--ds-color-brand-600);--ds-color-action-primary-hover:var(--ds-color-brand-700);--ds-color-action-on-primary:var(--ds-color-neutral-0);--ds-color-action-secondary:var(--ds-color-neutral-100);--ds-color-action-secondary-hover:var(--ds-color-neutral-200);--ds-color-action-on-secondary:var(--ds-color-neutral-900);--ds-color-action-danger:var(--ds-color-red-600);--ds-color-action-danger-hover:var(--ds-color-red-700);--ds-color-action-on-danger:var(--ds-color-neutral-0);--ds-color-action-ai-foreground:var(--ds-color-brand-700);--ds-color-action-ai-border-start:var(--ds-color-brand-500);--ds-color-action-ai-border-end:var(--ds-color-pink-500);--ds-color-action-primary-pressed:var(--ds-color-brand-800);--ds-color-action-secondary-pressed:var(--ds-color-neutral-300);--ds-color-action-danger-pressed:var(--ds-color-red-800);--ds-color-surface-default:var(--ds-color-neutral-0);--ds-color-surface-raised:var(--ds-color-neutral-0);--ds-color-surface-sunken:var(--ds-color-neutral-50);--ds-color-surface-overlay:var(--ds-color-neutral-0);--ds-color-surface-hover:var(--ds-color-neutral-50);--ds-color-text-default:var(--ds-color-neutral-900);--ds-color-text-muted:var(--ds-color-neutral-600);--ds-color-text-danger:var(--ds-color-red-700);--ds-color-text-subtle:var(--ds-color-neutral-500);--ds-color-text-disabled:var(--ds-color-neutral-400);--ds-color-text-inverse:var(--ds-color-neutral-0);--ds-color-text-link:var(--ds-color-brand-700);--ds-color-text-link-hover:var(--ds-color-brand-800);--ds-color-text-success:var(--ds-color-green-700);--ds-color-text-warning:var(--ds-color-amber-800);--ds-color-text-info:var(--ds-color-blue-700);--ds-color-border-control:var(--ds-color-neutral-500);--ds-color-border-subtle:var(--ds-color-neutral-200);--ds-color-border-strong:var(--ds-color-neutral-600);--ds-color-border-hover:var(--ds-color-neutral-600);--ds-color-border-focus:var(--ds-color-brand-600);--ds-color-border-disabled:var(--ds-color-neutral-200);--ds-color-focus-ring:var(--ds-color-brand-600);--ds-color-item-highlight:var(--ds-color-neutral-100);--ds-color-status-info:var(--ds-color-blue-700);--ds-color-status-success:var(--ds-color-green-700);--ds-color-status-warning:var(--ds-color-amber-700);--ds-color-status-info-solid:var(--ds-color-blue-600);--ds-color-status-info-hover:var(--ds-color-blue-800);--ds-color-status-info-foreground:var(--ds-color-neutral-0);--ds-color-status-info-soft:var(--ds-color-blue-50);--ds-color-status-info-soft-hover:var(--ds-color-blue-100);--ds-color-status-info-soft-foreground:var(--ds-color-blue-700);--ds-color-status-info-border:var(--ds-color-blue-200);--ds-color-status-success-solid:var(--ds-color-green-700);--ds-color-status-success-hover:var(--ds-color-green-800);--ds-color-status-success-foreground:var(--ds-color-neutral-0);--ds-color-status-success-soft:var(--ds-color-green-50);--ds-color-status-success-soft-hover:var(--ds-color-green-100);--ds-color-status-success-soft-foreground:var(--ds-color-green-700);--ds-color-status-success-border:var(--ds-color-green-200);--ds-color-status-warning-solid:var(--ds-color-amber-400);--ds-color-status-warning-hover:var(--ds-color-amber-500);--ds-color-status-warning-foreground:var(--ds-color-neutral-950);--ds-color-status-warning-soft:var(--ds-color-amber-50);--ds-color-status-warning-soft-hover:var(--ds-color-amber-100);--ds-color-status-warning-soft-foreground:var(--ds-color-amber-800);--ds-color-status-warning-border:var(--ds-color-amber-200);--ds-color-status-danger:var(--ds-color-red-700);--ds-color-status-danger-solid:var(--ds-color-red-600);--ds-color-status-danger-hover:var(--ds-color-red-800);--ds-color-status-danger-foreground:var(--ds-color-neutral-0);--ds-color-status-danger-soft:var(--ds-color-red-50);--ds-color-status-danger-soft-hover:var(--ds-color-red-100);--ds-color-status-danger-soft-foreground:var(--ds-color-red-700);--ds-color-status-danger-border:var(--ds-color-red-200);--ds-color-overlay-backdrop:var(--ds-color-neutral-900);--ds-color-overlay-scrim:color-mix(in srgb, var(--ds-color-neutral-900) 50%, transparent);--ds-color-overlay-foreground:var(--ds-color-neutral-0);--ds-color-overlay-background:var(--ds-color-neutral-900);--ds-color-background-default:var(--ds-color-neutral-50);--ds-color-background-subtle:var(--ds-color-neutral-100);--ds-color-background-muted:var(--ds-color-neutral-200);--ds-color-background-inverse:var(--ds-color-neutral-900);--ds-color-field-background:var(--ds-color-neutral-0);--ds-color-field-hover:var(--ds-color-neutral-50);--ds-color-field-focus:var(--ds-color-neutral-0);--ds-color-field-foreground:var(--ds-color-neutral-900);--ds-color-field-placeholder:var(--ds-color-neutral-600);--ds-color-field-border:var(--ds-color-neutral-500);--ds-color-field-border-hover:var(--ds-color-neutral-600);--ds-color-field-border-focus:var(--ds-color-brand-600);--ds-color-field-disabled-background:var(--ds-color-neutral-100);--ds-color-field-disabled-foreground:var(--ds-color-neutral-400);--ds-color-field-read-only:var(--ds-color-neutral-0);--ds-color-accent-default:var(--ds-color-brand-600);--ds-color-accent-hover:var(--ds-color-brand-700);--ds-color-accent-pressed:var(--ds-color-brand-800);--ds-color-accent-foreground:var(--ds-color-neutral-0);--ds-color-accent-soft:var(--ds-color-brand-50);--ds-color-accent-soft-hover:var(--ds-color-brand-100);--ds-color-accent-soft-foreground:var(--ds-color-brand-700);--ds-color-neutral-default:var(--ds-color-neutral-100);--ds-color-neutral-hover:var(--ds-color-neutral-200);--ds-color-neutral-pressed:var(--ds-color-neutral-300);--ds-color-neutral-foreground:var(--ds-color-neutral-900);--ds-color-neutral-soft:var(--ds-color-neutral-50);--ds-color-neutral-soft-hover:var(--ds-color-neutral-100);--ds-color-neutral-soft-foreground:var(--ds-color-neutral-600);--ds-color-selection-background:var(--ds-color-brand-50);--ds-color-selection-foreground:var(--ds-color-brand-700);--ds-color-selection-border:var(--ds-color-brand-600);--ds-color-chart-series-1:var(--ds-color-brand-600);--ds-color-chart-series-2:var(--ds-color-violet-600);--ds-color-chart-series-3:var(--ds-color-teal-700);--ds-color-chart-series-4:var(--ds-color-amber-700);--ds-color-chart-series-5:var(--ds-color-pink-600);--ds-color-chart-series-6:var(--ds-color-cyan-700);--ds-color-chart-series-7:var(--ds-color-green-600);--ds-color-chart-series-8:var(--ds-color-red-600);--ds-color-chart-grid:var(--ds-color-neutral-200);--ds-color-chart-axis:var(--ds-color-neutral-500);--ds-color-chart-label:var(--ds-color-neutral-600);--ds-color-brand-primary:var(--ds-color-brand-500)}[data-theme=dark]{--ds-color-action-primary:var(--ds-color-brand-600);--ds-color-action-primary-hover:var(--ds-color-brand-700);--ds-color-action-on-primary:var(--ds-color-neutral-0);--ds-color-action-secondary:var(--ds-color-neutral-800);--ds-color-action-secondary-hover:var(--ds-color-neutral-700);--ds-color-action-on-secondary:var(--ds-color-neutral-50);--ds-color-action-danger:var(--ds-color-red-600);--ds-color-action-danger-hover:var(--ds-color-red-700);--ds-color-action-on-danger:var(--ds-color-neutral-0);--ds-color-action-ai-foreground:var(--ds-color-brand-300);--ds-color-action-ai-border-start:var(--ds-color-brand-500);--ds-color-action-ai-border-end:var(--ds-color-pink-400);--ds-color-action-primary-pressed:var(--ds-color-brand-800);--ds-color-action-secondary-pressed:var(--ds-color-neutral-600);--ds-color-action-danger-pressed:var(--ds-color-red-800);--ds-color-surface-default:var(--ds-color-neutral-900);--ds-color-surface-raised:var(--ds-color-neutral-800);--ds-color-surface-sunken:var(--ds-color-neutral-950);--ds-color-surface-overlay:var(--ds-color-neutral-800);--ds-color-surface-hover:var(--ds-color-neutral-800);--ds-color-text-default:var(--ds-color-neutral-50);--ds-color-text-muted:var(--ds-color-neutral-300);--ds-color-text-danger:var(--ds-color-red-300);--ds-color-text-subtle:var(--ds-color-neutral-400);--ds-color-text-disabled:var(--ds-color-neutral-600);--ds-color-text-inverse:var(--ds-color-neutral-900);--ds-color-text-link:var(--ds-color-brand-300);--ds-color-text-link-hover:var(--ds-color-brand-200);--ds-color-text-success:var(--ds-color-green-300);--ds-color-text-warning:var(--ds-color-amber-300);--ds-color-text-info:var(--ds-color-blue-300);--ds-color-border-control:var(--ds-color-neutral-500);--ds-color-border-subtle:var(--ds-color-neutral-700);--ds-color-border-strong:var(--ds-color-neutral-400);--ds-color-border-hover:var(--ds-color-neutral-400);--ds-color-border-focus:var(--ds-color-brand-400);--ds-color-border-disabled:var(--ds-color-neutral-700);--ds-color-focus-ring:var(--ds-color-brand-400);--ds-color-item-highlight:var(--ds-color-neutral-700);--ds-color-status-info:var(--ds-color-blue-300);--ds-color-status-success:var(--ds-color-green-300);--ds-color-status-warning:var(--ds-color-amber-300);--ds-color-status-info-solid:var(--ds-color-blue-400);--ds-color-status-info-hover:var(--ds-color-blue-300);--ds-color-status-info-foreground:var(--ds-color-neutral-950);--ds-color-status-info-soft:var(--ds-color-blue-950);--ds-color-status-info-soft-hover:var(--ds-color-blue-900);--ds-color-status-info-soft-foreground:var(--ds-color-blue-300);--ds-color-status-info-border:var(--ds-color-blue-800);--ds-color-status-success-solid:var(--ds-color-green-400);--ds-color-status-success-hover:var(--ds-color-green-300);--ds-color-status-success-foreground:var(--ds-color-neutral-950);--ds-color-status-success-soft:var(--ds-color-green-950);--ds-color-status-success-soft-hover:var(--ds-color-green-900);--ds-color-status-success-soft-foreground:var(--ds-color-green-300);--ds-color-status-success-border:var(--ds-color-green-800);--ds-color-status-warning-solid:var(--ds-color-amber-400);--ds-color-status-warning-hover:var(--ds-color-amber-300);--ds-color-status-warning-foreground:var(--ds-color-neutral-950);--ds-color-status-warning-soft:var(--ds-color-amber-950);--ds-color-status-warning-soft-hover:var(--ds-color-amber-900);--ds-color-status-warning-soft-foreground:var(--ds-color-amber-300);--ds-color-status-warning-border:var(--ds-color-amber-800);--ds-color-status-danger:var(--ds-color-red-300);--ds-color-status-danger-solid:var(--ds-color-red-400);--ds-color-status-danger-hover:var(--ds-color-red-300);--ds-color-status-danger-foreground:var(--ds-color-neutral-950);--ds-color-status-danger-soft:var(--ds-color-red-950);--ds-color-status-danger-soft-hover:var(--ds-color-red-900);--ds-color-status-danger-soft-foreground:var(--ds-color-red-300);--ds-color-status-danger-border:var(--ds-color-red-800);--ds-color-overlay-backdrop:var(--ds-color-neutral-900);--ds-color-overlay-scrim:color-mix(in srgb, var(--ds-color-neutral-900) 50%, transparent);--ds-color-overlay-foreground:var(--ds-color-neutral-900);--ds-color-overlay-background:var(--ds-color-neutral-50);--ds-color-background-default:var(--ds-color-neutral-950);--ds-color-background-subtle:var(--ds-color-neutral-900);--ds-color-background-muted:var(--ds-color-neutral-800);--ds-color-background-inverse:var(--ds-color-neutral-50);--ds-color-field-background:var(--ds-color-neutral-900);--ds-color-field-hover:var(--ds-color-neutral-800);--ds-color-field-focus:var(--ds-color-neutral-900);--ds-color-field-foreground:var(--ds-color-neutral-50);--ds-color-field-placeholder:var(--ds-color-neutral-300);--ds-color-field-border:var(--ds-color-neutral-500);--ds-color-field-border-hover:var(--ds-color-neutral-400);--ds-color-field-border-focus:var(--ds-color-brand-400);--ds-color-field-disabled-background:var(--ds-color-neutral-800);--ds-color-field-disabled-foreground:var(--ds-color-neutral-500);--ds-color-field-read-only:var(--ds-color-neutral-800);--ds-color-accent-default:var(--ds-color-brand-600);--ds-color-accent-hover:var(--ds-color-brand-700);--ds-color-accent-pressed:var(--ds-color-brand-800);--ds-color-accent-foreground:var(--ds-color-neutral-0);--ds-color-accent-soft:var(--ds-color-brand-950);--ds-color-accent-soft-hover:var(--ds-color-brand-900);--ds-color-accent-soft-foreground:var(--ds-color-brand-300);--ds-color-neutral-default:var(--ds-color-neutral-800);--ds-color-neutral-hover:var(--ds-color-neutral-700);--ds-color-neutral-pressed:var(--ds-color-neutral-600);--ds-color-neutral-foreground:var(--ds-color-neutral-50);--ds-color-neutral-soft:var(--ds-color-neutral-900);--ds-color-neutral-soft-hover:var(--ds-color-neutral-800);--ds-color-neutral-soft-foreground:var(--ds-color-neutral-300);--ds-color-selection-background:var(--ds-color-brand-950);--ds-color-selection-foreground:var(--ds-color-brand-300);--ds-color-selection-border:var(--ds-color-brand-400);--ds-color-chart-series-1:var(--ds-color-brand-400);--ds-color-chart-series-2:var(--ds-color-violet-400);--ds-color-chart-series-3:var(--ds-color-teal-400);--ds-color-chart-series-4:var(--ds-color-amber-400);--ds-color-chart-series-5:var(--ds-color-pink-400);--ds-color-chart-series-6:var(--ds-color-cyan-400);--ds-color-chart-series-7:var(--ds-color-green-400);--ds-color-chart-series-8:var(--ds-color-red-400);--ds-color-chart-grid:var(--ds-color-neutral-700);--ds-color-chart-axis:var(--ds-color-neutral-500);--ds-color-chart-label:var(--ds-color-neutral-300);--ds-color-brand-primary:var(--ds-color-brand-500)}.button{--button-icon-size:1.25rem;--button-bg:transparent;--button-bg-hover:var(--button-bg);--button-bg-pressed:var(--button-bg-hover);--button-fg:currentColor;box-sizing:border-box;justify-content:center;align-items:center;gap:var(--ds-space-2);height:2.5rem;padding-inline:var(--ds-space-4);border-radius:var(--ds-radius-md);background-color:var(--button-bg);color:var(--button-fg);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-sm);white-space:nowrap;cursor:pointer;user-select:none;border:1px solid #0000;font-weight:500;line-height:1;transition:background-color .1s ease-out,transform .15s ease-out;display:inline-flex}@media (hover:hover){.button:hover:not(:disabled):not([aria-disabled=true]),.button[data-hovered=true]{background-color:var(--button-bg-hover)}}.button:active:not(:disabled):not([aria-disabled=true]),.button[data-pressed=true]{background-color:var(--button-bg-pressed);transform:scale(.98)}.button:focus-visible,.button[data-focus-visible=true]{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.button:disabled,.button[aria-disabled=true],.button[data-disabled]{opacity:.5;cursor:not-allowed}.button--primary{--button-bg:var(--ds-color-action-primary);--button-bg-hover:var(--ds-color-action-primary-hover);--button-bg-pressed:var(--ds-color-action-primary-pressed);--button-fg:var(--ds-color-action-on-primary)}.button--secondary{--button-bg:var(--ds-color-action-secondary);--button-bg-hover:var(--ds-color-action-secondary-hover);--button-bg-pressed:var(--ds-color-action-secondary-pressed);--button-fg:var(--ds-color-action-on-secondary);border-color:var(--ds-color-border-control)}.button--danger{--button-bg:var(--ds-color-action-danger);--button-bg-hover:var(--ds-color-action-danger-hover);--button-bg-pressed:var(--ds-color-action-danger-pressed);--button-fg:var(--ds-color-action-on-danger)}.button--sm{--button-icon-size:1rem;height:2rem;padding-inline:var(--ds-space-3)}.button--lg{--button-icon-size:1.5rem;height:3rem;font-size:var(--ds-font-size-md)}@media (prefers-reduced-motion:reduce){.button{transition:none}}@media (forced-colors:active){.button{border-color:buttontext}.button:disabled,.button[aria-disabled=true],.button[data-disabled]{color:graytext;opacity:1;border-color:graytext}}.button>svg,.button>[data-icon]{width:var(--button-icon-size);height:var(--button-icon-size);pointer-events:none;flex:none}.button--icon-only{flex:none;width:2.5rem;padding-inline:0}.button--icon-only.button--sm{width:2rem}.button--icon-only.button--lg{width:3rem}.button--outline{--button-bg:transparent;--button-bg-hover:var(--ds-color-item-highlight);--button-fg:var(--ds-color-text-default);border-color:var(--ds-color-border-control)}.button--tertiary,.button--ghost{--button-bg:transparent;--button-bg-hover:var(--ds-color-item-highlight);--button-fg:var(--ds-color-text-default)}.button--danger-soft{--button-bg:var(--ds-color-status-danger-soft);--button-bg-hover:var(--ds-color-status-danger-soft-hover);--button-fg:var(--ds-color-status-danger-soft-foreground)}.button--full-width{width:100%;min-width:0}.button--ai{--button-bg:var(--ds-color-surface-default);--button-bg-hover:var(--ds-color-item-highlight);--button-fg:var(--ds-color-action-ai-foreground);--button-ai-fill:var(--button-bg);background-image:linear-gradient(var(--button-ai-fill), var(--button-ai-fill)), linear-gradient(135deg, var(--ds-color-action-ai-border-start), var(--ds-color-action-ai-border-end));background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000}@media (hover:hover){.button--ai:hover:not(:disabled):not([aria-disabled=true]),.button--ai[data-hovered=true]{--button-ai-fill:var(--button-bg-hover)}}.button--ai:active:not(:disabled):not([aria-disabled=true]),.button--ai[data-pressed=true]{--button-ai-fill:var(--button-bg-hover)}.button[data-pending=true]:not(:disabled){cursor:progress}.button-group{align-items:stretch;gap:0;max-width:100%;display:inline-flex}.button-group[data-orientation=vertical]{flex-direction:column}.button-group>.button{border-radius:0;flex-shrink:0;position:relative;transform:none}.button-group:not([data-orientation=vertical])>.button:first-child{border-start-start-radius:var(--ds-radius-md);border-end-start-radius:var(--ds-radius-md)}.button-group:not([data-orientation=vertical])>.button:last-child{border-start-end-radius:var(--ds-radius-md);border-end-end-radius:var(--ds-radius-md)}.button-group[data-orientation=vertical]>.button:first-child{border-start-start-radius:var(--ds-radius-md);border-start-end-radius:var(--ds-radius-md)}.button-group[data-orientation=vertical]>.button:last-child{border-end-end-radius:var(--ds-radius-md);border-end-start-radius:var(--ds-radius-md)}.button-group>.button:focus-visible,.button-group>.button[data-focus-visible=true]{z-index:1}.button-group--full-width{width:100%;display:flex}.button-group--full-width>.button{flex:1;width:auto;min-width:0}.button-group--full-width[data-orientation=vertical]>.button{flex:auto}.button-group__separator{opacity:.25;pointer-events:none;background:currentColor;width:1px;position:absolute;inset-block:20%;inset-inline-start:0}.button-group[data-orientation=vertical] .button-group__separator{width:auto;height:1px;inset-block:0 auto;inset-inline:20%}.button-group--detached{gap:var(--ds-space-2)}.button-group--detached>.button{border-radius:var(--ds-radius-md)}.button-group--detached .button-group__separator{display:none}.toggle-button--default{--button-bg:var(--ds-color-action-secondary);--button-bg-hover:var(--ds-color-action-secondary-hover);--button-fg:var(--ds-color-text-default)}.toggle-button--ghost{--button-bg:transparent;--button-bg-hover:var(--ds-color-item-highlight);--button-fg:var(--ds-color-text-default)}.toggle-button[aria-pressed=true],.toggle-button[aria-checked=true]{--button-bg:color-mix(in srgb, var(--ds-color-action-primary) 12%, var(--ds-color-surface-default));--button-bg-hover:color-mix(in srgb, var(--ds-color-action-primary) 20%, var(--ds-color-surface-default));--button-fg:var(--ds-color-action-ai-foreground)}@media (forced-colors:active){.toggle-button[aria-pressed=true],.toggle-button[aria-checked=true]{--button-bg:Highlight;--button-bg-hover:Highlight;--button-fg:HighlightText;forced-color-adjust:none}.button--ai{--button-fg:ButtonText;background-image:none;border-color:buttontext}}.select{--select-height:2.5rem;--select-bg:var(--ds-color-field-background);gap:var(--ds-space-1);font-family:var(--ds-font-family-sans);color:var(--ds-color-text-default);flex-direction:column;min-width:0;max-width:100%;line-height:1.25rem;display:flex}.select__label{font-size:var(--ds-font-size-sm);font-weight:500}.select__trigger{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--ds-space-2);width:100%;min-width:12rem;height:var(--select-height);padding-inline:var(--ds-space-3);border:1px solid var(--ds-color-field-border);border-radius:var(--ds-radius-field);background-color:var(--select-bg);color:var(--ds-color-field-foreground);font:inherit;font-size:var(--ds-font-size-sm);text-align:start;cursor:pointer;box-shadow:var(--ds-shadow-field);display:inline-flex}.select--sm{--select-height:2rem}.select--lg{--select-height:3rem}.select--secondary{--select-bg:var(--ds-color-action-secondary)}.select--outline{--select-bg:transparent}.select--lg .select__trigger{font-size:var(--ds-font-size-md)}.select--lg .selection__leading{width:1.25rem;height:1.25rem}.select--fit{width:fit-content}.select--fit .select__trigger{width:auto;min-width:0;max-width:100%}.select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select--label-hidden{gap:0}.select--label-hidden .select__label,.select-group__legend{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.select-group{box-sizing:border-box;width:100%;min-width:0;max-width:100%;border:0;min-inline-size:0;margin:0;padding:0}.select-group--fit{width:fit-content}.select-group__controls{align-items:flex-start;min-width:0;max-width:100%;display:flex}.select-group__controls>.select{flex:1;min-width:0}.select-group__controls>.select--fit{flex:0 auto}.select-group__controls>.select .select__trigger{width:100%;min-width:0}.select-group__controls>.select~.select{margin-inline-start:-1px}.select-group__controls>.select~.select .select__trigger{border-start-start-radius:0;border-end-start-radius:0}.select-group__controls>.select:has(~.select) .select__trigger{border-start-end-radius:0;border-end-end-radius:0}.select-group__controls>.select .select__control:has([aria-invalid=true]){z-index:1}.select-group__controls>.select .select__control:focus-within,.select-group__controls>.select .select__control:has([aria-expanded=true]){z-index:2}@media (hover:hover){.select__trigger:hover:enabled:not(:focus-visible):not([aria-expanded=true]):not([aria-invalid=true]){border-color:var(--ds-color-field-border-hover)}}.select__value[data-placeholder],.select__trigger[data-placeholder] .select__value{color:var(--ds-color-text-muted)}.select__trigger[aria-expanded=true]{border-color:var(--ds-color-field-border-focus)}.select__trigger:disabled,.select__trigger[data-disabled]{opacity:.5;cursor:not-allowed}.select__icon{width:1rem;height:1rem;color:var(--ds-color-text-muted);flex:none}.select__popover{box-sizing:border-box;min-width:var(--trigger-width,var(--reka-select-trigger-width,12rem));border:1px solid var(--ds-color-border-subtle);border-radius:var(--ds-radius-surface);background-color:var(--ds-color-surface-overlay);max-height:16rem;box-shadow:var(--ds-shadow-popover);color:var(--ds-color-text-default);font-family:var(--ds-font-family-sans);z-index:50;line-height:1.25rem;overflow:auto}.select__list{box-sizing:border-box;padding:var(--ds-space-1);outline:none}.select__item{justify-content:space-between;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-sm);cursor:pointer;user-select:none;outline:none;display:flex}.select__item[data-focused=true],.select__item[data-hovered=true],.select__item[data-highlighted]{background-color:var(--ds-color-item-highlight)}.select__item[data-selected=true],.select__item[data-state=checked]{font-weight:600}.select__item[data-disabled]{opacity:.5;cursor:not-allowed}.select__check{visibility:hidden;flex:none;width:1rem;height:1rem}.select__item[data-selected=true] .select__check,.select__item[data-state=checked] .select__check{visibility:visible}@media (forced-colors:active){.select__trigger{border-color:buttontext}.select__popover{border-color:canvastext}.select__item[data-focused=true],.select__item[data-hovered=true],.select__item[data-highlighted]{color:highlighttext;background-color:highlight}.select__item[data-disabled]{color:graytext;opacity:1}}.input{--input-bg:var(--ds-color-field-background);gap:var(--ds-space-1);min-width:0;font-family:var(--ds-font-family-sans);color:var(--ds-color-text-default);flex-direction:column;line-height:1.25rem;display:flex}.input__label{font-size:var(--ds-font-size-sm);font-weight:500}.input__control{box-sizing:border-box;width:100%;min-width:0;height:2.5rem;padding-inline:var(--ds-space-3);border:1px solid var(--ds-color-field-border);border-radius:var(--ds-radius-field);background-color:var(--input-bg);color:var(--ds-color-field-foreground);font:inherit;font-size:var(--ds-font-size-sm);text-align:start;box-shadow:var(--ds-shadow-field)}.input__control::placeholder{color:var(--ds-color-field-placeholder);opacity:1}.input__control[aria-invalid=true]{border-color:var(--ds-color-text-danger)}.input__control:read-only{background-color:var(--ds-color-field-read-only)}.input__control:focus-visible,.input__control[data-focus-visible=true]{border-color:var(--ds-color-field-border-focus);outline:2px solid var(--ds-color-field-border-focus);outline-offset:-2px}.input__control[aria-invalid=true]:focus-visible,.input__control[aria-invalid=true][data-focus-visible=true]{border-color:var(--ds-color-text-danger);outline-color:var(--ds-color-text-danger)}.input__control:disabled{opacity:.5;cursor:not-allowed}.input--sm .input__control{height:2rem}.input--lg .input__control{height:3rem;font-size:var(--ds-font-size-md)}.input__description,.input__error{font-size:var(--ds-font-size-sm)}.input__description{color:var(--ds-color-text-muted)}.input__error{color:var(--ds-color-text-danger)}.input--secondary{--input-bg:var(--ds-color-action-secondary)}.input--fit{width:16rem;max-width:100%}.input__plain{min-width:0;border:0;min-inline-size:0;margin:0;padding:0}.input__boundary{box-sizing:border-box;width:100%;min-width:0;border:0;min-inline-size:0;margin:0;padding:0}.input__group{box-sizing:border-box;align-items:center;gap:var(--ds-space-2);width:100%;min-width:0;min-inline-size:0;height:2.5rem;padding:0 var(--ds-space-3);border:1px solid var(--ds-color-field-border);border-radius:var(--ds-radius-field);background-color:var(--input-bg);font:inherit;font-size:var(--ds-font-size-sm);box-shadow:var(--ds-shadow-field);margin:0;display:flex}.input__group>.input__control{width:0;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding-inline:0}.input__group[data-readonly=true]{background-color:var(--ds-color-field-read-only)}.input__group[data-invalid=true]{border-color:var(--ds-color-text-danger)}.input__group:has(>.input__control:focus){border-color:var(--ds-color-field-border-focus);outline:2px solid var(--ds-color-field-border-focus);outline-offset:-2px}.input__group[data-invalid=true]:has(>.input__control:focus){border-color:var(--ds-color-text-danger);outline-color:var(--ds-color-text-danger)}@media (hover:hover){.input__control:hover:not(:focus):not(:disabled):not(:read-only):not([aria-invalid=true]),.input__boundary:not(:disabled) .input__group:hover:not(:focus-within):not([data-readonly=true]):not([data-invalid=true]){border-color:var(--ds-color-field-border-hover)}}.input__boundary:disabled .input__group{opacity:.5;cursor:not-allowed}.input__boundary:disabled .input__group .input__control,.input__boundary:disabled .input__group .button{opacity:1}.input__prefix,.input__suffix{align-items:center;gap:var(--ds-space-1);color:var(--ds-color-text-muted);white-space:nowrap;flex:none;display:inline-flex}.input__prefix>svg,.input__suffix>svg{flex:none;width:1.25rem;height:1.25rem}.input__status{color:var(--ds-color-status-success)}.input--sm .input__group{height:2rem}.input--lg .input__group{height:3rem;font-size:var(--ds-font-size-md)}.input--sm .input__prefix>svg,.input--sm .input__suffix>svg{width:1rem;height:1rem}.input--lg .input__prefix>svg,.input--lg .input__suffix>svg{width:1.5rem;height:1.5rem}@media (forced-colors:active){.input__group,.input__group[data-invalid=true]{color:canvastext;background:canvas;border-color:canvastext}.input__boundary:disabled .input__group{color:graytext;opacity:1;border-color:graytext}.input__control,.input__control[aria-invalid=true]{color:canvastext;background-color:canvas;border-color:canvastext}.input__control:disabled{color:graytext;opacity:1;border-color:graytext}.input__error{color:canvastext}}.label{font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-sm);color:var(--ds-color-text-default);font-weight:500;line-height:1.25rem}.textarea__control{height:auto;min-height:6rem;padding-block:var(--ds-space-2);resize:vertical}.textarea[data-resize=none] .textarea__control{resize:none}.choice{align-items:center;gap:var(--ds-space-2);cursor:pointer;width:fit-content;max-width:100%;display:flex;position:relative}.choice__label{font-size:var(--ds-font-size-sm);overflow-wrap:anywhere;line-height:1.25rem}.choice[data-disabled],.choice:has([data-disabled]){cursor:not-allowed}.choice[data-disabled] .choice__label,.choice:has([data-disabled]) .choice__label{opacity:.5}.checkbox__control,.radio__control,.switch__control{box-sizing:border-box;border:1px solid var(--ds-color-border-control);background:var(--ds-color-surface-default);width:1.25rem;height:1.25rem;color:var(--ds-color-action-on-primary);cursor:inherit;font:inherit;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.checkbox__control{border-radius:var(--ds-space-1)}.radio__control{border-radius:50%}.checkbox__control[data-state=checked],.checkbox__control[data-state=indeterminate],.switch__control[data-state=checked]{background:var(--ds-color-action-primary);border-color:var(--ds-color-action-primary)}.checkbox__control[data-invalid],.radio__control[data-invalid],.switch__control[data-invalid]{border-color:var(--ds-color-text-danger)}.checkbox__check{visibility:hidden;width:1rem;height:1rem}.checkbox__control[data-state=checked] .checkbox__check{visibility:visible}.checkbox__dash{background:currentColor;width:.625rem;height:2px;display:none;position:absolute}.checkbox__control[data-state=indeterminate] .checkbox__dash{display:block}.radio__dot{background:var(--ds-color-action-primary);visibility:hidden;border-radius:50%;width:.625rem;height:.625rem}.radio__control[data-state=checked] .radio__dot{visibility:visible}.radio-group__items{gap:var(--ds-space-2);flex-direction:column;display:flex}.radio-group__items[data-orientation=horizontal]{gap:var(--ds-space-4);flex-flow:wrap}.switch__control{border-radius:1rem;justify-content:flex-start;width:2.5rem;height:1.5rem;padding:2px}.switch__thumb{background:var(--ds-color-text-muted);border-radius:50%;width:1rem;height:1rem;display:block}.switch__control[data-state=checked] .switch__thumb{background:var(--ds-color-action-on-primary);transform:translate(calc(1.5rem - 6px))}.switch__control:dir(rtl)[data-state=checked] .switch__thumb{transform:translate(calc(6px - 1.5rem))}.checkbox__control:focus-visible,.radio__control:focus-visible,.switch__control:focus-visible,.checkbox__control[data-focus-visible],.radio__control[data-focus-visible],.switch__control[data-focus-visible]{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.checkbox__control[data-disabled],.radio__control[data-disabled],.switch__control[data-disabled]{opacity:.5;cursor:not-allowed}@media (forced-colors:active){.checkbox__control,.radio__control,.switch__control{forced-color-adjust:none;color:highlighttext;background:canvas;border-color:canvastext}.checkbox__control[data-state=checked],.checkbox__control[data-state=indeterminate],.switch__control[data-state=checked]{background:highlight;border-color:highlight}.radio__dot{background:highlight}.switch__thumb{background:canvastext}.switch__control[data-state=checked] .switch__thumb{background:highlighttext}.checkbox__control[data-disabled],.radio__control[data-disabled],.switch__control[data-disabled]{opacity:1;border-color:graytext}}.radio-group{position:relative}.field-feedback{gap:var(--ds-space-1);flex-direction:column;display:flex}.form{gap:var(--ds-space-4);min-width:0;font-family:var(--ds-font-family-sans);color:var(--ds-color-text-default);flex-direction:column;display:flex}.field textarea.field__control{height:auto;min-height:6rem;padding-block:var(--ds-space-2);resize:vertical}.listbox__list{box-sizing:border-box;min-width:0;max-height:16rem;padding:var(--ds-space-1);border:1px solid var(--ds-color-field-border);border-radius:var(--ds-radius-field);background:var(--ds-color-field-background);box-shadow:var(--ds-shadow-field);outline:none;position:relative;overflow:auto}.listbox__list[aria-invalid=true]{border-color:var(--ds-color-text-danger)}.listbox__item{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--ds-space-2);min-width:0;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-sm);cursor:pointer;user-select:none;outline:none;line-height:1.25rem;display:flex}.listbox__text{overflow-wrap:anywhere;min-width:0}.listbox__list:focus-within .listbox__item[data-focused=true],.listbox__item:hover:not([data-disabled]),.listbox__list:focus-within .listbox__item[data-highlighted]{background:var(--ds-color-item-highlight)}.listbox__item[data-selected=true],.listbox__item[data-state=checked]{font-weight:600}.listbox__item[data-disabled]{opacity:.5;cursor:not-allowed}.listbox__check{visibility:hidden;flex:none;width:1rem;height:1rem}.listbox__item[data-selected=true] .listbox__check,.listbox__item[data-state=checked] .listbox__check{visibility:visible}.listbox__empty{padding:var(--ds-space-2) var(--ds-space-3);color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm);display:block}.number-field__group{box-sizing:border-box;border:1px solid var(--ds-color-field-border);border-radius:var(--ds-radius-field);background:var(--ds-color-field-background);min-width:0;height:2.5rem;box-shadow:var(--ds-shadow-field);align-items:stretch;display:flex;overflow:visible}.number-field__group:has([aria-invalid=true]){border-color:var(--ds-color-text-danger)}.number-field__control{box-sizing:border-box;width:100%;min-width:0;padding:0 var(--ds-space-2);color:var(--ds-color-field-foreground);font:inherit;font-size:var(--ds-font-size-sm);text-align:center;font-variant-numeric:tabular-nums;box-shadow:none;background:0 0;border:none;outline:none}.number-field__step{box-sizing:border-box;width:2.5rem;color:var(--ds-color-text-default);font:inherit;font-size:var(--ds-font-size-md);cursor:pointer;border-radius:var(--ds-radius-md);background:0 0;border:none;flex:none;padding:0;line-height:1.25rem}.number-field__step:hover:not(:disabled){background:var(--ds-color-item-highlight)}.number-field__step:disabled,.number-field__control:disabled{opacity:.5;cursor:not-allowed}.number-field__step:focus-visible,.number-field__step[data-focus-visible=true]{outline:2px solid var(--ds-color-focus-ring);outline-offset:-2px}@media (forced-colors:active){.listbox__list,.number-field__group{border-color:canvastext;min-width:0}.listbox__list:focus-within .listbox__item[data-focused=true],.listbox__item:hover:not([data-disabled]),.listbox__list:focus-within .listbox__item[data-highlighted]{color:highlighttext;background:highlight}.listbox__item[data-disabled],.number-field__step:disabled,.number-field__control:disabled{color:graytext;opacity:1}}.card{box-sizing:border-box;gap:var(--ds-space-4);min-width:0;padding:var(--ds-space-4);border:1px solid var(--ds-color-border-subtle);border-radius:var(--ds-radius-surface);background:var(--ds-color-surface-raised);color:var(--ds-color-text-default);font-family:var(--ds-font-family-sans);overflow-wrap:anywhere;flex-direction:column;display:flex}.card__header{align-items:flex-start;gap:var(--ds-space-3);flex-wrap:wrap;display:flex}.card__heading{flex:1;min-width:0}.card__title{font-size:var(--ds-font-size-md);margin:0;font-weight:600;line-height:1.5}.card__description{margin:var(--ds-space-1) 0 0;color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm);line-height:1.5}.card__actions{align-items:center;gap:var(--ds-space-2);flex-wrap:wrap;max-width:100%;display:flex}.card__content{min-width:0}.card__footer{border-block-start:1px solid var(--ds-color-border-subtle);padding-block-start:var(--ds-space-4)}.badge{--badge-bg:var(--ds-color-surface-default);--badge-border:var(--ds-color-border-subtle);box-sizing:border-box;max-width:100%;padding:var(--ds-space-1) var(--ds-space-2);border:1px solid var(--badge-border);border-radius:var(--ds-radius-md);background:var(--badge-bg);color:var(--ds-color-text-muted);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-sm);overflow-wrap:anywhere;align-items:center;font-weight:500;line-height:1.25rem;display:inline-flex}.badge[data-tone=info]{--badge-bg:var(--ds-color-status-info-soft);--badge-border:var(--ds-color-status-info-border);color:var(--ds-color-status-info-soft-foreground)}.badge[data-tone=success]{--badge-bg:var(--ds-color-status-success-soft);--badge-border:var(--ds-color-status-success-border);color:var(--ds-color-status-success-soft-foreground)}.badge[data-tone=warning]{--badge-bg:var(--ds-color-status-warning-soft);--badge-border:var(--ds-color-status-warning-border);color:var(--ds-color-status-warning-soft-foreground)}.badge[data-tone=danger]{--badge-bg:var(--ds-color-status-danger-soft);--badge-border:var(--ds-color-status-danger-border);color:var(--ds-color-status-danger-soft-foreground)}.skeleton{box-sizing:border-box;border-radius:var(--ds-radius-md);background:var(--ds-color-border-subtle);width:100%;height:1rem;display:block}.skeleton[data-shape=circle]{aspect-ratio:1;border-radius:50%;width:2.5rem;height:auto}.skeleton[data-animated=true]{animation:1.6s ease-in-out infinite ds-skeleton-pulse}@keyframes ds-skeleton-pulse{50%{opacity:.5}}.separator{box-sizing:border-box;background:var(--ds-color-border-subtle);flex:none}.separator[data-orientation=horizontal]{width:100%;height:1px}.separator[data-orientation=vertical]{align-self:stretch;width:1px;min-height:1rem}@media (prefers-reduced-motion:reduce){.skeleton[data-animated=true]{animation:none}}@media (forced-colors:active){.card,.badge{color:canvastext;background:canvas;border-color:canvastext}.separator,.skeleton{forced-color-adjust:none;background:canvastext}}.tabs__trigger:focus-visible,.tabs__trigger[data-focus-visible=true],.tabs__panel:focus-visible,.table__scroll:focus-visible,.table__sort:focus-visible,.pagination__button:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:-2px}.table__scroll{border:1px solid var(--ds-color-border-subtle);border-radius:var(--ds-radius-surface);min-width:0;max-width:100%;overflow:auto}.table{border-collapse:collapse;width:100%;min-width:24rem;color:var(--ds-color-text-default);background:var(--ds-color-surface-raised);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-sm);text-align:start;line-height:1.5}.table__caption{padding:var(--ds-space-3);text-align:start;font-size:var(--ds-font-size-md);font-weight:600}.table th,.table td{padding:var(--ds-space-3);border-block-start:1px solid var(--ds-color-border-subtle);text-align:start;vertical-align:top;overflow-wrap:anywhere}.table th{background:var(--ds-color-item-highlight);font-weight:600}.table__sort{align-items:center;gap:var(--ds-space-2);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;min-height:1.5rem;padding:0;display:inline-flex}.table__sort:disabled{opacity:.5;cursor:not-allowed}.table .table__empty{color:var(--ds-color-text-muted);text-align:center;padding-block:var(--ds-space-4)}.data-table{min-width:0}.data-table__status{margin:var(--ds-space-2) 0 0;color:var(--ds-color-text-muted);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-sm)}.pagination{align-items:center;gap:var(--ds-space-1);color:var(--ds-color-text-default);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-sm);flex-wrap:wrap;display:flex}.pagination__button{box-sizing:border-box;min-width:2.5rem;min-height:2.5rem;padding:var(--ds-space-2);border:1px solid var(--ds-color-border-control);border-radius:var(--ds-radius-md);background:var(--ds-color-surface-default);color:var(--ds-color-text-default);font:inherit;cursor:pointer;justify-content:center;align-items:center;line-height:1.25rem;display:inline-flex}.pagination__button[aria-current=page]{background:var(--ds-color-action-primary);color:var(--ds-color-action-on-primary);border-color:var(--ds-color-action-primary)}.pagination__button:disabled{opacity:.5;cursor:not-allowed}.pagination__gap{padding-inline:var(--ds-space-1)}.pagination__summary{color:var(--ds-color-text-muted);margin-inline-start:var(--ds-space-2)}@media (forced-colors:active){.tabs__trigger[aria-selected=true],.pagination__button[aria-current=page]{border-color:highlight;outline:1px solid highlight}.table__scroll,.table th,.table td{border-color:canvastext}}.alert{--alert-accent:var(--ds-color-text-muted);--alert-bg:var(--ds-color-surface-raised);--alert-border:var(--ds-color-border-subtle);--alert-fg:var(--ds-color-text-default);box-sizing:border-box;min-width:0;padding:var(--ds-space-4);border:1px solid var(--alert-border);border-inline-start:3px solid var(--alert-accent);border-radius:var(--ds-radius-md);background:var(--alert-bg);color:var(--alert-fg);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-sm);overflow-wrap:anywhere;line-height:1.5}.alert[data-tone=info]{--alert-accent:var(--ds-color-status-info-soft-foreground);--alert-bg:var(--ds-color-status-info-soft);--alert-border:var(--ds-color-status-info-border);--alert-fg:var(--ds-color-status-info-soft-foreground)}.alert[data-tone=success]{--alert-accent:var(--ds-color-status-success-soft-foreground);--alert-bg:var(--ds-color-status-success-soft);--alert-border:var(--ds-color-status-success-border);--alert-fg:var(--ds-color-status-success-soft-foreground)}.alert[data-tone=warning]{--alert-accent:var(--ds-color-status-warning-soft-foreground);--alert-bg:var(--ds-color-status-warning-soft);--alert-border:var(--ds-color-status-warning-border);--alert-fg:var(--ds-color-status-warning-soft-foreground)}.alert[data-tone=danger]{--alert-accent:var(--ds-color-status-danger-soft-foreground);--alert-bg:var(--ds-color-status-danger-soft);--alert-border:var(--ds-color-status-danger-border);--alert-fg:var(--ds-color-status-danger-soft-foreground)}.alert__title{margin:0;font-weight:600}.alert__description{margin:var(--ds-space-1) 0 0}.alert__actions,.empty__actions{gap:var(--ds-space-2);flex-wrap:wrap;margin-block-start:var(--ds-space-3);display:flex}.empty{min-width:0;padding:var(--ds-space-4);text-align:center;color:var(--ds-color-text-default);font-family:var(--ds-font-family-sans);overflow-wrap:anywhere}.empty__title{font-size:var(--ds-font-size-md);margin:0;font-weight:600;line-height:1.5}.empty__description{margin:var(--ds-space-2) 0 0;font-size:var(--ds-font-size-sm);color:var(--ds-color-text-muted);line-height:1.5}.empty__actions{justify-content:center}.breadcrumb{min-width:0;color:var(--ds-color-text-muted);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-sm);line-height:1.5}.breadcrumb ol,.sidebar ul{margin:0;padding:0;list-style:none}.breadcrumb ol,.breadcrumb li{gap:var(--ds-space-2);flex-wrap:wrap;align-items:center;display:flex}.breadcrumb li{overflow-wrap:anywhere;min-width:0}.breadcrumb a{color:inherit;text-underline-offset:3px}.breadcrumb [aria-current=page]{color:var(--ds-color-text-default)}.sidebar{box-sizing:border-box;min-width:0;padding:var(--ds-space-3);border:1px solid var(--ds-color-border-subtle);border-radius:var(--ds-radius-surface);background:var(--ds-color-surface-raised);color:var(--ds-color-text-default);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-sm);overflow-wrap:anywhere;line-height:1.5}.sidebar__header{justify-content:space-between;align-items:center;gap:var(--ds-space-2);display:flex}.sidebar__title{min-width:0;font-weight:600}.sidebar__toggle{border:1px solid var(--ds-color-border-control);border-radius:var(--ds-radius-md);background:var(--ds-color-surface-default);width:2.5rem;height:2.5rem;color:inherit;font:inherit;cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.sidebar ul{gap:var(--ds-space-1);flex-direction:column;margin-block-start:var(--ds-space-2);display:flex}.sidebar__link{padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md);color:inherit;border:1px solid #0000;text-decoration:none;display:block}.sidebar__link[aria-current=page]{background:var(--ds-color-item-highlight);border-color:var(--ds-color-border-control);font-weight:600}.sidebar__link[aria-disabled=true]{opacity:.5}.chart{min-width:0;color:var(--ds-color-text-default);font-family:var(--ds-font-family-sans);margin:0}.chart__title{font-size:var(--ds-font-size-md);font-weight:600;line-height:1.5}.chart__description{margin:var(--ds-space-1) 0 0;color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm);line-height:1.5}.chart__plot{width:100%;height:auto;margin-block:var(--ds-space-3);direction:ltr;display:block}.chart__axis{stroke:var(--ds-color-chart-axis);stroke-width:1px}.chart__bar{fill:var(--ds-color-chart-series-1)}.chart__line{fill:none;stroke:var(--ds-color-chart-series-1);stroke-width:2px}.chart__label{fill:var(--ds-color-chart-label);font-size:12px}.dialog__backdrop{z-index:1000;background:var(--ds-color-overlay-scrim);position:fixed;inset:0}.dialog__panel{box-sizing:border-box;padding:var(--ds-space-4);z-index:1001;border:1px solid var(--ds-color-border-subtle);border-radius:var(--ds-radius-surface);background:var(--ds-color-surface-overlay);width:min(32rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-popover);font-family:var(--ds-font-family-sans);outline:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dialog__content{outline:none}.overlay__title{font-size:var(--ds-font-size-md);overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.5}.overlay__description{margin:var(--ds-space-2) 0 0;color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm);overflow-wrap:anywhere;line-height:1.5}.overlay__body{font-size:var(--ds-font-size-sm);overflow-wrap:anywhere;margin-block-start:var(--ds-space-4);line-height:1.5}.overlay__footer{justify-content:flex-end;gap:var(--ds-space-2);flex-wrap:wrap;margin-block-start:var(--ds-space-4);display:flex}.menu__panel,.popover__panel{box-sizing:border-box;z-index:1100;border:1px solid var(--ds-color-border-subtle);border-radius:var(--ds-radius-surface);background:var(--ds-color-surface-overlay);max-width:calc(100vw - 2rem);max-height:min(24rem,100dvh - 2rem);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-popover);font-family:var(--ds-font-family-sans);outline:none;overflow:auto}.menu__panel{padding:var(--ds-space-1);min-width:12rem}.menu__list{outline:none;padding:0}.menu__item{box-sizing:border-box;min-width:0;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md);font-size:var(--ds-font-size-sm);cursor:pointer;user-select:none;overflow-wrap:anywhere;outline:none;line-height:1.25rem;position:relative}.menu__item[data-tone=danger]{color:var(--ds-color-text-danger)}.menu__item[data-focused=true],.menu__item[data-highlighted]{background:var(--ds-color-item-highlight)}.menu__item[data-disabled]{opacity:.5;cursor:not-allowed}.popover__panel{padding:var(--ds-space-4);width:20rem}.popover__content{outline:none}.tooltip__panel{z-index:1200;box-sizing:border-box;max-width:min(20rem,100vw - 2rem);padding:var(--ds-space-2) var(--ds-space-3);border:1px solid var(--ds-color-border-control);border-radius:var(--ds-radius-md);background:var(--ds-color-text-default);color:var(--ds-color-surface-default);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-sm);overflow-wrap:anywhere;line-height:1.5}.sidebar__toggle:focus-visible,.sidebar__link:focus-visible,.breadcrumb a:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}@media (forced-colors:active){.alert,.sidebar,.sidebar__link[aria-current=page],.dialog__panel,.popover__panel,.menu__panel,.tooltip__panel{color:canvastext;background:canvas;border-color:canvastext}.chart__bar{fill:canvastext}.chart__line,.chart__axis{stroke:canvastext}.chart__label{fill:canvastext}.menu__item[data-focused=true],.menu__item[data-highlighted]{outline:1px solid highlight}}.spinner{vertical-align:middle;width:1.25rem;height:1.25rem;color:inherit;flex:none;justify-content:center;align-items:center;display:inline-flex}.spinner--sm{width:1rem;height:1rem}.spinner--lg{width:1.5rem;height:1.5rem}.spinner[data-color=primary]{color:var(--ds-color-status-info)}.spinner>svg{stroke:currentColor;stroke-width:2px;width:100%;height:100%;animation:.8s linear infinite ds-spinner-rotate;display:block}.spinner__track{opacity:.25}.spinner__arc{stroke-linecap:round}.spinner__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes ds-spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner>svg{animation:none}}@media (forced-colors:active){.spinner[data-color=primary]{color:canvastext}}.select__control{position:relative}.select__control[data-clearable] .select__trigger{padding-inline-end:3.75rem}.selection__clear{inset-inline-end:2rem;position:absolute;top:50%;transform:translateY(-50%)}.selection__clear,.combobox__clear,.combobox__toggle{border-radius:var(--ds-radius-md);width:1.75rem;height:1.75rem;color:var(--ds-color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.select__control[data-clearable] .select__icon{inset-inline-end:var(--ds-space-3);position:absolute;top:50%;translate:0 -50%}.selection__clear:focus-visible,.combobox__clear:focus-visible,.combobox__toggle:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.selection__clear:disabled,.combobox__clear:disabled,.combobox__toggle:disabled{opacity:.5;cursor:not-allowed}.select[data-multiple] .select__trigger{height:auto;min-height:2.5rem;padding-block:var(--ds-space-2)}.select__trigger[aria-invalid=true],.combobox__control[data-invalid]{border-color:var(--ds-color-text-danger)}.selection__required{color:var(--ds-color-text-danger)}.selection__description{color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm);font-weight:400;display:block}.selection__empty{padding:var(--ds-space-3);color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm);display:block}.selection__validation{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.combobox__control{box-sizing:border-box;align-items:center;gap:var(--ds-space-1);min-width:12rem;height:2.5rem;padding-inline:var(--ds-space-3);border:1px solid var(--ds-color-field-border);border-radius:var(--ds-radius-field);background:var(--ds-color-field-background);box-shadow:var(--ds-shadow-field);display:flex}.combobox__control[data-disabled]{opacity:.5}.combobox__input{width:100%;min-width:0;color:var(--ds-color-field-foreground);font:inherit;font-size:var(--ds-font-size-sm);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:0}.combobox__input::placeholder{color:var(--ds-color-field-placeholder)}.combobox__popover{min-width:var(--trigger-width,var(--reka-combobox-trigger-width,12rem))}@media (forced-colors:active){.combobox__control{border-color:buttontext}.selection__required{color:canvastext}}.selection__close-icon,.selection__leading{flex:none;width:1rem;height:1rem;display:block}.selection__leading{color:var(--ds-color-text-muted)}.selection__leading>svg{width:100%;height:100%;display:block}.select__control:has(.selection__leading) .select__value{flex:1;min-width:0}.select__icon{transition:transform .16s cubic-bezier(.2,.8,.2,1);display:block}.select__trigger[aria-expanded=true] .select__icon,.combobox__toggle[aria-expanded=true] .select__icon{transform:rotate(180deg)}.selection__clear,.combobox__clear,.combobox__toggle{transition:opacity .12s,color .14s,background-color .14s}.selection__clear[data-empty],.combobox__clear[data-empty]{opacity:0;pointer-events:none}.selection__clear:hover:enabled,.combobox__clear:hover:enabled,.combobox__toggle:hover:enabled{color:var(--ds-color-text-default);background-color:var(--ds-color-item-highlight)}.select__trigger,.combobox__control{transition:border-color .14s,box-shadow .14s}.select__popover{--selection-shift:-4px}.select__popover[data-side=top],.select__popover[data-placement^=top]{--selection-shift:4px}.select__popover:not([data-state]){opacity:1;transition:opacity .16s ease-out,transform .16s cubic-bezier(.2,.8,.2,1);transform:translateY(0)}.select__popover[data-entering],.select__popover[data-exiting]{opacity:0;transform:translateY(var(--selection-shift))}.select__popover[data-exiting]{pointer-events:none;transition-duration:.12s}.select__popover[data-state=open]{animation:.16s cubic-bezier(.2,.8,.2,1) both selection-enter}.select__popover[data-state=closed]{pointer-events:none;animation:.12s ease-in both selection-exit}@keyframes selection-enter{0%{opacity:0;transform:translateY(var(--selection-shift))}to{opacity:1;transform:translateY(0)}}@keyframes selection-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--selection-shift))}}@media (prefers-reduced-motion:reduce){.select__icon,.selection__clear,.combobox__clear,.combobox__toggle,.select__trigger,.combobox__control,.select__popover:not([data-state]){transition:none}.select__popover[data-entering],.select__popover[data-exiting],.select__popover[data-state]{animation:none}}.menu__item{align-items:center;gap:var(--ds-space-2);display:flex}.menu__text{flex:1;min-width:0}.menu__description{color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm);font-weight:400;display:block}.menu__icon,.menu__check,.menu__arrow{flex:none;width:1rem;height:1rem;display:inline-flex}.menu__icon>svg{width:100%;height:100%;display:block}.menu__check{visibility:hidden}.menu__item[data-selected=true]>.menu__check,.menu__item[data-state=checked]>.menu__check{visibility:visible}.menu__arrow{transform:rotate(-90deg)}[dir=rtl] .menu__arrow{transform:rotate(90deg)}.menu__shortcut{color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm);flex:none;margin-inline-start:var(--ds-space-3);font-weight:400}.menu__heading{padding:var(--ds-space-2) var(--ds-space-3);color:var(--ds-color-text-muted);font-size:var(--ds-font-size-sm);font-weight:600}.menu__separator{height:1px;margin:var(--ds-space-1) 0;background:var(--ds-color-border-subtle);border:0}.dialog__viewport{box-sizing:border-box;padding:var(--ds-space-4);overscroll-behavior:contain;flex-direction:column;align-items:center;display:flex;overflow-y:auto}.dialog__viewport .dialog__panel{width:min(var(--dialog-width,32rem), 100%);flex:none;max-height:none;margin-block:auto;position:relative;top:auto;left:auto;overflow:visible;transform:none}.dialog__viewport[data-size=xs]{--dialog-width:20rem}.dialog__viewport[data-size=sm]{--dialog-width:24rem}.dialog__viewport[data-size=lg]{--dialog-width:40rem}.dialog__viewport[data-size=xl]{--dialog-width:48rem}.dialog__viewport[data-size="2xl"]{--dialog-width:64rem}.dialog__viewport[data-size=cover]{--dialog-width:100%}.dialog__viewport[data-size=full]{--dialog-width:100%;padding:0}.dialog__viewport[data-size=full] .dialog__panel{border:0;border-radius:0;min-height:100dvh;margin-block:0}.dialog__viewport[data-placement=top] .dialog__panel{margin-block:0 auto}.dialog__viewport[data-placement=bottom] .dialog__panel{margin-block:auto 0}.dialog__viewport[data-scroll=inside] .dialog__panel{max-height:calc(var(--visual-viewport-height,100dvh) - 2rem);flex-direction:column;display:flex;overflow:hidden}.dialog__viewport[data-scroll=inside][data-size=full] .dialog__panel{height:100dvh;max-height:100dvh}.dialog__viewport[data-scroll=inside] .dialog__content{flex-direction:column;flex:1;min-height:0;display:flex}.dialog__viewport[data-scroll=inside] .overlay__header,.dialog__viewport[data-scroll=inside] .overlay__footer{flex:none}.dialog__viewport[data-scroll=inside] .overlay__body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.dialog__viewport[data-backdrop=blur]{backdrop-filter:blur(6px)}.dialog__viewport[data-backdrop=transparent]{background:0 0}.overlay__header{position:relative}.overlay__header[data-close-button]{padding-inline-end:2rem}.dialog__close{top:0;border-radius:var(--ds-radius-md);width:1.75rem;height:1.75rem;color:var(--ds-color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-inline-end:0}.dialog__close svg{width:1rem;height:1rem}.dialog__close:hover{background:var(--ds-color-item-highlight);color:var(--ds-color-text-default)}.dialog__close:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.menu__panel:not([data-state]),.dialog__backdrop:not([data-state]){opacity:1;transition:opacity .16s ease-out}.menu__panel:not([data-state]){transition:opacity .16s ease-out,transform .16s cubic-bezier(.2,.8,.2,1);transform:translateY(0)}.menu__panel[data-entering],.menu__panel[data-exiting]{opacity:0;transform:translateY(-4px)}.menu__panel[data-exiting],.dialog__backdrop[data-exiting]{pointer-events:none;transition-duration:.12s}.dialog__backdrop[data-entering],.dialog__backdrop[data-exiting]{opacity:0}.dialog__panel:not([data-state]){opacity:1;transition:opacity .16s ease-out,translate .16s cubic-bezier(.2,.8,.2,1);translate:0}.dialog__panel[data-entering],.dialog__panel[data-exiting]{opacity:0;translate:0 8px}.dialog__panel[data-exiting]{transition-duration:.12s}.menu__panel[data-state=open]{animation:.16s cubic-bezier(.2,.8,.2,1) both overlay-menu-in}.menu__panel[data-state=closed]{pointer-events:none;animation:.12s ease-in both overlay-menu-out}.dialog__backdrop[data-state=open]{animation:.16s ease-out both overlay-fade-in}.dialog__backdrop[data-state=closed]{animation:.12s ease-in both overlay-fade-out}.dialog__panel[data-state=open]{animation:.16s cubic-bezier(.2,.8,.2,1) both overlay-dialog-in}.dialog__panel[data-state=closed]{animation:.12s ease-in both overlay-dialog-out}@keyframes overlay-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-menu-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes overlay-dialog-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes overlay-dialog-out{0%{opacity:1;translate:0}to{opacity:0;translate:0 8px}}@media (width<=639px){.dialog__viewport[data-placement=auto] .dialog__panel{margin-block:auto 0}}@media (prefers-reduced-motion:reduce){.menu__panel,.dialog__backdrop,.dialog__panel{transition:none!important;animation:none!important}}@media (forced-colors:active){.menu__separator{background:canvastext}.dialog__close{color:buttontext}}.card__heading:has(.card__title-row){flex-basis:12rem}.card__title-row{align-items:center;gap:var(--ds-space-2);flex-wrap:wrap;display:flex}.tabs__toolbar{justify-content:space-between;align-items:center;gap:var(--ds-space-3);flex-wrap:wrap;display:flex}.tabs__navigation{align-items:center;gap:var(--ds-space-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.tabs__extras,.tabs__actions{align-items:center;gap:var(--ds-space-2);flex-wrap:wrap;max-width:100%;display:flex}.toggle-group{--toggle-control-height:2.5rem;--toggle-icon-size:1.25rem;gap:var(--ds-space-1);width:fit-content;max-width:100%;font-family:var(--ds-font-family-sans);flex-wrap:wrap;display:inline-flex}.toggle-group[data-size=sm]{--toggle-control-height:2rem;--toggle-icon-size:1rem}.toggle-group[data-size=lg]{--toggle-control-height:3rem;--toggle-icon-size:1.5rem}.toggle-group[data-orientation=vertical]{flex-direction:column}.toggle-group__item{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--ds-space-2);min-height:var(--toggle-control-height);max-width:100%;padding:var(--ds-space-1) var(--ds-space-3);border:1px solid var(--ds-color-border-control);border-radius:var(--ds-radius-md);background:var(--ds-color-surface-default);color:var(--ds-color-text-default);font:inherit;font-size:var(--ds-font-size-sm);cursor:pointer;line-height:1.25rem;transition:background-color .14s,color .14s,border-color .14s;display:inline-flex}.toggle-group__item:hover:enabled{background:var(--ds-color-item-highlight)}.toggle-group__item:is([aria-pressed=true],[aria-checked=true]){background:var(--ds-color-action-primary);color:var(--ds-color-action-on-primary);border-color:var(--ds-color-action-primary)}.toggle-group[data-variant=ghost] .toggle-group__item{color:var(--ds-color-text-muted);background:0 0;border-color:#0000}.toggle-group[data-variant=ghost] .toggle-group__item:hover:enabled{background:var(--ds-color-item-highlight)}.toggle-group[data-variant=ghost] .toggle-group__item:is([aria-pressed=true],[aria-checked=true]){background:var(--ds-color-item-highlight);color:var(--ds-color-action-primary)}.toggle-group__item:focus-visible,.toggle-group__item[data-focus-visible=true]{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.toggle-group__item:disabled{opacity:.5;cursor:not-allowed}.toggle-group[data-icon-only] .toggle-group__item{width:var(--toggle-control-height);padding:0}.toggle-group__icon{width:var(--toggle-icon-size);height:var(--toggle-icon-size);flex:none;display:inline-flex}.toggle-group__icon>svg{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.toggle-group__item,.tabs--pill .tabs__trigger{transition:none}}@media (forced-colors:active){.tabs--pill .tabs__list,.toggle-group__item{border-color:buttontext}.tabs--pill .tabs__trigger[aria-selected=true],.toggle-group__item:is([aria-pressed=true],[aria-checked=true]),.toggle-group[data-variant=ghost] .toggle-group__item:is([aria-pressed=true],[aria-checked=true]){color:highlighttext;background:highlight}}.tabs{--tabs-control-height:2.5rem;--tabs-indicator-bg:var(--ds-color-surface-default);min-width:0;font-family:var(--ds-font-family-sans);color:var(--ds-color-text-default)}.tabs--sm{--tabs-control-height:2rem}.tabs--lg{--tabs-control-height:3rem}.tabs__list-container{align-items:center;gap:var(--ds-space-1);width:fit-content;min-width:0;max-width:100%;display:flex}.tabs__list{isolation:isolate;box-sizing:border-box;scrollbar-width:thin;min-width:0;max-width:100%;min-height:0;padding:var(--ds-space-1);border-radius:calc(var(--ds-radius-md) + 4px);background:var(--ds-color-action-secondary);flex:1;gap:2px;display:flex;position:relative;overflow:auto}.tabs__list[data-overflow=true]{scrollbar-width:none}.tabs__list:before{content:"";z-index:0;width:var(--tabs-indicator-width,0px);height:var(--tabs-indicator-height,0px);transform:translate(var(--tabs-indicator-x,0px), var(--tabs-indicator-y,0px));border-radius:var(--ds-radius-md);background:var(--tabs-indicator-bg);box-shadow:0 1px 2px color-mix(in srgb, var(--ds-color-overlay-backdrop) 10%, transparent);opacity:0;pointer-events:none;position:absolute;top:0;left:0}.tabs__list[data-indicator-ready=true]:before{opacity:1}.tabs__list[data-indicator-animated=true]:before{transition:transform var(--ds-motion-duration-normal) var(--ds-motion-ease-standard), width var(--ds-motion-duration-normal) var(--ds-motion-ease-standard), height var(--ds-motion-duration-normal) var(--ds-motion-ease-standard)}.tabs__trigger{z-index:1;box-sizing:border-box;justify-content:center;align-items:center;gap:var(--ds-space-2);height:calc(var(--tabs-control-height) - 8px);padding:0 var(--ds-space-3);border-radius:var(--ds-radius-md);color:var(--ds-color-text-muted);font:inherit;font-size:var(--ds-font-size-sm);white-space:nowrap;cursor:pointer;background:0 0;border:0;outline:none;flex:none;margin:0;font-weight:500;line-height:1.25rem;display:inline-flex;position:relative}.tabs__trigger[aria-selected=true]{color:var(--ds-color-text-default)}.tabs__list:not([data-indicator-ready=true]) .tabs__trigger[aria-selected=true]{background:var(--tabs-indicator-bg)}@media (hover:hover){.tabs__trigger:hover:not([aria-selected=true]):not(:disabled):not([aria-disabled=true]){background:var(--ds-color-item-highlight);color:var(--ds-color-text-default)}}.tabs__trigger[aria-disabled=true],.tabs__trigger:disabled{opacity:.45;cursor:not-allowed}.tabs__icon{flex:none;display:inline-flex}.tabs__icon>svg{width:1rem;height:1rem}.tabs__label{min-width:0}.tabs__separator{background:var(--ds-color-border-control);opacity:.35;pointer-events:none;width:1px;position:absolute;inset-block:25%;inset-inline-start:-1px}.tabs__trigger[aria-selected=true] .tabs__separator,.tabs__trigger[aria-selected=true]+.tabs__trigger .tabs__separator{opacity:0}.tabs--align-start .tabs__trigger{justify-content:flex-start}.tabs--align-end .tabs__trigger{justify-content:flex-end}.tabs--full-width .tabs__list-container{width:100%}.tabs--full-width .tabs__trigger{flex:1}.tabs--pill{--tabs-indicator-bg:var(--ds-color-action-primary)}.tabs--pill .tabs__list,.tabs--pill .tabs__list:before,.tabs--pill .tabs__trigger{border-radius:999px}.tabs--pill .tabs__trigger[aria-selected=true]{color:var(--ds-color-action-on-primary)}.tabs--pill .tabs__trigger[aria-selected=true]:focus-visible,.tabs--pill .tabs__trigger[aria-selected=true][data-focus-visible=true]{outline-color:var(--ds-color-action-on-primary)}.tabs--secondary{--tabs-indicator-bg:var(--ds-color-action-primary)}.tabs--secondary .tabs__list{gap:var(--ds-space-4);border-block-end:1px solid var(--ds-color-border-subtle);background:0 0;border-radius:0;padding:0}.tabs--secondary .tabs__trigger{height:var(--tabs-control-height);padding-inline:var(--ds-space-1);border-radius:0}.tabs--secondary .tabs__trigger[aria-selected=true]{color:var(--ds-color-action-ai-foreground);background:0 0}.tabs--secondary .tabs__list:before{height:2px;box-shadow:none;transform:translate(var(--tabs-indicator-x,0px), calc(var(--tabs-indicator-y,0px) + var(--tabs-indicator-height,0px) - 2px));border-radius:0}.tabs[data-orientation=vertical]{align-items:stretch;gap:var(--ds-space-4);display:flex}.tabs[data-orientation=vertical]>.tabs__list-container,.tabs[data-orientation=vertical]>.tabs__toolbar{flex:0 12rem;max-width:45%}.tabs[data-orientation=vertical] .tabs__list-container,.tabs[data-orientation=vertical] .tabs__list{flex-direction:column;width:100%;max-height:20rem}.tabs[data-orientation=vertical] .tabs__trigger{flex:none}.tabs[data-orientation=vertical] .tabs__label{text-overflow:ellipsis;overflow:hidden}.tabs[data-orientation=vertical] .tabs__toolbar,.tabs[data-orientation=vertical] .tabs__navigation{flex-direction:column;justify-content:flex-start;align-items:stretch}.tabs[data-orientation=vertical] .tabs__separator{width:auto;height:1px;inset-block:-1px auto;inset-inline:20%}.tabs--secondary[data-orientation=vertical] .tabs__list{gap:var(--ds-space-1);border-block-end:0;border-inline-end:1px solid var(--ds-color-border-subtle)}.tabs--secondary[data-orientation=vertical] .tabs__list:before{width:2px;height:var(--tabs-indicator-height);transform:translate(calc(var(--tabs-indicator-x) + var(--tabs-indicator-width) - 2px), var(--tabs-indicator-y))}.tabs--secondary[data-orientation=vertical]:dir(rtl) .tabs__list:before{transform:translate(var(--tabs-indicator-x), var(--tabs-indicator-y))}.tabs__scroll-button{border-radius:var(--ds-radius-md);width:1.75rem;height:1.75rem;color:var(--ds-color-text-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.tabs__scroll-button[hidden]{display:none}.tabs__scroll-button:disabled{opacity:.35;cursor:default}.tabs__scroll-button:hover:enabled{background:var(--ds-color-item-highlight);color:var(--ds-color-text-default)}.tabs__scroll-button:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:-2px}.tabs__scroll-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.tabs:dir(rtl) .tabs__scroll-button svg{transform:scaleX(-1)}.tabs[data-orientation=vertical] .tabs__scroll-button svg{transform:rotate(90deg)}.tabs__panel{min-width:0;padding-block:var(--ds-space-4);animation:tabs-panel-in var(--ds-motion-duration-normal) var(--ds-motion-ease-standard);outline:none}.tabs[data-orientation=vertical] .tabs__panel{flex:1;padding-block:0}.tabs__panel[hidden],.tabs__panel[inert]{display:none}@keyframes tabs-panel-in{0%{opacity:0}to{opacity:1}}.tabs--flush .tabs__list{gap:0;padding:0}.tabs--flush .tabs__trigger{height:var(--tabs-control-height)}.tabs--flush.tabs--pill .tabs__list{border:1px solid var(--ds-color-border-subtle);background:var(--ds-color-surface-default)}.tabs--flush.tabs--pill .tabs__trigger{height:calc(var(--tabs-control-height) - 2px)}.tabs--flush:not([data-orientation=vertical]) .tabs__list{height:var(--tabs-control-height)}.tabs--flush:not([data-orientation=vertical]) .tabs__trigger{height:100%}.tabs--flush.tabs--secondary .tabs__list{gap:0}@media (prefers-reduced-motion:reduce){.tabs__list[data-indicator-animated=true]:before{transition:none}.tabs__panel{animation:none}}@media (forced-colors:active){.tabs__list{background:canvas;border:1px solid canvastext}.tabs__list:before{forced-color-adjust:none;box-shadow:none;background:highlight}.tabs__trigger[aria-selected=true]{color:highlighttext;forced-color-adjust:none}.tabs--secondary .tabs__trigger[aria-selected=true]{color:linktext}.tabs__trigger:disabled,.tabs__trigger[aria-disabled=true]{color:graytext;opacity:1}}:is(.button,.input__control,.input__group,.select__trigger,.selection__clear,.combobox__control,.combobox__toggle,.combobox__clear,.listbox__item,.number-field__group,.number-field__step,.checkbox__control,.radio__control,.switch__control,.switch__thumb,.tabs__trigger,.toggle-group__item,.pagination__button,.table__sort,.dropdown-menu__item,.sidebar__link,.breadcrumb__link){transition-property:background-color,border-color,color,opacity,box-shadow,transform;transition-duration:var(--ds-motion-duration-fast);transition-timing-function:var(--ds-motion-ease-standard)}@media (prefers-reduced-motion:reduce){:is(.button,.input__control,.input__group,.select__trigger,.selection__clear,.combobox__control,.combobox__toggle,.combobox__clear,.listbox__item,.number-field__group,.number-field__step,.checkbox__control,.radio__control,.switch__control,.switch__thumb,.tabs__trigger,.toggle-group__item,.pagination__button,.table__sort,.dropdown-menu__item,.sidebar__link,.breadcrumb__link){transition:none}}.date-range{--date-range-height:2.5rem;--date-range-bg:var(--ds-color-field-background);gap:var(--ds-space-1);min-width:0;max-width:100%;font-family:var(--ds-font-family-sans);color:var(--ds-color-text-default);font-size:var(--ds-font-size-sm);flex-direction:column;line-height:1.25rem;display:flex}.date-range--sm{--date-range-height:2rem}.date-range--lg{--date-range-height:3rem}.date-range--secondary{--date-range-bg:var(--ds-color-action-secondary)}.date-range--outline{--date-range-bg:transparent}.date-range--fit{width:fit-content}.date-range--icon-trigger{flex:none;width:fit-content}.date-range--icon-trigger .date-range__trigger{width:var(--date-range-height);justify-content:center;padding:0}.date-range--icon-trigger .date-range__chevron{display:none}.date-range--icon-trigger .date-range__value{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.date-range__label{font-weight:500}.date-range--label-hidden>.date-range__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.date-range--label-hidden{gap:0}.date-range__trigger{box-sizing:border-box;align-items:center;gap:var(--ds-space-2);width:100%;min-width:0;height:var(--date-range-height);padding-inline:var(--ds-space-3);border:1px solid var(--ds-color-field-border);border-radius:var(--ds-radius-field);background:var(--date-range-bg);color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard), border-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard);box-shadow:var(--ds-shadow-field);display:inline-flex}.date-range--lg .date-range__trigger{font-size:var(--ds-font-size-md)}.date-range__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.date-range__value[data-placeholder],.date-range__icon,.date-range__chevron{color:var(--ds-color-text-muted)}.date-range__icon,.date-range__chevron{flex:none;width:1rem;height:1rem;display:block}.date-range__chevron{transition:transform var(--ds-motion-duration-normal) var(--ds-motion-ease-standard);margin-inline-start:var(--ds-space-4)}.date-range__trigger[aria-expanded=true] .date-range__chevron{transform:rotate(180deg)}.date-range__trigger[aria-expanded=true]{border-color:var(--ds-color-focus-ring)}.date-range__trigger[aria-invalid=true]{border-color:var(--ds-color-text-danger)}.date-range__trigger:disabled{opacity:.5;cursor:not-allowed}.date-range__panel{box-sizing:border-box;width:fit-content;max-width:calc(100vw - 2rem);max-height:min(90dvh, var(--available-height,var(--reka-popover-content-available-height,48rem)));border:1px solid var(--ds-color-border-subtle);border-radius:var(--ds-radius-surface);background:var(--ds-color-surface-overlay);box-shadow:var(--ds-shadow-popover);color:var(--ds-color-text-default);font-family:var(--ds-font-family-sans);font-size:var(--ds-font-size-sm);z-index:50;line-height:1.25rem;overflow:auto}.date-range__inline{max-width:100%;max-height:none;box-shadow:none}.date-range__dialog{outline:none}.date-range__intro{padding:var(--ds-space-4) var(--ds-space-4) 0}.date-range__intro h2{font-size:var(--ds-font-size-sm);color:var(--ds-color-text-muted);margin:0;font-weight:500}.date-range__summary{margin:var(--ds-space-2) 0 0;font-size:var(--ds-font-size-md);min-height:1.5rem;font-weight:600}.date-range__body{align-items:flex-start;gap:var(--ds-space-4);padding:var(--ds-space-4);display:flex}.date-range__presets{gap:var(--ds-space-2);flex-direction:column;flex:0 0 8.5rem;display:flex}.date-range__preset{padding:var(--ds-space-2) var(--ds-space-3);text-align:start;font:inherit;color:inherit;background:var(--ds-color-action-secondary);cursor:pointer;border:1px solid #0000;border-radius:9999px}.date-range__preset[aria-pressed=true]{color:var(--ds-color-text-default);border-color:var(--ds-color-action-primary);font-weight:600}.date-range__main{min-width:0}.date-range__jump{gap:var(--ds-space-3);margin-bottom:var(--ds-space-3);display:flex}.date-range__jump label{gap:var(--ds-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.date-range__jump select,.date-range__jump input{box-sizing:border-box;width:100%;min-width:0;height:2.5rem;padding:var(--ds-space-2);border:1px solid var(--ds-color-field-border);border-radius:var(--ds-radius-field);background:var(--ds-color-field-background);color:inherit;font:inherit;box-shadow:var(--ds-shadow-field)}.date-range__inputs{gap:var(--ds-space-3);margin-bottom:var(--ds-space-4);display:flex}.date-range__field{gap:var(--ds-space-1);min-width:0;font-size:var(--ds-font-size-sm);flex-direction:column;flex:1;display:flex}.date-range__field input{box-sizing:border-box;width:100%;min-width:0;height:2.5rem;padding:var(--ds-space-2);border:1px solid var(--ds-color-field-border);border-radius:var(--ds-radius-field);background:var(--ds-color-field-background);color:inherit;font:inherit;box-shadow:var(--ds-shadow-field)}.date-range__field input[aria-invalid=true]{border-color:var(--ds-color-text-danger)}.date-range__calendar{position:relative}.date-range__navigation{z-index:1;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:0 0 auto}.date-range__nav{width:2rem;height:2rem;padding:var(--ds-space-1);border-radius:var(--ds-radius-md);color:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;display:grid}.date-range__nav svg{width:1rem;height:1rem}.date-range__nav--previous svg{transform:rotate(90deg)}.date-range__nav--next svg,[dir=rtl] .date-range__nav--previous svg{transform:rotate(-90deg)}[dir=rtl] .date-range__nav--next svg{transform:rotate(90deg)}.date-range__months{gap:var(--ds-space-4);grid-auto-columns:minmax(0,16rem);grid-auto-flow:column;display:grid}.date-range__month{min-width:0;min-height:18rem;position:relative}.date-range__month+.date-range__month:before{pointer-events:none;content:"";background:var(--ds-color-border-subtle);width:1px;position:absolute;inset-block:0;inset-inline-start:calc(var(--ds-space-2) * -1)}.date-range__heading{margin:0 2rem var(--ds-space-2);height:2rem;font-size:var(--ds-font-size-sm);white-space:nowrap;justify-content:center;align-items:center;font-weight:600;display:flex}.date-range__grid{border-collapse:collapse;table-layout:fixed;border-spacing:0;width:100%}.date-range__grid td{text-align:center;padding:0}.date-range__weekday{height:2rem;color:var(--ds-color-text-muted);font-weight:400;font-size:var(--ds-font-size-sm)}.date-range__day{box-sizing:border-box;border-radius:var(--ds-radius-md);width:100%;height:2.25rem;color:inherit;cursor:pointer;font-size:var(--ds-font-size-sm);user-select:none;border:1px solid #0000;outline:none;place-items:center;display:grid}.date-range__day[data-today]{box-shadow:inset 0 0 0 1px var(--ds-color-border-control)}.date-range__day[data-selected],.date-range__day[data-highlighted]{background:var(--ds-color-item-highlight);border-radius:0}.date-range__day[data-selection-start],.date-range__day[data-selection-end]{background:var(--ds-color-action-primary);color:var(--ds-color-action-on-primary);box-shadow:none;border-radius:9999px}.date-range__day[data-highlighted-start],.date-range__day[data-highlighted-end]{border-radius:9999px}.date-range__day[data-outside-month],.date-range__day[data-outside-view]{visibility:hidden}.date-range__day[data-disabled],.date-range__day[data-unavailable],.date-range__nav:disabled,.date-range__preset:disabled{opacity:.4;cursor:not-allowed}.date-range__day[data-unavailable]{text-decoration:line-through}.date-range__validation{min-height:1.25rem;margin-top:var(--ds-space-2);color:var(--ds-color-text-danger)}.date-range__validation p{max-width:32rem;margin:0}.date-range__footer{background:var(--ds-color-surface-raised);justify-content:space-between;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-top:1px solid var(--ds-color-border-subtle);display:flex;position:sticky;bottom:0}.date-range__footer>div{gap:var(--ds-space-2);display:flex}.date-range__day:focus-visible,.date-range__day[data-focus-visible],.date-range__nav:focus-visible,.date-range__preset:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}.date-range__day,.date-range__nav,.date-range__preset{transition:background-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard), color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard), border-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard)}@media (hover:hover){.date-range__trigger:hover:enabled:not(:focus-visible):not([aria-expanded=true]):not([aria-invalid=true]){border-color:var(--ds-color-field-border-hover)}.date-range__nav:hover:enabled,.date-range__preset:hover:enabled,.date-range__day:hover:not([data-disabled]):not([data-unavailable]):not([data-selected]){background:var(--ds-color-item-highlight)}}@keyframes date-range-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes date-range-exit{0%{opacity:1}to{opacity:0}}.date-range__panel[data-entering],.date-range__panel[data-state=open]:not(.date-range__inline){animation:date-range-enter var(--ds-motion-duration-normal) var(--ds-motion-ease-standard)}.date-range__panel[data-exiting],.date-range__panel[data-state=closed]{animation:date-range-exit var(--ds-motion-duration-fast) var(--ds-motion-ease-standard)}@media (width<=640px){.date-range__body{flex-direction:column}.date-range__presets{flex-flow:wrap;flex:none;width:100%}.date-range__main{width:100%}.date-range__months{grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:row}.date-range__month{min-width:16rem}.date-range__month+.date-range__month{border-top:1px solid var(--ds-color-border-subtle);padding-top:var(--ds-space-3)}.date-range__month+.date-range__month:before{display:none}.date-range__panel{max-width:calc(100vw - 2rem)}}@media (prefers-reduced-motion:reduce){.date-range__panel,.date-range__trigger,.date-range__chevron,.date-range__day,.date-range__nav,.date-range__preset{transition:none!important;animation:none!important}}@media (forced-colors:active){.date-range__panel,.date-range__trigger,.date-range__field input{border-color:buttontext}.date-range__day[data-selected],.date-range__day[data-highlighted]{border-color:highlight}.date-range__day[data-selection-start],.date-range__day[data-selection-end]{color:highlighttext;forced-color-adjust:none;background:highlight}}:is(.select__trigger,.combobox__control,.number-field__group,.listbox__list,.date-range__trigger,.date-range__field input,.date-range__jump input,.date-range__jump select){--field-focus-color:var(--ds-color-field-border-focus)}:is(.select__trigger[aria-invalid=true],.combobox__control[data-invalid],.number-field__group:has([aria-invalid=true]),.listbox__list[aria-invalid=true],.date-range__trigger[aria-invalid=true],.date-range__field input[aria-invalid=true]){--field-focus-color:var(--ds-color-text-danger)}:is(.select__trigger:focus-visible,.select__trigger[data-focus-visible=true],.combobox__control:has(.combobox__input:focus),.number-field__group:has(.number-field__control:focus),.listbox__list:focus-visible,.listbox__list:has(:focus-visible),.listbox__list[data-focus-visible=true],.date-range__trigger:focus-visible,.date-range__trigger[data-focus-visible],.date-range__field input:focus-visible,.date-range__jump input:focus-visible,.date-range__jump select:focus-visible){border-color:var(--field-focus-color);outline:2px solid var(--field-focus-color);outline-offset:-2px}@media (hover:hover){.combobox__control:hover:not(:focus-within):not([data-invalid]):not([data-disabled]),.number-field__group:hover:not(:focus-within):not(:has([aria-invalid=true])):not(:has(:disabled)){border-color:var(--ds-color-field-border-hover)}}@media (forced-colors:active){:is(.select__trigger,.select__trigger[aria-invalid=true],.combobox__control,.combobox__control[data-invalid],.number-field__group,.number-field__group:has([aria-invalid=true]),.listbox__list,.listbox__list[aria-invalid=true],.date-range__trigger,.date-range__trigger[aria-invalid=true],.date-range__field input,.date-range__field input[aria-invalid=true],.date-range__jump input,.date-range__jump select){--field-focus-color:Highlight}}
package/package.json CHANGED
@@ -1,6 +1,36 @@
1
1
  {
2
2
  "name": "@kazee-ds/styles",
3
- "version": "0.0.0-stage",
4
- "stub": true,
5
- "description": "Temporary package placeholder for staged publishing"
3
+ "version": "0.4.0",
4
+ "type": "module",
5
+ "exports": {
6
+ "./index.css": "./dist/index.css"
7
+ },
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "dependencies": {
12
+ "@kazee-ds/tokens": "0.4.0"
13
+ },
14
+ "license": "UNLICENSED",
15
+ "devDependencies": {
16
+ "lightningcss": "^1.33.0"
17
+ },
18
+ "sideEffects": [
19
+ "*.css"
20
+ ],
21
+ "publishConfig": {
22
+ "access": "public",
23
+ "registry": "https://registry.npmjs.org/"
24
+ },
25
+ "repository": {
26
+ "type": "git",
27
+ "url": "git+https://gitlab.com/kazee.indonesia/kazee-design-system.git",
28
+ "directory": "packages/styles"
29
+ },
30
+ "homepage": "https://kazee-design-system-023417.gitlab.io",
31
+ "scripts": {
32
+ "test": "pnpm run build && vitest run",
33
+ "typecheck": "tsc --noEmit",
34
+ "build": "pnpm --filter @kazee-ds/tokens run build && node scripts/build.mjs"
35
+ }
6
36
  }
package/README.md DELETED
@@ -1,3 +0,0 @@
1
- # Temporary Holding Version
2
-
3
- This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.