@spear-ai/spectral 1.7.0 → 1.8.1

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 (41) hide show
  1. package/dist/.js +65 -65
  2. package/dist/Accordion.js +1 -1
  3. package/dist/Alert/AlertBase.js +1 -1
  4. package/dist/Alert.js +1 -1
  5. package/dist/Button.js +1 -1
  6. package/dist/ButtonIcon.js +1 -1
  7. package/dist/Checkbox.js +1 -1
  8. package/dist/DateTimePicker/Calendar.js +365 -360
  9. package/dist/DateTimePicker/DateTimeUtils.js +2 -2
  10. package/dist/DateTimePicker.js +1 -1
  11. package/dist/Icons/PolygonIcon.d.ts +5 -0
  12. package/dist/Icons/PolygonIcon.js +40 -0
  13. package/dist/Icons/index.d.ts +1 -1
  14. package/dist/Icons.js +34 -34
  15. package/dist/IconsAnimated/PanelLeftCloseIcon.js +4 -4
  16. package/dist/IconsAnimated/PanelLeftOpenIcon.js +2 -2
  17. package/dist/Input.js +1 -1
  18. package/dist/InputOTP.js +1 -1
  19. package/dist/MultiSelect/MultiSelectBase.js +30 -30
  20. package/dist/RadioGroup.js +2 -2
  21. package/dist/Select.js +39 -39
  22. package/dist/Switch/SwitchBase.js +70 -106
  23. package/dist/Switch.d.ts +1 -1
  24. package/dist/Switch.js +122 -33
  25. package/dist/Tabs/TabsBase.js +2 -2
  26. package/dist/Textarea.js +1 -1
  27. package/dist/Toast.js +1 -1
  28. package/dist/Tray.js +3 -3
  29. package/dist/index-Cl8VeY0o.js +149 -0
  30. package/dist/primitives/select.js +1 -1
  31. package/dist/{proxy-CgaCj1WQ.js → proxy-CO_-Vget.js} +3107 -2803
  32. package/dist/styles/horizon/colors.css +3 -2
  33. package/dist/styles/main.css +1 -1
  34. package/dist/styles/spectral.css +2 -2
  35. package/dist/styles/theme.css +3 -2
  36. package/dist/{use-animation-CR-SdV2l.js → use-animation-DhEPRwZ3.js} +1 -1
  37. package/dist/utils/twUtils.js +528 -369
  38. package/package.json +33 -32
  39. package/dist/Icons/LineToolIcon2.d.ts +0 -5
  40. package/dist/Icons/LineToolIcon2.js +0 -49
  41. package/dist/index-DdFoGvON.js +0 -146
package/dist/styles/horizon/colors.css CHANGED
@@ -167,9 +167,10 @@
167
167
  --color-slider-thumb-bg: var(--horizon-color-neutral-50);
168
168
  --color-slider-thumb-ring: var(--horizon-color-neutral-50);
169
169
 
170
- --color-switch-bg: var(--horizon-color-neutral-500);
171
- --color-switch-bg--checked: var(--horizon-color-success-500);
170
+ --color-switch-bg: var(--horizon-color-neutral-700);
171
+ --color-switch-bg--checked: var(--horizon-color-white);
172
172
  --color-switch-thumb: var(--horizon-color-neutral-950);
173
+ --color-switch-thumb--checked: var(--horizon-color-white);
173
174
 
174
175
  --color-tabs-bg: var(--horizon-color-level-one);
175
176
  --color-tabs-group-bg: var(--horizon-color-level-one);
