@pathscale/ui 0.1.1 → 1.2.0

package/dist/motion/solid/MotionDiv.js

@@ -0,0 +1,76 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__engine_js_ffb17bc2__ from "../engine.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const MotionDiv_MotionDiv = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "initial",
+        "animate",
+        "exit",
+        "transition",
+        "isExiting",
+        "onExitComplete",
+        "animateKey",
+        "children",
+        "ref"
+    ]);
+    const [elementRef, setElementRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
+    let activeControl = null;
+    let lastTrigger;
+    let lastIsExiting = false;
+    let hasAnimated = false;
+    const stopActive = ()=>{
+        activeControl?.stop();
+        activeControl = null;
+    };
+    const runEnter = (target, from, to, transition)=>{
+        if (!to) return;
+        stopActive();
+        activeControl = (0, __WEBPACK_EXTERNAL_MODULE__engine_js_ffb17bc2__.runMotion)(target, from ?? {}, to ?? {}, transition);
+    };
+    const runExit = (target, from, to, transition, onComplete)=>{
+        if (!to) return void onComplete?.();
+        stopActive();
+        activeControl = (0, __WEBPACK_EXTERNAL_MODULE__engine_js_ffb17bc2__.runMotion)(target, from ?? {}, to ?? {}, transition, onComplete);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        const target = elementRef();
+        if (!target) return;
+        const isExiting = Boolean(local.isExiting);
+        const trigger = local.animateKey;
+        const initial = local.initial;
+        const animate = local.animate;
+        const exit = local.exit;
+        const transition = local.transition;
+        const onComplete = local.onExitComplete;
+        if (isExiting) {
+            if (!lastIsExiting) {
+                lastIsExiting = true;
+                hasAnimated = false;
+                runExit(target, animate ?? initial, exit, transition, onComplete);
+            }
+            return;
+        }
+        lastIsExiting = false;
+        if (!hasAnimated || trigger !== lastTrigger) {
+            lastTrigger = trigger;
+            hasAnimated = true;
+            runEnter(target, initial, animate, transition);
+        }
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        stopActive();
+    });
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
+            setElementRef(el);
+            if ("function" == typeof local.ref) local.ref(el);
+        }, _el$);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, rest, false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const MotionDiv = MotionDiv_MotionDiv;
+export { MotionDiv_MotionDiv as MotionDiv, MotionDiv as default };

package/dist/motion/solid/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MotionDiv } from "./MotionDiv";
+export type { MotionDivProps } from "./MotionDiv";

package/dist/motion/solid/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__MotionDiv_js_142518a8__ from "./MotionDiv.js";
+var __webpack_exports__MotionDiv = __WEBPACK_EXTERNAL_MODULE__MotionDiv_js_142518a8__["default"];
+export { __webpack_exports__MotionDiv as MotionDiv };

package/dist/motion/system.d.ts

@@ -0,0 +1,20 @@
+import type { MotionPreset, MotionTokenOverrides, MotionTokens } from "./types";
+export type MotionSystemConfig = {
+    tokens?: MotionTokenOverrides;
+    presets?: Record<string, MotionPreset>;
+    reduceMotion?: () => boolean;
+    noMotionPreset?: MotionPreset;
+};
+export declare const createMotionSystem: (config?: MotionSystemConfig) => {
+    getTokens: () => MotionTokens;
+    getPresets: () => {
+        [x: string]: MotionPreset;
+    };
+    getPreset: (name: string) => MotionPreset;
+    registerPreset: (name: string, preset: MotionPreset) => void;
+    overrideTokens: (overrides: MotionTokenOverrides) => MotionTokens;
+    resolvePreset: (name: string, options?: {
+        reduceMotion?: boolean;
+    }) => MotionPreset;
+    setNoMotionPreset: (preset: MotionPreset) => void;
+};

package/dist/motion/system.js

