@pathscale/ui 1.1.54 → 1.1.56

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/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--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)}
+.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "1.1.54",
+  "version": "1.1.56",
   "author": "pathscale",
   "repository": {
     "type": "git",

package/dist/components/accordion/Accordion.classes.d.ts

@@ -1,38 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "accordion";
-        readonly variant: {
-            readonly default: "accordion--default";
-            readonly surface: "accordion--surface";
-        };
-    };
-    readonly Item: {
-        readonly base: "accordion__item";
-        readonly flag: {
-            readonly expanded: "accordion__item--expanded";
-            readonly disabled: "accordion__item--disabled";
-            readonly hideSeparator: "accordion__item--hide-separator";
-        };
-    };
-    readonly Trigger: {
-        readonly base: "accordion__trigger";
-    };
-    readonly Indicator: {
-        readonly base: "accordion__indicator";
-        readonly flag: {
-            readonly expanded: "accordion__indicator--expanded";
-        };
-    };
-    readonly Content: {
-        readonly base: "accordion__content";
-        readonly flag: {
-            readonly expanded: "accordion__content--expanded";
-        };
-    };
-    readonly Body: {
-        readonly base: "accordion__body";
-    };
-    readonly BodyInner: {
-        readonly base: "accordion__body-inner";
-    };
-};

package/dist/components/accordion/Accordion.classes.js

@@ -1,39 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "accordion",
-        variant: {
-            default: "accordion--default",
-            surface: "accordion--surface"
-        }
-    },
-    Item: {
-        base: "accordion__item",
-        flag: {
-            expanded: "accordion__item--expanded",
-            disabled: "accordion__item--disabled",
-            hideSeparator: "accordion__item--hide-separator"
-        }
-    },
-    Trigger: {
-        base: "accordion__trigger"
-    },
-    Indicator: {
-        base: "accordion__indicator",
-        flag: {
-            expanded: "accordion__indicator--expanded"
-        }
-    },
-    Content: {
-        base: "accordion__content",
-        flag: {
-            expanded: "accordion__content--expanded"
-        }
-    },
-    Body: {
-        base: "accordion__body"
-    },
-    BodyInner: {
-        base: "accordion__body-inner"
-    }
-};
-export { CLASSES };

package/dist/components/accordion/Accordion.css

@@ -1,158 +0,0 @@
-@layer components {
-  .accordion {
-    width: 100%;
-    contain: layout style;
-  }
-
-  .accordion__item {
-    position: relative;
-    border: 0;
-  }
-
-  .accordion__item::after {
-    content: "";
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    height: 1px;
-    width: 100%;
-    border-radius: 9999px;
-    background-color: var(--color-base-300);
-  }
-
-  .accordion__item:last-child::after {
-    content: none;
-  }
-
-  .accordion__item--hide-separator::after {
-    display: none;
-  }
-
-  .accordion__item--disabled {
-    opacity: 0.65;
-  }
-
-  .accordion__trigger {
-    cursor: pointer;
-    display: flex;
-    width: 100%;
-    align-items: center;
-    justify-content: space-between;
-    border: 0;
-    background-color: transparent;
-    padding: 1rem;
-    text-align: left;
-    font-size: 0.875rem;
-    font-weight: 500;
-    color: inherit;
-    user-select: none;
-    transition:
-      opacity 150ms ease,
-      background-color 150ms ease,
-      box-shadow 150ms ease;
-  }
-
-  .accordion__trigger:focus-visible,
-  .accordion__trigger[data-focus-visible="true"] {
-    outline: 2px solid var(--color-base-content);
-    outline-offset: 2px;
-  }
-
-  .accordion__item--disabled .accordion__trigger,
-  .accordion__trigger:disabled,
-  .accordion__trigger[aria-disabled="true"] {
-    cursor: not-allowed;
-    opacity: 0.55;
-  }
-
-  @media (hover: hover) {
-    .accordion__trigger:hover:not([aria-expanded="true"]):not(:disabled):not(
-        [aria-disabled="true"]
-      ),
-    .accordion__trigger[data-hovered="true"]:not(
-        [aria-expanded="true"]
-      ):not(:disabled):not([aria-disabled="true"]) {
-      background-color: color-mix(
-        in oklab,
-        var(--color-base-content),
-        transparent 96%
-      );
-    }
-  }
-
-  .accordion__indicator {
-    margin-inline-start: auto;
-    height: 1rem;
-    width: 1rem;
-    flex-shrink: 0;
-    opacity: 0.65;
-    transition: transform 250ms ease;
-  }
-
-  .accordion__indicator--expanded {
-    transform: rotate(-180deg);
-  }
-
-  .accordion__content {
-    display: grid;
-    grid-template-rows: 0fr;
-    opacity: 0;
-    overflow: hidden;
-    transition:
-      grid-template-rows 200ms ease,
-      opacity 200ms ease;
-  }
-
-  .accordion__content--expanded {
-    grid-template-rows: 1fr;
-    opacity: 1;
-  }
-
-  .accordion__body {
-    min-height: 0;
-    overflow: hidden;
-    font-size: 0.875rem;
-  }
-
-  .accordion__body-inner {
-    padding-inline: 1rem;
-    padding-top: 0;
-    padding-bottom: 1rem;
-    color: color-mix(in oklab, var(--color-base-content), transparent 25%);
-  }
-
-  .accordion--surface {
-    border-radius: 1.5rem;
-    background-color: var(--color-base-100);
-  }
-
-  .accordion--surface .accordion__item::after {
-    left: 3%;
-    width: 94%;
-    background-color: color-mix(
-      in oklab,
-      var(--color-base-content),
-      transparent 90%
-    );
-  }
-
-  .accordion--surface .accordion__item:first-child .accordion__trigger {
-    border-top-left-radius: 1.5rem;
-    border-top-right-radius: 1.5rem;
-  }
-
-  .accordion--surface
-    .accordion__item:last-child:not(.accordion__item--expanded)
-    .accordion__trigger {
-    border-bottom-left-radius: 1.5rem;
-    border-bottom-right-radius: 1.5rem;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .accordion__trigger,
-    .accordion__indicator,
-    .accordion__content {
-      transition: none;
-    }
-  }
-}

