@jamsrui/theme 0.0.16 → 0.0.18

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.
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- @theme{ --color-white: #fff; --color-black: #000; --animate-progress: progress 1s infinite linear; --animate-ripple: ripple 1s linear; @keyframes progress { 0% { transform: translateX(-50%) scaleX(.2); } 100% { transform: translateX(100%) scaleX(1); } } --shadow-primary: 0px 8px 16px 0px rgba(255, 255, 255, .16) inset, 0px 2px 0px 0px rgba(255, 255, 255, .1) inset, 0px 1px 1px .05px rgba(24, 24, 27, .24); --shadow-default: 0px 8px 16px 0px rgba(255, 255, 255, .02) inset, 0px -4px 8px 0px rgba(0, 0, 0, .02) inset, 0px 2px 0px 0px rgba(255, 255, 255, .02) inset, 0px 1px .5px .05px rgba(24, 24, 27, .05); }@keyframes ripple{0%{transform:scale(0)}to{transform:scale(4);opacify:0}}@keyframes shimmer{to{transform:translate(100%)}}@theme inline{ --color-background: var(--ui-background); --color-background-secondary: var(--ui-background-secondary); --color-background-tertiary: var(--ui-background-tertiary); --color-background-inverse: var(--ui-background-inverse); --color-foreground-50: var(--ui-foreground-50); --color-foreground-100: var(--ui-foreground-100); --color-foreground-200: var(--ui-foreground-200); --color-foreground-300: var(--ui-foreground-300); --color-foreground-400: var(--ui-foreground-400); --color-foreground-500: var(--ui-foreground-500); --color-foreground-600: var(--ui-foreground-600); --color-foreground-700: var(--ui-foreground-700); --color-foreground-800: var(--ui-foreground-800); --color-foreground-900: var(--ui-foreground-900); --color-foreground: var(--ui-foreground); --color-foreground-link: var(--ui-foreground-link); --color-foreground-secondary: var(--ui-foreground-secondary); --color-foreground-tertiary: var(--ui-foreground-tertiary); --color-foreground-inverse: var(--ui-foreground-inverse); --color-divider-flat: var(--ui-divider-flat); --color-divider: var(--ui-divider); --color-divider-hover: var(--ui-divider-hover); --color-focus: var(--ui-focus); --color-overlay: var(--ui-overlay); --color-content1: var(--ui-content1); --color-content1-foreground: var(--ui-content1-foreground); --color-content2: var(--ui-content2); --color-content2-foreground: var(--ui-content2-foreground); --color-content3: var(--ui-content3); --color-content3-foreground: var(--ui-content3-foreground); --color-content4: var(--ui-content4); --color-content4-foreground: var(--ui-content4-foreground); --color-default-50: var(--ui-default-50); --color-default-100: var(--ui-default-100); --color-default-200: var(--ui-default-200); --color-default-300: var(--ui-default-300); --color-default-400: var(--ui-default-400); --color-default-500: var(--ui-default-500); --color-default-600: var(--ui-default-600); --color-default-700: var(--ui-default-700); --color-default-800: var(--ui-default-800); --color-default-900: var(--ui-default-900); --color-default-foreground: var(--ui-default-foreground); --color-default-hover: var(--ui-default-900); --color-default: var(--ui-default); --color-primary-50: var(--ui-primary-50); --color-primary-100: var(--ui-primary-100); --color-primary-200: var(--ui-primary-200); --color-primary-300: var(--ui-primary-300); --color-primary-400: var(--ui-primary-400); --color-primary-500: var(--ui-primary-500); --color-primary-600: var(--ui-primary-600); --color-primary-700: var(--ui-primary-700); --color-primary-800: var(--ui-primary-800); --color-primary-900: var(--ui-primary-900); --color-primary-foreground: var(--ui-primary-foreground); --color-primary-hover: var(--ui-primary-900); --color-primary: var(--ui-primary); --color-secondary-50: var(--ui-secondary-50); --color-secondary-100: var(--ui-secondary-100); --color-secondary-200: var(--ui-secondary-200); --color-secondary-300: var(--ui-secondary-300); --color-secondary-400: var(--ui-secondary-400); --color-secondary-500: var(--ui-secondary-500); --color-secondary-600: var(--ui-secondary-600); --color-secondary-700: var(--ui-secondary-700); --color-secondary-800: var(--ui-secondary-800); --color-secondary-900: var(--ui-secondary-900); --color-secondary-foreground: var(--ui-secondary-foreground); --color-secondary-hover: var(--ui-secondary-900); --color-secondary: var(--ui-secondary); --color-success-50: var(--ui-success-50); --color-success-100: var(--ui-success-100); --color-success-200: var(--ui-success-200); --color-success-300: var(--ui-success-300); --color-success-400: var(--ui-success-400); --color-success-500: var(--ui-success-500); --color-success-600: var(--ui-success-600); --color-success-700: var(--ui-success-700); --color-success-800: var(--ui-success-800); --color-success-900: var(--ui-success-900); --color-success-foreground: var(--ui-success-foreground); --color-success-hover: var(--ui-success-900); --color-success: var(--ui-success); --color-warning-50: var(--ui-warning-50); --color-warning-100: var(--ui-warning-100); --color-warning-200: var(--ui-warning-200); --color-warning-300: var(--ui-warning-300); --color-warning-400: var(--ui-warning-400); --color-warning-500: var(--ui-warning-500); --color-warning-600: var(--ui-warning-600); --color-warning-700: var(--ui-warning-700); --color-warning-800: var(--ui-warning-800); --color-warning-900: var(--ui-warning-900); --color-warning-foreground: var(--ui-warning-foreground); --color-warning-hover: var(--ui-warning-900); --color-warning: var(--ui-warning); --color-danger-50: var(--ui-danger-50); --color-danger-100: var(--ui-danger-100); --color-danger-200: var(--ui-danger-200); --color-danger-300: var(--ui-danger-300); --color-danger-400: var(--ui-danger-400); --color-danger-500: var(--ui-danger-500); --color-danger-600: var(--ui-danger-600); --color-danger-700: var(--ui-danger-700); --color-danger-800: var(--ui-danger-800); --color-danger-900: var(--ui-danger-900); --color-danger-foreground: var(--ui-danger-foreground); --color-danger-hover: var(--ui-danger-900); --color-danger: var(--ui-danger); --text-2xs: var(--ui-fs-2xs); --text-xs: var(--ui-fs-xs); --text-sm: var(--ui-fs-sm); --text-base: var(--ui-fs-base); --text-md: var(--ui-fs-md); --text-lg: var(--ui-fs-lg); --text-xl: var(--ui-fs-xl); --text-2xl: var(--ui-fs-2xl); --text-3xl: var(--ui-fs-3xl); --text-4xl: var(--ui-fs-4xl); --text-5xl: var(--ui-fs-5xl); --shadow-sm: var(--ui-box-shadow-sm); --shadow-md: var(--ui-box-shadow-md); --shadow-lg: var(--ui-box-shadow-lg); }:root{@apply text-foreground bg-background;}:root{--ui-fs-2xs: clamp(.66rem, -.08vi + .68rem, .58rem);--ui-fs-xs: clamp(.72rem, -.03vi + .73rem, .69rem);--ui-fs-sm: clamp(.8rem, .04vi + .79rem, .83rem);--ui-fs-base: clamp(.82rem, .13vi + .84rem, .9rem);--ui-fs-md: clamp(.9rem, .13vi + .84rem, 1.05rem);--ui-fs-lg: clamp(.96rem, .25vi + .9rem, 1.2rem);--ui-fs-xl: clamp(1.06rem, .4vi + .96rem, 1.44rem);--ui-fs-2xl: clamp(1.16rem, .59vi + 1.02rem, 1.73rem);--ui-fs-3xl: clamp(1.28rem, .83vi + 1.07rem, 2.07rem);--ui-fs-4xl: clamp(1.41rem, 1.14vi + 1.13rem, 2.49rem);--ui-fs-5xl: clamp(1.55rem, 1.51vi + 1.17rem, 2.99rem)}:root,.light,[data-theme=light]{--ui-background: oklch(100% 0 0);--ui-background-secondary: oklch(95.2% 0 0);--ui-background-tertiary: oklch(97% .003 264.5);--ui-background-inverse: oklch(0% 0 0);--ui-foreground-50: oklch(98.5% 0 0);--ui-foreground-100: oklch(96.7% .001 286.4);--ui-foreground-200: oklch(92% .004 286.3);--ui-foreground-300: oklch(87.1% .005 286.3);--ui-foreground-400: oklch(71.2% .013 286.1);--ui-foreground-500: oklch(55.2% .014 285.9);--ui-foreground-600: oklch(44.2% .015 285.8);--ui-foreground-700: oklch(37% .012 285.8);--ui-foreground-800: oklch(27.4% .005 286);--ui-foreground-900: oklch(21% .006 285.9);--ui-foreground: oklch(23.2% .004 286.1);--ui-foreground-link: oklch(52.2% .177 255.8);--ui-foreground-secondary: oklch(54% .008 286.1);--ui-foreground-tertiary: oklch(62.2% .007 286.2);--ui-foreground-inverse: oklch(100% 0 0);--ui-divider-flat: oklch(96.8% .002 325.6);--ui-divider: oklch(93.2% .002 325.6);--ui-divider-hover: oklch(85.9% .002 325.6);--ui-focus: oklch(56.7% .209 257.9);--ui-overlay: oklch(0% 0 0);--ui-content1: oklch(100% 0 0);--ui-content1-foreground: oklch(20.4% .013 233.3);--ui-content2: oklch(96.7% .001 286.4);--ui-content2-foreground: oklch(27.4% .005 286);--ui-content3: oklch(92% .004 286.3);--ui-content3-foreground: oklch(37% .012 285.8);--ui-content4: oklch(87.1% .005 286.3);--ui-content4-foreground: oklch(44.2% .015 285.8);--ui-default-50: oklch(98.5% 0 0);--ui-default-100: oklch(96.7% .001 286.4);--ui-default-200: oklch(92% .004 286.3);--ui-default-300: oklch(87.1% .005 286.3);--ui-default-400: oklch(71.2% .013 286.1);--ui-default-500: oklch(55.2% .014 285.9);--ui-default-600: oklch(44.2% .015 285.8);--ui-default-700: oklch(37% .012 285.8);--ui-default-800: oklch(27.4% .005 286);--ui-default-900: oklch(21% .006 285.9);--ui-default-foreground: oklch(0% 0 0);--ui-default: oklch(92% .004 286.3);--ui-primary-50: oklch(95.4% .021 252.5);--ui-primary-100: oklch(90.7% .043 251.5);--ui-primary-200: oklch(81.6% .089 252);--ui-primary-300: oklch(72.7% .135 253.3);--ui-primary-400: oklch(64.7% .178 254.8);--ui-primary-500: oklch(56.7% .209 257.9);--ui-primary-600: oklch(49.2% .18 257.7);--ui-primary-700: oklch(40.1% .144 257.2);--ui-primary-800: oklch(30.7% .103 255.6);--ui-primary-900: oklch(20.3% .06 251.8);--ui-primary-foreground: oklch(100% 0 0);--ui-primary: oklch(56.7% .209 257.9);--ui-secondary-50: oklch(94.8% .023 308.2);--ui-secondary-100: oklch(89.3% .046 307.9);--ui-secondary-200: oklch(78.5% .095 307.1);--ui-secondary-300: oklch(67.8% .145 305.9);--ui-secondary-400: oklch(57.7% .192 304);--ui-secondary-500: oklch(48.8% .225 300.5);--ui-secondary-600: oklch(41.7% .189 300.8);--ui-secondary-700: oklch(34.2% .151 301.3);--ui-secondary-800: oklch(26.4% .11 302.1);--ui-secondary-900: oklch(18.1% .064 303.7);--ui-secondary-foreground: oklch(100% 0 0);--ui-secondary: oklch(48.8% .225 300.5);--ui-success-50: oklch(96.9% .023 161.8);--ui-success-100: oklch(93.7% .045 160.4);--ui-success-200: oklch(87.6% .09 159.1);--ui-success-300: oklch(82.4% .133 156.8);--ui-success-400: oklch(77.4% .168 154.2);--ui-success-500: oklch(73.3% .193 150.8);--ui-success-600: oklch(62.2% .163 151);--ui-success-700: oklch(50.6% .13 151.4);--ui-success-800: oklch(38% .094 152.3);--ui-success-900: oklch(24.6% .055 154.1);--ui-success-foreground: oklch(0% 0 0);--ui-success: oklch(73.3% .193 150.8);--ui-warning-50: oklch(98.7% .026 102.2);--ui-warning-100: oklch(95.2% .038 80);--ui-warning-200: oklch(90.6% .076 79.6);--ui-warning-300: oklch(86.2% .11 78.3);--ui-warning-400: oklch(82% .139 76.3);--ui-warning-500: oklch(78.2% .158 72.3);--ui-warning-600: oklch(66.3% .133 72.6);--ui-warning-700: oklch(53.8% .106 73.1);--ui-warning-800: oklch(40.6% .078 74.2);--ui-warning-900: oklch(26.2% .046 76.3);--ui-warning-foreground: oklch(0% 0 0);--ui-warning: oklch(78.2% .158 72.3);--ui-danger-50: oklch(94.9% .027 354.5);--ui-danger-100: oklch(90% .054 356.3);--ui-danger-200: oklch(80.4% .113 357.7);--ui-danger-300: oklch(72.2% .171 .4);--ui-danger-400: oklch(65.6% .218 4.6);--ui-danger-500: oklch(61.9% .242 11.3);--ui-danger-600: oklch(52.4% .204 10.7);--ui-danger-700: oklch(42.6% .164 9.9);--ui-danger-800: oklch(32.1% .121 8.8);--ui-danger-900: oklch(20.8% .073 5.6);--ui-danger-foreground: oklch(100% 0 0);--ui-danger: oklch(61.9% .242 11.3);--ui-box-shadow-sm: 0px 0px 5px 0px rgba(0, 0, 0, .02), 0px 2px 10px 0px rgba(0, 0, 0, .06), 0px 0px 1px 0px rgba(0, 0, 0, .3);--ui-box-shadow-md: 0px 0px 15px 0px rgba(0, 0, 0, .03), 0px 2px 30px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .3);--ui-box-shadow-lg: 0px 0px 30px 0px rgba(0, 0, 0, .04), 0px 30px 60px 0px rgba(0, 0, 0, .12), 0px 0px 1px 0px rgba(0, 0, 0, .3)}.dark,[data-theme=dark]{--ui-background: oklch(0% 0 0);--ui-background-secondary: oklch(9.7% 0 0);--ui-background-tertiary: oklch(6.7% 0 0);--ui-background-inverse: oklch(100% 0 0);--ui-foreground-50: oklch(21% .006 285.9);--ui-foreground-100: oklch(27.4% .005 286);--ui-foreground-200: oklch(37% .012 285.8);--ui-foreground-300: oklch(44.2% .015 285.8);--ui-foreground-400: oklch(55.2% .014 285.9);--ui-foreground-500: oklch(71.2% .013 286.1);--ui-foreground-600: oklch(87.1% .005 286.3);--ui-foreground-700: oklch(92% .004 286.3);--ui-foreground-800: oklch(96.7% .001 286.4);--ui-foreground-900: oklch(98.5% 0 0);--ui-foreground: oklch(94% .002 247.8);--ui-foreground-link: oklch(62.4% .206 255.5);--ui-foreground-secondary: oklch(67.3% .024 277.3);--ui-foreground-tertiary: oklch(63.5% .006 286.2);--ui-foreground-inverse: oklch(0% 0 0);--ui-divider-flat: oklch(13.3% .003 246.1);--ui-divider: oklch(27.9% .009 248.2);--ui-divider-hover: oklch(34.9% .013 248.2);--ui-focus: oklch(56.7% .209 257.9);--ui-overlay: oklch(0% 0 0);--ui-content1: oklch(21% .006 285.9);--ui-content1-foreground: oklch(98.5% 0 0);--ui-content2: oklch(27.4% .005 286);--ui-content2-foreground: oklch(96.7% .001 286.4);--ui-content3: oklch(37% .012 285.8);--ui-content3-foreground: oklch(92% .004 286.3);--ui-content4: oklch(44.2% .015 285.8);--ui-content4-foreground: oklch(87.1% .005 286.3);--ui-default-50: oklch(21% .006 285.9);--ui-default-100: oklch(27.4% .005 286);--ui-default-200: oklch(37% .012 285.8);--ui-default-300: oklch(44.2% .015 285.8);--ui-default-400: oklch(55.2% .014 285.9);--ui-default-500: oklch(71.2% .013 286.1);--ui-default-600: oklch(87.1% .005 286.3);--ui-default-700: oklch(92% .004 286.3);--ui-default-800: oklch(96.7% .001 286.4);--ui-default-900: oklch(98.5% 0 0);--ui-default-foreground: oklch(100% 0 0);--ui-default: oklch(37% .012 285.8);--ui-primary-50: oklch(20.3% .06 251.8);--ui-primary-100: oklch(30.7% .103 255.6);--ui-primary-200: oklch(40.1% .144 257.2);--ui-primary-300: oklch(49.2% .18 257.7);--ui-primary-400: oklch(56.7% .209 257.9);--ui-primary-500: oklch(64.7% .178 254.8);--ui-primary-600: oklch(72.7% .135 253.3);--ui-primary-700: oklch(81.6% .089 252);--ui-primary-800: oklch(90.7% .043 251.5);--ui-primary-900: oklch(95.4% .021 252.5);--ui-primary-foreground: oklch(100% 0 0);--ui-primary: oklch(56.7% .209 257.9);--ui-secondary-50: oklch(18.1% .064 303.7);--ui-secondary-100: oklch(26.4% .11 302.1);--ui-secondary-200: oklch(34.2% .151 301.3);--ui-secondary-300: oklch(41.7% .189 300.8);--ui-secondary-400: oklch(48.8% .225 300.5);--ui-secondary-500: oklch(57.7% .192 304);--ui-secondary-600: oklch(67.8% .145 305.9);--ui-secondary-700: oklch(78.5% .095 307.1);--ui-secondary-800: oklch(89.3% .046 307.9);--ui-secondary-900: oklch(94.8% .023 308.2);--ui-secondary-foreground: oklch(100% 0 0);--ui-secondary: oklch(57.7% .192 304);--ui-success-50: oklch(24.6% .055 154.1);--ui-success-100: oklch(38% .094 152.3);--ui-success-200: oklch(50.6% .13 151.4);--ui-success-300: oklch(62.2% .163 151);--ui-success-400: oklch(73.3% .193 150.8);--ui-success-500: oklch(77.4% .168 154.2);--ui-success-600: oklch(82.4% .133 156.8);--ui-success-700: oklch(87.6% .09 159.1);--ui-success-800: oklch(93.7% .045 160.4);--ui-success-900: oklch(96.9% .023 161.8);--ui-success-foreground: oklch(0% 0 0);--ui-success: oklch(73.3% .193 150.8);--ui-warning-50: oklch(26.2% .046 76.3);--ui-warning-100: oklch(40.6% .078 74.2);--ui-warning-200: oklch(53.8% .106 73.1);--ui-warning-300: oklch(66.3% .133 72.6);--ui-warning-400: oklch(78.2% .158 72.3);--ui-warning-500: oklch(82% .139 76.3);--ui-warning-600: oklch(86.2% .11 78.3);--ui-warning-700: oklch(90.6% .076 79.6);--ui-warning-800: oklch(95.2% .038 80);--ui-warning-900: oklch(98.7% .026 102.2);--ui-warning-foreground: oklch(0% 0 0);--ui-warning: oklch(78.2% .158 72.3);--ui-danger-50: oklch(20.8% .073 5.6);--ui-danger-100: oklch(32.1% .121 8.8);--ui-danger-200: oklch(42.6% .164 9.9);--ui-danger-300: oklch(52.4% .204 10.7);--ui-danger-400: oklch(61.9% .242 11.3);--ui-danger-500: oklch(65.6% .218 4.6);--ui-danger-600: oklch(72.2% .171 .4);--ui-danger-700: oklch(80.4% .113 357.7);--ui-danger-800: oklch(90% .054 356.3);--ui-danger-900: oklch(94.9% .027 354.5);--ui-danger-foreground: oklch(100% 0 0);--ui-danger: oklch(61.9% .242 11.3);--ui-box-shadow-sm: 0px 0px 5px 0px rgba(0, 0, 0, .05), 0px 2px 10px 0px rgba(0, 0, 0, .2), inset 0px 0px 1px 0px hsla(0, 0%, 100%, .15);--ui-box-shadow-md: 0px 0px 15px 0px rgba(0, 0, 0, .06), 0px 2px 30px 0px rgba(0, 0, 0, .22), inset 0px 0px 1px 0px hsla(0, 0%, 100%, .15);--ui-box-shadow-lg: 0px 0px 30px 0px rgba(0, 0, 0, .07), 0px 30px 60px 0px rgba(0, 0, 0, .26), inset 0px 0px 1px 0px hsla(0, 0%, 100%, .15)}@utility z-backdrop{z-index: 98;}@utility z-popover{z-index: 99;}@utility z-dialog{z-index: 99;}@utility z-header{z-index: 60;}@utility z-drawer{z-index: 60;}@utility rounded-inherit{border-radius: inherit;}@custom-variant dark (&:where(.dark,.dark *,[data-theme="dark"]));@custom-variant light (&:where(.light,.light *,[data-theme="light"]));@custom-variant uig-has-start-content (&:is(:where(.group[data-has-start-content=true]) &));@custom-variant uig-has-end-content (&:is(:where(.group[data-has-end-content=true]) &));@custom-variant uig-has-label (&:is(:where(.group[data-has-label=true]) &));@custom-variant ui-hover (&:not(:disabled):hover);@custom-variant uig-hover (&:is(:where(.group[data-hovered=true]) &));@custom-variant ui-selected (&[data-selected=true]);@custom-variant uig-selected (&:is(:where(.group[data-selected=true]) &));@custom-variant ui-checked (&[data-checked=true]);@custom-variant uig-checked (&:is(:where(.group[data-checked=true]) &));@custom-variant ui-focus (&[data-focused=true]);@custom-variant uig-focus (&:is(:where(.group[data-focused=true]) &));@custom-variant ui-pressed (&[data-pressed=true]);@custom-variant uig-pressed (&:is(:where(.group[data-pressed=true]) &));@custom-variant ui-active (&[data-active=true]);@custom-variant uig-active (&:is(:where(.group[data-active=true]) &));@custom-variant ui-open (&[data-open=true]);@custom-variant uig-open (&:is(:where(.group[data-open=true]) &));@custom-variant ui-interactive (&[data-interactive=true]);@custom-variant uig-interactive (&:is(:where(.group[data-interactive=true]) &));@custom-variant ui-loaded (&[data-loaded=true]);@custom-variant ui-filled-within (&[data-filled-within=true]);@custom-variant uig-filled-within (&:is(:where(.group[data-filled-within=true]) &));@custom-variant ui-focus-visible (&[data-focus-visible=true]);@custom-variant ui-readonly (&[data-readonly=true]);@custom-variant uig-readonly (&:is(:where(.group[data-readonly=true]) &));@custom-variant ui-disabled (&[data-disabled=true]);@custom-variant uig-disabled (&:is(:where(.group[data-disabled=true]) &));
1
+ @import"tailwindcss";@layer theme{@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-foreground-secondary: color-mix(in oklab, var(--color-foreground) 70%, var(--background) 30%); --color-foreground-tertiary: color-mix(in oklab, var(--color-foreground) 60%, var(--background) 40%); --color-foreground-quaternary: color-mix(in oklab, var(--color-foreground) 50%, var(--background) 50%); --color-surface: var(--surface); --color-surface-foreground: var(--surface-foreground); --color-surface-hover: color-mix(in oklab, var(--color-surface) 90%, var(--color-surface-foreground) 10%); --color-surface-secondary: color-mix(in oklab, var(--surface) 94%, var(--surface-foreground) 6%); --color-surface-tertiary: color-mix(in oklab, var(--surface) 88%, var(--surface-foreground) 12%); --color-surface-quaternary: color-mix(in oklab, var(--surface) 82%, var(--surface-foreground) 18%); --color-default: var(--default); --color-default-foreground: var(--default-foreground); --color-default-hover: color-mix(in oklab, var(--color-default) 90%, var(--foreground) 10%); --color-default-active: color-mix(in oklab, var(--color-default) 85%, var(--foreground) 20%); --color-default-border: color-mix(in oklab, var(--color-default) 80%, var(--foreground) 20%); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-hover: color-mix(in oklab, var(--color-primary) 90%, var(--foreground) 10%); --color-primary-active: color-mix(in oklab, var(--color-primary) 85%, var(--foreground) 20%); --color-primary-border: color-mix(in oklab, var(--color-primary) 80%, var(--foreground) 20%); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-secondary-hover: color-mix(in oklab, var(--color-secondary) 90%, var(--foreground) 10%); --color-secondary-active: color-mix(in oklab, var(--color-secondary) 85%, var(--foreground) 20%); --color-secondary-border: color-mix(in oklab, var(--color-secondary) 80%, var(--foreground) 20%); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-success-hover: color-mix(in oklab, var(--color-success) 90%, var(--foreground) 10%); --color-success-active: color-mix(in oklab, var(--color-success) 85%, var(--foreground) 20%); --color-success-border: color-mix(in oklab, var(--color-success) 80%, var(--foreground) 20%); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-warning-hover: color-mix(in oklab, var(--color-warning) 90%, var(--foreground) 10%); --color-warning-active: color-mix(in oklab, var(--color-warning) 85%, var(--foreground) 15%); --color-warning-border: color-mix(in oklab, var(--color-warning) 80%, var(--foreground) 20%); --color-danger: var(--danger); --color-danger-foreground: var(--danger-foreground); --color-danger-hover: color-mix(in oklab, var(--color-danger) 90%, var(--foreground) 10%); --color-danger-active: color-mix(in oklab, var(--color-danger) 85%, var(--foreground) 15%); --color-danger-border: color-mix(in oklab, var(--color-danger) 80%, var(--foreground) 20%); --color-default-soft: color-mix(in oklab, var(--color-default) 15%, transparent); --color-default-soft-foreground: var(--color-account); --color-default-soft-hover: color-mix(in oklab, var(--color-default) 20%, transparent); --color-default-soft-active: color-mix(in oklab, var(--color-default) 25%, transparent); --color-default-soft-border: color-mix(in oklab, var(--color-default) 30%, transparent); --color-primary-soft: color-mix(in oklab, var(--color-primary) 15%, transparent); --color-primary-soft-foreground: var(--color-account); --color-primary-soft-hover: color-mix(in oklab, var(--color-primary) 20%, transparent); --color-primary-soft-active: color-mix(in oklab, var(--color-primary) 25%, transparent); --color-primary-soft-border: color-mix(in oklab, var(--color-primary) 30%, transparent); --color-secondary-soft: color-mix(in oklab, var(--color-secondary) 15%, transparent); --color-secondary-soft-foreground: var(--color-account); --color-secondary-soft-hover: color-mix(in oklab, var(--color-secondary) 20%, transparent); --color-secondary-soft-active: color-mix(in oklab, var(--color-secondary) 25%, transparent); --color-secondary-soft-border: color-mix(in oklab, var(--color-secondary) 30%, transparent); --color-success-soft: color-mix(in oklab, var(--color-success) 15%, transparent); --color-success-soft-foreground: var(--color-account); --color-success-soft-hover: color-mix(in oklab, var(--color-success) 20%, transparent); --color-success-soft-active: color-mix(in oklab, var(--color-success) 25%, transparent); --color-success-soft-border: color-mix(in oklab, var(--color-success) 30%, transparent); --color-warning-soft: color-mix(in oklab, var(--color-warning) 15%, transparent); --color-warning-soft-foreground: var(--color-account); --color-warning-soft-hover: color-mix(in oklab, var(--color-warning) 20%, transparent); --color-warning-soft-active: color-mix(in oklab, var(--color-warning) 25%, transparent); --color-warning-soft-border: color-mix(in oklab, var(--color-warning) 30%, transparent); --color-danger-soft: color-mix(in oklab, var(--color-danger) 15%, transparent); --color-danger-soft-foreground: var(--color-account); --color-danger-soft-hover: color-mix(in oklab, var(--color-danger) 20%, transparent); --color-danger-soft-active: color-mix(in oklab, var(--color-danger) 25%, transparent); --color-danger-soft-border: color-mix(in oklab, var(--color-danger) 30%, transparent); --color-border: var(--border); --color-border-light: color-mix(in oklab, var(--color-border) 20%, transparent 80%); --color-border-dark: color-mix(in oklab, var(--color-border) 80%, transparent 20%); --color-separator: var(--separator); --color-focus: var(--focus); --color-link: var(--link); --color-foreground-link: var(--link); --color-background-secondary: color-mix(in oklab, var(--color-background) 90%, var(--color-foreground) 10%); --color-background-tertiary: color-mix(in oklab, var(--color-background) 80%, var(--color-foreground) 20%); --color-background-quaternary: color-mix(in oklab, var(--color-background) 70%, var(--color-foreground) 30%); --animate-ripple: ripple 1s linear; --animate-progress: progress 1s infinite linear; --animate-caret-blink: caret-blink 1.2s ease-out infinite; --text-2xs: var(--fs-2xs); --text-xs: var(--fs-xs); --text-sm: var(--fs-sm); --text-base: var(--fs-base); --text-md: var(--fs-md); --text-lg: var(--fs-lg); --text-xl: var(--fs-xl); --text-2xl: var(--fs-2xl); --text-3xl: var(--fs-3xl); --text-4xl: var(--fs-4xl); --text-5xl: var(--fs-5xl); @keyframes ripple { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(4); opacity: 0; } } @keyframes progress { 0% { left: -40%; } 100% { left: 100%; } } @keyframes caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } @keyframes shimmer { 100% { transform: translateX(100%); } } }}@layer theme{@layer theme{:root,html,body{@apply bg-background text-foreground;}@layer base{:root{--white: oklch(100% 0 0);--black: oklch(0% 0 0);--cursor-interactive: default;--cursor-disabled: not-allowed;--opacity-disabled: .5;--fs-2xs: clamp(.66rem, -.08vi + .68rem, .58rem);--fs-xs: clamp(.72rem, -.03vi + .73rem, .69rem);--fs-sm: clamp(.8rem, .04vi + .79rem, .83rem);--fs-base: clamp(.82rem, .13vi + .84rem, .9rem);--fs-md: clamp(.9rem, .13vi + .84rem, 1.05rem);--fs-lg: clamp(.96rem, .25vi + .9rem, 1.2rem);--fs-xl: clamp(1.06rem, .4vi + .96rem, 1.44rem);--fs-2xl: clamp(1.16rem, .59vi + 1.02rem, 1.73rem);--fs-3xl: clamp(1.28rem, .83vi + 1.07rem, 2.07rem);--fs-4xl: clamp(1.41rem, 1.14vi + 1.13rem, 2.49rem);--fs-5xl: clamp(1.55rem, 1.51vi + 1.17rem, 2.99rem)}}@layer base{:root,.light,[data-theme=light]{color-scheme:light;--background: oklch(.9702 0 0);--foreground: oklch(.1611 0 0);--surface: oklch(1 0 0);--surface-foreground: oklch(.1611 0 0);--default: oklch(.8235 0 0);--default-foreground: oklch(.1611 0 0);--primary: oklch(.5461 .2153 262.944);--primary-foreground: oklch(.9702 0 0);--secondary: oklch(.5412 .247 293.008);--secondary-foreground: oklch(.9702 0 0);--success: oklch(.6275 .1701 149.248);--success-foreground: oklch(.9702 0 0);--warning: oklch(78.363% .16039 82.856);--warning-foreground: oklch(.1611 0 0);--danger: oklch(.5765 .2153 27.328);--danger-foreground: oklch(.9702 0 0);--border: oklch(.8235 0 0);--separator: oklch(.8235 0 0);--focus: oklch(.5461 .2153 262.944);--link: oklch(.5461 .2153 262.944)}.dark,[data-theme=dark]{color-scheme:dark;--background: oklch(12% .005 285.823);--foreground: oklch(.9702 0 0);--snow: oklch(.9911 0 0);--eclipse: oklch(.2103 .0059 285.89);--surface: oklch(.2103 .0059 285.89);--surface-foreground: var(--foreground);--default: oklch(27.4% .006 286.033);--default-foreground: var(--snow);--primary: oklch(.6204 .195 253.83);--primary-foreground: var(--snow);--secondary: oklch(.7015 .247 293.008);--secondary-foreground: var(--snow);--success: oklch(.7329 .1935 150.81);--success-foreground: var(--eclipse);--warning: oklch(79.998% .13813 68.89);--warning-foreground: var(--eclipse);--danger: oklch(.594 .1967 24.63);--danger-foreground: var(--snow);--border: oklch(30% 0 0);--separator: oklch(22% .006 286.033);--focus: var(--primary);--link: var(--primary)}}}}@layer theme;@utility opacity-disabled{opacity: var(--opacity-disabled);}@utility z-backdrop{z-index: 98;}@utility z-popover{z-index: 99;}@utility z-dialog{z-index: 99;}@utility z-header{z-index: 60;}@utility z-drawer{z-index: 60;}@utility status-disabled{opacity: var(--opacity-disabled); cursor: var(--cursor-disabled); pointer-events: not-allowed;}@utility rounded-inherit{border-radius: inherit;}@custom-variant dark (&:where(.dark,.dark *,[data-theme="dark"]));@custom-variant light (&:where(.light,.light *,[data-theme="light"]));@custom-variant uig-has-start-content (&:is(:where(.group[data-has-start-content=true]) &));@custom-variant uig-has-end-content (&:is(:where(.group[data-has-end-content=true]) &));@custom-variant uig-has-label (&:is(:where(.group[data-has-label=true]) &));@custom-variant ui-hover (&:not(:disabled):hover);@custom-variant uig-hover (&:is(:where(.group[data-hovered=true]) &));@custom-variant uig-selected (&:is(:where(.group[data-selected=true]) &));@custom-variant uig-checked (&:is(:where(.group[data-checked=true]) &));@custom-variant uig-focus (&:is(:where(.group[data-focused=true]) &));@custom-variant uig-pressed (&:is(:where(.group[data-pressed=true]) &));@custom-variant uig-active (&:is(:where(.group[data-active=true]) &));@custom-variant uig-open (&:is(:where(.group[data-open=true]) &));@custom-variant uig-interactive (&:is(:where(.group[data-interactive=true]) &));@custom-variant uig-filled-within (&:is(:where(.group[data-filled-within=true]) &));@custom-variant uig-focus-visible (&:is(:where(.group[data-focus-visible=true]) &));@custom-variant uig-readonly (&:is(:where(.group[data-readonly=true]) &));@custom-variant uig-disabled (&:is(:where(.group[data-disabled=true]) &));@custom-variant uig-invalid (&:is(:where(.group[data-invalid=true]) &));
@@ -0,0 +1 @@
1
+ @theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-foreground-secondary: color-mix(in oklab, var(--color-foreground) 70%, var(--background) 30%); --color-foreground-tertiary: color-mix(in oklab, var(--color-foreground) 60%, var(--background) 40%); --color-foreground-quaternary: color-mix(in oklab, var(--color-foreground) 50%, var(--background) 50%); --color-surface: var(--surface); --color-surface-foreground: var(--surface-foreground); --color-surface-hover: color-mix(in oklab, var(--color-surface) 90%, var(--color-surface-foreground) 10%); --color-surface-secondary: color-mix(in oklab, var(--surface) 94%, var(--surface-foreground) 6%); --color-surface-tertiary: color-mix(in oklab, var(--surface) 88%, var(--surface-foreground) 12%); --color-surface-quaternary: color-mix(in oklab, var(--surface) 82%, var(--surface-foreground) 18%); --color-default: var(--default); --color-default-foreground: var(--default-foreground); --color-default-hover: color-mix(in oklab, var(--color-default) 90%, var(--foreground) 10%); --color-default-active: color-mix(in oklab, var(--color-default) 85%, var(--foreground) 20%); --color-default-border: color-mix(in oklab, var(--color-default) 80%, var(--foreground) 20%); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-hover: color-mix(in oklab, var(--color-primary) 90%, var(--foreground) 10%); --color-primary-active: color-mix(in oklab, var(--color-primary) 85%, var(--foreground) 20%); --color-primary-border: color-mix(in oklab, var(--color-primary) 80%, var(--foreground) 20%); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-secondary-hover: color-mix(in oklab, var(--color-secondary) 90%, var(--foreground) 10%); --color-secondary-active: color-mix(in oklab, var(--color-secondary) 85%, var(--foreground) 20%); --color-secondary-border: color-mix(in oklab, var(--color-secondary) 80%, var(--foreground) 20%); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-success-hover: color-mix(in oklab, var(--color-success) 90%, var(--foreground) 10%); --color-success-active: color-mix(in oklab, var(--color-success) 85%, var(--foreground) 20%); --color-success-border: color-mix(in oklab, var(--color-success) 80%, var(--foreground) 20%); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-warning-hover: color-mix(in oklab, var(--color-warning) 90%, var(--foreground) 10%); --color-warning-active: color-mix(in oklab, var(--color-warning) 85%, var(--foreground) 15%); --color-warning-border: color-mix(in oklab, var(--color-warning) 80%, var(--foreground) 20%); --color-danger: var(--danger); --color-danger-foreground: var(--danger-foreground); --color-danger-hover: color-mix(in oklab, var(--color-danger) 90%, var(--foreground) 10%); --color-danger-active: color-mix(in oklab, var(--color-danger) 85%, var(--foreground) 15%); --color-danger-border: color-mix(in oklab, var(--color-danger) 80%, var(--foreground) 20%); --color-default-soft: color-mix(in oklab, var(--color-default) 15%, transparent); --color-default-soft-foreground: var(--color-account); --color-default-soft-hover: color-mix(in oklab, var(--color-default) 20%, transparent); --color-default-soft-active: color-mix(in oklab, var(--color-default) 25%, transparent); --color-default-soft-border: color-mix(in oklab, var(--color-default) 30%, transparent); --color-primary-soft: color-mix(in oklab, var(--color-primary) 15%, transparent); --color-primary-soft-foreground: var(--color-account); --color-primary-soft-hover: color-mix(in oklab, var(--color-primary) 20%, transparent); --color-primary-soft-active: color-mix(in oklab, var(--color-primary) 25%, transparent); --color-primary-soft-border: color-mix(in oklab, var(--color-primary) 30%, transparent); --color-secondary-soft: color-mix(in oklab, var(--color-secondary) 15%, transparent); --color-secondary-soft-foreground: var(--color-account); --color-secondary-soft-hover: color-mix(in oklab, var(--color-secondary) 20%, transparent); --color-secondary-soft-active: color-mix(in oklab, var(--color-secondary) 25%, transparent); --color-secondary-soft-border: color-mix(in oklab, var(--color-secondary) 30%, transparent); --color-success-soft: color-mix(in oklab, var(--color-success) 15%, transparent); --color-success-soft-foreground: var(--color-account); --color-success-soft-hover: color-mix(in oklab, var(--color-success) 20%, transparent); --color-success-soft-active: color-mix(in oklab, var(--color-success) 25%, transparent); --color-success-soft-border: color-mix(in oklab, var(--color-success) 30%, transparent); --color-warning-soft: color-mix(in oklab, var(--color-warning) 15%, transparent); --color-warning-soft-foreground: var(--color-account); --color-warning-soft-hover: color-mix(in oklab, var(--color-warning) 20%, transparent); --color-warning-soft-active: color-mix(in oklab, var(--color-warning) 25%, transparent); --color-warning-soft-border: color-mix(in oklab, var(--color-warning) 30%, transparent); --color-danger-soft: color-mix(in oklab, var(--color-danger) 15%, transparent); --color-danger-soft-foreground: var(--color-account); --color-danger-soft-hover: color-mix(in oklab, var(--color-danger) 20%, transparent); --color-danger-soft-active: color-mix(in oklab, var(--color-danger) 25%, transparent); --color-danger-soft-border: color-mix(in oklab, var(--color-danger) 30%, transparent); --color-border: var(--border); --color-border-light: color-mix(in oklab, var(--color-border) 20%, transparent 80%); --color-border-dark: color-mix(in oklab, var(--color-border) 80%, transparent 20%); --color-separator: var(--separator); --color-focus: var(--focus); --color-link: var(--link); --color-foreground-link: var(--link); --color-background-secondary: color-mix(in oklab, var(--color-background) 90%, var(--color-foreground) 10%); --color-background-tertiary: color-mix(in oklab, var(--color-background) 80%, var(--color-foreground) 20%); --color-background-quaternary: color-mix(in oklab, var(--color-background) 70%, var(--color-foreground) 30%); --animate-ripple: ripple 1s linear; --animate-progress: progress 1s infinite linear; --animate-caret-blink: caret-blink 1.2s ease-out infinite; --text-2xs: var(--fs-2xs); --text-xs: var(--fs-xs); --text-sm: var(--fs-sm); --text-base: var(--fs-base); --text-md: var(--fs-md); --text-lg: var(--fs-lg); --text-xl: var(--fs-xl); --text-2xl: var(--fs-2xl); --text-3xl: var(--fs-3xl); --text-4xl: var(--fs-4xl); --text-5xl: var(--fs-5xl); @keyframes ripple { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(4); opacity: 0; } } @keyframes progress { 0% { left: -40%; } 100% { left: 100%; } } @keyframes caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } @keyframes shimmer { 100% { transform: translateX(100%); } } }@layer theme{:root,html,body{@apply bg-background text-foreground;}@layer base{:root{--white: oklch(100% 0 0);--black: oklch(0% 0 0);--cursor-interactive: default;--cursor-disabled: not-allowed;--opacity-disabled: .5;--fs-2xs: clamp(.66rem, -.08vi + .68rem, .58rem);--fs-xs: clamp(.72rem, -.03vi + .73rem, .69rem);--fs-sm: clamp(.8rem, .04vi + .79rem, .83rem);--fs-base: clamp(.82rem, .13vi + .84rem, .9rem);--fs-md: clamp(.9rem, .13vi + .84rem, 1.05rem);--fs-lg: clamp(.96rem, .25vi + .9rem, 1.2rem);--fs-xl: clamp(1.06rem, .4vi + .96rem, 1.44rem);--fs-2xl: clamp(1.16rem, .59vi + 1.02rem, 1.73rem);--fs-3xl: clamp(1.28rem, .83vi + 1.07rem, 2.07rem);--fs-4xl: clamp(1.41rem, 1.14vi + 1.13rem, 2.49rem);--fs-5xl: clamp(1.55rem, 1.51vi + 1.17rem, 2.99rem)}}@layer base{:root,.light,[data-theme=light]{color-scheme:light;--background: oklch(.9702 0 0);--foreground: oklch(.1611 0 0);--surface: oklch(1 0 0);--surface-foreground: oklch(.1611 0 0);--default: oklch(.8235 0 0);--default-foreground: oklch(.1611 0 0);--primary: oklch(.5461 .2153 262.944);--primary-foreground: oklch(.9702 0 0);--secondary: oklch(.5412 .247 293.008);--secondary-foreground: oklch(.9702 0 0);--success: oklch(.6275 .1701 149.248);--success-foreground: oklch(.9702 0 0);--warning: oklch(78.363% .16039 82.856);--warning-foreground: oklch(.1611 0 0);--danger: oklch(.5765 .2153 27.328);--danger-foreground: oklch(.9702 0 0);--border: oklch(.8235 0 0);--separator: oklch(.8235 0 0);--focus: oklch(.5461 .2153 262.944);--link: oklch(.5461 .2153 262.944)}.dark,[data-theme=dark]{color-scheme:dark;--background: oklch(12% .005 285.823);--foreground: oklch(.9702 0 0);--snow: oklch(.9911 0 0);--eclipse: oklch(.2103 .0059 285.89);--surface: oklch(.2103 .0059 285.89);--surface-foreground: var(--foreground);--default: oklch(27.4% .006 286.033);--default-foreground: var(--snow);--primary: oklch(.6204 .195 253.83);--primary-foreground: var(--snow);--secondary: oklch(.7015 .247 293.008);--secondary-foreground: var(--snow);--success: oklch(.7329 .1935 150.81);--success-foreground: var(--eclipse);--warning: oklch(79.998% .13813 68.89);--warning-foreground: var(--eclipse);--danger: oklch(.594 .1967 24.63);--danger-foreground: var(--snow);--border: oklch(30% 0 0);--separator: oklch(22% .006 286.033);--focus: var(--primary);--link: var(--primary)}}}
@@ -0,0 +1 @@
1
+ :root,html,body{@apply bg-background text-foreground;}@layer base{:root{--white: oklch(100% 0 0);--black: oklch(0% 0 0);--cursor-interactive: default;--cursor-disabled: not-allowed;--opacity-disabled: .5;--fs-2xs: clamp(.66rem, -.08vi + .68rem, .58rem);--fs-xs: clamp(.72rem, -.03vi + .73rem, .69rem);--fs-sm: clamp(.8rem, .04vi + .79rem, .83rem);--fs-base: clamp(.82rem, .13vi + .84rem, .9rem);--fs-md: clamp(.9rem, .13vi + .84rem, 1.05rem);--fs-lg: clamp(.96rem, .25vi + .9rem, 1.2rem);--fs-xl: clamp(1.06rem, .4vi + .96rem, 1.44rem);--fs-2xl: clamp(1.16rem, .59vi + 1.02rem, 1.73rem);--fs-3xl: clamp(1.28rem, .83vi + 1.07rem, 2.07rem);--fs-4xl: clamp(1.41rem, 1.14vi + 1.13rem, 2.49rem);--fs-5xl: clamp(1.55rem, 1.51vi + 1.17rem, 2.99rem)}}@layer base{:root,.light,[data-theme=light]{color-scheme:light;--background: oklch(.9702 0 0);--foreground: oklch(.1611 0 0);--surface: oklch(1 0 0);--surface-foreground: oklch(.1611 0 0);--default: oklch(.8235 0 0);--default-foreground: oklch(.1611 0 0);--primary: oklch(.5461 .2153 262.944);--primary-foreground: oklch(.9702 0 0);--secondary: oklch(.5412 .247 293.008);--secondary-foreground: oklch(.9702 0 0);--success: oklch(.6275 .1701 149.248);--success-foreground: oklch(.9702 0 0);--warning: oklch(78.363% .16039 82.856);--warning-foreground: oklch(.1611 0 0);--danger: oklch(.5765 .2153 27.328);--danger-foreground: oklch(.9702 0 0);--border: oklch(.8235 0 0);--separator: oklch(.8235 0 0);--focus: oklch(.5461 .2153 262.944);--link: oklch(.5461 .2153 262.944)}.dark,[data-theme=dark]{color-scheme:dark;--background: oklch(12% .005 285.823);--foreground: oklch(.9702 0 0);--snow: oklch(.9911 0 0);--eclipse: oklch(.2103 .0059 285.89);--surface: oklch(.2103 .0059 285.89);--surface-foreground: var(--foreground);--default: oklch(27.4% .006 286.033);--default-foreground: var(--snow);--primary: oklch(.6204 .195 253.83);--primary-foreground: var(--snow);--secondary: oklch(.7015 .247 293.008);--secondary-foreground: var(--snow);--success: oklch(.7329 .1935 150.81);--success-foreground: var(--eclipse);--warning: oklch(79.998% .13813 68.89);--warning-foreground: var(--eclipse);--danger: oklch(.594 .1967 24.63);--danger-foreground: var(--snow);--border: oklch(30% 0 0);--separator: oklch(22% .006 286.033);--focus: var(--primary);--link: var(--primary)}}
@@ -0,0 +1 @@
1
+ @theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-foreground-secondary: color-mix(in oklab, var(--color-foreground) 70%, var(--background) 30%); --color-foreground-tertiary: color-mix(in oklab, var(--color-foreground) 60%, var(--background) 40%); --color-foreground-quaternary: color-mix(in oklab, var(--color-foreground) 50%, var(--background) 50%); --color-surface: var(--surface); --color-surface-foreground: var(--surface-foreground); --color-surface-hover: color-mix(in oklab, var(--color-surface) 90%, var(--color-surface-foreground) 10%); --color-surface-secondary: color-mix(in oklab, var(--surface) 94%, var(--surface-foreground) 6%); --color-surface-tertiary: color-mix(in oklab, var(--surface) 88%, var(--surface-foreground) 12%); --color-surface-quaternary: color-mix(in oklab, var(--surface) 82%, var(--surface-foreground) 18%); --color-default: var(--default); --color-default-foreground: var(--default-foreground); --color-default-hover: color-mix(in oklab, var(--color-default) 90%, var(--foreground) 10%); --color-default-active: color-mix(in oklab, var(--color-default) 85%, var(--foreground) 20%); --color-default-border: color-mix(in oklab, var(--color-default) 80%, var(--foreground) 20%); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-hover: color-mix(in oklab, var(--color-primary) 90%, var(--foreground) 10%); --color-primary-active: color-mix(in oklab, var(--color-primary) 85%, var(--foreground) 20%); --color-primary-border: color-mix(in oklab, var(--color-primary) 80%, var(--foreground) 20%); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-secondary-hover: color-mix(in oklab, var(--color-secondary) 90%, var(--foreground) 10%); --color-secondary-active: color-mix(in oklab, var(--color-secondary) 85%, var(--foreground) 20%); --color-secondary-border: color-mix(in oklab, var(--color-secondary) 80%, var(--foreground) 20%); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-success-hover: color-mix(in oklab, var(--color-success) 90%, var(--foreground) 10%); --color-success-active: color-mix(in oklab, var(--color-success) 85%, var(--foreground) 20%); --color-success-border: color-mix(in oklab, var(--color-success) 80%, var(--foreground) 20%); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-warning-hover: color-mix(in oklab, var(--color-warning) 90%, var(--foreground) 10%); --color-warning-active: color-mix(in oklab, var(--color-warning) 85%, var(--foreground) 15%); --color-warning-border: color-mix(in oklab, var(--color-warning) 80%, var(--foreground) 20%); --color-danger: var(--danger); --color-danger-foreground: var(--danger-foreground); --color-danger-hover: color-mix(in oklab, var(--color-danger) 90%, var(--foreground) 10%); --color-danger-active: color-mix(in oklab, var(--color-danger) 85%, var(--foreground) 15%); --color-danger-border: color-mix(in oklab, var(--color-danger) 80%, var(--foreground) 20%); --color-default-soft: color-mix(in oklab, var(--color-default) 15%, transparent); --color-default-soft-foreground: var(--color-account); --color-default-soft-hover: color-mix(in oklab, var(--color-default) 20%, transparent); --color-default-soft-active: color-mix(in oklab, var(--color-default) 25%, transparent); --color-default-soft-border: color-mix(in oklab, var(--color-default) 30%, transparent); --color-primary-soft: color-mix(in oklab, var(--color-primary) 15%, transparent); --color-primary-soft-foreground: var(--color-account); --color-primary-soft-hover: color-mix(in oklab, var(--color-primary) 20%, transparent); --color-primary-soft-active: color-mix(in oklab, var(--color-primary) 25%, transparent); --color-primary-soft-border: color-mix(in oklab, var(--color-primary) 30%, transparent); --color-secondary-soft: color-mix(in oklab, var(--color-secondary) 15%, transparent); --color-secondary-soft-foreground: var(--color-account); --color-secondary-soft-hover: color-mix(in oklab, var(--color-secondary) 20%, transparent); --color-secondary-soft-active: color-mix(in oklab, var(--color-secondary) 25%, transparent); --color-secondary-soft-border: color-mix(in oklab, var(--color-secondary) 30%, transparent); --color-success-soft: color-mix(in oklab, var(--color-success) 15%, transparent); --color-success-soft-foreground: var(--color-account); --color-success-soft-hover: color-mix(in oklab, var(--color-success) 20%, transparent); --color-success-soft-active: color-mix(in oklab, var(--color-success) 25%, transparent); --color-success-soft-border: color-mix(in oklab, var(--color-success) 30%, transparent); --color-warning-soft: color-mix(in oklab, var(--color-warning) 15%, transparent); --color-warning-soft-foreground: var(--color-account); --color-warning-soft-hover: color-mix(in oklab, var(--color-warning) 20%, transparent); --color-warning-soft-active: color-mix(in oklab, var(--color-warning) 25%, transparent); --color-warning-soft-border: color-mix(in oklab, var(--color-warning) 30%, transparent); --color-danger-soft: color-mix(in oklab, var(--color-danger) 15%, transparent); --color-danger-soft-foreground: var(--color-account); --color-danger-soft-hover: color-mix(in oklab, var(--color-danger) 20%, transparent); --color-danger-soft-active: color-mix(in oklab, var(--color-danger) 25%, transparent); --color-danger-soft-border: color-mix(in oklab, var(--color-danger) 30%, transparent); --color-border: var(--border); --color-border-light: color-mix(in oklab, var(--color-border) 20%, transparent 80%); --color-border-dark: color-mix(in oklab, var(--color-border) 80%, transparent 20%); --color-separator: var(--separator); --color-focus: var(--focus); --color-link: var(--link); --color-foreground-link: var(--link); --color-background-secondary: color-mix(in oklab, var(--color-background) 90%, var(--color-foreground) 10%); --color-background-tertiary: color-mix(in oklab, var(--color-background) 80%, var(--color-foreground) 20%); --color-background-quaternary: color-mix(in oklab, var(--color-background) 70%, var(--color-foreground) 30%); --animate-ripple: ripple 1s linear; --animate-progress: progress 1s infinite linear; --animate-caret-blink: caret-blink 1.2s ease-out infinite; --text-2xs: var(--fs-2xs); --text-xs: var(--fs-xs); --text-sm: var(--fs-sm); --text-base: var(--fs-base); --text-md: var(--fs-md); --text-lg: var(--fs-lg); --text-xl: var(--fs-xl); --text-2xl: var(--fs-2xl); --text-3xl: var(--fs-3xl); --text-4xl: var(--fs-4xl); --text-5xl: var(--fs-5xl); @keyframes ripple { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(4); opacity: 0; } } @keyframes progress { 0% { left: -40%; } 100% { left: 100%; } } @keyframes caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } @keyframes shimmer { 100% { transform: translateX(100%); } } }
@@ -0,0 +1,2 @@
1
+
2
+ export { }
@@ -0,0 +1 @@
1
+ @utility opacity-disabled{opacity: var(--opacity-disabled);}@utility z-backdrop{z-index: 98;}@utility z-popover{z-index: 99;}@utility z-dialog{z-index: 99;}@utility z-header{z-index: 60;}@utility z-drawer{z-index: 60;}@utility status-disabled{opacity: var(--opacity-disabled); cursor: var(--cursor-disabled); pointer-events: not-allowed;}@utility rounded-inherit{border-radius: inherit;}@custom-variant dark (&:where(.dark,.dark *,[data-theme="dark"]));@custom-variant light (&:where(.light,.light *,[data-theme="light"]));@custom-variant uig-has-start-content (&:is(:where(.group[data-has-start-content=true]) &));@custom-variant uig-has-end-content (&:is(:where(.group[data-has-end-content=true]) &));@custom-variant uig-has-label (&:is(:where(.group[data-has-label=true]) &));@custom-variant ui-hover (&:not(:disabled):hover);@custom-variant uig-hover (&:is(:where(.group[data-hovered=true]) &));@custom-variant uig-selected (&:is(:where(.group[data-selected=true]) &));@custom-variant uig-checked (&:is(:where(.group[data-checked=true]) &));@custom-variant uig-focus (&:is(:where(.group[data-focused=true]) &));@custom-variant uig-pressed (&:is(:where(.group[data-pressed=true]) &));@custom-variant uig-active (&:is(:where(.group[data-active=true]) &));@custom-variant uig-open (&:is(:where(.group[data-open=true]) &));@custom-variant uig-interactive (&:is(:where(.group[data-interactive=true]) &));@custom-variant uig-filled-within (&:is(:where(.group[data-filled-within=true]) &));@custom-variant uig-focus-visible (&:is(:where(.group[data-focus-visible=true]) &));@custom-variant uig-readonly (&:is(:where(.group[data-readonly=true]) &));@custom-variant uig-disabled (&:is(:where(.group[data-disabled=true]) &));@custom-variant uig-invalid (&:is(:where(.group[data-invalid=true]) &));
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/package.json CHANGED
@@ -1,13 +1,15 @@
1
1
  {
2
2
  "name": "@jamsrui/theme",
3
- "version": "0.0.16",
3
+ "version": "0.0.18",
4
4
  "exports": {
5
5
  ".": {
6
6
  "types": "./dist/index.d.ts",
7
7
  "import": "./dist/index.mjs"
8
8
  },
9
- "./styles.css": "./dist/styles.css",
10
- "./premium.css": "./dist/premium.css"
9
+ "./styles.css": "./dist/styles.css"
10
+ },
11
+ "dependencies": {
12
+ "tailwindcss": "^4.1.4"
11
13
  },
12
14
  "description": "A modern and beautiful Next.js UI components library.",
13
15
  "keywords": [
@@ -1 +0,0 @@
1
- @theme inline{ --color-default: var(--ui-default); --color-default-hover: var(--ui-default-hover); --color-default-active: var(--ui-default-active); --color-default-border: var(--ui-default-border); --color-default-fill: var(--ui-default-fill); --color-default-foreground: var(--ui-default-foreground); --color-primary: var(--ui-primary); --color-primary-hover: var(--ui-primary-hover); --color-primary-active: var(--ui-primary-active); --color-primary-border: var(--ui-primary-border); --color-primary-fill: var(--ui-primary-fill); --color-primary-foreground: var(--ui-primary-foreground); --color-secondary: var(--ui-secondary); --color-secondary-hover: var(--ui-secondary-hover); --color-secondary-active: var(--ui-secondary-active); --color-secondary-border: var(--ui-secondary-border); --color-secondary-fill: var(--ui-secondary-fill); --color-secondary-foreground: var(--ui-secondary-foreground); --color-success: var(--ui-success); --color-success-hover: var(--ui-success-hover); --color-success-active: var(--ui-success-active); --color-success-border: var(--ui-success-border); --color-success-fill: var(--ui-success-fill); --color-success-foreground: var(--ui-success-foreground); --color-warning: var(--ui-warning); --color-warning-hover: var(--ui-warning-hover); --color-warning-active: var(--ui-warning-active); --color-warning-border: var(--ui-warning-border); --color-warning-fill: var(--ui-warning-fill); --color-warning-foreground: var(--ui-warning-foreground); --color-danger: var(--ui-danger); --color-danger-hover: var(--ui-danger-hover); --color-danger-active: var(--ui-danger-active); --color-danger-border: var(--ui-danger-border); --color-danger-fill: var(--ui-danger-fill); --color-danger-foreground: var(--ui-danger-foreground); --color-foreground-primary: var(--ui-foreground-primary); --color-foreground-secondary: var(--ui-foreground-secondary); --color-foreground-tertiary: var(--ui-foreground-tertiary); --color-foreground-quaternary: var(--ui-foreground-quaternary); --color-background-primary: var(--ui-background); --color-background-secondary: var(--ui-background-secondary); --color-background-tertiary: var(--ui-background-tertiary); --color-background-quaternary: var(--ui-background-quaternary); --color-gray-primary: var(--ui-gray-primary); --color-gray-secondary: var(--ui-gray-secondary); --color-gray-tertiary: var(--ui-gray-tertiary); --color-gray-quaternary: var(--ui-gray-quaternary); --color-fill-primary: var(--ui-fill-primary); --color-fill-secondary: var(--ui-fill-secondary); --color-fill-tertiary: var(--ui-fill-tertiary); --color-fill-quaternary: var(--ui-fill-quaternary); --color-border-primary: var(--ui-border-primary); --color-border-secondary: var(--ui-border-secondary); }:root,.light,[data-theme=light]{--ui-default: oklch(37% .012 285.8);--ui-default-hover: oklch(71.2% .013 286.1);--ui-default-active: oklch(27.4% .005 286);--ui-default-border: oklch(71.2% .013 286.1);--ui-default-fill: oklch(87.1% .005 286.3);--ui-primary: oklch(54.6% .215 262.9);--ui-primary-hover: oklch(62.3% .188 259.8);--ui-primary-active: oklch(48.8% .217 264.4);--ui-primary-border: oklch(88.2% .057 254.1);--ui-primary-fill: oklch(97% .014 254.6);--ui-secondary: oklch(54.1% .247 293);--ui-secondary-hover: oklch(60.6% .219 292.7);--ui-secondary-active: oklch(49.1% .241 292.6);--ui-secondary-border: oklch(89.4% .055 293.3);--ui-secondary-fill: oklch(96.9% .016 293.8);--ui-success: oklch(62.7% .17 149.2);--ui-success-hover: oklch(72.3% .192 149.6);--ui-success-active: oklch(52.7% .137 150.1);--ui-success-border: oklch(92.5% .081 156);--ui-success-fill: oklch(98.2% .018 155.8);--ui-warning: oklch(79.5% .162 86);--ui-warning-hover: oklch(86.1% .173 91.9);--ui-warning-active: oklch(68.1% .142 75.8);--ui-warning-border: oklch(94.5% .124 101.5);--ui-warning-fill: oklch(98.7% .026 102.2);--ui-danger: oklch(57.7% .215 27.3);--ui-danger-hover: oklch(63.7% .208 25.3);--ui-danger-active: oklch(50.5% .19 27.5);--ui-danger-border: oklch(88.5% .059 18.3);--ui-danger-fill: oklch(97.1% .013 17.4);--ui-foreground-primary: oklch(21% .006 285.9);--ui-foreground-secondary: oklch(55.2% .014 285.9);--ui-foreground-tertiary: oklch(71.2% .013 286.1);--ui-foreground-quaternary: oklch(87.1% .005 286.3);--ui-background: oklch(98.5% 0 0);--ui-background-secondary: oklch(100% 0 0);--ui-background-tertiary: oklch(100% 0 0);--ui-background-quaternary: oklch(100% 0 0);--ui-gray-primary: oklch(44.2% .015 285.8);--ui-gray-secondary: oklch(55.2% .014 285.9);--ui-gray-tertiary: oklch(71.2% .013 286.1);--ui-gray-quaternary: oklch(87.1% .005 286.3);--ui-fill-primary: oklch(21% .006 285.9 / .1569);--ui-fill-secondary: oklch(21% .006 285.9 / .0784);--ui-fill-tertiary: oklch(21% .006 285.9 / .0392);--ui-fill-quaternary: oklch(21% .006 285.9 / .0196);--ui-border-primary: oklch(21% .006 285.9 / .1176);--ui-border-secondary: oklch(21% .006 285.9 / .0588)}.dark,[data-theme=dark]{--ui-default: oklch(37% .012 285.8);--ui-default-hover: oklch(71.2% .013 286.1);--ui-default-active: oklch(27.4% .005 286);--ui-default-border: oklch(55.2% .014 285.9);--ui-default-fill: oklch(21% .006 285.9);--ui-default-foreground: oklch(100% 0 0);--ui-primary: oklch(54.6% .215 262.9);--ui-primary-hover: oklch(62.3% .188 259.8);--ui-primary-active: oklch(48.8% .217 264.4);--ui-primary-border: oklch(37.9% .138 265.5);--ui-primary-fill: oklch(28.2% .087 267.9);--ui-primary-foreground: oklch(100% 0 0);--ui-secondary: oklch(54.1% .247 293);--ui-secondary-hover: oklch(60.6% .219 292.7);--ui-secondary-active: oklch(49.1% .241 292.6);--ui-secondary-border: oklch(38% .178 293.7);--ui-secondary-fill: oklch(28.3% .135 291.1);--ui-secondary-foreground: oklch(100% 0 0);--ui-success: oklch(62.7% .17 149.2);--ui-success-hover: oklch(72.3% .192 149.6);--ui-success-active: oklch(52.7% .137 150.1);--ui-success-border: oklch(39.3% .09 152.5);--ui-success-fill: oklch(26.6% .063 152.9);--ui-warning: oklch(79.5% .162 86);--ui-warning-hover: oklch(86.1% .173 91.9);--ui-warning-active: oklch(68.1% .142 75.8);--ui-warning-border: oklch(42.1% .09 57.7);--ui-warning-fill: oklch(28.6% .064 53.8);--ui-success-foreground: oklch(100% 0 0);--ui-danger: oklch(57.7% .215 27.3);--ui-danger-hover: oklch(63.7% .208 25.3);--ui-danger-active: oklch(50.5% .19 27.5);--ui-danger-border: oklch(39.6% .133 25.7);--ui-danger-fill: oklch(25.8% .089 26);--ui-danger-foreground: oklch(100% 0 0);--ui-foreground-primary: oklch(96.7% .001 286.4);--ui-foreground-secondary: oklch(71.2% .013 286.1);--ui-foreground-tertiary: oklch(55.2% .014 285.9);--ui-foreground-quaternary: oklch(44.2% .015 285.8);--ui-background: oklch(14.1% .004 285.8);--ui-background-secondary: oklch(21% .006 285.9);--ui-background-tertiary: oklch(27.4% .005 286);--ui-background-quaternary: oklch(37% .012 285.8);--ui-gray-primary: oklch(71.2% .013 286.1);--ui-gray-secondary: oklch(55.2% .014 285.9);--ui-gray-tertiary: oklch(44.2% .015 285.8);--ui-gray-quaternary: oklch(37% .012 285.8);--ui-fill-primary: oklch(100% 0 0 / .1569);--ui-fill-secondary: oklch(100% 0 0 / .0784);--ui-fill-tertiary: oklch(100% 0 0 / .0392);--ui-fill-quaternary: oklch(100% 0 0 / .0196);--ui-border-primary: oklch(44.2% .015 285.8 / .3176);--ui-border-secondary: oklch(44.2% .015 285.8 / .3176)}:root,html,body{@apply bg-background-primary text-foreground;}@utility z-backdrop{z-index: 98;}@utility z-popover{z-index: 99;}@utility z-dialog{z-index: 99;}@utility z-header{z-index: 60;}@utility z-drawer{z-index: 60;}@utility rounded-inherit{border-radius: inherit;}@custom-variant dark (&:where(.dark,.dark *,[data-theme="dark"]));@custom-variant light (&:where(.light,.light *,[data-theme="light"]));@custom-variant uig-has-start-content (&:is(:where(.group[data-has-start-content=true]) &));@custom-variant uig-has-end-content (&:is(:where(.group[data-has-end-content=true]) &));@custom-variant uig-has-label (&:is(:where(.group[data-has-label=true]) &));@custom-variant ui-hover (&:not(:disabled):hover);@custom-variant uig-hover (&:is(:where(.group[data-hovered=true]) &));@custom-variant ui-selected (&[data-selected=true]);@custom-variant uig-selected (&:is(:where(.group[data-selected=true]) &));@custom-variant ui-checked (&[data-checked=true]);@custom-variant uig-checked (&:is(:where(.group[data-checked=true]) &));@custom-variant ui-focus (&[data-focused=true]);@custom-variant uig-focus (&:is(:where(.group[data-focused=true]) &));@custom-variant ui-pressed (&[data-pressed=true]);@custom-variant uig-pressed (&:is(:where(.group[data-pressed=true]) &));@custom-variant ui-active (&[data-active=true]);@custom-variant uig-active (&:is(:where(.group[data-active=true]) &));@custom-variant ui-open (&[data-open=true]);@custom-variant uig-open (&:is(:where(.group[data-open=true]) &));@custom-variant ui-interactive (&[data-interactive=true]);@custom-variant uig-interactive (&:is(:where(.group[data-interactive=true]) &));@custom-variant ui-loaded (&[data-loaded=true]);@custom-variant ui-filled-within (&[data-filled-within=true]);@custom-variant uig-filled-within (&:is(:where(.group[data-filled-within=true]) &));@custom-variant ui-focus-visible (&[data-focus-visible=true]);@custom-variant ui-readonly (&[data-readonly=true]);@custom-variant uig-readonly (&:is(:where(.group[data-readonly=true]) &));@custom-variant ui-disabled (&[data-disabled=true]);@custom-variant uig-disabled (&:is(:where(.group[data-disabled=true]) &));
package/dist/premium.css DELETED
@@ -1 +0,0 @@
1
- @theme{ --animate-ripple: ripple 1s linear; --animate-progress: progress 1s infinite linear; --animate-caret-blink: caret-blink 1.2s ease-out infinite; @keyframes progress { 0% { left: -40%; } 100% { left: 100%; } } @keyframes caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } }@theme inline{ --color-default: var(--ui-default); --color-default-hover: var(--ui-default-hover); --color-default-active: var(--ui-default-active); --color-default-border: var(--ui-default-border); --color-default-flat: var(--ui-default-flat); --color-default-flat-hover: var(--ui-default-flat-hover); --color-default-flat-active: var(--ui-default-flat-active); --color-default-foreground: var(--ui-default-foreground); --color-primary: var(--ui-primary); --color-primary-hover: var(--ui-primary-hover); --color-primary-active: var(--ui-primary-active); --color-primary-border: var(--ui-primary-border); --color-primary-flat: var(--ui-primary-flat); --color-primary-flat-hover: var(--ui-primary-flat-hover); --color-primary-flat-active: var(--ui-primary-flat-active); --color-primary-foreground: var(--ui-primary-foreground); --color-secondary: var(--ui-secondary); --color-secondary-hover: var(--ui-secondary-hover); --color-secondary-active: var(--ui-secondary-active); --color-secondary-border: var(--ui-secondary-border); --color-secondary-flat: var(--ui-secondary-flat); --color-secondary-flat-hover: var(--ui-secondary-flat-hover); --color-secondary-flat-active: var(--ui-secondary-flat-active); --color-secondary-foreground: var(--ui-secondary-foreground); --color-success: var(--ui-success); --color-success-hover: var(--ui-success-hover); --color-success-active: var(--ui-success-active); --color-success-border: var(--ui-success-border); --color-success-flat: var(--ui-success-flat); --color-success-flat-hover: var(--ui-success-flat-hover); --color-success-flat-active: var(--ui-success-flat-active); --color-success-foreground: var(--ui-success-foreground); --color-warning: var(--ui-warning); --color-warning-hover: var(--ui-warning-hover); --color-warning-active: var(--ui-warning-active); --color-warning-border: var(--ui-warning-border); --color-warning-flat: var(--ui-warning-flat); --color-warning-flat-hover: var(--ui-warning-flat-hover); --color-warning-flat-active: var(--ui-warning-flat-active); --color-warning-foreground: var(--ui-warning-foreground); --color-danger: var(--ui-danger); --color-danger-hover: var(--ui-danger-hover); --color-danger-active: var(--ui-danger-active); --color-danger-border: var(--ui-danger-border); --color-danger-flat: var(--ui-danger-flat); --color-danger-flat-hover: var(--ui-danger-flat-hover); --color-danger-flat-active: var(--ui-danger-flat-active); --color-danger-foreground: var(--ui-danger-foreground); --color-foreground: var(--ui-foreground-primary); --color-foreground-secondary: var(--ui-foreground-secondary); --color-foreground-tertiary: var(--ui-foreground-tertiary); --color-foreground-quaternary: var(--ui-foreground-quaternary); --color-foreground-link: var(--ui-foreground-link); --color-background: var(--ui-background); --color-background-secondary: var(--ui-background-secondary); --color-background-tertiary: var(--ui-background-tertiary); --color-background-quaternary: var(--ui-background-quaternary); --color-surface: var(--ui-surface-primary); --color-surface-secondary: var(--ui-surface-secondary); --color-surface-tertiary: var(--ui-surface-tertiary); --color-surface-quaternary: var(--ui-surface-quaternary); --color-divider: var(--ui-divider); --color-divider-light: var(--ui-divider-light); --color-divider-dark: var(--ui-divider-dark); --color-focus: var(--ui-focus); }:root,.light,[data-theme=light]{color-scheme:light;--ui-default: oklch(37% .012 285.8);--ui-default-hover: oklch(71.2% .013 286.1);--ui-default-active: oklch(27.4% .005 286);--ui-default-border: oklch(71.2% .013 286.1);--ui-default-flat: oklch(87.1% .005 286.3);--ui-primary: oklch(54.6% .215 262.9);--ui-primary-hover: oklch(62.3% .188 259.8);--ui-primary-active: oklch(48.8% .217 264.4);--ui-primary-border: oklch(88.2% .057 254.1);--ui-primary-flat: oklch(97% .014 254.6);--ui-secondary: oklch(54.1% .247 293);--ui-secondary-hover: oklch(60.6% .219 292.7);--ui-secondary-active: oklch(49.1% .241 292.6);--ui-secondary-border: oklch(89.4% .055 293.3);--ui-secondary-flat: oklch(96.9% .016 293.8);--ui-success: oklch(62.7% .17 149.2);--ui-success-hover: oklch(72.3% .192 149.6);--ui-success-active: oklch(52.7% .137 150.1);--ui-success-border: oklch(92.5% .081 156);--ui-success-flat: oklch(98.2% .018 155.8);--ui-warning: oklch(79.5% .162 86);--ui-warning-hover: oklch(86.1% .173 91.9);--ui-warning-active: oklch(68.1% .142 75.8);--ui-warning-border: oklch(94.5% .124 101.5);--ui-warning-flat: oklch(98.7% .026 102.2);--ui-danger: oklch(57.7% .215 27.3);--ui-danger-hover: oklch(63.7% .208 25.3);--ui-danger-active: oklch(50.5% .19 27.5);--ui-danger-border: oklch(88.5% .059 18.3);--ui-danger-flat: oklch(97.1% .013 17.4);--ui-foreground: oklch(21% .006 285.9);--ui-foreground-secondary: oklch(55.2% .014 285.9);--ui-foreground-tertiary: oklch(71.2% .013 286.1);--ui-foreground-quaternary: oklch(87.1% .005 286.3);--ui-foreground-link: oklch(54.6% .215 262.9);--ui-background: oklch(98.5% 0 0);--ui-background-secondary: oklch(100% 0 0);--ui-background-tertiary: oklch(100% 0 0);--ui-background-quaternary: oklch(100% 0 0);--ui-surface-primary: oklch(44.2% .015 285.8);--ui-surface-secondary: oklch(55.2% .014 285.9);--ui-surface-tertiary: oklch(71.2% .013 286.1);--ui-surface-quaternary: oklch(87.1% .005 286.3);--ui-divider: oklch(21% .006 285.9 / .1176);--ui-divider-light: oklch(21% .006 285.9 / .0588);--ui-divider-dark: oklch(21% .006 285.9 / .0588);--ui-focus: oklch(54.6% .215 262.9)}.dark,[data-theme=dark]{color-scheme:dark;--ui-default: oklch(37% .012 285.8);--ui-default-hover: oklch(27.4% .005 286);--ui-default-active: oklch(27.4% .005 286);--ui-default-border: oklch(25.2% .014 285.9);--ui-default-flat: #101012;--ui-default-flat-hover: #131315;--ui-default-flat-active: #131315;--ui-default-foreground: oklch(100% 0 0);--ui-primary: oklch(56.7% .209 257.9);--ui-primary-hover: oklch(49.2% .18 257.7);--ui-primary-active: oklch(48.8% .217 264.4);--ui-primary-border: oklch(.2199 .0658 257.9);--ui-primary-flat: #000e1f;--ui-primary-flat-hover: #000b18;--ui-primary-flat-active: #000b18;--ui-primary-foreground: oklch(100% 0 0);--ui-secondary: oklch(57.7% .192 304);--ui-secondary-hover: oklch(48.8% .225 300.5);--ui-secondary-active: oklch(49.1% .241 292.6);--ui-secondary-border: oklch(38% .178 293.7);--ui-secondary-flat: #160c20;--ui-secondary-flat-hover: #0f0815;--ui-secondary-flat-active: #0f0815;--ui-secondary-foreground: oklch(100% 0 0);--ui-success: oklch(73.3% .193 150.8);--ui-success-hover: oklch(62.2% .163 151);--ui-success-active: oklch(52.7% .137 150.1);--ui-success-border: oklch(.2257 .0376 150.8);--ui-success-flat: #031b0e;--ui-success-flat-hover: #02140a;--ui-success-flat-active: #02140a;--ui-success-foreground: oklch(0% 0 0);--ui-warning: oklch(78.2% .158 72.3);--ui-warning-hover: oklch(66.3% .133 72.6);--ui-warning-active: oklch(68.1% .142 75.8);--ui-warning-border: oklch(.1993 .0313 72.3);--ui-warning-flat: #1d1301;--ui-warning-flat-hover: #181004;--ui-warning-flat-active: #181004;--ui-warning-foreground: oklch(0% 0 0);--ui-danger: oklch(61.9% .242 11.3);--ui-danger-hover: oklch(52.4% .204 10.7);--ui-danger-active: oklch(50.5% .19 27.5);--ui-danger-border: oklch(.2257 .0564 11.3);--ui-danger-flat: #24030e;--ui-danger-flat-hover: #18020a;--ui-danger-flat-active: #18020a;--ui-danger-foreground: oklch(100% 0 0);--ui-foreground-primary: oklch(96.7% .001 286.4);--ui-foreground-secondary: oklch(71.2% .013 286.1);--ui-foreground-tertiary: oklch(55.2% .014 285.9);--ui-foreground-quaternary: oklch(44.2% .015 285.8);--ui-foreground-link: oklch(54.6% .215 262.9);--ui-background: oklch(14.1% .004 285.8);--ui-background-secondary: oklch(21% .006 285.9);--ui-background-tertiary: oklch(27.4% .005 286);--ui-background-quaternary: oklch(37% .012 285.8);--ui-surface-primary: oklch(21% .006 285.9);--ui-surface-secondary: oklch(27.4% .005 286);--ui-surface-tertiary: oklch(37% .012 285.8);--ui-surface-quaternary: oklch(37% .012 285.8);--ui-divider: oklch(44.2% .015 285.8 / .3176);--ui-divider-light: oklch(44.2% .015 285.8 / .5176);--ui-divider-dark: oklch(44.2% .015 285.8 / .5176);--ui-focus: oklch(56.7% .209 257.9)}@keyframes shimmer{to{transform:translate(100%)}}:root,html,body{@apply bg-background text-foreground;}@utility z-backdrop{z-index: 98;}@utility z-popover{z-index: 99;}@utility z-dialog{z-index: 99;}@utility z-header{z-index: 60;}@utility z-drawer{z-index: 60;}@utility rounded-inherit{border-radius: inherit;}@custom-variant dark (&:where(.dark,.dark *,[data-theme="dark"]));@custom-variant light (&:where(.light,.light *,[data-theme="light"]));@custom-variant uig-has-start-content (&:is(:where(.group[data-has-start-content=true]) &));@custom-variant uig-has-end-content (&:is(:where(.group[data-has-end-content=true]) &));@custom-variant uig-has-label (&:is(:where(.group[data-has-label=true]) &));@custom-variant ui-hover (&:not(:disabled):hover);@custom-variant uig-hover (&:is(:where(.group[data-hovered=true]) &));@custom-variant uig-selected (&:is(:where(.group[data-selected=true]) &));@custom-variant uig-checked (&:is(:where(.group[data-checked=true]) &));@custom-variant uig-focus (&:is(:where(.group[data-focused=true]) &));@custom-variant uig-pressed (&:is(:where(.group[data-pressed=true]) &));@custom-variant uig-active (&:is(:where(.group[data-active=true]) &));@custom-variant uig-open (&:is(:where(.group[data-open=true]) &));@custom-variant uig-interactive (&:is(:where(.group[data-interactive=true]) &));@custom-variant uig-filled-within (&:is(:where(.group[data-filled-within=true]) &));@custom-variant uig-focus-visible (&:is(:where(.group[data-focus-visible=true]) &));@custom-variant uig-readonly (&:is(:where(.group[data-readonly=true]) &));@custom-variant uig-disabled (&:is(:where(.group[data-disabled=true]) &));@custom-variant uig-invalid (&:is(:where(.group[data-invalid=true]) &));