@@ -0,0 +1,59 @@
+import * as __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__ from "./reduced-motion.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__ from "./presets.js";
+import * as __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__ from "./tokens.js";
+const createMotionSystem = (config)=>{
+    let tokens = (0, __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.mergeMotionTokens)(__WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.defaultMotionTokens, config?.tokens);
+    let customPresets = {
+        ...config?.presets ?? {}
+    };
+    let basePresets = (0, __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.createMotionPresets)(tokens);
+    let presets = {
+        ...basePresets,
+        ...customPresets
+    };
+    const reduceMotion = config?.reduceMotion ?? __WEBPACK_EXTERNAL_MODULE__reduced_motion_js_6b898224__.prefersReducedMotion;
+    let noMotionPreset = config?.noMotionPreset ?? __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.noMotion;
+    const rebuildPresets = ()=>{
+        basePresets = (0, __WEBPACK_EXTERNAL_MODULE__presets_js_17a1eb8d__.createMotionPresets)(tokens);
+        presets = {
+            ...basePresets,
+            ...customPresets
+        };
+    };
+    const getTokens = ()=>tokens;
+    const getPresets = ()=>presets;
+    const getPreset = (name)=>presets[name];
+    const registerPreset = (name, preset)=>{
+        customPresets = {
+            ...customPresets,
+            [name]: preset
+        };
+        presets = {
+            ...basePresets,
+            ...customPresets
+        };
+    };
+    const overrideTokens = (overrides)=>{
+        tokens = (0, __WEBPACK_EXTERNAL_MODULE__tokens_js_afbe9ddb__.mergeMotionTokens)(tokens, overrides);
+        rebuildPresets();
+        return tokens;
+    };
+    const resolvePreset = (name, options)=>{
+        const reduce = options?.reduceMotion ?? reduceMotion();
+        if (reduce) return noMotionPreset;
+        return presets[name] ?? noMotionPreset;
+    };
+    const setNoMotionPreset = (preset)=>{
+        noMotionPreset = preset;
+    };
+    return {
+        getTokens,
+        getPresets,
+        getPreset,
+        registerPreset,
+        overrideTokens,
+        resolvePreset,
+        setNoMotionPreset
+    };
+};
+export { createMotionSystem };

package/dist/motion/tokens.d.ts

@@ -0,0 +1,6 @@
+import type { MotionEasing, MotionTokens, MotionTokenOverrides } from "./types";
+export declare const motionDurations: Record<string, number>;
+export declare const motionEasings: Record<string, MotionEasing>;
+export declare const motionDistances: Record<string, number>;
+export declare const defaultMotionTokens: MotionTokens;
+export declare const mergeMotionTokens: (base: MotionTokens, overrides?: MotionTokenOverrides) => MotionTokens;

package/dist/motion/tokens.js

@@ -0,0 +1,42 @@
+const motionDurations = {
+    route: 0.18,
+    routeAuth: 0.35,
+    fast: 0.2,
+    base: 0.3,
+    slow: 0.45
+};
+const motionEasings = {
+    out: "ease-out",
+    inOut: "ease-in-out"
+};
+const motionDistances = {
+    sm: 6,
+    md: 12,
+    lg: 20,
+    slideIn: 40
+};
+const defaultMotionTokens = {
+    durations: {
+        ...motionDurations
+    },
+    easings: {
+        ...motionEasings
+    },
+    distances: {
+        ...motionDistances
+    }
+};
+const mergeDefined = (base, overrides)=>{
+    const next = {
+        ...base
+    };
+    if (!overrides) return next;
+    for (const [key, value] of Object.entries(overrides))if (void 0 !== value) next[key] = value;
+    return next;
+};
+const mergeMotionTokens = (base, overrides)=>({
+        durations: mergeDefined(base.durations, overrides?.durations),
+        easings: mergeDefined(base.easings, overrides?.easings),
+        distances: mergeDefined(base.distances, overrides?.distances)
+    });
+export { defaultMotionTokens, mergeMotionTokens, motionDistances, motionDurations, motionEasings };

package/dist/motion/types.d.ts

