@moduix/react 2.1.0 → 2.2.4

package/dist/internal/icons/ui/index.d.ts

@@ -0,0 +1 @@
+export { CalendarIcon, CheckIcon, CloseIcon, CopyIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronUpDownIcon, EyeClosedIcon, EyeIcon, FileIcon, FlipHorizontalIcon, FolderIcon, FolderOpenIcon, GripIcon, IndeterminateIcon, RestartIcon, RestoreIcon, SearchIcon, MaximizeIcon, MinusIcon, PauseIcon, PencilIcon, PipetteIcon, PlayIcon, PlusIcon, PopupArrowIcon, RatingStarIcon, RotateCcwIcon, RotateCwIcon, ScrubCursorIcon, SeparatorMarkIcon, TrashIcon, UploadIcon, ZoomInIcon, ZoomOutIcon, } from './Icons';

package/dist/internal/icons/ui/index.js

@@ -0,0 +1 @@
+export { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, CloseIcon, CopyIcon, EyeClosedIcon, EyeIcon, FileIcon, FlipHorizontalIcon, FolderIcon, FolderOpenIcon, GripIcon, IndeterminateIcon, MaximizeIcon, MinusIcon, PauseIcon, PencilIcon, PipetteIcon, PlayIcon, PlusIcon, PopupArrowIcon, RatingStarIcon, RestartIcon, RestoreIcon, RotateCcwIcon, RotateCwIcon, ScrubCursorIcon, SearchIcon, SeparatorMarkIcon, TrashIcon, UploadIcon, ZoomInIcon, ZoomOutIcon } from "./Icons.js";

package/dist/internal/normalizeClassName.d.ts

@@ -0,0 +1 @@
+export declare const normalizeClassName: (className: unknown) => string | undefined;

package/dist/internal/normalizeClassName.js

@@ -0,0 +1,2 @@
+const normalizeClassName = (className)=>'string' == typeof className ? className : void 0;
+export { normalizeClassName };

