@once-ui-system/core 1.0.0

package/dist/components/index.js

@@ -0,0 +1,98 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Accordion"), exports);
+__exportStar(require("./AccordionGroup"), exports);
+__exportStar(require("./Arrow"), exports);
+__exportStar(require("./AutoScroll"), exports);
+__exportStar(require("./Avatar"), exports);
+__exportStar(require("./AvatarGroup"), exports);
+__exportStar(require("./Badge"), exports);
+__exportStar(require("./Banner"), exports);
+__exportStar(require("./Background"), exports);
+__exportStar(require("./Button"), exports);
+__exportStar(require("./Carousel"), exports);
+__exportStar(require("./Card"), exports);
+__exportStar(require("./CursorCard"), exports);
+__exportStar(require("./Column"), exports);
+__exportStar(require("./Checkbox"), exports);
+__exportStar(require("./Chip"), exports);
+__exportStar(require("./ColorInput"), exports);
+__exportStar(require("./CompareImage"), exports);
+__exportStar(require("./DateInput"), exports);
+__exportStar(require("./DatePicker"), exports);
+__exportStar(require("./DateRangeInput"), exports);
+__exportStar(require("./DateRangePicker"), exports);
+__exportStar(require("./Dialog"), exports);
+__exportStar(require("./Dropdown"), exports);
+__exportStar(require("./DropdownWrapper"), exports);
+__exportStar(require("./ElementType"), exports);
+__exportStar(require("./Fade"), exports);
+__exportStar(require("./Feedback"), exports);
+__exportStar(require("./Flex"), exports);
+__exportStar(require("./FlipFx"), exports);
+__exportStar(require("./GlitchFx"), exports);
+__exportStar(require("./Grid"), exports);
+__exportStar(require("./Heading"), exports);
+__exportStar(require("./HoloFx"), exports);
+__exportStar(require("./Icon"), exports);
+__exportStar(require("./IconButton"), exports);
+__exportStar(require("./InfiniteScroll"), exports);
+__exportStar(require("./InlineCode"), exports);
+__exportStar(require("./Input"), exports);
+__exportStar(require("./InteractiveDetails"), exports);
+__exportStar(require("./Kbd"), exports);
+__exportStar(require("./LetterFx"), exports);
+__exportStar(require("./Line"), exports);
+__exportStar(require("./Logo"), exports);
+__exportStar(require("./LogoCloud"), exports);
+__exportStar(require("./Mask"), exports);
+__exportStar(require("./Media"), exports);
+__exportStar(require("./NavIcon"), exports);
+__exportStar(require("./NumberInput"), exports);
+__exportStar(require("./OgCard"), exports);
+__exportStar(require("./Option"), exports);
+__exportStar(require("./OTPInput"), exports);
+__exportStar(require("./Particle"), exports);
+__exportStar(require("./PasswordInput"), exports);
+__exportStar(require("./RadioButton"), exports);
+__exportStar(require("./RevealFx"), exports);
+__exportStar(require("./Row"), exports);
+__exportStar(require("./Scroller"), exports);
+__exportStar(require("./ScrollToTop"), exports);
+__exportStar(require("./SegmentedControl"), exports);
+__exportStar(require("./Select"), exports);
+__exportStar(require("./Skeleton"), exports);
+__exportStar(require("./SmartLink"), exports);
+__exportStar(require("./Spinner"), exports);
+__exportStar(require("./StatusIndicator"), exports);
+__exportStar(require("./StylePanel"), exports);
+__exportStar(require("./StyleOverlay"), exports);
+__exportStar(require("./Switch"), exports);
+__exportStar(require("./Table"), exports);
+__exportStar(require("./Tag"), exports);
+__exportStar(require("./TagInput"), exports);
+__exportStar(require("./Text"), exports);
+__exportStar(require("./Textarea"), exports);
+__exportStar(require("./TiltFx"), exports);
+__exportStar(require("./Toast"), exports);
+__exportStar(require("./Toaster"), exports);
+__exportStar(require("./ToggleButton"), exports);
+__exportStar(require("./Tooltip"), exports);
+__exportStar(require("./ThemeSwitcher"), exports);
+__exportStar(require("./User"), exports);
+__exportStar(require("./UserMenu"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/once-ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,mDAAiC;AACjC,0CAAwB;AACxB,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,+CAA6B;AAC7B,2CAAyB;AACzB,6CAA2B;AAC3B,yCAAuB;AACvB,+CAA6B;AAC7B,2CAAyB;AACzB,6CAA2B;AAC3B,yCAAuB;AACvB,+CAA6B;AAC7B,iDAA+B;AAC/B,8CAA4B;AAC5B,+CAA6B;AAC7B,mDAAiC;AACjC,oDAAkC;AAClC,2CAAyB;AACzB,6CAA2B;AAC3B,oDAAkC;AAClC,gDAA8B;AAC9B,yCAAuB;AACvB,6CAA2B;AAC3B,yCAAuB;AACvB,2CAAyB;AACzB,6CAA2B;AAC3B,yCAAuB;AACvB,4CAA0B;AAC1B,2CAAyB;AACzB,yCAAuB;AACvB,+CAA6B;AAC7B,mDAAiC;AACjC,+CAA6B;AAC7B,0CAAwB;AACxB,uDAAqC;AACrC,wCAAsB;AACtB,6CAA2B;AAC3B,yCAAuB;AACvB,yCAAuB;AACvB,8CAA4B;AAC5B,yCAAuB;AACvB,0CAAwB;AACxB,4CAA0B;AAC1B,gDAA8B;AAC9B,2CAAyB;AACzB,2CAAyB;AACzB,6CAA2B;AAC3B,6CAA2B;AAC3B,kDAAgC;AAChC,gDAA8B;AAC9B,6CAA2B;AAC3B,wCAAsB;AACtB,6CAA2B;AAC3B,gDAA8B;AAC9B,qDAAmC;AACnC,2CAAyB;AACzB,6CAA2B;AAC3B,8CAA4B;AAC5B,4CAA0B;AAC1B,oDAAkC;AAClC,+CAA6B;AAC7B,iDAA+B;AAC/B,2CAAyB;AACzB,0CAAwB;AACxB,wCAAsB;AACtB,6CAA2B;AAC3B,yCAAuB;AACvB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,iDAA+B;AAC/B,4CAA0B;AAC1B,kDAAgC;AAChC,yCAAuB;AACvB,6CAA2B"}

package/dist/contexts/DataThemeProvider.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from "react";
+export type ChartVariant = "flat" | "gradient" | "outline";
+export type ChartStyle = "categorical" | "divergent" | "sequential";
+interface ChartOptions {
+    variant: ChartVariant;
+    mode: ChartStyle;
+    height: number;
+    axisLine: {
+        stroke: string;
+    };
+    tick: {
+        fill: string;
+        fontSize: number;
+    };
+    tickLine: boolean;
+}
+interface DataThemeState {
+    chart: ChartOptions;
+    setChartOptions: (options: Partial<ChartOptions>) => void;
+}
+interface DataThemeProviderProps {
+    children: ReactNode;
+    initialChartOptions?: Partial<ChartOptions>;
+}
+declare const defaultChartOptions: ChartOptions;
+export declare function DataThemeProvider({ children, initialChartOptions, }: DataThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useDataTheme: () => DataThemeState;
+export { defaultChartOptions };
+//# sourceMappingURL=DataThemeProvider.d.ts.map

package/dist/contexts/DataThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataThemeProvider.d.ts","sourceRoot":"","sources":["../../src/once-ui/contexts/DataThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkD,SAAS,EAAE,MAAM,OAAO,CAAC;AAElF,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,WAAW,GAAG,YAAY,CAAC;AAEpE,UAAU,YAAY;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,cAAc;IACtB,KAAK,EAAE,YAAY,CAAC;IACpB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;CAC3D;AAED,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAC7C;AAED,QAAA,MAAM,mBAAmB,EAAE,YAY1B,CAAC;AAwBF,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,mBAAwB,GACzB,EAAE,sBAAsB,2CAqExB;AAED,eAAO,MAAM,YAAY,sBAMxB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/contexts/DataThemeProvider.js

@@ -0,0 +1,94 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultChartOptions = exports.useDataTheme = void 0;
+exports.DataThemeProvider = DataThemeProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const defaultChartOptions = {
+    variant: "gradient",
+    mode: "categorical",
+    height: 24,
+    axisLine: {
+        stroke: "var(--neutral-alpha-weak)",
+    },
+    tick: {
+        fill: "var(--neutral-on-background-weak)",
+        fontSize: 11,
+    },
+    tickLine: false,
+};
+exports.defaultChartOptions = defaultChartOptions;
+const DataThemeContext = (0, react_1.createContext)({
+    chart: defaultChartOptions,
+    setChartOptions: () => null,
+});
+// Helper function to get stored chart options from localStorage
+function getStoredChartOptions() {
+    if (typeof window === 'undefined')
+        return {};
+    try {
+        const dataVizMode = localStorage.getItem('data-viz-style');
+        if (dataVizMode) {
+            return { mode: dataVizMode };
+        }
+        return {};
+    }
+    catch (e) {
+        console.error('Error reading stored chart options:', e);
+        return {};
+    }
+}
+function DataThemeProvider({ children, initialChartOptions = {}, }) {
+    const camelToKebab = (str) => {
+        return str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
+    };
+    // Initialize with defaults and provided initialChartOptions for server-side rendering
+    const [chartOptions, setChartOptionsState] = (0, react_1.useState)(Object.assign(Object.assign({}, defaultChartOptions), initialChartOptions));
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const storedOptions = getStoredChartOptions();
+        if (Object.keys(storedOptions).length > 0) {
+            setChartOptionsState(prev => (Object.assign(Object.assign({}, prev), storedOptions)));
+        }
+        setMounted(true);
+    }, []);
+    const applyDataVizAttribute = (mode, saveToLocalStorage = false) => {
+        if (typeof document !== 'undefined') {
+            if (document.documentElement.hasAttribute('data-data-viz')) {
+                document.documentElement.removeAttribute('data-data-viz');
+            }
+            document.documentElement.setAttribute('data-viz-style', mode);
+            if (saveToLocalStorage) {
+                localStorage.setItem('data-viz-style', mode);
+            }
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (mounted) {
+            applyDataVizAttribute(chartOptions.mode, false);
+        }
+    }, [chartOptions.mode, mounted]);
+    const value = {
+        chart: chartOptions,
+        setChartOptions: (newOptions) => {
+            setChartOptionsState(prevOptions => {
+                const updatedOptions = Object.assign(Object.assign({}, prevOptions), newOptions);
+                if (newOptions.mode && mounted && typeof window !== 'undefined') {
+                    applyDataVizAttribute(newOptions.mode, true);
+                }
+                return updatedOptions;
+            });
+        },
+    };
+    return ((0, jsx_runtime_1.jsx)(DataThemeContext.Provider, { value: value, children: children }));
+}
+const useDataTheme = () => {
+    const context = (0, react_1.useContext)(DataThemeContext);
+    if (context === undefined) {
+        throw new Error("useDataTheme must be used within a DataThemeProvider");
+    }
+    return context;
+};
+exports.useDataTheme = useDataTheme;
+//# sourceMappingURL=DataThemeProvider.js.map

package/dist/contexts/DataThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataThemeProvider.js","sourceRoot":"","sources":["../../src/once-ui/contexts/DataThemeProvider.tsx"],"names":[],"mappings":"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"}

package/dist/contexts/IconProvider.d.ts

@@ -0,0 +1,12 @@
+import { IconLibrary } from "../icons";
+export declare const IconContext: import("react").Context<{
+    icons: IconLibrary;
+}>;
+export declare const IconProvider: ({ icons, children, }: {
+    icons?: Partial<IconLibrary>;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useIcons: () => {
+    icons: IconLibrary;
+};
+//# sourceMappingURL=IconProvider.d.ts.map

package/dist/contexts/IconProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconProvider.d.ts","sourceRoot":"","sources":["../../src/once-ui/contexts/IconProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpE,eAAO,MAAM,WAAW;WACf,WAAW;EAGlB,CAAC;AAEH,eAAO,MAAM,YAAY,GAAI,sBAG1B;IACD,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAgBA,CAAC;AAEF,eAAO,MAAM,QAAQ;WA7BZ,WAAW;CA6BiC,CAAC"}

package/dist/contexts/IconProvider.js

@@ -0,0 +1,25 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIcons = exports.IconProvider = exports.IconContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const icons_1 = require("../icons");
+exports.IconContext = (0, react_1.createContext)({
+    icons: icons_1.iconLibrary,
+});
+const IconProvider = ({ icons, children, }) => {
+    const mergedIcons = Object.assign({}, icons_1.iconLibrary);
+    if (icons) {
+        Object.entries(icons).forEach(([key, icon]) => {
+            if (icon !== undefined) {
+                mergedIcons[key] = icon;
+            }
+        });
+    }
+    return ((0, jsx_runtime_1.jsx)(exports.IconContext.Provider, { value: { icons: mergedIcons }, children: children }));
+};
+exports.IconProvider = IconProvider;
+const useIcons = () => (0, react_1.useContext)(exports.IconContext);
+exports.useIcons = useIcons;
+//# sourceMappingURL=IconProvider.js.map

package/dist/contexts/IconProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconProvider.js","sourceRoot":"","sources":["../../src/once-ui/contexts/IconProvider.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,iCAAkD;AAClD,oCAAoE;AAEvD,QAAA,WAAW,GAAG,IAAA,qBAAa,EAErC;IACD,KAAK,EAAE,mBAAY;CACpB,CAAC,CAAC;AAEI,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,WAAW,qBAAQ,mBAAY,CAAE,CAAC;IAExC,IAAI,KAAK,EAAE,CAAC;QACV,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE;YAC5C,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACvB,WAAW,CAAC,GAAwB,CAAC,GAAG,IAAI,CAAC;YAC/C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,uBAAC,mBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,YAChD,QAAQ,GACY,CACxB,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,YAAY,gBAsBvB;AAEK,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,mBAAW,CAAC,CAAC;AAAzC,QAAA,QAAQ,YAAiC"}

package/dist/contexts/ThemeProvider.d.ts

@@ -0,0 +1,49 @@
+export type Theme = "dark" | "light" | "system";
+export type NeutralColor = "sand" | "gray" | "slate";
+export type BrandColor = "blue" | "indigo" | "violet" | "magenta" | "pink" | "red" | "orange" | "yellow" | "moss" | "green" | "emerald" | "aqua" | "cyan";
+export type SolidType = "color" | "contrast" | "inverse";
+export type SolidStyle = "flat" | "plastic";
+export type BorderStyle = "rounded" | "playful" | "conservative";
+export type SurfaceStyle = "filled" | "translucent";
+export type TransitionStyle = "all" | "micro" | "macro" | "none";
+export type ScalingSize = "90" | "95" | "100" | "105" | "110";
+export type DataStyle = "categorical" | "divergent" | "sequential";
+interface StyleOptions {
+    theme: Theme;
+    neutral: NeutralColor;
+    brand: BrandColor;
+    accent: BrandColor;
+    solid: SolidType;
+    solidStyle: SolidStyle;
+    border: BorderStyle;
+    surface: SurfaceStyle;
+    transition: TransitionStyle;
+    scaling: ScalingSize;
+}
+type ThemeProviderState = {
+    theme: Theme;
+    resolvedTheme: "light" | "dark";
+    setTheme: (theme: Theme) => void;
+};
+type StyleProviderState = StyleOptions & {
+    setStyle: (style: Partial<StyleOptions>) => void;
+};
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    initialTheme?: Theme;
+    neutral?: NeutralColor;
+    brand?: BrandColor;
+    accent?: BrandColor;
+    solid?: SolidType;
+    solidStyle?: SolidStyle;
+    border?: BorderStyle;
+    surface?: SurfaceStyle;
+    transition?: TransitionStyle;
+    scaling?: ScalingSize;
+};
+declare const defaultStyleOptions: StyleOptions;
+export declare function ThemeProvider({ children, initialTheme, neutral, brand, accent, solid, solidStyle, border, surface, transition, scaling }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;
+export declare const useStyle: () => StyleProviderState;
+export { defaultStyleOptions };
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/contexts/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/once-ui/contexts/ThemeProvider.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAC1J,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;AACzD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,cAAc,CAAC;AACjE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,aAAa,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AACjE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAC9D,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,YAAY,CAAC;AAEnE,UAAU,YAAY;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,eAAe,CAAC;IAC5B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,KAAK,kBAAkB,GAAG,YAAY,GAAG;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAQF,QAAA,MAAM,mBAAmB,EAAE,YAW1B,CAAC;AAkDF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,UAAU,EACV,MAAM,EACN,OAAO,EACP,UAAU,EACV,OAAO,EACR,EAAE,kBAAkB,2CAuHpB;AAED,eAAO,MAAM,QAAQ,0BAMpB,CAAC;AAEF,eAAO,MAAM,QAAQ,0BAMpB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/contexts/ThemeProvider.js

@@ -0,0 +1,185 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultStyleOptions = exports.useStyle = exports.useTheme = void 0;
+exports.ThemeProvider = ThemeProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const initialThemeState = {
+    theme: "system",
+    resolvedTheme: "dark",
+    setTheme: () => null,
+};
+const defaultStyleOptions = {
+    theme: "dark",
+    neutral: "gray",
+    brand: "blue",
+    accent: "indigo",
+    solid: "contrast",
+    solidStyle: "flat",
+    border: "playful",
+    surface: "filled",
+    transition: "all",
+    scaling: "100",
+};
+exports.defaultStyleOptions = defaultStyleOptions;
+const initialStyleState = Object.assign(Object.assign({}, defaultStyleOptions), { setStyle: () => null });
+const ThemeProviderContext = (0, react_1.createContext)(initialThemeState);
+const StyleProviderContext = (0, react_1.createContext)(initialStyleState);
+function getStoredStyleValues() {
+    if (typeof window === 'undefined')
+        return {};
+    try {
+        const storedStyle = {};
+        const styleKeys = ['neutral', 'brand', 'accent', 'solid', 'solid-style', 'border', 'surface', 'transition', 'scaling'];
+        styleKeys.forEach(key => {
+            const kebabKey = key;
+            const camelKey = kebabKey.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+            const value = localStorage.getItem(`data-${kebabKey}`);
+            if (value) {
+                if (camelKey === 'border') {
+                    storedStyle[camelKey] = value;
+                }
+                else if (camelKey === 'solidStyle') {
+                    storedStyle[camelKey] = value;
+                }
+                else if (camelKey === 'transition') {
+                    storedStyle[camelKey] = value;
+                }
+                else if (camelKey === 'scaling') {
+                    storedStyle[camelKey] = value;
+                }
+                else if (camelKey === 'surface') {
+                    storedStyle[camelKey] = value;
+                }
+                else if (camelKey === 'neutral') {
+                    storedStyle.neutral = value;
+                }
+                else if (camelKey === 'brand') {
+                    storedStyle.brand = value;
+                }
+                else if (camelKey === 'accent') {
+                    storedStyle.accent = value;
+                }
+            }
+        });
+        return storedStyle;
+    }
+    catch (e) {
+        console.error('Error reading stored style values:', e);
+        return {};
+    }
+}
+function ThemeProvider({ children, initialTheme = "system", neutral, brand, accent, solid, solidStyle, border, surface, transition, scaling }) {
+    const [theme, setTheme] = (0, react_1.useState)(initialTheme);
+    const [resolvedTheme, setResolvedTheme] = (0, react_1.useState)("dark");
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const savedTheme = localStorage.getItem("data-theme");
+        if (savedTheme) {
+            setTheme(savedTheme);
+        }
+        else if (initialTheme !== "system") {
+            setTheme(initialTheme);
+        }
+        setMounted(true);
+    }, [initialTheme]);
+    (0, react_1.useEffect)(() => {
+        if (!mounted)
+            return;
+        const updateResolvedTheme = () => {
+            if (theme === "system") {
+                const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches
+                    ? "dark"
+                    : "light";
+                setResolvedTheme(systemTheme);
+                document.documentElement.setAttribute("data-theme", systemTheme);
+            }
+            else {
+                setResolvedTheme(theme);
+                document.documentElement.setAttribute("data-theme", theme);
+            }
+        };
+        updateResolvedTheme();
+        const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+        const handleChange = () => {
+            if (theme === "system") {
+                updateResolvedTheme();
+            }
+        };
+        mediaQuery.addEventListener("change", handleChange);
+        return () => mediaQuery.removeEventListener("change", handleChange);
+    }, [theme, mounted]);
+    const storedValues = typeof window !== 'undefined' ? getStoredStyleValues() : {};
+    const directProps = {};
+    if (neutral)
+        directProps.neutral = neutral;
+    if (brand)
+        directProps.brand = brand;
+    if (accent)
+        directProps.accent = accent;
+    if (solid)
+        directProps.solid = solid;
+    if (solidStyle)
+        directProps.solidStyle = solidStyle;
+    if (border)
+        directProps.border = border;
+    if (surface)
+        directProps.surface = surface;
+    if (transition)
+        directProps.transition = transition;
+    if (scaling)
+        directProps.scaling = scaling;
+    const [style, setStyleState] = (0, react_1.useState)(Object.assign(Object.assign(Object.assign(Object.assign({}, defaultStyleOptions), directProps), storedValues), { theme: theme }));
+    (0, react_1.useEffect)(() => {
+        setStyleState(prevStyle => (Object.assign(Object.assign({}, prevStyle), { theme: theme })));
+    }, [theme]);
+    const themeValue = {
+        theme,
+        resolvedTheme,
+        setTheme: (newTheme) => {
+            localStorage.setItem("data-theme", newTheme);
+            setTheme(newTheme);
+        },
+    };
+    const camelToKebab = (str) => {
+        return str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
+    };
+    const styleValue = Object.assign(Object.assign({}, style), { setStyle: (newStyle) => {
+            setStyleState(prevStyle => (Object.assign(Object.assign({}, prevStyle), newStyle)));
+            Object.entries(newStyle).forEach(([key, value]) => {
+                if (value && key !== 'setStyle') {
+                    const attrName = `data-${camelToKebab(key)}`;
+                    document.documentElement.setAttribute(attrName, value.toString());
+                    localStorage.setItem(`data-${camelToKebab(key)}`, value.toString());
+                }
+            });
+        } });
+    (0, react_1.useEffect)(() => {
+        if (typeof window !== 'undefined') {
+            Object.entries(style).forEach(([key, value]) => {
+                if (value && key !== 'setStyle') {
+                    document.documentElement.setAttribute(`data-${camelToKebab(key)}`, value.toString());
+                }
+            });
+        }
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(ThemeProviderContext.Provider, { value: themeValue, children: (0, jsx_runtime_1.jsx)(StyleProviderContext.Provider, { value: styleValue, children: children }) }));
+}
+const useTheme = () => {
+    const context = (0, react_1.useContext)(ThemeProviderContext);
+    if (context === undefined) {
+        throw new Error("useTheme must be used within a ThemeProvider");
+    }
+    return context;
+};
+exports.useTheme = useTheme;
+const useStyle = () => {
+    const context = (0, react_1.useContext)(StyleProviderContext);
+    if (context === undefined) {
+        throw new Error("useStyle must be used within a ThemeProvider");
+    }
+    return context;
+};
+exports.useStyle = useStyle;
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/contexts/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/once-ui/contexts/ThemeProvider.tsx"],"names":[],"mappings":"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"}

package/dist/contexts/ToastProvider.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from "react";
+interface Toast {
+    id: string;
+    variant: "success" | "danger";
+    message: ReactNode;
+    action?: ReactNode;
+}
+interface ToastContextProps {
+    toasts: Toast[];
+    addToast: (toast: Omit<Toast, "id">) => void;
+    removeToast: (id: string) => void;
+}
+export declare const useToast: () => ToastContextProps;
+declare const ToastProvider: React.FC<{
+    children: ReactNode;
+}>;
+export { ToastProvider };
+//# sourceMappingURL=ToastProvider.d.ts.map

package/dist/contexts/ToastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../src/once-ui/contexts/ToastProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAuC,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9E,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,UAAU,iBAAiB;IACzB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAID,eAAO,MAAM,QAAQ,yBAMpB,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB,CA4BA,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/contexts/ToastProvider.js

@@ -0,0 +1,35 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastProvider = exports.useToast = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const components_1 = require("../components");
+const ToastContext = (0, react_1.createContext)(undefined);
+const useToast = () => {
+    const context = (0, react_1.useContext)(ToastContext);
+    if (!context) {
+        throw new Error("useToast must be used within a ToastProvider");
+    }
+    return context;
+};
+exports.useToast = useToast;
+const ToastProvider = ({ children }) => {
+    // Use the same Toast interface type for the state
+    const [toasts, setToasts] = (0, react_1.useState)([]);
+    const addToast = (toast) => {
+        const newToast = Object.assign({ id: Math.random().toString(36).substring(7) }, toast);
+        setToasts((prev) => [...prev, newToast]);
+    };
+    const removeToast = (id) => {
+        setToasts((prev) => prev.filter((toast) => toast.id !== id));
+    };
+    return ((0, jsx_runtime_1.jsxs)(ToastContext.Provider, { value: {
+            toasts,
+            addToast,
+            removeToast,
+        }, children: [children, (0, jsx_runtime_1.jsx)(components_1.Toaster, { toasts: toasts, removeToast: removeToast })] }));
+};
+exports.ToastProvider = ToastProvider;
+ToastProvider.displayName = "ToastProvider";
+//# sourceMappingURL=ToastProvider.js.map

package/dist/contexts/ToastProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.js","sourceRoot":"","sources":["../../src/once-ui/contexts/ToastProvider.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,iCAA8E;AAC9E,8CAAwC;AAexC,MAAM,YAAY,GAAG,IAAA,qBAAa,EAAgC,SAAS,CAAC,CAAC;AAEtE,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AANW,QAAA,QAAQ,YAMnB;AAEF,MAAM,aAAa,GAEd,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpB,kDAAkD;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,EAAE,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,CAAC,KAAwB,EAAE,EAAE;QAC5C,MAAM,QAAQ,mBACZ,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IACxC,KAAK,CACT,CAAC;QACF,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,EAAU,EAAE,EAAE;QACjC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,MAAM;YACN,QAAQ;YACR,WAAW;SACZ,aAEA,QAAQ,EACT,uBAAC,oBAAO,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,IAC/B,CACzB,CAAC;AACJ,CAAC,CAAC;AAGO,sCAAa;AADtB,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/contexts/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./IconProvider";
+export * from "./ThemeProvider";
+export * from "./ToastProvider";
+export * from "./DataThemeProvider";
+//# sourceMappingURL=index.d.ts.map

package/dist/contexts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/once-ui/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC"}

package/dist/contexts/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./IconProvider"), exports);
+__exportStar(require("./ThemeProvider"), exports);
+__exportStar(require("./ToastProvider"), exports);
+__exportStar(require("./DataThemeProvider"), exports);
+//# sourceMappingURL=index.js.map

package/dist/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/once-ui/contexts/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,kDAAgC;AAChC,kDAAgC;AAChC,sDAAoC"}