@@ -0,0 +1,39 @@
+export type MotionState = {
+    opacity?: number;
+    x?: number;
+    y?: number;
+    scale?: number;
+};
+export type MotionEasing = "ease-in" | "ease-out" | "ease-in-out" | "linear" | ((t: number) => number);
+export type MotionTransition = {
+    duration?: number;
+    easing?: MotionEasing;
+    delay?: number;
+};
+export type MotionPreset = {
+    initial: MotionState;
+    animate: MotionState;
+    exit: MotionState;
+    transition?: MotionTransition;
+};
+export type MotionTokens = {
+    durations: Record<string, number>;
+    easings: Record<string, MotionEasing>;
+    distances: Record<string, number>;
+};
+export type MotionTokenOverrides = {
+    durations?: Partial<Record<string, number>>;
+    easings?: Partial<Record<string, MotionEasing>>;
+    distances?: Partial<Record<string, number>>;
+};
+export type MotionDriverOptions = {
+    from: number;
+    to: number;
+    duration: number;
+    ease: (t: number) => number;
+    onUpdate: (value: number) => void;
+    onComplete?: () => void;
+};
+export type MotionDriver = (options: MotionDriverOptions) => {
+    stop: () => void;
+};

package/dist/stores/index.js

@@ -0,0 +1 @@
+export * from "./toastStore.js";

package/dist/stores/toastStore.d.ts

@@ -4,10 +4,17 @@ export interface ToastItem {
     message: string;
     type: ToastType;
     timestamp: number;
+    duration: number;
+    isExiting?: boolean;
+    persist?: boolean;
 }
 export declare const toastStore: {
     toasts: import("solid-js").Accessor<ToastItem[]>;
-    addToast: (message: string, type?: ToastType, duration?: number) => string;
+    addToast: (message: string, type?: ToastType, durationOrOptions?: number | {
+        duration?: number;
+        persist?: boolean;
+    }) => string;
+    dismissToast: (id: string) => void;
     removeToast: (id: string) => void;
     clearAll: () => void;
     showError: (message: string) => string;

package/dist/stores/toastStore.js

@@ -0,0 +1,64 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+const [toasts, setToasts] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)([]);
+let toastCounter = 0;
+const toastTimers = new Map();
+const clearToastTimer = (id)=>{
+    const timer = toastTimers.get(id);
+    if (!timer) return;
+    clearTimeout(timer);
+    toastTimers.delete(id);
+};
+const scheduleDismiss = (id, duration)=>{
+    if (duration <= 0) return;
+    clearToastTimer(id);
+    const timer = setTimeout(()=>{
+        toastStore.dismissToast(id);
+    }, duration);
+    toastTimers.set(id, timer);
+};
+const toastStore = {
+    toasts,
+    addToast: (message, type = "info", durationOrOptions)=>{
+        const hasOptions = void 0 !== durationOrOptions;
+        const duration = "number" == typeof durationOrOptions ? durationOrOptions : durationOrOptions?.duration ?? ("error" !== type || hasOptions ? 8000 : 0);
+        const persist = "number" == typeof durationOrOptions ? false : durationOrOptions?.persist ?? ("error" === type && !hasOptions);
+        const id = `toast-${++toastCounter}`;
+        const toast = {
+            id,
+            message,
+            type,
+            timestamp: Date.now(),
+            duration,
+            persist
+        };
+        setToasts((prev)=>[
+                ...prev,
+                toast
+            ]);
+        if (!persist) scheduleDismiss(id, duration);
+        return id;
+    },
+    dismissToast: (id)=>{
+        clearToastTimer(id);
+        setToasts((prev)=>prev.map((toast)=>toast.id !== id || toast.isExiting ? toast : {
+                    ...toast,
+                    isExiting: true
+                }));
+    },
+    removeToast: (id)=>{
+        clearToastTimer(id);
+        setToasts((prev)=>prev.filter((toast)=>toast.id !== id));
+    },
+    clearAll: ()=>{
+        toastTimers.forEach((timer)=>clearTimeout(timer));
+        toastTimers.clear();
+        setToasts([]);
+    },
+    showError: (message)=>toastStore.addToast(message, "error", {
+            persist: true
+        }),
+    showSuccess: (message)=>toastStore.addToast(message, "success", 6000),
+    showWarning: (message)=>toastStore.addToast(message, "warning", 8000),
+    showInfo: (message)=>toastStore.addToast(message, "info", 6000)
+};
+export { toastStore };

