@moduix/react 2.1.0 → 2.2.4

package/dist/lib/moduix/presets/dense.css

@@ -1,78 +0,0 @@
-[data-moduix-theme="dense"] {
-  color-scheme: light;
-  --background: oklch(98.5% .004 255);
-  --foreground: oklch(18.5% .014 255);
-  --card: oklch(99.8% .002 255);
-  --card-foreground: oklch(18.5% .014 255);
-  --popover: oklch(99.8% .002 255);
-  --popover-foreground: oklch(18.5% .014 255);
-  --primary: oklch(48% .16 255);
-  --primary-foreground: oklch(99% .002 255);
-  --secondary: oklch(95.8% .009 255);
-  --secondary-foreground: oklch(24% .02 255);
-  --muted: oklch(95.2% .008 255);
-  --muted-foreground: oklch(47% .02 255);
-  --accent: oklch(92.5% .02 255);
-  --accent-foreground: oklch(22% .025 255);
-  --border: oklch(88% .015 255);
-  --input: oklch(84% .018 255);
-  --ring: oklch(56% .14 255);
-  --overlay: oklch(16% .02 255 / .24);
-  --overlay-foreground: oklch(16% .02 255 / .08);
-  --sidebar: oklch(97.2% .007 255);
-  --sidebar-foreground: oklch(18.5% .014 255);
-  --sidebar-primary: oklch(48% .16 255);
-  --sidebar-primary-foreground: oklch(99% .002 255);
-  --sidebar-accent: oklch(92.5% .02 255);
-  --sidebar-accent-foreground: oklch(22% .025 255);
-  --sidebar-border: oklch(88% .015 255);
-  --sidebar-ring: oklch(56% .14 255);
-  --radius: .45rem;
-  --spacing-1: 3px;
-  --spacing-2: 6px;
-  --spacing-3: 10px;
-  --spacing-4: 14px;
-  --spacing-5: 18px;
-  --spacing-6: 22px;
-  --spacing-8: 28px;
-  --spacing-10: 36px;
-  --size-xs: 22px;
-  --size-sm: 30px;
-  --size-md: 34px;
-  --size-lg: 38px;
-  --size-xl: 44px;
-  --shadow-sm: 0 1px 2px #0f172a14;
-  --shadow-md: 0 3px 8px #0f172a1a;
-  --shadow-lg: 0 12px 24px #0f172a1f;
-
-  & .dark, &.dark {
-    color-scheme: dark;
-    --background: oklch(16% .014 255);
-    --foreground: oklch(97% .003 255);
-    --card: oklch(20.5% .016 255);
-    --card-foreground: oklch(97% .003 255);
-    --popover: oklch(20.5% .016 255);
-    --popover-foreground: oklch(97% .003 255);
-    --primary: oklch(76% .13 255);
-    --primary-foreground: oklch(17% .018 255);
-    --secondary: oklch(25.5% .018 255);
-    --secondary-foreground: oklch(97% .003 255);
-    --muted: oklch(25% .016 255);
-    --muted-foreground: oklch(71% .018 255);
-    --accent: oklch(31% .03 255);
-    --accent-foreground: oklch(97% .003 255);
-    --border: oklch(72% .02 255 / .25);
-    --input: oklch(76% .02 255 / .32);
-    --ring: oklch(70% .12 255);
-    --overlay: oklch(10% .02 255 / .78);
-    --overlay-foreground: oklch(97% .003 255 / .09);
-    --sidebar: oklch(19% .016 255);
-    --sidebar-foreground: oklch(97% .003 255);
-    --sidebar-primary: oklch(76% .13 255);
-    --sidebar-primary-foreground: oklch(17% .018 255);
-    --sidebar-accent: oklch(31% .03 255);
-    --sidebar-accent-foreground: oklch(97% .003 255);
-    --sidebar-border: oklch(72% .02 255 / .25);
-    --sidebar-ring: oklch(70% .12 255);
-  }
-}

package/dist/lib/moduix/presets/soft.css

