@pathscale/ui 0.1.0 → 1.2.0

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.d.ts

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

package/dist/stores/index.js

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

package/dist/stores/toastStore.d.ts

@@ -0,0 +1,24 @@
+export type ToastType = "info" | "success" | "warning" | "error";
+export interface ToastItem {
+    id: string;
+    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, durationOrOptions?: number | {
+        duration?: number;
+        persist?: boolean;
+    }) => string;
+    dismissToast: (id: string) => void;
+    removeToast: (id: string) => void;
+    clearAll: () => void;
+    showError: (message: string) => string;
+    showSuccess: (message: string) => string;
+    showWarning: (message: string) => string;
+    showInfo: (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

@@ -0,0 +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--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;
+  }
+}

package/package.json

@@ -1,60 +1,124 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.1.0",
-  "description": "Highly opinionated SolidJS component library — batteries and kitchen sink included, but optimized and shiny.",
-  "keywords": ["solid", "solidjs"],
-  "homepage": "https://github.com/pathscale/ui",
-  "bugs": {
-    "url": "https://github.com/pathscale/ui/issues"
-  },
+  "version": "1.2.0",
+  "author": "pathscale",
   "repository": {
     "type": "git",
     "url": "https://github.com/pathscale/ui"
   },
   "license": "MIT",
-  "author": "pathscale",
-  "sideEffects": false,
-  "type": "module",
+  "description": "Highly opinionated SolidJS component library — batteries and kitchen sink included, but optimized and shiny.",
+  "files": [
+    "dist"
+  ],
+  "homepage": "https://github.com/pathscale/ui",
+  "keywords": [
+    "solid",
+    "solidjs"
+  ],
+  "bugs": {
+    "url": "https://github.com/pathscale/ui/issues"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "solid": "./dist/index.jsx",
-      "default": "./dist/index.js"
+      "import": "./dist/index.js"
     },
-    "./*": {
+    "./components/*": {
       "types": "./dist/components/*/index.d.ts",
-      "solid": "./dist/components/*/index.jsx",
-      "default": "./dist/components/*/index.js"
-    }
-  },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "*": ["./dist/index.d.ts"]
-    }
-  },
-  "files": ["dist"],
-  "scripts": {
-    "build": "tsup",
-    "clean": "rm -rf dist node_modules",
-    "dev": "vite serve playground --host",
-    "format": "biome format --write",
-    "lint": "biome lint --write"
+      "import": "./dist/components/*/index.js"
+    },
+    "./stores": {
+      "types": "./dist/stores/index.d.ts",
+      "import": "./dist/stores/index.js"
+    },
+    "./motion": {
+      "types": "./dist/motion/index.d.ts",
+      "import": "./dist/motion/index.js"
+    },
+    "./styles/*": "./dist/styles/*",
+    "./dist/styles/*": "./dist/styles/*",
+    "./index.css": "./dist/index.css"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@tailwindcss/vite": "^4.1.6",
+    "@felte/solid": "^1.2.11",
+    "@felte/validator-zod": "^1.0.15",
+    "@iconify/json": "^2.2.342",
+    "@iconify/utils": "^2.3.0",
+    "@rsbuild/core": "^1.3.20",
+    "@rsbuild/plugin-solid": "^1.0.5",
+    "@rslib/core": "^0.9.0",
+    "@solid-primitives/event-listener": "^2.3.0",
+    "@solid-primitives/intersection-observer": "^2.1.3",
+    "@solid-primitives/keyboard": "^1.2.5",
+    "@solid-primitives/media": "^2.2.5",
+    "@solid-primitives/props": "^3.1.8",
+    "@solid-primitives/resize-observer": "^2.0.22",
+    "@solid-primitives/scheduled": "^1.4.1",
+    "@solid-primitives/scroll": "^2.0.20",
+    "@solid-primitives/storage": "^2.1.1",
+    "@solid-primitives/utils": "^6.2.1",
+    "@tanstack/solid-table": "^8.21.3",
     "@types/bun": "^1.2.12",
-    "esbuild-plugin-solid": "^0.6.0",
-    "tailwindcss": "^4.1.6",
-    "tsup": "^8.4.0",
+    "babel-preset-solid": "^1.9.6",
+    "cally": "^0.8.0",
+    "clsx": "^2.1.1",
+    "cssnano": "^7.0.7",
+    "postcss": "^8.5.8",
+    "postcss-cli": "^11.0.1",
+    "postcss-selector-parser": "^7.1.1",
+    "solid-js": "^1.9.7",
+    "svgo": "^3.3.2",
+    "tailwind-merge": "^3.3.0",
     "typescript": "^5.8.3",