package/dist/components/alert/Alert.classes.d.ts

@@ -1,16 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "alert";
-    readonly slot: {
-        readonly indicator: "alert__indicator";
-        readonly content: "alert__content";
-        readonly title: "alert__title";
-        readonly description: "alert__description";
-    };
-    readonly status: {
-        readonly default: "alert--default";
-        readonly accent: "alert--accent";
-        readonly success: "alert--success";
-        readonly warning: "alert--warning";
-        readonly danger: "alert--danger";
-    };
-};

package/dist/components/alert/Alert.classes.js

@@ -1,17 +0,0 @@
-const CLASSES = {
-    base: "alert",
-    slot: {
-        indicator: "alert__indicator",
-        content: "alert__content",
-        title: "alert__title",
-        description: "alert__description"
-    },
-    status: {
-        default: "alert--default",
-        accent: "alert--accent",
-        success: "alert--success",
-        warning: "alert--warning",
-        danger: "alert--danger"
-    }
-};
-export { CLASSES };

package/dist/components/avatar/Avatar.classes.d.ts

@@ -1,27 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "avatar";
-    readonly slot: {
-        readonly image: "avatar__image";
-        readonly fallback: "avatar__fallback";
-    };
-    readonly size: {
-        readonly sm: "avatar--sm";
-        readonly md: "";
-        readonly lg: "avatar--lg";
-    };
-    readonly variant: {
-        readonly default: "";
-        readonly soft: "avatar--soft";
-    };
-    readonly color: {
-        readonly default: "avatar__fallback--default";
-        readonly accent: "avatar__fallback--accent";
-        readonly success: "avatar__fallback--success";
-        readonly warning: "avatar__fallback--warning";
-        readonly danger: "avatar__fallback--danger";
-    };
-    readonly group: {
-        readonly base: "avatar-group";
-        readonly overlap: "-space-x-6";
-    };
-};

package/dist/components/avatar/Avatar.classes.js

@@ -1,28 +0,0 @@
-const CLASSES = {
-    base: "avatar",
-    slot: {
-        image: "avatar__image",
-        fallback: "avatar__fallback"
-    },
-    size: {
-        sm: "avatar--sm",
-        md: "",
-        lg: "avatar--lg"
-    },
-    variant: {
-        default: "",
-        soft: "avatar--soft"
-    },
-    color: {
-        default: "avatar__fallback--default",
-        accent: "avatar__fallback--accent",
-        success: "avatar__fallback--success",
-        warning: "avatar__fallback--warning",
-        danger: "avatar__fallback--danger"
-    },
-    group: {
-        base: "avatar-group",
-        overlap: "-space-x-6"
-    }
-};
-export { CLASSES };

package/dist/components/badge/Badge.classes.d.ts

@@ -1,30 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "badge";
-    readonly slot: {
-        readonly anchor: "badge-anchor";
-        readonly label: "badge__label";
-    };
-    readonly size: {
-        readonly sm: "badge--sm";
-        readonly md: "badge--md";
-        readonly lg: "badge--lg";
-    };
-    readonly color: {
-        readonly default: "badge--default";
-        readonly accent: "badge--accent";
-        readonly success: "badge--success";
-        readonly warning: "badge--warning";
-        readonly danger: "badge--danger";
-    };
-    readonly variant: {
-        readonly primary: "badge--primary";
-        readonly secondary: "badge--secondary";
-        readonly soft: "badge--soft";
-    };
-    readonly placement: {
-        readonly "top-right": "badge--top-right";
-        readonly "top-left": "badge--top-left";
-        readonly "bottom-right": "badge--bottom-right";
-        readonly "bottom-left": "badge--bottom-left";
-    };
-};