@@ -1,77 +0,0 @@
-[data-moduix-theme="soft"] {
-  color-scheme: light;
-  --background: oklch(98.5% .012 320);
-  --foreground: oklch(22.5% .024 315);
-  --card: oklch(99.8% .004 320);
-  --card-foreground: oklch(22.5% .024 315);
-  --popover: oklch(99.8% .004 320);
-  --popover-foreground: oklch(22.5% .024 315);
-  --primary: oklch(54% .18 305);
-  --primary-foreground: oklch(99% .004 320);
-  --secondary: oklch(95.8% .018 320);
-  --secondary-foreground: oklch(30% .04 310);
-  --muted: oklch(95% .016 320);
-  --muted-foreground: oklch(50% .035 315);
-  --accent: oklch(92% .04 315);
-  --accent-foreground: oklch(29% .05 305);
-  --border: oklch(88% .025 320);
-  --input: oklch(84% .03 320);
-  --ring: oklch(61% .15 305);
-  --overlay: oklch(22% .035 310 / .22);
-  --overlay-foreground: oklch(22% .035 310 / .08);
-  --sidebar: oklch(97.5% .014 320);
-  --sidebar-foreground: oklch(22.5% .024 315);
-  --sidebar-primary: oklch(54% .18 305);
-  --sidebar-primary-foreground: oklch(99% .004 320);
-  --sidebar-accent: oklch(92% .04 315);
-  --sidebar-accent-foreground: oklch(29% .05 305);
-  --sidebar-border: oklch(88% .025 320);
-  --sidebar-ring: oklch(61% .15 305);
-  --radius: 1rem;
-  --spacing-2: 9px;
-  --spacing-3: 14px;
-  --spacing-4: 18px;
-  --spacing-5: 22px;
-  --spacing-6: 28px;
-  --spacing-8: 36px;
-  --spacing-10: 44px;
-  --size-xs: 26px;
-  --size-sm: 34px;
-  --size-md: 40px;
-  --size-lg: 44px;
-  --size-xl: 52px;
-  --shadow-sm: 0 2px 6px #61236b14;
-  --shadow-md: 0 8px 18px #61236b1f;
-  --shadow-lg: 0 18px 38px #61236b29;
-
-  & .dark, &.dark {
-    color-scheme: dark;
-    --background: oklch(17% .018 315);
-    --foreground: oklch(97.2% .006 320);
-    --card: oklch(22% .022 315);
-    --card-foreground: oklch(97.2% .006 320);
-    --popover: oklch(22% .022 315);
-    --popover-foreground: oklch(97.2% .006 320);
-    --primary: oklch(78% .13 305);
-    --primary-foreground: oklch(23% .026 315);
-    --secondary: oklch(28.5% .03 315);
-    --secondary-foreground: oklch(97.2% .006 320);
-    --muted: oklch(27.5% .026 315);
-    --muted-foreground: oklch(74% .03 320);
-    --accent: oklch(34% .06 310);
-    --accent-foreground: oklch(97.2% .006 320);
-    --border: oklch(76% .035 320 / .24);
-    --input: oklch(76% .035 320 / .3);
-    --ring: oklch(74% .11 305);
-    --overlay: oklch(10% .02 315 / .8);
-    --overlay-foreground: oklch(97.2% .006 320 / .1);
-    --sidebar: oklch(20% .022 315);
-    --sidebar-foreground: oklch(97.2% .006 320);
-    --sidebar-primary: oklch(78% .13 305);
-    --sidebar-primary-foreground: oklch(23% .026 315);
-    --sidebar-accent: oklch(34% .06 310);
-    --sidebar-accent-foreground: oklch(97.2% .006 320);
-    --sidebar-border: oklch(76% .035 320 / .24);
-    --sidebar-ring: oklch(74% .11 305);
-  }
-}

package/dist/lib/moduix/styles/style.css