-    "vite": "^6.3.5",
-    "vite-plugin-solid": "^2.11.6",
-    "vite-tsconfig-paths": "^5.1.4"
+    "zod": "^3.22.4"
+  },
+  "dependencies": {
+    "@iconify/tailwind4": "^1.2.1",
+    "rsbuild-plugin-iconify": "^1.0.3"
   },
   "peerDependencies": {
-    "solid-js": "^1.8"
-  }
+    "@felte/solid": "^1.2.0",
+    "@felte/validator-zod": "^1.0.0",
+    "@solid-primitives/event-listener": "^2.3.0",
+    "@solid-primitives/intersection-observer": "^2.1.3",
+    "@solid-primitives/keyboard": "^1.2.5",
+    "@solid-primitives/media": "^2.2.5",
+    "@solid-primitives/props": "^3.1.8",
+    "@solid-primitives/resize-observer": "^2.0.22",
+    "@solid-primitives/scheduled": "^1.4.1",
+    "@solid-primitives/scroll": "^2.0.20",
+    "@solid-primitives/storage": "^2.1.1",
+    "@solid-primitives/utils": "^6.2.1",
+    "@tanstack/solid-table": "^8.0.0",
+    "popmotion": "^11.0.5",
+    "solid-js": "^1.9",
+    "zod": "^3.22.0"
+  },
+  "peerDependenciesMeta": {
+    "popmotion": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build": "bun run scripts/check-contracts.ts && rslib build",
+    "build:watch": "rslib build --watch",
+    "dev": "rslib dev",
+    "preview": "rslib preview",
+    "clean": "rm -rf dist node_modules",
+    "format": "bun biome format --write",
+    "lint": "bun biome lint --write",
+    "check": "bun run scripts/check-contracts.ts",
+    "playground:dev": "cd playground && bun run dev",
+    "playground:build": "cd playground && bun run build",
+    "playground:preview": "cd playground && bun run preview"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "type": "module"
 }

package/dist/Avatar-CzIirpVq.d.ts

@@ -1,33 +0,0 @@
-import { Component, ComponentProps } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from './classes-B_S9K-9I.js';
-
-declare const avatarVariants: {
-    (props?: (ConfigVariants<{
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        shape: {
-            circle: string;
-            rounded: string;
-        };
-        variant: {
-            filled: string;
-            outlined: string;
-            ghost: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("size" | "shape" | "variant")[];
-};
-
-type AvatarVariantProps = VariantProps<typeof avatarVariants>;
-type AvatarProps = AvatarVariantProps & ClassProps & ComponentProps<"img"> & {
-    src?: string;
-    dataSrc?: string;
-    alt?: string;
-    text?: string;
-};
-declare const Avatar: Component<AvatarProps>;
-
-export { Avatar as A, type AvatarProps as a, avatarVariants as b };

package/dist/Button-BOYHKShy.d.ts

@@ -1,63 +0,0 @@
-import * as solid_js from 'solid-js';
-import { ValidComponent } from 'solid-js';
-import { PolymorphicProps, PolymorphicButtonSharedProps, PolymorphicButtonElementProps } from './components/polymorphic/index.js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from './classes-B_S9K-9I.js';
-
-declare const buttonVariants: {
-    (props?: (ConfigVariants<{
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        color: {
-            inverse: string;
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            accent: string;
-            positive: string;
-            destructive: string;
-        };
-        align: {
-            start: string;
-            center: string;
-            end: string;
-        };
-        shape: {
-            circle: string;
-            rounded: string;
-        };
-        spacing: {
-            0: string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        loading: {
-            true: string;
-            false: string;
-        };
-        stretched: {
-            true: string;
-            false: string;
-        };
-        variant: {
-            fill: string[];
-            gray: string[];
-            ghost: string[];
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("size" | "color" | "align" | "shape" | "spacing" | "loading" | "stretched" | "variant")[];
-};
-
-type ButtonVariantProps = VariantProps<typeof buttonVariants>;
-type ButtonSharedProps<T extends ValidComponent = "button"> = PolymorphicButtonSharedProps<T> & ClassProps;
-type ButtonElementProps = PolymorphicButtonElementProps & ButtonSharedProps & {
-    "aria-busy": "true" | undefined;
-};
-type ButtonProps<T extends ValidComponent = "button"> = Partial<ButtonVariantProps> & Partial<ButtonSharedProps<T>>;
-declare const Button: <T extends ValidComponent = "button">(props: PolymorphicProps<T, ButtonProps<T>>) => solid_js.JSX.Element;
-
-export { Button as B, type ButtonElementProps as a, type ButtonProps as b, type ButtonSharedProps as c, type ButtonVariantProps as d };