package/dist/styles/main.css CHANGED
@@ -1 +1 @@
1
- :root{--horizon-color-black: oklch(0% 0 0);--horizon-color-white: oklch(100% 0 0);--horizon-color-transparent: oklch(0 0 0 / 0%);--horizon-color-accent: oklch(92.53% .1976 123.38);--horizon-color-neutral-50: oklch(98.5% 0 0);--horizon-color-neutral-100: oklch(92.19% 0 0);--horizon-color-neutral-200: oklch(86.99% 0 0);--horizon-color-neutral-300: oklch(79.03% 0 0);--horizon-color-neutral-400: oklch(71.55% 0 0);--horizon-color-neutral-500: oklch(55.55% 0 0);--horizon-color-neutral-600: oklch(43.86% 0 0);--horizon-color-neutral-700: oklch(37.15% 0 0);--horizon-color-neutral-800: oklch(32.11% 0 0);--horizon-color-neutral-900: oklch(26.86% 0 0);--horizon-color-neutral-950: oklch(21.78% 0 0);--horizon-color-primary-50: oklch(97.37% .01 238);--horizon-color-primary-100: oklch(93.88% .03 242.35);--horizon-color-primary-200: oklch(89.3% .06 242.83);--horizon-color-primary-300: oklch(83.05% .09 240.33);--horizon-color-primary-400: oklch(74.57% .14 245.84);--horizon-color-primary-500: oklch(66.23% .18 254.28);--horizon-color-primary-600: oklch(58.57% .21 259.12);--horizon-color-primary-700: oklch(52.25% .21 261.44);--horizon-color-primary-800: oklch(42.44% .17 262.29);--horizon-color-primary-900: oklch(39.88% .14 261.51);--horizon-color-primary-950: oklch(29.27% .09 263.49);--horizon-color-level-zero: oklch(23.78% 0 0);--horizon-color-level-one: oklch(26.94% 0 0);--horizon-color-level-two: oklch(29.93% 0 0);--horizon-color-level-three: oklch(32.89% 0 0);--horizon-color-level-four: oklch(35.71% 0 0);--horizon-color-level-five: oklch(38.62% 0 0);--horizon-color-success-50: oklch(96.2% .044 156.743);--horizon-color-success-100: oklch(92.5% .084 155.995);--horizon-color-success-200: oklch(87.1% .15 154.449);--horizon-color-success-300: oklch(79.2% .209 151.711);--horizon-color-success-400: oklch(72.3% .219 149.579);--horizon-color-success-500: oklch(62.7% .194 149.214);--horizon-color-warning-50: oklch(95.4% .038 75.164);--horizon-color-warning-100: oklch(90.1% .076 70.697);--horizon-color-warning-200: oklch(83.7% .128 66.29);--horizon-color-warning-300: oklch(75% .183 55.934);--horizon-color-warning-400: oklch(70.5% .213 47.604);--horizon-color-warning-500: oklch(64.6% .222 41.116);--horizon-color-danger-50: oklch(93.6% .032 17.717);--horizon-color-danger-100: oklch(88.5% .062 18.334);--horizon-color-danger-200: oklch(80.8% .114 19.571);--horizon-color-danger-300: oklch(70.4% .191 22.216);--horizon-color-danger-400: oklch(57.7% .245 27.325);--horizon-color-danger-500: oklch(50.5% .213 27.518)}:root[data-theme=light]{--horizon-color-level-one: oklch(98.51% 0 0)}@theme{ --color-background: var(--horizon-color-neutral-950); --color-text-primary: var(--horizon-color-neutral-50); --color-text-inverted: var(--horizon-color-neutral-950); --color-text-secondary: var(--horizon-color-neutral-300); --color-text-disabled: var(--horizon-color-neutral-600); --color-border-primary: var(--horizon-color-neutral-900); --color-border-secondary: var(--horizon-color-neutral-700); --color-accent: var(--horizon-color-accent); --color-selected-primary: var(--horizon-color-primary-600); --color-divider-primary: var(--horizon-color-level-four); --color-overlay: color-mix(in oklab, var(--horizon-color-neutral-950) 40%, transparent); --color-level-zero: var(--horizon-color-level-zero); --color-level-one: var(--horizon-color-level-one); --color-level-two: var(--horizon-color-level-two); --color-level-three: var(--horizon-color-level-three); --color-level-four: var(--horizon-color-level-four); --color-level-five: var(--horizon-color-level-five); --color-success-50: var(--horizon-color-success-50); --color-success-100: var(--horizon-color-success-100); --color-success-200: var(--horizon-color-success-200); --color-success-300: var(--horizon-color-success-300); --color-success-400: var(--horizon-color-success-400); --color-success-500: var(--horizon-color-success-500); --color-warning-50: var(--horizon-color-warning-50); --color-warning-100: var(--horizon-color-warning-100); --color-warning-200: var(--horizon-color-warning-200); --color-warning-300: var(--horizon-color-warning-300); --color-warning-400: var(--horizon-color-warning-400); --color-warning-500: var(--horizon-color-warning-500); --color-danger-50: var(--horizon-color-danger-50); --color-danger-100: var(--horizon-color-danger-100); --color-danger-200: var(--horizon-color-danger-200); --color-danger-300: var(--horizon-color-danger-300); --color-danger-400: var(--horizon-color-danger-400); --color-danger-500: var(--horizon-color-danger-500); --color-alert-bg: var(--horizon-color-level-two); --color-alert-border: var(--horizon-color-level-three); --color-alert-text: var(--horizon-color-neutral-50); --color-alert-success-bg: var(--horizon-color-success-50); --color-alert-success-border: var(--horizon-color-success-500); --color-alert-success-text: var(--horizon-color-success-500); --color-alert-warning-bg: var(--horizon-color-warning-50); --color-alert-warning-border: var(--horizon-color-warning-500); --color-alert-warning-text: var(--horizon-color-warning-500); --color-alert-danger-bg: var(--horizon-color-danger-50); --color-alert-danger-border: var(--horizon-color-danger-500); --color-alert-danger-text: var(--horizon-color-danger-500); --color-alert-info-bg: var(--horizon-color-primary-50); --color-alert-info-border: var(--horizon-color-primary-700); --color-alert-info-text: var(--horizon-color-primary-700); --color-badge-primary-bg: var(--horizon-color-level-five); --color-badge-primary-bg--hover: var(--horizon-color-level-four); --color-badge-primary-bg--active: var(--horizon-color-primary-600); --color-badge-primary-border: var(--horizon-color-level-five); --color-badge-secondary-bg: var(--horizon-color-accent); --color-badge-secondary-border: var(--horizon-color-accent); --color-badge-secondary-text: var(--horizon-color-neutral-950); --color-badge-outline-bg: var(--horizon-color-transparent); --color-badge-outline-border: var(--horizon-color-level-five); --color-badge-destructive-bg: var(--horizon-color-danger-400); --color-badge-destructive-border: var(--horizon-color-danger-400); --color-button-primary-bg: var(--horizon-color-accent); --color-button-primary-bg--hover: var(--horizon-color-level-two); --color-button-primary-bg--disabled: var(--horizon-color-neutral-500); --color-button-primary-border: var(--horizon-color-accent); --color-button-primary-border--hover: var(--horizon-color-level-two); --color-button-primary-border--disabled: var(--horizon-color-neutral-500); --color-button-primary-text: var(--horizon-color-neutral-900); --color-button-primary-text--hover: var(--horizon-color-accent); --color-button-primary-text--disabled: var(--horizon-color-neutral-200); --color-button-secondary-bg: var(--horizon-color-level-two); --color-button-secondary-bg--hover: var(--horizon-color-accent); --color-button-secondary-bg--disabled: var(--horizon-color-neutral-500); --color-button-secondary-text: var(--horizon-color-neutral-50); --color-button-secondary-text--hover: var(--horizon-color-level-two); --color-button-secondary-text--disabled: var(--horizon-color-neutral-200); --color-button-secondary-border: var(--horizon-color-neutral-900); --color-button-secondary-border--disabled: var(--horizon-color-neutral-500); --color-button-outline-bg: var(--horizon-color-transparent); --color-button-outline-bg--hover: var(--horizon-color-level-two); --color-button-outline-text: var(--horizon-color-neutral-50); --color-button-outline-text--hover: var(--horizon-color-accent); --color-button-outline-text--disabled: var(--horizon-color-neutral-400); --color-button-outline-border: var(--horizon-color-accent); --color-button-outline-border--disabled: var(--horizon-color-neutral-400); --color-button-ghost-bg: var(--horizon-color-transparent); --color-button-ghost-bg--hover: var(--horizon-color-level-two); --color-button-ghost-text: var(--horizon-color-neutral-50); --color-button-ghost-text--hover: var(--horizon-color-accent); --color-button-ghost-text--disabled: var(--horizon-color-neutral-400); --color-button-danger: var(--horizon-color-danger-200); --color-button-danger--hover: color-mix(in oklab, var(--horizon-color-danger-300) 80%, transparent); --color-checkbox-border: var(--horizon-color-neutral-100); --color-checkbox-border--focus: var(--horizon-color-accent); --color-checkbox-border--checked: var(--horizon-color-accent); --color-checkbox-indicator--checked: var(--horizon-color-accent); --color-data-card-description: var(--horizon-color-neutral-300); --color-dialog-bg: var(--horizon-color-level-one); --color-drawer-bg: var(--horizon-color-level-one); --color-input-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent); --color-input-border--hover: var(--horizon-color-neutral-300); --color-input-border--focus: var(--horizon-color-accent); --color-input-border--disabled: var(--horizon-color-neutral-500); --color-input-bg: var(--horizon-color-level-zero); --color-input-bg--hover: var(--horizon-color-level-four); --color-input-bg--disabled: var(--horizon-color-neutral-700); --color-input-bg--selected: var(--horizon-color-level-four); --color-input-text: var(--horizon-color-neutral-50); --color-input-text-prefix: var(--horizon-color-neutral-200); --color-input-text--disabled: var(--horizon-color-neutral-200); --color-input-text-placeholder: var(--horizon-color-neutral-500); --color-input-primitive-bg: var(--horizon-color-neutral-950); --color-input-primitive-border: var(--horizon-color-neutral-800); --color-input-otp-filled-bg: var(--horizon-color-level-two); --color-input-otp-filled-border: var(--horizon-color-level-two); --color-input-otp-filled-separator: var(--horizon-color-level-five); --color-input-otp-border: var(--horizon-color-neutral-300); --color-input-otp-border--focus: var(--horizon-color-accent); --color-input-otp-caret: var(--horizon-color-neutral-200); --color-kbd-bg: var(--horizon-color-level-two); --color-kbd-text: var(--color-text-secondary); --color-popover-bg: var(--horizon-color-level-one); --color-popover-text: var(--horizon-color-neutral-50); --color-radio-bg: var(--horizon-color-neutral-900); --color-radio-bg--selected: var(--horizon-color-accent); --color-radio-border: var(--horizon-color-neutral-800); --color-radio-border--hover: var(--horizon-color-accent); --color-radio-border--selected: var(--horizon-color-accent); --color-radio-tile-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent); --color-radio-tile-border--hover: var(--horizon-color-neutral-300); --color-radio-tile-border--selected: var(--horizon-color-accent); --color-select-item-bg--hover: var(--horizon-color-level-four); --color-slider-track: var(--horizon-color-neutral-700); --color-slider-range: var(--horizon-color-neutral-50); --color-slider-thumb-border: var(--horizon-color-neutral-50); --color-slider-thumb-bg: var(--horizon-color-neutral-50); --color-slider-thumb-ring: var(--horizon-color-neutral-50); --color-switch-bg: var(--horizon-color-neutral-500); --color-switch-bg--checked: var(--horizon-color-success-500); --color-switch-thumb: var(--horizon-color-neutral-950); --color-tabs-bg: var(--horizon-color-level-one); --color-tabs-group-bg: var(--horizon-color-level-one); --color-tabs-indicator: var(--horizon-color-accent); --color-tabs-enclosed-indicator: var(--horizon-color-level-two); --color-tabs-border: var(--horizon-color-level-four); --color-toast-bg: var(--horizon-color-level-one); --color-toast-border: var(--horizon-color-level-four); --color-toast-text: var(--horizon-color-neutral-50); --color-toast-icon: var(--horizon-color-neutral-50); --color-toast-success-bg: color-mix(in oklab, var(--horizon-color-success-400) 10%, var(--horizon-color-neutral-950)); --color-toast-success-border: var(--horizon-color-success-400); --color-toast-success-text: var(--horizon-color-success-400); --color-toast-success-icon: var(--horizon-color-success-400); --color-toast-warning-bg: color-mix(in oklab, var(--horizon-color-warning-400) 10%, var(--horizon-color-neutral-950)); --color-toast-warning-border: var(--horizon-color-warning-400); --color-toast-warning-text: var(--horizon-color-warning-400); --color-toast-warning-icon: var(--horizon-color-warning-400); --color-toast-danger-bg: color-mix(in oklab, var(--horizon-color-danger-400) 10%, var(--horizon-color-neutral-950)); --color-toast-danger-border: var(--horizon-color-danger-400); --color-toast-danger-text: var(--horizon-color-danger-400); --color-toast-danger-icon: var(--horizon-color-danger-400); --color-toast-info-bg: color-mix(in oklab, var(--horizon-color-primary-400) 10%, var(--horizon-color-neutral-950)); --color-toast-info-border: var(--horizon-color-primary-400); --color-toast-info-text: var(--horizon-color-primary-400); --color-toast-info-icon: var(--horizon-color-primary-400); --color-toggle-bg: var(--horizon-color-level-two); --color-toggle-bg--active: var(--horizon-color-primary-500); --color-toggle-bg--hover: var(--horizon-color-level-four); --color-toggle-border: var(--horizon-color-transparent); --color-toggle-border--hover: var(--horizon-color-level-four); --color-toggle-border--active: var(--horizon-color-primary-500); --color-toggle-text: var(--horizon-color-neutral-50); --color-toggle-text--hover: var(--horizon-color-neutral-200); --color-toggle-text--active: var(--horizon-color-neutral-50); --color-toggle-outline-border: var(--horizon-color-neutral-600); --color-toggle-outline-border--hover: var(--horizon-color-neutral-400); --color-toggle-group-bg: var(--horizon-color-level-five); --color-tooltip-bg: var(--horizon-color-level-one); --color-tooltip-arrow: var(--horizon-color-level-one); --color-tooltip-outline-border: var(--horizon-color-level-four); --color-tooltip-outline-arrow: var(--horizon-color-level-four); }:root[data-theme=light]{--color-background: var(--horizon-color-neutral-50);--color-ring-offset: var(--horizon-color-neutral-50);--color-text-primary: var(--horizon-color-neutral-900);--color-text-secondary: var(--horizon-color-neutral-600);--color-card-bg: var(--horizon-color-level-one);--color-card-text: var(--horizon-color-neutral-900);--color-switch-bg: var(--horizon-color-neutral-300);--color-switch-bg--checked: var(--horizon-color-neutral-950);--color-switch-thumb: var(--horizon-color-neutral-50);--color-shadow-neumorphic: oklch(92.49% 0 0);--color-shadow-neumorphic-large: oklch(88.56% .0014 286.37)}@theme{ --font-sans: "Work Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji"; --font-serif: "Bitter", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; --ring: var(--color-accent); --ring-offset: var(--color-background); --animate-animate-in: animate-in; --animate-animate-out: animate-out; --animate-zoom-in-95: zoom-in-95; --animate-zoom-out-95: zoom-out-95; --animate-fade-in-0: fade-in-0; --animate-fade-out-0: fade-out-0; --animate-fade-in-tabs: fade-in-tabs .5s ease-in-out; --animate-slide-down-from-top: slide-down-from-top .3s ease-out; --animate-slide-up-to-top: slide-up-to-top .3s ease-out; --animate-fade-in-tabs-indicator: fade-in-tabs-indicator .3s ease-out; --animate-caret-blink: caret-blink 1.2s ease-out infinite; --animate-spin-around: spin-around .8s linear infinite; --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; }@keyframes animate-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes animate-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes fade-in-0{0%{opacity:0}to{opacity:1}}@keyframes fade-out-0{0%{opacity:1}to{opacity:0}}@keyframes fade-in-tabs-indicator{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down-from-top{0%{transform:translateY(-100%);opacity:0;scale:.95}to{transform:translateY(0);opacity:1;scale:1}}@keyframes slide-up-to-top{0%{transform:translateY(0);opacity:1;scale:1}to{transform:translateY(-100%);opacity:0;scale:.95}}@keyframes spin-around{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes zoom-in-95{0%{opacity:0;transform:translate(-50%) translateY(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}}@keyframes zoom-out-95{0%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-50%) scale(.95)}}@keyframes accordion-down{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{height:0;opacity:0}}@plugin "tailwindcss-animate";
1
+ :root{--horizon-color-black: oklch(0% 0 0);--horizon-color-white: oklch(100% 0 0);--horizon-color-transparent: oklch(0 0 0 / 0%);--horizon-color-accent: oklch(92.53% .1976 123.38);--horizon-color-neutral-50: oklch(98.5% 0 0);--horizon-color-neutral-100: oklch(92.19% 0 0);--horizon-color-neutral-200: oklch(86.99% 0 0);--horizon-color-neutral-300: oklch(79.03% 0 0);--horizon-color-neutral-400: oklch(71.55% 0 0);--horizon-color-neutral-500: oklch(55.55% 0 0);--horizon-color-neutral-600: oklch(43.86% 0 0);--horizon-color-neutral-700: oklch(37.15% 0 0);--horizon-color-neutral-800: oklch(32.11% 0 0);--horizon-color-neutral-900: oklch(26.86% 0 0);--horizon-color-neutral-950: oklch(21.78% 0 0);--horizon-color-primary-50: oklch(97.37% .01 238);--horizon-color-primary-100: oklch(93.88% .03 242.35);--horizon-color-primary-200: oklch(89.3% .06 242.83);--horizon-color-primary-300: oklch(83.05% .09 240.33);--horizon-color-primary-400: oklch(74.57% .14 245.84);--horizon-color-primary-500: oklch(66.23% .18 254.28);--horizon-color-primary-600: oklch(58.57% .21 259.12);--horizon-color-primary-700: oklch(52.25% .21 261.44);--horizon-color-primary-800: oklch(42.44% .17 262.29);--horizon-color-primary-900: oklch(39.88% .14 261.51);--horizon-color-primary-950: oklch(29.27% .09 263.49);--horizon-color-level-zero: oklch(23.78% 0 0);--horizon-color-level-one: oklch(26.94% 0 0);--horizon-color-level-two: oklch(29.93% 0 0);--horizon-color-level-three: oklch(32.89% 0 0);--horizon-color-level-four: oklch(35.71% 0 0);--horizon-color-level-five: oklch(38.62% 0 0);--horizon-color-success-50: oklch(96.2% .044 156.743);--horizon-color-success-100: oklch(92.5% .084 155.995);--horizon-color-success-200: oklch(87.1% .15 154.449);--horizon-color-success-300: oklch(79.2% .209 151.711);--horizon-color-success-400: oklch(72.3% .219 149.579);--horizon-color-success-500: oklch(62.7% .194 149.214);--horizon-color-warning-50: oklch(95.4% .038 75.164);--horizon-color-warning-100: oklch(90.1% .076 70.697);--horizon-color-warning-200: oklch(83.7% .128 66.29);--horizon-color-warning-300: oklch(75% .183 55.934);--horizon-color-warning-400: oklch(70.5% .213 47.604);--horizon-color-warning-500: oklch(64.6% .222 41.116);--horizon-color-danger-50: oklch(93.6% .032 17.717);--horizon-color-danger-100: oklch(88.5% .062 18.334);--horizon-color-danger-200: oklch(80.8% .114 19.571);--horizon-color-danger-300: oklch(70.4% .191 22.216);--horizon-color-danger-400: oklch(57.7% .245 27.325);--horizon-color-danger-500: oklch(50.5% .213 27.518)}:root[data-theme=light]{--horizon-color-level-one: oklch(98.51% 0 0)}@theme{ --color-background: var(--horizon-color-neutral-950); --color-text-primary: var(--horizon-color-neutral-50); --color-text-inverted: var(--horizon-color-neutral-950); --color-text-secondary: var(--horizon-color-neutral-300); --color-text-disabled: var(--horizon-color-neutral-600); --color-border-primary: var(--horizon-color-neutral-900); --color-border-secondary: var(--horizon-color-neutral-700); --color-accent: var(--horizon-color-accent); --color-selected-primary: var(--horizon-color-primary-600); --color-divider-primary: var(--horizon-color-level-four); --color-overlay: color-mix(in oklab, var(--horizon-color-neutral-950) 40%, transparent); --color-level-zero: var(--horizon-color-level-zero); --color-level-one: var(--horizon-color-level-one); --color-level-two: var(--horizon-color-level-two); --color-level-three: var(--horizon-color-level-three); --color-level-four: var(--horizon-color-level-four); --color-level-five: var(--horizon-color-level-five); --color-success-50: var(--horizon-color-success-50); --color-success-100: var(--horizon-color-success-100); --color-success-200: var(--horizon-color-success-200); --color-success-300: var(--horizon-color-success-300); --color-success-400: var(--horizon-color-success-400); --color-success-500: var(--horizon-color-success-500); --color-warning-50: var(--horizon-color-warning-50); --color-warning-100: var(--horizon-color-warning-100); --color-warning-200: var(--horizon-color-warning-200); --color-warning-300: var(--horizon-color-warning-300); --color-warning-400: var(--horizon-color-warning-400); --color-warning-500: var(--horizon-color-warning-500); --color-danger-50: var(--horizon-color-danger-50); --color-danger-100: var(--horizon-color-danger-100); --color-danger-200: var(--horizon-color-danger-200); --color-danger-300: var(--horizon-color-danger-300); --color-danger-400: var(--horizon-color-danger-400); --color-danger-500: var(--horizon-color-danger-500); --color-alert-bg: var(--horizon-color-level-two); --color-alert-border: var(--horizon-color-level-three); --color-alert-text: var(--horizon-color-neutral-50); --color-alert-success-bg: var(--horizon-color-success-50); --color-alert-success-border: var(--horizon-color-success-500); --color-alert-success-text: var(--horizon-color-success-500); --color-alert-warning-bg: var(--horizon-color-warning-50); --color-alert-warning-border: var(--horizon-color-warning-500); --color-alert-warning-text: var(--horizon-color-warning-500); --color-alert-danger-bg: var(--horizon-color-danger-50); --color-alert-danger-border: var(--horizon-color-danger-500); --color-alert-danger-text: var(--horizon-color-danger-500); --color-alert-info-bg: var(--horizon-color-primary-50); --color-alert-info-border: var(--horizon-color-primary-700); --color-alert-info-text: var(--horizon-color-primary-700); --color-badge-primary-bg: var(--horizon-color-level-five); --color-badge-primary-bg--hover: var(--horizon-color-level-four); --color-badge-primary-bg--active: var(--horizon-color-primary-600); --color-badge-primary-border: var(--horizon-color-level-five); --color-badge-secondary-bg: var(--horizon-color-accent); --color-badge-secondary-border: var(--horizon-color-accent); --color-badge-secondary-text: var(--horizon-color-neutral-950); --color-badge-outline-bg: var(--horizon-color-transparent); --color-badge-outline-border: var(--horizon-color-level-five); --color-badge-destructive-bg: var(--horizon-color-danger-400); --color-badge-destructive-border: var(--horizon-color-danger-400); --color-button-primary-bg: var(--horizon-color-accent); --color-button-primary-bg--hover: var(--horizon-color-level-two); --color-button-primary-bg--disabled: var(--horizon-color-neutral-500); --color-button-primary-border: var(--horizon-color-accent); --color-button-primary-border--hover: var(--horizon-color-level-two); --color-button-primary-border--disabled: var(--horizon-color-neutral-500); --color-button-primary-text: var(--horizon-color-neutral-900); --color-button-primary-text--hover: var(--horizon-color-accent); --color-button-primary-text--disabled: var(--horizon-color-neutral-200); --color-button-secondary-bg: var(--horizon-color-level-two); --color-button-secondary-bg--hover: var(--horizon-color-accent); --color-button-secondary-bg--disabled: var(--horizon-color-neutral-500); --color-button-secondary-text: var(--horizon-color-neutral-50); --color-button-secondary-text--hover: var(--horizon-color-level-two); --color-button-secondary-text--disabled: var(--horizon-color-neutral-200); --color-button-secondary-border: var(--horizon-color-neutral-900); --color-button-secondary-border--disabled: var(--horizon-color-neutral-500); --color-button-outline-bg: var(--horizon-color-transparent); --color-button-outline-bg--hover: var(--horizon-color-level-two); --color-button-outline-text: var(--horizon-color-neutral-50); --color-button-outline-text--hover: var(--horizon-color-accent); --color-button-outline-text--disabled: var(--horizon-color-neutral-400); --color-button-outline-border: var(--horizon-color-accent); --color-button-outline-border--disabled: var(--horizon-color-neutral-400); --color-button-ghost-bg: var(--horizon-color-transparent); --color-button-ghost-bg--hover: var(--horizon-color-level-two); --color-button-ghost-text: var(--horizon-color-neutral-50); --color-button-ghost-text--hover: var(--horizon-color-accent); --color-button-ghost-text--disabled: var(--horizon-color-neutral-400); --color-button-danger: var(--horizon-color-danger-200); --color-button-danger--hover: color-mix(in oklab, var(--horizon-color-danger-300) 80%, transparent); --color-checkbox-border: var(--horizon-color-neutral-100); --color-checkbox-border--focus: var(--horizon-color-accent); --color-checkbox-border--checked: var(--horizon-color-accent); --color-checkbox-indicator--checked: var(--horizon-color-accent); --color-data-card-description: var(--horizon-color-neutral-300); --color-dialog-bg: var(--horizon-color-level-one); --color-drawer-bg: var(--horizon-color-level-one); --color-input-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent); --color-input-border--hover: var(--horizon-color-neutral-300); --color-input-border--focus: var(--horizon-color-accent); --color-input-border--disabled: var(--horizon-color-neutral-500); --color-input-bg: var(--horizon-color-level-zero); --color-input-bg--hover: var(--horizon-color-level-four); --color-input-bg--disabled: var(--horizon-color-neutral-700); --color-input-bg--selected: var(--horizon-color-level-four); --color-input-text: var(--horizon-color-neutral-50); --color-input-text-prefix: var(--horizon-color-neutral-200); --color-input-text--disabled: var(--horizon-color-neutral-200); --color-input-text-placeholder: var(--horizon-color-neutral-500); --color-input-primitive-bg: var(--horizon-color-neutral-950); --color-input-primitive-border: var(--horizon-color-neutral-800); --color-input-otp-filled-bg: var(--horizon-color-level-two); --color-input-otp-filled-border: var(--horizon-color-level-two); --color-input-otp-filled-separator: var(--horizon-color-level-five); --color-input-otp-border: var(--horizon-color-neutral-300); --color-input-otp-border--focus: var(--horizon-color-accent); --color-input-otp-caret: var(--horizon-color-neutral-200); --color-kbd-bg: var(--horizon-color-level-two); --color-kbd-text: var(--color-text-secondary); --color-popover-bg: var(--horizon-color-level-one); --color-popover-text: var(--horizon-color-neutral-50); --color-radio-bg: var(--horizon-color-neutral-900); --color-radio-bg--selected: var(--horizon-color-accent); --color-radio-border: var(--horizon-color-neutral-800); --color-radio-border--hover: var(--horizon-color-accent); --color-radio-border--selected: var(--horizon-color-accent); --color-radio-tile-border: color-mix(in oklab, var(--horizon-color-white) 10%, transparent); --color-radio-tile-border--hover: var(--horizon-color-neutral-300); --color-radio-tile-border--selected: var(--horizon-color-accent); --color-select-item-bg--hover: var(--horizon-color-level-four); --color-slider-track: var(--horizon-color-neutral-700); --color-slider-range: var(--horizon-color-neutral-50); --color-slider-thumb-border: var(--horizon-color-neutral-50); --color-slider-thumb-bg: var(--horizon-color-neutral-50); --color-slider-thumb-ring: var(--horizon-color-neutral-50); --color-switch-bg: var(--horizon-color-neutral-700); --color-switch-bg--checked: var(--horizon-color-white); --color-switch-thumb: var(--horizon-color-neutral-950); --color-switch-thumb--checked: var(--horizon-color-white); --color-tabs-bg: var(--horizon-color-level-one); --color-tabs-group-bg: var(--horizon-color-level-one); --color-tabs-indicator: var(--horizon-color-accent); --color-tabs-enclosed-indicator: var(--horizon-color-level-two); --color-tabs-border: var(--horizon-color-level-four); --color-toast-bg: var(--horizon-color-level-one); --color-toast-border: var(--horizon-color-level-four); --color-toast-text: var(--horizon-color-neutral-50); --color-toast-icon: var(--horizon-color-neutral-50); --color-toast-success-bg: color-mix(in oklab, var(--horizon-color-success-400) 10%, var(--horizon-color-neutral-950)); --color-toast-success-border: var(--horizon-color-success-400); --color-toast-success-text: var(--horizon-color-success-400); --color-toast-success-icon: var(--horizon-color-success-400); --color-toast-warning-bg: color-mix(in oklab, var(--horizon-color-warning-400) 10%, var(--horizon-color-neutral-950)); --color-toast-warning-border: var(--horizon-color-warning-400); --color-toast-warning-text: var(--horizon-color-warning-400); --color-toast-warning-icon: var(--horizon-color-warning-400); --color-toast-danger-bg: color-mix(in oklab, var(--horizon-color-danger-400) 10%, var(--horizon-color-neutral-950)); --color-toast-danger-border: var(--horizon-color-danger-400); --color-toast-danger-text: var(--horizon-color-danger-400); --color-toast-danger-icon: var(--horizon-color-danger-400); --color-toast-info-bg: color-mix(in oklab, var(--horizon-color-primary-400) 10%, var(--horizon-color-neutral-950)); --color-toast-info-border: var(--horizon-color-primary-400); --color-toast-info-text: var(--horizon-color-primary-400); --color-toast-info-icon: var(--horizon-color-primary-400); --color-toggle-bg: var(--horizon-color-level-two); --color-toggle-bg--active: var(--horizon-color-primary-500); --color-toggle-bg--hover: var(--horizon-color-level-four); --color-toggle-border: var(--horizon-color-transparent); --color-toggle-border--hover: var(--horizon-color-level-four); --color-toggle-border--active: var(--horizon-color-primary-500); --color-toggle-text: var(--horizon-color-neutral-50); --color-toggle-text--hover: var(--horizon-color-neutral-200); --color-toggle-text--active: var(--horizon-color-neutral-50); --color-toggle-outline-border: var(--horizon-color-neutral-600); --color-toggle-outline-border--hover: var(--horizon-color-neutral-400); --color-toggle-group-bg: var(--horizon-color-level-five); --color-tooltip-bg: var(--horizon-color-level-one); --color-tooltip-arrow: var(--horizon-color-level-one); --color-tooltip-outline-border: var(--horizon-color-level-four); --color-tooltip-outline-arrow: var(--horizon-color-level-four); }:root[data-theme=light]{--color-background: var(--horizon-color-neutral-50);--color-ring-offset: var(--horizon-color-neutral-50);--color-text-primary: var(--horizon-color-neutral-900);--color-text-secondary: var(--horizon-color-neutral-600);--color-card-bg: var(--horizon-color-level-one);--color-card-text: var(--horizon-color-neutral-900);--color-switch-bg: var(--horizon-color-neutral-300);--color-switch-bg--checked: var(--horizon-color-neutral-950);--color-switch-thumb: var(--horizon-color-neutral-50);--color-shadow-neumorphic: oklch(92.49% 0 0);--color-shadow-neumorphic-large: oklch(88.56% .0014 286.37)}@theme{ --font-sans: "Work Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji"; --font-serif: "Bitter", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; --ring: var(--color-accent); --ring-offset: var(--color-background); --animate-animate-in: animate-in; --animate-animate-out: animate-out; --animate-zoom-in-95: zoom-in-95; --animate-zoom-out-95: zoom-out-95; --animate-fade-in-0: fade-in-0; --animate-fade-out-0: fade-out-0; --animate-fade-in-tabs: fade-in-tabs .5s ease-in-out; --animate-slide-down-from-top: slide-down-from-top .3s ease-out; --animate-slide-up-to-top: slide-up-to-top .3s ease-out; --animate-fade-in-tabs-indicator: fade-in-tabs-indicator .3s ease-out; --animate-caret-blink: caret-blink 1.2s ease-out infinite; --animate-spin-around: spin-around .8s linear infinite; --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; }@keyframes animate-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes animate-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes fade-in-0{0%{opacity:0}to{opacity:1}}@keyframes fade-out-0{0%{opacity:1}to{opacity:0}}@keyframes fade-in-tabs-indicator{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down-from-top{0%{transform:translateY(-100%);opacity:0;scale:.95}to{transform:translateY(0);opacity:1;scale:1}}@keyframes slide-up-to-top{0%{transform:translateY(0);opacity:1;scale:1}to{transform:translateY(-100%);opacity:0;scale:.95}}@keyframes spin-around{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes zoom-in-95{0%{opacity:0;transform:translate(-50%) translateY(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}}@keyframes zoom-out-95{0%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-50%) scale(.95)}}@keyframes accordion-down{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{height:0;opacity:0}}@plugin "tailwindcss-animate";