package/dist/components/badge/Badge.classes.js

@@ -1,31 +0,0 @@
-const CLASSES = {
-    base: "badge",
-    slot: {
-        anchor: "badge-anchor",
-        label: "badge__label"
-    },
-    size: {
-        sm: "badge--sm",
-        md: "badge--md",
-        lg: "badge--lg"
-    },
-    color: {
-        default: "badge--default",
-        accent: "badge--accent",
-        success: "badge--success",
-        warning: "badge--warning",
-        danger: "badge--danger"
-    },
-    variant: {
-        primary: "badge--primary",
-        secondary: "badge--secondary",
-        soft: "badge--soft"
-    },
-    placement: {
-        "top-right": "badge--top-right",
-        "top-left": "badge--top-left",
-        "bottom-right": "badge--bottom-right",
-        "bottom-left": "badge--bottom-left"
-    }
-};
-export { CLASSES };

package/dist/components/breadcrumbs/Breadcrumbs.classes.d.ts

@@ -1,8 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "breadcrumbs";
-    };
-    readonly Item: {
-        readonly base: readonly ["breadcrumbs__item", "breadcrumbs__link", "breadcrumbs__separator"];
-    };
-};

package/dist/components/breadcrumbs/Breadcrumbs.classes.js

@@ -1,13 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "breadcrumbs"
-    },
-    Item: {
-        base: [
-            "breadcrumbs__item",
-            "breadcrumbs__link",
-            "breadcrumbs__separator"
-        ]
-    }
-};
-export { CLASSES };

package/dist/components/button/Button.classes.d.ts

@@ -1,27 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "button";
-    readonly variant: {
-        readonly primary: "button--primary";
-        readonly secondary: "button--secondary";
-        readonly tertiary: "button--tertiary";
-        readonly outline: "button--outline";
-        readonly ghost: "button--ghost";
-        readonly danger: "button--danger";
-        readonly "danger-soft": "button--danger-soft";
-    };
-    readonly size: {
-        readonly sm: "button--sm";
-        readonly md: "button--md";
-        readonly lg: "button--lg";
-    };
-    readonly flag: {
-        readonly isIconOnly: "button--icon-only";
-        readonly fullWidth: "button--full-width";
-    };
-    readonly slot: {
-        readonly spinner: "button__spinner";
-        readonly icon: "button__icon";
-        readonly iconStart: "button__icon--start";
-        readonly iconEnd: "button__icon--end";
-    };
-};

package/dist/components/button/Button.classes.js

@@ -1,28 +0,0 @@
-const CLASSES = {
-    base: "button",
-    variant: {
-        primary: "button--primary",
-        secondary: "button--secondary",
-        tertiary: "button--tertiary",
-        outline: "button--outline",
-        ghost: "button--ghost",
-        danger: "button--danger",
-        "danger-soft": "button--danger-soft"
-    },
-    size: {
-        sm: "button--sm",
-        md: "button--md",
-        lg: "button--lg"
-    },
-    flag: {
-        isIconOnly: "button--icon-only",
-        fullWidth: "button--full-width"
-    },
-    slot: {
-        spinner: "button__spinner",
-        icon: "button__icon",
-        iconStart: "button__icon--start",
-        iconEnd: "button__icon--end"
-    }
-};
-export { CLASSES };

package/dist/components/button-group/ButtonGroup.classes.d.ts

@@ -1,15 +0,0 @@
-export declare const CLASSES: {
-    readonly Root: {
-        readonly base: "button-group";
-        readonly orientation: {
-            readonly horizontal: "button-group--horizontal";
-            readonly vertical: "button-group--vertical";
-        };
-        readonly flag: {
-            readonly fullWidth: "button-group--full-width";
-        };
-    };
-    readonly Separator: {
-        readonly base: "button-group__separator";
-    };
-};

package/dist/components/button-group/ButtonGroup.classes.js

@@ -1,16 +0,0 @@
-const CLASSES = {
-    Root: {
-        base: "button-group",
-        orientation: {
-            horizontal: "button-group--horizontal",
-            vertical: "button-group--vertical"
-        },
-        flag: {
-            fullWidth: "button-group--full-width"
-        }
-    },
-    Separator: {
-        base: "button-group__separator"
-    }
-};
-export { CLASSES };