package/dist/internal/overlayPortal.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode, RefObject } from 'react';
+type OverlayPortalProps = {
+    portalled?: boolean;
+    portalRef?: RefObject<HTMLElement | null>;
+};
+declare function OverlayPortalProvider({ children, ...value }: OverlayPortalProps & {
+    children: ReactNode;
+}): import("react").JSX.Element;
+declare function OverlayPortal({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export { OverlayPortal, OverlayPortalProvider };
+export type { OverlayPortalProps };

package/dist/internal/overlayPortal.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Portal } from "@ark-ui/react/portal";
+import { createContext, useContext } from "react";
+const OverlayPortalContext = /*#__PURE__*/ createContext({});
+function OverlayPortalProvider({ children, ...value }) {
+    return /*#__PURE__*/ jsx(OverlayPortalContext.Provider, {
+        value: value,
+        children: children
+    });
+}
+function OverlayPortal({ children }) {
+    const { portalled = true, portalRef } = useContext(OverlayPortalContext);
+    return /*#__PURE__*/ jsx(Portal, {
+        disabled: !portalled,
+        container: portalRef,
+        children: children
+    });
+}
+export { OverlayPortal, OverlayPortalProvider };

package/dist/locale.d.ts

@@ -0,0 +1 @@
+export { LocaleProvider, useLocaleContext } from '@ark-ui/react/locale';

package/dist/locale.js

@@ -0,0 +1 @@
+export { LocaleProvider, useLocaleContext } from "@ark-ui/react/locale";

package/dist/presets/contrast.css

@@ -0,0 +1,131 @@
+[data-moduix-theme="contrast"] {
+  --moduix-background: #fdfdfe;
+  --moduix-foreground: #050b11;
+  --moduix-card: #fff;
+  --moduix-card-foreground: #050b11;
+  --moduix-popover: #fff;
+  --moduix-popover-foreground: #050b11;
+  --moduix-primary: #0054b6;
+  --moduix-primary-foreground: #fff;
+  --moduix-secondary: #e5ecf3;
+  --moduix-secondary-foreground: #09121c;
+  --moduix-muted: #e3e8ee;
+  --moduix-muted-foreground: #3b4653;
+  --moduix-accent: #c9e2f7;
+  --moduix-accent-foreground: #010e1e;
+  --moduix-border: #99a6b4;
+  --moduix-input: #77889b;
+  --moduix-ring: #0061bf;
+  --moduix-overlay: #01030661;
+  --moduix-overlay-foreground: #0103061f;
+  --moduix-sidebar: #f1f4f7;
+  --moduix-sidebar-foreground: #050b11;
+  --moduix-sidebar-primary: #0054b6;
+  --moduix-sidebar-primary-foreground: #fff;
+  --moduix-sidebar-accent: #c9e2f7;
+  --moduix-sidebar-accent-foreground: #010e1e;
+  --moduix-sidebar-border: #99a6b4;
+  --moduix-sidebar-ring: #0061bf;
+  --moduix-radius: .375rem;
+  --moduix-shadow-sm: 0 1px 2px #0f172a1a;
+  --moduix-shadow-md: 0 4px 10px #0f172a24;
+  --moduix-shadow-lg: 0 16px 30px #0f172a2e;
+}
+
+@supports (color: lab(0% 0 0)) {
+  [data-moduix-theme="contrast"] {
+    --moduix-background: lab(99.4193% -.111878 -.358546);
+    --moduix-foreground: lab(2.73044% -.638902 -3.71368);
+    --moduix-card: lab(100% 0 0);
+    --moduix-card-foreground: lab(2.73044% -.638902 -3.71368);
+    --moduix-popover: lab(100% 0 0);
+    --moduix-popover-foreground: lab(2.73044% -.638902 -3.71368);
+    --moduix-primary: lab(35.26% 14.138 -68.2948);
+    --moduix-primary-foreground: lab(100% 0 0);
+    --moduix-secondary: lab(93.0295% -1.30191 -4.27971);
+    --moduix-secondary-foreground: lab(5.21333% -1.27424 -7.86241);
+    --moduix-muted: lab(91.8716% -1.09071 -3.5696);
+    --moduix-muted-foreground: lab(29.1955% -2.40213 -9.08356);
+    --moduix-accent: lab(88.3951% -5.08818 -13.5993);
+    --moduix-accent-foreground: lab(3.58405% -.692964 -11.3385);
+    --moduix-border: lab(67.4898% -2.55167 -8.83513);
+    --moduix-input: lab(55.8658% -3.3434 -12.2703);
+    --moduix-ring: lab(40.2556% 9.34972 -64.9591);
+    --moduix-overlay: lab(.645069% -.158422 -1.56854 / .38);
+    --moduix-overlay-foreground: lab(.645069% -.158422 -1.56854 / .12);
+    --moduix-sidebar: lab(95.9362% -.55337 -1.78927);
+    --moduix-sidebar-foreground: lab(2.73044% -.638902 -3.71368);
+    --moduix-sidebar-primary: lab(35.26% 14.138 -68.2948);
+    --moduix-sidebar-primary-foreground: lab(100% 0 0);
+    --moduix-sidebar-accent: lab(88.3951% -5.08818 -13.5993);
+    --moduix-sidebar-accent-foreground: lab(3.58405% -.692964 -11.3385);
+    --moduix-sidebar-border: lab(67.4898% -2.55167 -8.83513);
+    --moduix-sidebar-ring: lab(40.2556% 9.34972 -64.9591);
+  }
+}
+
+[data-moduix-theme="contrast"][data-moduix-color-scheme="dark"], [data-moduix-theme="contrast"] [data-moduix-color-scheme="dark"] {
+  --lightningcss-light: ;
+  --lightningcss-dark: initial;
+  color-scheme: dark;
+  --moduix-background: #02050a;
+  --moduix-foreground: #f8fafd;
+  --moduix-card: #060d15;
+  --moduix-card-foreground: #f8fafd;
+  --moduix-popover: #060d15;
+  --moduix-popover-foreground: #f8fafd;
+  --moduix-primary: #79b4ff;
+  --moduix-primary-foreground: #02060d;
+  --moduix-secondary: #16202b;
+  --moduix-secondary-foreground: #f8fafd;
+  --moduix-muted: #131d27;
+  --moduix-muted-foreground: #a9b2bc;
+  --moduix-accent: #142f4b;
+  --moduix-accent-foreground: #f8fafd;
+  --moduix-border: #b2bfce57;
+  --moduix-input: #b8c6d46b;
+  --moduix-ring: #70adfb;
+  --moduix-overlay: #000001d6;
+  --moduix-overlay-foreground: #f8fafd1f;
+  --moduix-sidebar: #03080f;
+  --moduix-sidebar-foreground: #f8fafd;
+  --moduix-sidebar-primary: #79b4ff;
+  --moduix-sidebar-primary-foreground: #02060d;
+  --moduix-sidebar-accent: #142f4b;
+  --moduix-sidebar-accent-foreground: #f8fafd;
+  --moduix-sidebar-border: #b2bfce57;
+  --moduix-sidebar-ring: #70adfb;
+}
+
+@supports (color: lab(0% 0 0)) {
+  [data-moduix-theme="contrast"][data-moduix-color-scheme="dark"], [data-moduix-theme="contrast"] [data-moduix-color-scheme="dark"] {
+    --moduix-background: lab(1.18544% -.300132 -2.243);
+    --moduix-foreground: lab(98.257% -.443965 -1.43218);
+    --moduix-card: lab(3.32744% -.818849 -5.30129);
+    --moduix-card-foreground: lab(98.257% -.443965 -1.43218);
+    --moduix-popover: lab(3.32744% -.818849 -5.30129);
+    --moduix-popover-foreground: lab(98.257% -.443965 -1.43218);
+    --moduix-primary: lab(71.5339% -3.73271 -45.4193);
+    --moduix-primary-foreground: lab(1.53827% -.389941 -2.97685);
+    --moduix-secondary: lab(11.7779% -2.05918 -8.97185);
+    --moduix-secondary-foreground: lab(98.257% -.443965 -1.43218);
+    --moduix-muted: lab(10.0434% -1.91372 -8.2854);
+    --moduix-muted-foreground: lab(72.1413% -1.89573 -6.38967);
+    --moduix-accent: lab(18.5617% -2.88492 -20.3069);
+    --moduix-accent-foreground: lab(98.257% -.443965 -1.43218);
+    --moduix-border: lab(76.7711% -2.57739 -8.84726 / .34);
+    --moduix-input: lab(79.0914% -2.583 -8.84994 / .42);
+    --moduix-ring: lab(69.2026% -3.5221 -45.3802);
+    --moduix-overlay: lab(.0542831% .00392646 -.286341 / .84);
+    --moduix-overlay-foreground: lab(98.257% -.443965 -1.43218 / .12);
+    --moduix-sidebar: lab(1.95972% -.491969 -3.43974);
+    --moduix-sidebar-foreground: lab(98.257% -.443965 -1.43218);
+    --moduix-sidebar-primary: lab(71.5339% -3.73271 -45.4193);
+    --moduix-sidebar-primary-foreground: lab(1.53827% -.389941 -2.97685);
+    --moduix-sidebar-accent: lab(18.5617% -2.88492 -20.3069);
+    --moduix-sidebar-accent-foreground: lab(98.257% -.443965 -1.43218);
+    --moduix-sidebar-border: lab(76.7711% -2.57739 -8.84726 / .34);
+    --moduix-sidebar-ring: lab(69.2026% -3.5221 -45.3802);
+  }
+}
+

package/dist/presets/dense.css

@@ -0,0 +1,144 @@
+[data-moduix-theme="dense"] {
+  --moduix-background: #f8fafd;
+  --moduix-foreground: #0f1319;
+  --moduix-card: #fefeff;
+  --moduix-card-foreground: #0f1319;
+  --moduix-popover: #fefeff;
+  --moduix-popover-foreground: #0f1319;
+  --moduix-primary: #005bb4;
+  --moduix-primary-foreground: #fbfcfd;
+  --moduix-secondary: #edf2f7;
+  --moduix-secondary-foreground: #192029;
+  --moduix-muted: #eceff5;
+  --moduix-muted-foreground: #535c66;
+  --moduix-accent: #dee7f4;
+  --moduix-accent-foreground: #131b26;
+  --moduix-border: #d1d8e1;
+  --moduix-input: #c3cbd6;
+  --moduix-ring: #3475c4;
+  --moduix-overlay: #080e163d;
+  --moduix-overlay-foreground: #080e1614;
+  --moduix-sidebar: #f3f6fb;
+  --moduix-sidebar-foreground: #0f1319;
+  --moduix-sidebar-primary: #005bb4;
+  --moduix-sidebar-primary-foreground: #fbfcfd;
+  --moduix-sidebar-accent: #dee7f4;
+  --moduix-sidebar-accent-foreground: #131b26;
+  --moduix-sidebar-border: #d1d8e1;
+  --moduix-sidebar-ring: #3475c4;
+  --moduix-radius: .45rem;
+  --moduix-spacing-1: 3px;
+  --moduix-spacing-2: 6px;
+  --moduix-spacing-3: 10px;
+  --moduix-spacing-4: 14px;
+  --moduix-spacing-5: 18px;
+  --moduix-spacing-6: 22px;
+  --moduix-spacing-8: 28px;
+  --moduix-spacing-10: 36px;
+  --moduix-size-xs: 22px;
+  --moduix-size-sm: 30px;
+  --moduix-size-md: 34px;
+  --moduix-size-lg: 38px;
+  --moduix-size-xl: 44px;
+  --moduix-shadow-sm: 0 1px 2px #0f172a14;
+  --moduix-shadow-md: 0 3px 8px #0f172a1a;
+  --moduix-shadow-lg: 0 12px 24px #0f172a1f;
+}
+
+@supports (color: lab(0% 0 0)) {
+  [data-moduix-theme="dense"] {
+    --moduix-background: lab(98.2523% -.330776 -1.47091);
+    --moduix-foreground: lab(5.68459% -.670359 -4.54568);
+    --moduix-card: lab(99.7642% -.166655 -.736165);
+    --moduix-card-foreground: lab(5.68459% -.670359 -4.54568);
+    --moduix-popover: lab(99.7642% -.166655 -.736165);
+    --moduix-popover-foreground: lab(5.68459% -.670359 -4.54568);
+    --moduix-primary: lab(38.3807% 4.98325 -54.8273);
+    --moduix-primary-foreground: lab(98.8362% -.166595 -.736153);
+    --moduix-secondary: lab(95.1099% -.730038 -3.30147);
+    --moduix-secondary-foreground: lab(11.7752% -1.1646 -7.13735);
+    --moduix-muted: lab(94.416% -.65127 -2.93597);
+    --moduix-muted-foreground: lab(38.4689% -1.42185 -7.23656);
+    --moduix-accent: lab(91.2558% -1.54927 -7.29737);
+    --moduix-accent-foreground: lab(9.42574% -1.20769 -8.84638);
+    --moduix-border: lab(86.0479% -1.18256 -5.48376);
+    --moduix-input: lab(81.4002% -1.39537 -6.56818);
+    --moduix-ring: lab(48.0704% -.0410378 -48.3309);
+    --moduix-overlay: lab(3.65259% -.521936 -5.17953 / .24);
+    --moduix-overlay-foreground: lab(3.65259% -.521936 -5.17953 / .08);
+    --moduix-sidebar: lab(96.7381% -.572383 -2.57038);
+    --moduix-sidebar-foreground: lab(5.68459% -.670359 -4.54568);
+    --moduix-sidebar-primary: lab(38.3807% 4.98325 -54.8273);
+    --moduix-sidebar-primary-foreground: lab(98.8362% -.166595 -.736153);
+    --moduix-sidebar-accent: lab(91.2558% -1.54927 -7.29737);
+    --moduix-sidebar-accent-foreground: lab(9.42574% -1.20769 -8.84638);
+    --moduix-sidebar-border: lab(86.0479% -1.18256 -5.48376);
+    --moduix-sidebar-ring: lab(48.0704% -.0410378 -48.3309);
+  }
+}
+
+[data-moduix-theme="dense"][data-moduix-color-scheme="dark"], [data-moduix-theme="dense"] [data-moduix-color-scheme="dark"] {
+  --lightningcss-light: ;
+  --lightningcss-dark: initial;
+  color-scheme: dark;
+  --moduix-background: #090e13;
+  --moduix-foreground: #f4f5f7;
+  --moduix-card: #12181e;
+  --moduix-card-foreground: #f4f5f7;
+  --moduix-popover: #12181e;
+  --moduix-popover-foreground: #f4f5f7;
+  --moduix-primary: #79b4ff;
+  --moduix-primary-foreground: #0a1017;
+  --moduix-secondary: #1d232c;
+  --moduix-secondary-foreground: #f4f5f7;
+  --moduix-muted: #1d2229;
+  --moduix-muted-foreground: #9aa2ad;
+  --moduix-accent: #26313f;
+  --moduix-accent-foreground: #f4f5f7;
+  --moduix-border: #9ca5b140;
+  --moduix-input: #a9b2be52;
+  --moduix-ring: #69a1e8;
+  --moduix-overlay: #010309c7;
+  --moduix-overlay-foreground: #f4f5f717;
+  --moduix-sidebar: #0f141b;
+  --moduix-sidebar-foreground: #f4f5f7;
+  --moduix-sidebar-primary: #79b4ff;
+  --moduix-sidebar-primary-foreground: #0a1017;
+  --moduix-sidebar-accent: #26313f;
+  --moduix-sidebar-accent-foreground: #f4f5f7;
+  --moduix-sidebar-border: #9ca5b140;
+  --moduix-sidebar-ring: #69a1e8;
+}
+
+@supports (color: lab(0% 0 0)) {
+  [data-moduix-theme="dense"][data-moduix-color-scheme="dark"], [data-moduix-theme="dense"] [data-moduix-color-scheme="dark"] {
+    --moduix-background: lab(3.67223% -.469178 -3.45765);
+    --moduix-foreground: lab(96.5143% -.248939 -1.10372);
+    --moduix-card: lab(7.73262% -.928633 -5.71392);
+    --moduix-card-foreground: lab(96.5143% -.248939 -1.10372);
+    --moduix-popover: lab(7.73262% -.928633 -5.71392);
+    --moduix-popover-foreground: lab(96.5143% -.248939 -1.10372);
+    --moduix-primary: lab(71.5339% -3.73271 -45.4193);
+    --moduix-primary-foreground: lab(4.39388% -.60755 -5.13726);
+    --moduix-secondary: lab(13.5256% -1.12166 -6.44931);
+    --moduix-secondary-foreground: lab(96.5143% -.248939 -1.10372);
+    --moduix-muted: lab(12.9534% -1.03039 -5.7452);
+    --moduix-muted-foreground: lab(66.3191% -1.37413 -6.55738);
+    --moduix-accent: lab(19.8558% -1.61602 -10.664);
+    --moduix-accent-foreground: lab(96.5143% -.248939 -1.10372);
+    --moduix-border: lab(67.4738% -1.51214 -7.27868 / .25);
+    --moduix-input: lab(72.1142% -1.52099 -7.28307 / .32);
+    --moduix-ring: lab(64.6212% -3.42974 -41.9226);
+    --moduix-overlay: lab(.878456% -.0841022 -2.21904 / .78);
+    --moduix-overlay-foreground: lab(96.5143% -.248939 -1.10372 / .09);
+    --moduix-sidebar: lab(6.15187% -.770628 -5.42564);
+    --moduix-sidebar-foreground: lab(96.5143% -.248939 -1.10372);
+    --moduix-sidebar-primary: lab(71.5339% -3.73271 -45.4193);
+    --moduix-sidebar-primary-foreground: lab(4.39388% -.60755 -5.13726);
+    --moduix-sidebar-accent: lab(19.8558% -1.61602 -10.664);
+    --moduix-sidebar-accent-foreground: lab(96.5143% -.248939 -1.10372);
+    --moduix-sidebar-border: lab(67.4738% -1.51214 -7.27868 / .25);
+    --moduix-sidebar-ring: lab(64.6212% -3.42974 -41.9226);
+  }
+}
+

package/dist/presets/soft.css

@@ -0,0 +1,143 @@
+[data-moduix-theme="soft"] {
+  --moduix-background: #fef8ff;
+  --moduix-foreground: #201824;
+  --moduix-card: #fffeff;
+  --moduix-card-foreground: #201824;
+  --moduix-popover: #fffeff;
+  --moduix-popover-foreground: #201824;
+  --moduix-primary: #884bc0;
+  --moduix-primary-foreground: #fdfbfd;
+  --moduix-secondary: #f7edf9;
+  --moduix-secondary-foreground: #34283d;
+  --moduix-muted: #f3ebf5;
+  --moduix-muted-foreground: #6b5d71;
+  --moduix-accent: #efddf7;
+  --moduix-accent-foreground: #31253f;
+  --moduix-border: #dfd2e2;
+  --moduix-input: #d4c5d7;
+  --moduix-ring: #9868ca;
+  --moduix-overlay: #20162738;
+  --moduix-overlay-foreground: #20162714;
+  --moduix-sidebar: #fbf4fd;
+  --moduix-sidebar-foreground: #201824;
+  --moduix-sidebar-primary: #884bc0;
+  --moduix-sidebar-primary-foreground: #fdfbfd;
+  --moduix-sidebar-accent: #efddf7;
+  --moduix-sidebar-accent-foreground: #31253f;
+  --moduix-sidebar-border: #dfd2e2;
+  --moduix-sidebar-ring: #9868ca;
+  --moduix-radius: 1rem;
+  --moduix-spacing-2: 9px;
+  --moduix-spacing-3: 14px;
+  --moduix-spacing-4: 18px;
+  --moduix-spacing-5: 22px;
+  --moduix-spacing-6: 28px;
+  --moduix-spacing-8: 36px;
+  --moduix-spacing-10: 44px;
+  --moduix-size-xs: 26px;
+  --moduix-size-sm: 34px;
+  --moduix-size-md: 40px;
+  --moduix-size-lg: 44px;
+  --moduix-size-xl: 52px;
+  --moduix-shadow-sm: 0 2px 6px #61236b14;
+  --moduix-shadow-md: 0 8px 18px #61236b1f;
+  --moduix-shadow-lg: 0 18px 38px #61236b29;
+}
+
+@supports (color: lab(0% 0 0)) {
+  [data-moduix-theme="soft"] {
+    --moduix-background: lab(98.1026% 3.14552 -2.8966);
+    --moduix-foreground: lab(9.77332% 5.96304 -6.24471);
+    --moduix-card: lab(99.7158% 1.04758 -.967503);
+    --moduix-card-foreground: lab(9.77332% 5.96304 -6.24471);
+    --moduix-popover: lab(99.7158% 1.04758 -.967503);
+    --moduix-popover-foreground: lab(9.77332% 5.96304 -6.24471);
+    --moduix-primary: lab(43.7253% 43.1212 -52.6342);
+    --moduix-primary-foreground: lab(98.7878% 1.04755 -.967491);
+    --moduix-secondary: lab(94.891% 4.72173 -4.33797);
+    --moduix-secondary-foreground: lab(18.2563% 9.30683 -11.2088);
+    --moduix-muted: lab(93.9896% 4.1962 -3.85778);
+    --moduix-muted-foreground: lab(41.5358% 8.61768 -9.17475);
+    --moduix-accent: lab(90.1994% 9.78509 -10.5495);
+    --moduix-accent-foreground: lab(16.9528% 10.9317 -14.866);
+    --moduix-border: lab(85.7491% 6.56518 -6.01138);
+    --moduix-input: lab(81.0413% 7.88492 -7.2017);
+    --moduix-ring: lab(52.5385% 34.208 -44.1752);
+    --moduix-overlay: lab(9.03362% 8.22794 -9.76513 / .22);
+    --moduix-overlay-foreground: lab(9.03362% 8.22794 -9.76513 / .08);
+    --moduix-sidebar: lab(96.9162% 3.67063 -3.37759);
+    --moduix-sidebar-foreground: lab(9.77332% 5.96304 -6.24471);
+    --moduix-sidebar-primary: lab(43.7253% 43.1212 -52.6342);
+    --moduix-sidebar-primary-foreground: lab(98.7878% 1.04755 -.967491);
+    --moduix-sidebar-accent: lab(90.1994% 9.78509 -10.5495);
+    --moduix-sidebar-accent-foreground: lab(16.9528% 10.9317 -14.866);
+    --moduix-sidebar-border: lab(85.7491% 6.56518 -6.01138);
+    --moduix-sidebar-ring: lab(52.5385% 34.208 -44.1752);
+  }
+}
+
+[data-moduix-theme="soft"][data-moduix-color-scheme="dark"], [data-moduix-theme="soft"] [data-moduix-color-scheme="dark"] {
+  --lightningcss-light: ;
+  --lightningcss-dark: initial;
+  color-scheme: dark;
+  --moduix-background: #120d15;
+  --moduix-foreground: #f8f4f8;
+  --moduix-card: #1e1822;
+  --moduix-card-foreground: #f8f4f8;
+  --moduix-popover: #1e1822;
+  --moduix-popover-foreground: #f8f4f8;
+  --moduix-primary: #cba1fa;
+  --moduix-primary-foreground: #221925;
+  --moduix-secondary: #302634;
+  --moduix-secondary-foreground: #f8f4f8;
+  --moduix-muted: #2d2431;
+  --moduix-muted-foreground: #b4a5b7;
+  --moduix-accent: #412f4f;
+  --moduix-accent-foreground: #f8f4f8;
+  --moduix-border: #bbaabf3d;
+  --moduix-input: #bbaabf4d;
+  --moduix-ring: #bb99e3;
+  --moduix-overlay: #050207cc;
+  --moduix-overlay-foreground: #f8f4f81a;
+  --moduix-sidebar: #1a131d;
+  --moduix-sidebar-foreground: #f8f4f8;
+  --moduix-sidebar-primary: #cba1fa;
+  --moduix-sidebar-primary-foreground: #221925;
+  --moduix-sidebar-accent: #412f4f;
+  --moduix-sidebar-accent-foreground: #f8f4f8;
+  --moduix-sidebar-border: #bbaabf3d;
+  --moduix-sidebar-ring: #bb99e3;
+}
+
+@supports (color: lab(0% 0 0)) {
+  [data-moduix-theme="soft"][data-moduix-color-scheme="dark"], [data-moduix-theme="soft"] [data-moduix-color-scheme="dark"] {
+    --moduix-background: lab(4.27462% 3.10393 -3.53473);
+    --moduix-foreground: lab(96.6736% 1.57163 -1.45046);
+    --moduix-card: lab(9.22196% 5.45708 -5.73159);
+    --moduix-card-foreground: lab(96.6736% 1.57163 -1.45046);
+    --moduix-popover: lab(9.22196% 5.45708 -5.73159);
+    --moduix-popover-foreground: lab(96.6736% 1.57163 -1.45046);
+    --moduix-primary: lab(72.7036% 28.3277 -38.6867);
+    --moduix-primary-foreground: lab(10.3245% 6.47023 -6.7571);
+    --moduix-secondary: lab(16.6521% 7.45122 -7.80795);
+    --moduix-secondary-foreground: lab(96.6736% 1.57163 -1.45046);
+    --moduix-muted: lab(15.5491% 6.44058 -6.78092);
+    --moduix-muted-foreground: lab(69.4402% 7.88933 -7.19396);
+    --moduix-accent: lab(22.5936% 14.2035 -16.6957);
+    --moduix-accent-foreground: lab(96.6736% 1.57163 -1.45046);
+    --moduix-border: lab(71.6921% 9.21014 -8.38288 / .24);
+    --moduix-input: lab(71.6921% 9.21014 -8.38288 / .3);
+    --moduix-ring: lab(68.3641% 23.7194 -32.8336);
+    --moduix-overlay: lab(.836973% 1.25162 -1.46449 / .8);
+    --moduix-overlay-foreground: lab(96.6736% 1.57163 -1.45046 / .1);
+    --moduix-sidebar: lab(6.9495% 5.25659 -5.63513);
+    --moduix-sidebar-foreground: lab(96.6736% 1.57163 -1.45046);
+    --moduix-sidebar-primary: lab(72.7036% 28.3277 -38.6867);
+    --moduix-sidebar-primary-foreground: lab(10.3245% 6.47023 -6.7571);
+    --moduix-sidebar-accent: lab(22.5936% 14.2035 -16.6957);
+    --moduix-sidebar-accent-foreground: lab(96.6736% 1.57163 -1.45046);
+    --moduix-sidebar-border: lab(71.6921% 9.21014 -8.38288 / .24);
+    --moduix-sidebar-ring: lab(68.3641% 23.7194 -32.8336);
+  }
+}
+

package/dist/styles/animations.css

@@ -0,0 +1,63 @@
+@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 {
+  --moduix-animation-pulse: moduix-pulse 2.5s ease-in-out infinite;
+  --moduix-animation-fade-in: moduix-fade-in var(--moduix-duration-normal) var(--moduix-ease-out);
+  --moduix-animation-fade-out: moduix-fade-out var(--moduix-duration-normal) var(--moduix-ease-in);
+  --moduix-animation-slide-up: moduix-slide-up var(--moduix-duration-normal) var(--moduix-ease-out);
+  --moduix-animation-slide-down: moduix-slide-down var(--moduix-duration-normal)
+    var(--moduix-ease-out);
+  --moduix-animation-spin: moduix-spin .75s linear infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --moduix-animation-pulse: none;
+    --moduix-animation-fade-in: none;
+    --moduix-animation-fade-out: none;
+    --moduix-animation-slide-up: none;
+    --moduix-animation-slide-down: none;
+    --moduix-animation-spin: none;
+  }
+}
+

package/dist/styles/borders.css

@@ -0,0 +1,10 @@
+:root {
+  --moduix-border-width-sm: 1px;
+  --moduix-border-width-md: 2px;
+  --moduix-border-width-lg: 4px;
+  --moduix-focus-ring-width: var(--moduix-border-width-md);
+  --moduix-focus-ring-inset-width: var(--moduix-border-width-sm);
+  --moduix-focus-ring-offset: var(--moduix-spacing-0-5);
+  --moduix-focus-ring-inset-offset: calc(var(--moduix-border-width-sm) * -1);
+}
+