package/dist/styles/base/index.css

@@ -0,0 +1,43 @@
+@layer base {
+  html {
+    scrollbar-color: var(--color-base-300) transparent;
+  }
+
+  body {
+    color: var(--color-base-content);
+    background: var(--color-base-100);
+    overflow-x: clip;
+    touch-action: manipulation;
+  }
+
+  *::selection {
+    color: var(--color-primary-content);
+    background: var(--color-primary);
+  }
+
+  .resize-y {
+    resize: vertical;
+  }
+
+  .resize-x {
+    resize: horizontal;
+  }
+
+  .resize-both {
+    resize: both;
+  }
+
+  .resize-none {
+    resize: none;
+  }
+}
+
+@layer components {
+  .table tr.active {
+    background-color: var(--b2);
+  }
+
+  .table.table-hover tbody tr:hover {
+    background-color: var(--b2);
+  }
+}

package/dist/styles/icons/generated-icons.css

@@ -1 +1 @@
-.iconify{background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.iconify,.iconify-color{display:inline-block;height:1em;width:1em}.iconify-color{background-repeat:no-repeat;background-size:100% 100%}.icon-[mdi-light--chevron-down]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 9.59 5.66 5.66 5.66-5.66-.71-.7-4.95 4.95-4.95-4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-down].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-down].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-left]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14.41 18.16 8.75 12.5l5.66-5.66.7.71-4.95 4.95 4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-left].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-left].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-right]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m8.59 18.16 5.66-5.66-5.66-5.66-.7.71 4.95 4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-right].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-right].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-up]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 15.41 5.66-5.66 5.66 5.66-.71.7-4.95-4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-up].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-up].iconify-color{background-image:var(--svg)}.icon-[mdi-light--eye]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M11.5 18c4 0 7.46-2.22 9.24-5.5C18.96 9.22 15.5 7 11.5 7s-7.46 2.22-9.24 5.5C4.04 15.78 7.5 18 11.5 18m0-12c4.56 0 8.5 2.65 10.36 6.5C20 16.35 16.06 19 11.5 19S3 16.35 1.14 12.5C3 8.65 6.94 6 11.5 6m0 2C14 8 16 10 16 12.5S14 17 11.5 17 7 15 7 12.5 9 8 11.5 8m0 1A3.5 3.5 0 0 0 8 12.5a3.5 3.5 0 0 0 3.5 3.5 3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 11.5 9'/%3E%3C/svg%3E")}.icon-[mdi-light--eye].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--eye].iconify-color{background-image:var(--svg)}.icon-[mdi-light--eye-off]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M2.54 4.71 3.25 4 20 20.75l-.71.71-3.34-3.35c-1.37.57-2.87.89-4.45.89-4.56 0-8.5-2.65-10.36-6.5.97-2 2.49-3.67 4.36-4.82zM11.5 18c1.29 0 2.53-.23 3.67-.66l-1.12-1.13c-.73.5-1.6.79-2.55.79C9 17 7 15 7 12.5c0-.95.29-1.82.79-2.55L6.24 8.41a10.64 10.64 0 0 0-3.98 4.09C4.04 15.78 7.5 18 11.5 18m9.24-5.5C18.96 9.22 15.5 7 11.5 7c-1.15 0-2.27.19-3.31.53l-.78-.78C8.68 6.26 10.06 6 11.5 6c4.56 0 8.5 2.65 10.36 6.5a11.47 11.47 0 0 1-4.07 4.63l-.72-.73c1.53-.96 2.8-2.3 3.67-3.9M11.5 8C14 8 16 10 16 12.5c0 .82-.22 1.58-.6 2.24l-.74-.74c.22-.46.34-.96.34-1.5A3.5 3.5 0 0 0 11.5 9c-.54 0-1.04.12-1.5.34l-.74-.74c.66-.38 1.42-.6 2.24-.6M8 12.5a3.5 3.5 0 0 0 3.5 3.5c.67 0 1.29-.19 1.82-.5L8.5 10.68c-.31.53-.5 1.15-.5 1.82'/%3E%3C/svg%3E")}.icon-[mdi-light--eye-off].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--eye-off].iconify-color{background-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m15.74 8.83-.7.71L11.5 6 7.96 9.54l-.7-.71 4.24-4.24zm0 7.34-4.24 4.24-4.24-4.24.7-.71L11.5 19l3.54-3.54z'/%3E%3C/svg%3E")}.icon-[mdi-light--unfold-more-horizontal].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal].iconify-color{background-image:var(--svg)}
+.iconify{background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.iconify,.iconify-color{display:inline-block;height:1em;width:1em}.iconify-color{background-repeat:no-repeat;background-size:100% 100%}.icon-[mdi--close]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.icon-[mdi--close].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--close].iconify-color{background-image:var(--svg)}.icon-[mdi--firefox]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M6.85 6.74q.015 0 0 0M21.28 8.6c-.43-1.05-1.32-2.18-2.01-2.54.56 1.11.89 2.22 1.02 3.04v.02c-1.13-2.82-3.05-3.96-4.62-6.44-.08-.12-.17-.25-.24-.38-.04-.07-.07-.14-.11-.21-.06-.13-.12-.26-.15-.4 0-.01-.01-.02-.02-.02h-.03c-2.22 1.3-3.15 3.59-3.38 5.04-.69.04-1.37.21-1.99.51-.12.05-.17.19-.13.31.05.14.21.21.34.15.54-.26 1.14-.41 1.74-.45h.05c.08-.01.17-.01.25-.01.5-.01.97.06 1.44.2l.06.02c.1.02.17.06.25.06.05.04.11.06.16.08l.14.06c.07.03.14.06.2.09.03.02.06.03.09.05.07.04.16.07.2.11.04.02.08.05.12.07.73.45 1.34 1.07 1.75 1.81-.53-.37-1.49-.74-2.41-.58 3.6 1.81 2.63 8-2.36 7.76-.44-.01-.88-.1-1.3-.25-.1-.03-.2-.07-.29-.12-.05-.02-.12-.05-.17-.08-1.23-.63-2.24-1.82-2.38-3.27 0 0 .5-1.73 3.33-1.73.31 0 1.17-.86 1.2-1.1 0-.09-1.74-.78-2.42-1.45-.37-.36-.54-.53-.69-.66-.08-.07-.17-.13-.26-.19a4.63 4.63 0 0 1-.03-2.45C7.6 6.12 6.8 6.86 6.22 7.5c-.4-.5-.37-2.15-.35-2.5-.01 0-.3.16-.33.18-.35.25-.68.53-.98.82-.35.37-.66.74-.94 1.14-.62.91-1.12 1.95-1.34 3.04 0 .01-.1.41-.17.92l-.03.23c-.02.17-.04.32-.08.58v.41c0 5.53 4.5 10.01 10 10.01 4.97 0 9.08-3.59 9.88-8.33.02-.11.03-.24.05-.37.2-1.72-.02-3.52-.65-5.03'/%3E%3C/svg%3E")}.icon-[mdi--firefox].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--firefox].iconify-color{background-image:var(--svg)}.icon-[mdi--loading]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E")}.icon-[mdi--loading].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--loading].iconify-color{background-image:var(--svg)}.icon-[mdi--palette]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M17.5 12a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 17.5 9a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5m-3-4A1.5 1.5 0 0 1 13 6.5 1.5 1.5 0 0 1 14.5 5 1.5 1.5 0 0 1 16 6.5 1.5 1.5 0 0 1 14.5 8m-5 0A1.5 1.5 0 0 1 8 6.5 1.5 1.5 0 0 1 9.5 5 1.5 1.5 0 0 1 11 6.5 1.5 1.5 0 0 1 9.5 8m-3 4A1.5 1.5 0 0 1 5 10.5 1.5 1.5 0 0 1 6.5 9 1.5 1.5 0 0 1 8 10.5 1.5 1.5 0 0 1 6.5 12M12 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 1.5 1.5 0 0 0 1.5-1.5c0-.39-.15-.74-.39-1-.23-.27-.38-.62-.38-1a1.5 1.5 0 0 1 1.5-1.5H16a5 5 0 0 0 5-5c0-4.42-4.03-8-9-8'/%3E%3C/svg%3E")}.icon-[mdi--palette].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi--palette].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-down]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 9.59 5.66 5.66 5.66-5.66-.71-.7-4.95 4.95-4.95-4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-down].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-down].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-left]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14.41 18.16 8.75 12.5l5.66-5.66.7.71-4.95 4.95 4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-left].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-left].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-right]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m8.59 18.16 5.66-5.66-5.66-5.66-.7.71 4.95 4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-right].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-right].iconify-color{background-image:var(--svg)}.icon-[mdi-light--chevron-up]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m5.84 15.41 5.66-5.66 5.66 5.66-.71.7-4.95-4.95-4.95 4.95z'/%3E%3C/svg%3E")}.icon-[mdi-light--chevron-up].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--chevron-up].iconify-color{background-image:var(--svg)}.icon-[mdi-light--eye]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M11.5 18c4 0 7.46-2.22 9.24-5.5C18.96 9.22 15.5 7 11.5 7s-7.46 2.22-9.24 5.5C4.04 15.78 7.5 18 11.5 18m0-12c4.56 0 8.5 2.65 10.36 6.5C20 16.35 16.06 19 11.5 19S3 16.35 1.14 12.5C3 8.65 6.94 6 11.5 6m0 2C14 8 16 10 16 12.5S14 17 11.5 17 7 15 7 12.5 9 8 11.5 8m0 1A3.5 3.5 0 0 0 8 12.5a3.5 3.5 0 0 0 3.5 3.5 3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 11.5 9'/%3E%3C/svg%3E")}.icon-[mdi-light--eye].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--eye].iconify-color{background-image:var(--svg)}.icon-[mdi-light--eye-off]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M2.54 4.71 3.25 4 20 20.75l-.71.71-3.34-3.35c-1.37.57-2.87.89-4.45.89-4.56 0-8.5-2.65-10.36-6.5.97-2 2.49-3.67 4.36-4.82zM11.5 18c1.29 0 2.53-.23 3.67-.66l-1.12-1.13c-.73.5-1.6.79-2.55.79C9 17 7 15 7 12.5c0-.95.29-1.82.79-2.55L6.24 8.41a10.64 10.64 0 0 0-3.98 4.09C4.04 15.78 7.5 18 11.5 18m9.24-5.5C18.96 9.22 15.5 7 11.5 7c-1.15 0-2.27.19-3.31.53l-.78-.78C8.68 6.26 10.06 6 11.5 6c4.56 0 8.5 2.65 10.36 6.5a11.47 11.47 0 0 1-4.07 4.63l-.72-.73c1.53-.96 2.8-2.3 3.67-3.9M11.5 8C14 8 16 10 16 12.5c0 .82-.22 1.58-.6 2.24l-.74-.74c.22-.46.34-.96.34-1.5A3.5 3.5 0 0 0 11.5 9c-.54 0-1.04.12-1.5.34l-.74-.74c.66-.38 1.42-.6 2.24-.6M8 12.5a3.5 3.5 0 0 0 3.5 3.5c.67 0 1.29-.19 1.82-.5L8.5 10.68c-.31.53-.5 1.15-.5 1.82'/%3E%3C/svg%3E")}.icon-[mdi-light--eye-off].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--eye-off].iconify-color{background-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal]{--svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m15.74 8.83-.7.71L11.5 6 7.96 9.54l-.7-.71 4.24-4.24zm0 7.34-4.24 4.24-4.24-4.24.7-.71L11.5 19l3.54-3.54z'/%3E%3C/svg%3E")}.icon-[mdi-light--unfold-more-horizontal].iconify{-webkit-mask-image:var(--svg);mask-image:var(--svg)}.icon-[mdi-light--unfold-more-horizontal].iconify-color{background-image:var(--svg)}