@@ -1,301 +0,0 @@
-@layer ui.reset;
-
-@layer ui.tokens {
-  @keyframes moduix-pulse {
-    50% {
-      opacity: .3;
-    }
-  }
-
-  @keyframes moduix-fade-in {
-    from {
-      opacity: 0;
-    }
-  }
-
-  @keyframes moduix-fade-out {
-    from {
-      opacity: 1;
-    }
-
-    to {
-      opacity: 0;
-    }
-  }
-
-  @keyframes moduix-slide-up {
-    from {
-      opacity: 0;
-      transform: translateY(4px);
-    }
-  }
-
-  @keyframes moduix-slide-down {
-    from {
-      opacity: 0;
-      transform: translateY(-4px);
-    }
-  }
-
-  @keyframes moduix-spin {
-    to {
-      transform: rotate(360deg);
-    }
-  }
-
-  :root {
-    --animation-pulse: moduix-pulse 2.5s ease-in-out infinite;
-    --animation-fade-in: moduix-fade-in var(--duration-normal) var(--ease-out);
-    --animation-fade-out: moduix-fade-out var(--duration-normal) var(--ease-in);
-    --animation-slide-up: moduix-slide-up var(--duration-normal) var(--ease-out);
-    --animation-slide-down: moduix-slide-down var(--duration-normal) var(--ease-out);
-    --animation-spin: moduix-spin .75s linear infinite;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    :root {
-      --animation-pulse: none;
-      --animation-fade-in: none;
-      --animation-fade-out: none;
-      --animation-slide-up: none;
-      --animation-slide-down: none;
-      --animation-spin: none;
-    }
-  }
-
-  :root {
-    --border-width-sm: 1px;
-    --border-width-md: 2px;
-    --border-width-lg: 4px;
-    --focus-ring-width: var(--border-width-md);
-    --focus-ring-inset-width: var(--border-width-sm);
-    --focus-ring-offset: var(--spacing-0-5);
-    --focus-ring-inset-offset: calc(var(--border-width-sm) * -1);
-  }
-
-  :root {
-    color-scheme: light;
-    --background: oklch(98.2% .003 285);
-    --foreground: oklch(17.5% .01 285);
-    --card: oklch(99.5% .002 285);
-    --card-foreground: oklch(17.5% .01 285);
-    --popover: oklch(99.5% .002 285);
-    --popover-foreground: oklch(17.5% .01 285);
-    --primary: oklch(23.5% .016 285);
-    --primary-foreground: oklch(98.2% .003 285);
-    --secondary: oklch(96% .006 285);
-    --secondary-foreground: oklch(23.5% .016 285);
-    --muted: oklch(95.5% .006 285);
-    --muted-foreground: oklch(48.5% .015 285);
-    --accent: oklch(95% .01 285);
-    --accent-foreground: oklch(23.5% .016 285);
-    --destructive: oklch(56.5% .235 22);
-    --destructive-foreground: var(--primary-foreground);
-    --success: oklch(62.7% .194 149.214);
-    --warning: oklch(79.5% .184 86.047);
-    --border: oklch(90.5% .008 285);
-    --input: oklch(90.5% .008 285);
-    --ring: oklch(62% .035 285);
-    --overlay: oklch(17.5% .014 285 / .2);
-    --overlay-foreground: oklch(17.5% .014 285 / .07);
-    --chart-1: oklch(65% .18 295);
-    --chart-2: oklch(70% .14 175);
-    --chart-3: oklch(72% .16 55);
-    --chart-4: oklch(60% .2 350);
-    --chart-5: oklch(68% .13 130);
-    --sidebar: oklch(97.5% .005 285);
-    --sidebar-foreground: oklch(17.5% .01 285);
-    --sidebar-primary: oklch(23.5% .016 285);
-    --sidebar-primary-foreground: oklch(98.2% .003 285);
-    --sidebar-accent: oklch(95% .01 285);
-    --sidebar-accent-foreground: oklch(23.5% .016 285);
-    --sidebar-border: oklch(90.5% .008 285);
-    --sidebar-ring: oklch(62% .035 285);
-
-    & .dark, &.dark {
-      color-scheme: dark;
-      --background: oklch(15.5% .008 285);
-      --foreground: oklch(96.8% .003 285);
-      --card: oklch(20% .011 285);
-      --card-foreground: oklch(96.8% .003 285);
-      --popover: oklch(20% .011 285);
-      --popover-foreground: oklch(96.8% .003 285);
-      --primary: oklch(91.8% .007 285);
-      --primary-foreground: oklch(20% .011 285);
-      --secondary: oklch(25.5% .012 285);
-      --secondary-foreground: oklch(96.8% .003 285);
-      --muted: oklch(25.5% .012 285);
-      --muted-foreground: oklch(70.5% .016 285);
-      --accent: oklch(29% .015 285);
-      --accent-foreground: oklch(96.8% .003 285);
-      --destructive: oklch(69% .185 18);
-      --destructive-foreground: var(--primary-foreground);
-      --success: oklch(62.7% .194 149.214);
-      --warning: oklch(79.5% .184 86.047);
-      --border: oklch(100% .004 285 / .13);
-      --input: oklch(100% .004 285 / .17);
-      --ring: oklch(58.5% .038 285);
-      --overlay: oklch(10.5% .012 285 / .74);
-      --overlay-foreground: oklch(96.8% .003 285 / .09);
-      --chart-1: oklch(72% .17 295);
-      --chart-2: oklch(76% .13 175);
-      --chart-3: oklch(78% .15 55);
-      --chart-4: oklch(67% .19 350);
-      --chart-5: oklch(74% .12 130);
-      --sidebar: oklch(20% .011 285);
-      --sidebar-foreground: oklch(96.8% .003 285);
-      --sidebar-primary: oklch(72% .17 295);
-      --sidebar-primary-foreground: oklch(15.5% .008 285);
-      --sidebar-accent: oklch(29% .015 285);
-      --sidebar-accent-foreground: oklch(96.8% .003 285);
-      --sidebar-border: oklch(100% .004 285 / .13);
-      --sidebar-ring: oklch(58.5% .038 285);
-    }
-
-    --color-background: var(--background);
-    --color-foreground: var(--foreground);
-    --color-card: var(--card);
-    --color-card-foreground: var(--card-foreground);
-    --color-popover: var(--popover);
-    --color-popover-foreground: var(--popover-foreground);
-    --color-primary: var(--primary);
-    --color-primary-foreground: var(--primary-foreground);
-    --color-secondary: var(--secondary);
-    --color-secondary-foreground: var(--secondary-foreground);
-    --color-muted: var(--muted);
-    --color-muted-foreground: var(--muted-foreground);
-    --color-accent: var(--accent);
-    --color-accent-foreground: var(--accent-foreground);
-    --color-destructive: var(--destructive);
-    --color-destructive-foreground: var(--destructive-foreground);
-    --color-success: var(--success);
-    --color-warning: var(--warning);
-    --color-border: var(--border);
-    --color-input: var(--input);
-    --color-ring: var(--ring);
-    --color-overlay: var(--overlay);
-    --color-overlay-foreground: var(--overlay-foreground);
-    --color-chart-1: var(--chart-1);
-    --color-chart-2: var(--chart-2);
-    --color-chart-3: var(--chart-3);
-    --color-chart-4: var(--chart-4);
-    --color-chart-5: var(--chart-5);
-    --color-sidebar: var(--sidebar);
-    --color-sidebar-foreground: var(--sidebar-foreground);
-    --color-sidebar-primary: var(--sidebar-primary);
-    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-    --color-sidebar-accent: var(--sidebar-accent);
-    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-    --color-sidebar-border: var(--sidebar-border);
-    --color-sidebar-ring: var(--sidebar-ring);
-  }
-
-  :root {
-    --opacity-disabled: .5;
-    --opacity-loading: .85;
-    --opacity-hover: .9;
-    --radius: .625rem;
-    --radius-none: 0;
-    --radius-xs: calc(var(--radius) * .4);
-    --radius-sm: calc(var(--radius) * .6);
-    --radius-md: calc(var(--radius) * .8);
-    --radius-lg: var(--radius);
-    --radius-xl: calc(var(--radius) * 1.2);
-    --radius-full: 9999px;
-    --shadow-sm: 0 2px 4px 0 #0000001a, 0 1px 2px -1px #0000001a;
-    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
-    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
-    --size-xs: 24px;
-    --size-sm: 32px;
-    --size-md: 36px;
-    --size-lg: 40px;
-    --size-xl: 48px;
-    --spacing-0: 0px;
-    --spacing-1: 4px;
-    --spacing-0-5: calc((var(--spacing-0) + var(--spacing-1)) / 2);
-    --spacing-2: 8px;
-    --spacing-1-5: calc((var(--spacing-1) + var(--spacing-2)) / 2);
-    --spacing-3: 12px;
-    --spacing-2-5: calc((var(--spacing-2) + var(--spacing-3)) / 2);
-    --spacing-4: 16px;
-    --spacing-3-5: calc((var(--spacing-3) + var(--spacing-4)) / 2);
-    --spacing-5: 20px;
-    --spacing-4-5: calc((var(--spacing-4) + var(--spacing-5)) / 2);
-    --spacing-6: 24px;
-    --spacing-7: calc((var(--spacing-6) + var(--spacing-8)) / 2);
-    --spacing-8: 32px;
-    --spacing-10: 40px;
-    --spacing-xs: var(--spacing-1);
-    --spacing-sm: var(--spacing-2);
-    --spacing-md: var(--spacing-3);
-    --spacing-lg: var(--spacing-4);
-    --spacing-xl: var(--spacing-5);
-    --spacing-2xl: var(--spacing-6);
-    --scale-popup: .9;
-    --scale-dropdown: .95;
-    --duration-fast: .15s;
-    --duration-normal: .2s;
-    --duration-slow: .35s;
-    --duration-slower: .45s;
-    --ease-in: cubic-bezier(.4, 0, 1, 1);
-    --ease-out: cubic-bezier(0, 0, .2, 1);
-    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
-    --ease-standard: ease;
-    --ease-spring: cubic-bezier(.32, .72, 0, 1);
-    --ease-emphasized: cubic-bezier(.22, 1, .36, 1);
-    --transition-default: var(--duration-normal) var(--ease-in-out);
-    --transition-fast: var(--duration-fast) var(--ease-in-out);
-    --transition-slow: var(--duration-slow) var(--ease-in-out);
-    --transition-slower: var(--duration-slower) var(--ease-in-out);
-    --transition-spring: var(--duration-slower) var(--ease-spring);
-    --transition-emphasized: var(--duration-slower) var(--ease-emphasized);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    :root {
-      --duration-fast: .01ms;
-      --duration-normal: .01ms;
-      --duration-slow: .01ms;
-      --duration-slower: .01ms;
-    }
-  }
-
-  :root {
-    --font-sans: "Noto Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
-    "Segoe UI Symbol", "Noto Color Emoji";
-    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
-    monospace;
-    --weight-regular: 400;
-    --weight-medium: 500;
-    --weight-semibold: 600;
-    --weight-bold: 700;
-    --text-xs: 12px;
-    --text-sm: 14px;
-    --text-md: 16px;
-    --text-lg: 18px;
-    --text-xl: 20px;
-    --text-2xl: 24px;
-    --text-3xl: 30px;
-    --line-height-text-xs: 16px;
-    --line-height-text-sm: 20px;
-    --line-height-text-md: 24px;
-    --line-height-text-lg: 28px;
-    --line-height-text-xl: 28px;
-    --line-height-text-2xl: 32px;
-    --line-height-text-3xl: 36px;
-    --tracking-text-sm: -.01em;
-    --tracking-text-xs: -.016em;
-    --z-default: 1;
-    --z-xs: 5;
-    --z-sm: 10;
-    --z-md: 20;
-    --z-lg: 30;
-    --z-xl: 40;
-    --z-backdrop: 40;
-    --z-modal: 50;
-    --z-popup: 60;
-    --z-toast: 70;
-  }
-}
-
-@layer ui.base, ui.components;

package/dist/presets/contrast.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/presets/contrast.js

@@ -1 +0,0 @@
-import "../lib/moduix/presets/contrast.css";

package/dist/presets/dense.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/presets/dense.js

@@ -1 +0,0 @@
-import "../lib/moduix/presets/dense.css";

package/dist/presets/soft.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/presets/soft.js

@@ -1 +0,0 @@
-import "../lib/moduix/presets/soft.css";

package/dist/reset.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/reset.js

@@ -1 +0,0 @@
-import "./lib/moduix/styles/reset.css";

package/dist/style.d.ts

@@ -1 +0,0 @@
-export { };

package/dist/style.js

@@ -1 +0,0 @@
-import "./lib/moduix/styles/style.css";