package/dist/styles/themes/dark.css

@@ -0,0 +1,88 @@
+@layer theme {
+  [data-theme="dark"] {
+    /* Base colors */
+    --color-primary: var(--color-blue-500);
+    --color-primary-content: var(--color-white);
+    --color-secondary: var(--color-purple-500);
+    --color-secondary-content: var(--color-white);
+    --color-accent: var(--color-sky-500);
+    --color-accent-content: var(--color-white);
+    --color-accent-foreground: var(--color-white);
+    --color-accent-soft: color-mix(in oklab, var(--color-sky-500) 20%, var(--color-gray-900));
+    --color-accent-soft-foreground: var(--color-sky-400);
+    --color-accent-soft-hover: color-mix(in oklab, var(--color-sky-500) 28%, var(--color-gray-900));
+    --color-accent-hover: var(--color-sky-400);
+    --color-neutral: var(--color-gray-700);
+    --color-neutral-content: var(--color-gray-100);
+
+    /* Semantic colors */
+    --color-info: var(--color-blue-400);
+    --color-info-content: var(--color-gray-900);
+    --color-success: var(--color-emerald-500);
+    --color-success-content: var(--color-gray-900);
+    --color-success-foreground: var(--color-white);
+    --color-success-soft: color-mix(in oklab, var(--color-emerald-500) 20%, var(--color-gray-900));
+    --color-success-soft-foreground: var(--color-emerald-400);
+    --color-warning: var(--color-amber-400);
+    --color-warning-content: var(--color-gray-900);
+    --color-warning-foreground: var(--color-gray-900);
+    --color-warning-soft: color-mix(in oklab, var(--color-amber-400) 20%, var(--color-gray-900));
+    --color-warning-soft-foreground: var(--color-amber-300);
+    --color-error: var(--color-rose-500);
+    --color-error-content: var(--color-white);
+    --color-danger: var(--color-rose-500);
+    --color-danger-foreground: var(--color-white);
+    --color-danger-soft: color-mix(in oklab, var(--color-rose-500) 20%, var(--color-gray-900));
+    --color-danger-soft-foreground: var(--color-rose-400);
+
+    /* HeroUI generic tokens */
+    --color-default: var(--color-gray-700);
+    --color-default-foreground: var(--color-gray-100);
+    --color-default-hover: var(--color-gray-600);
+    --color-background: var(--color-gray-900);
+    --color-foreground: var(--color-gray-100);
+
+    /* Base background colors */
+    --color-base-100: var(--color-gray-900);
+    --color-base-200: var(--color-gray-800);
+    --color-base-300: var(--color-gray-700);
+    --color-base-content: var(--color-gray-100);
+
+    /* Legacy support */
+    --color-bg-body: var(--color-gray-900);
+    --color-bg-inverse: var(--color-white);
+    --color-bg-primary: var(--color-gray-800);
+    --color-bg-secondary: var(--color-gray-700);
+    --color-bg-tertiary: var(--color-gray-600);
+    --color-bg-positive: var(--color-emerald-500);
+    --color-bg-destructive: var(--color-rose-500);
+
+    --color-fg-body: var(--color-gray-100);
+    --color-fg-inverse: var(--color-gray-900);
+    --color-fg-primary: var(--color-gray-200);
+    --color-fg-secondary: var(--color-gray-300);
+    --color-fg-tertiary: var(--color-gray-400);
+    --color-fg-positive: var(--color-emerald-400);
+    --color-fg-destructive: var(--color-rose-400);
+
+    /* Daisy-compatible aliases and structural tokens */
+    --b1: var(--color-base-100);
+    --b2: var(--color-base-200);
+    --b3: var(--color-base-300);
+    --bc: var(--color-base-content);
+    --radius-selector: 0.375rem;
+    --radius-field: 0.375rem;
+    --radius-box: 0.75rem;
+    --size-selector: 0.25rem;
+    --size-field: 0.25rem;
+    --border: 1px;
+    --depth: 0;
+    --noise: 1;
+  }
+}
+
+@layer base {
+  [data-theme="dark"] {
+    color-scheme: only dark;
+  }
+}

package/dist/styles/themes/light.css

@@ -0,0 +1,90 @@
+@layer theme {
+  :root:not([data-theme]),
+  [data-theme="light"] {
+    /* Base colors */
+    --color-primary: var(--color-blue-600);
+    --color-primary-content: var(--color-white);
+    --color-secondary: var(--color-purple-600);
+    --color-secondary-content: var(--color-white);
+    --color-accent: var(--color-sky-600);
+    --color-accent-content: var(--color-white);
+    --color-accent-foreground: var(--color-white);
+    --color-accent-soft: color-mix(in oklab, var(--color-sky-600) 15%, var(--color-white));
+    --color-accent-soft-foreground: var(--color-sky-700);
+    --color-accent-soft-hover: color-mix(in oklab, var(--color-sky-600) 22%, var(--color-white));
+    --color-accent-hover: var(--color-sky-700);
+    --color-neutral: var(--color-gray-600);
+    --color-neutral-content: var(--color-white);
+
+    /* Semantic colors */
+    --color-info: var(--color-blue-500);
+    --color-info-content: var(--color-white);
+    --color-success: var(--color-emerald-600);
+    --color-success-content: var(--color-white);
+    --color-success-foreground: var(--color-white);
+    --color-success-soft: color-mix(in oklab, var(--color-emerald-600) 15%, var(--color-white));
+    --color-success-soft-foreground: var(--color-emerald-700);
+    --color-warning: var(--color-amber-500);
+    --color-warning-content: var(--color-black);
+    --color-warning-foreground: var(--color-black);
+    --color-warning-soft: color-mix(in oklab, var(--color-amber-500) 15%, var(--color-white));
+    --color-warning-soft-foreground: var(--color-amber-700);
+    --color-error: var(--color-rose-600);
+    --color-error-content: var(--color-white);
+    --color-danger: var(--color-rose-600);
+    --color-danger-foreground: var(--color-white);
+    --color-danger-soft: color-mix(in oklab, var(--color-rose-600) 15%, var(--color-white));
+    --color-danger-soft-foreground: var(--color-rose-700);
+
+    /* HeroUI generic tokens */
+    --color-default: var(--color-gray-200);
+    --color-default-foreground: var(--color-gray-800);
+    --color-default-hover: var(--color-gray-300);
+    --color-background: var(--color-white);
+    --color-foreground: var(--color-gray-900);
+
+    /* Base background colors */
+    --color-base-100: var(--color-white);
+    --color-base-200: var(--color-gray-100);
+    --color-base-300: var(--color-gray-200);
+    --color-base-content: var(--color-gray-900);
+
+    /* Legacy support */
+    --color-bg-body: var(--color-white);
+    --color-bg-inverse: var(--color-gray-900);
+    --color-bg-primary: var(--color-gray-100);
+    --color-bg-secondary: var(--color-gray-200);
+    --color-bg-tertiary: var(--color-gray-300);
+    --color-bg-positive: var(--color-emerald-600);
+    --color-bg-destructive: var(--color-rose-600);
+
+    --color-fg-body: var(--color-gray-900);
+    --color-fg-inverse: var(--color-white);
+    --color-fg-primary: var(--color-gray-800);
+    --color-fg-secondary: var(--color-gray-700);
+    --color-fg-tertiary: var(--color-gray-600);
+    --color-fg-positive: var(--color-emerald-700);
+    --color-fg-destructive: var(--color-rose-700);
+
+    /* Daisy-compatible aliases and structural tokens */
+    --b1: var(--color-base-100);
+    --b2: var(--color-base-200);
+    --b3: var(--color-base-300);
+    --bc: var(--color-base-content);
+    --radius-selector: 0.375rem;
+    --radius-field: 0.375rem;
+    --radius-box: 0.75rem;
+    --size-selector: 0.25rem;
+    --size-field: 0.25rem;
+    --border: 1px;
+    --depth: 0;
+    --noise: 1;
+  }
+}
+
+@layer base {
+  :root:not([data-theme]),
+  [data-theme="light"] {
+    color-scheme: only light;
+  }
+}