@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/sidenav/Sidenav.css

@@ -0,0 +1,176 @@
+.sidenav {
+  @apply h-screen bg-base-200 border-r border-base-300 flex flex-col transition-all duration-300 ease-in-out sticky top-0;
+  width: 16rem;
+}
+
+.sidenav-closed {
+  @apply -translate-x-full;
+}
+
+.sidenav-open {
+  @apply translate-x-0;
+}
+
+.sidenav-desktop {
+  @apply relative transform-none shadow-none;
+}
+
+.sidenav-collapsed {
+  width: 4rem;
+  @apply flex flex-col items-center py-8;
+}
+
+.sidenav-header {
+  @apply p-4 border-b border-base-300 flex items-center justify-between flex-shrink-0;
+}
+
+.sidenav-collapsed .sidenav-header {
+  @apply p-0 border-none;
+}
+
+.sidenav-title {
+  @apply text-lg font-semibold text-base-content truncate;
+}
+
+.sidenav-close {
+  align-items: center;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: var(--radius-field, 0.5rem);
+  color: var(--color-base-content);
+  cursor: pointer;
+  display: inline-flex;
+  font-size: 0.8125rem;
+  font-weight: 600;
+  justify-content: center;
+  min-height: 2rem;
+  padding: 0.25rem;
+  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
+}
+
+.sidenav-close:hover {
+  background-color: var(--color-base-300);
+}
+
+.sidenav-close:focus-visible {
+  outline: 2px solid color-mix(in oklch, var(--color-primary) 55%, transparent);
+  outline-offset: 2px;
+}
+
+.sidenav-close:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
+.sidenav-content {
+  @apply flex-1 overflow-y-auto;
+}
+
+.sidenav-menu {
+  @apply flex flex-col flex-1 p-4 space-y-4;
+}
+
+.sidenav-collapsed .sidenav-menu {
+  @apply p-0 items-center space-y-6;
+}
+
+.sidenav-item {
+  @apply w-full;
+}
+
+.sidenav-collapsed .sidenav-item {
+  @apply w-auto;
+}
+
+.sidenav-item-link,
+.sidenav-item-button {
+  @apply flex items-center px-3 py-2 text-base-content transition-colors duration-300 transform rounded-lg hover:bg-base-300 gap-3;
+}
+
+.sidenav-collapsed .sidenav-item-link,
+.sidenav-collapsed .sidenav-item-button {
+  @apply w-10 h-10 p-1.5 justify-center;
+}
+
+.sidenav-item-active .sidenav-item-link,
+.sidenav-item-active .sidenav-item-button {
+  @apply bg-primary text-primary-content hover:bg-primary/90;
+}
+
+.sidenav-children {
+  @apply p-4 text-base-content;
+}
+
+.sidenav-footer {
+  @apply mt-auto p-4 border-t border-base-300 flex-shrink-0 text-base-content/70;
+}
+
+.sidenav-collapsed .sidenav-footer {
+  @apply p-0 border-none flex flex-col items-center space-y-6;
+}
+
+.sidenav-group {
+  @apply space-y-2 mb-4 w-full;
+}
+
+.sidenav-collapsed .sidenav-group {
+  @apply mb-0 space-y-2;
+}
+
+.sidenav-group-label {
+  @apply px-3 py-2 text-xs font-semibold text-base-content/70 uppercase tracking-wider;
+}
+
+.sidenav-group-items {
+  @apply space-y-1 w-full pl-3;
+}
+
+.sidenav-collapsed .sidenav-group-items {
+  @apply pl-0 space-y-2;
+}
+
+.sidenav-collapsed .sidenav-group-label {
+  @apply hidden;
+}
+
+.sidenav-collapsed .sidenav-item-label {
+  @apply hidden;
+}
+
+.sidenav-item-link svg,
+.sidenav-item-button svg {
+  @apply w-5 h-5 flex-shrink-0;
+}
+
+.sidenav-collapsed .sidenav-item-link,
+.sidenav-collapsed .sidenav-item-button {
+  @apply relative;
+}
+
+.sidenav-collapsed .sidenav-item-link:hover::after,
+.sidenav-collapsed .sidenav-item-button:hover::after {
+  content: attr(title);
+  @apply absolute left-full ml-2 px-2 py-1 bg-base-300 text-base-content rounded text-sm whitespace-nowrap z-50;
+}
+
+.sidenav-overlay {
+  @apply fixed inset-0 bg-base-content/50 z-40 transition-opacity duration-300;
+}
+
+.sidenav-overlay-hidden {
+  @apply opacity-0 pointer-events-none;
+}
+
+.sidenav-overlay-visible {
+  @apply opacity-100;
+}
+
+@media (min-width: 768px) {
+  .sidenav-desktop {
+    @apply relative transform-none shadow-none;
+  }
+
+  .sidenav-overlay {
+    @apply hidden;
+  }
+}

package/dist/components/sidenav/Sidenav.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type SidenavBaseProps = {
+    title?: string;
+    isOpen?: boolean;
+    onClose?: () => void;
+    collapsed?: boolean;
+    children?: JSX.Element;
+    footer?: JSX.Element;
+    desktopBreakpoint?: number;
+};
+export type SidenavProps = JSX.HTMLAttributes<HTMLElement> & SidenavBaseProps & IComponentBaseProps;
+declare const Sidenav: (props: SidenavProps) => JSX.Element;
+export default Sidenav;

package/dist/components/sidenav/Sidenav.js

@@ -0,0 +1,66 @@
+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_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__ from "../utils.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-header><h2 class=sidenav-title>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-footer>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<nav><div class=sidenav-content>");
+const Sidenav = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "title",
+        "isOpen",
+        "onClose",
+        "collapsed",
+        "children",
+        "footer",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "desktopBreakpoint"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const isDesktop = (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.useDesktop)(local.desktopBreakpoint || 1024);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("sidenav", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "sidenav-collapsed": local.collapsed,
+            "sidenav-closed": !local.isOpen,
+            "sidenav-desktop": isDesktop()
+        })));
+    return (()=>{
+        var _el$ = _tmpl$3(), _el$4 = _el$.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return classes();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.title && !local.collapsed;
+            },
+            get children () {
+                var _el$2 = _tmpl$(), _el$3 = _el$2.firstChild;
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.title);
+                return _el$2;
+            }
+        }), _el$4);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, resolvedChildren);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.footer;
+            },
+            get children () {
+                var _el$5 = _tmpl$2();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.footer);
+                return _el$5;
+            }
+        }), null);
+        return _el$;
+    })();
+};
+const sidenav_Sidenav = Sidenav;
+export { sidenav_Sidenav as default };

package/dist/components/sidenav/SidenavButton.d.ts

@@ -0,0 +1,9 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type SidenavButtonBaseProps = {
+    onClick?: () => void;
+    title?: string;
+};
+export type SidenavButtonProps = JSX.HTMLAttributes<HTMLButtonElement> & SidenavButtonBaseProps & IComponentBaseProps;
+declare const SidenavButton: (props: SidenavButtonProps) => JSX.Element;
+export default SidenavButton;

package/dist/components/{description/Description.js → sidenav/SidenavButton.js}

@@ -1,26 +1,30 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./Description.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Description_classes_js_851545c0__ from "./Description.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
-const DescriptionRoot = (props)=>{
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>");
+const SidenavButton = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
+        "onClick",
+        "title",
         "class",
         "className",
         "dataTheme",
-        "style",
-        "slot"
+        "style"
     ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("sidenav-item-button", local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Description_classes_js_851545c0__.CLASSES.base, local.class, local.className)
-            }), {
-            "data-slot": "description",
-            get slot () {
-                return local.slot ?? "description";
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return classes();
+            },
+            get onClick () {
+                return local.onClick;
+            },
+            get title () {
+                return local.title;
             },
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -29,12 +33,9 @@ const DescriptionRoot = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
         return _el$;
     })();
 };
-const Description = Object.assign(DescriptionRoot, {
-    Root: DescriptionRoot
-});
-const description_Description = Description;
-export { Description, DescriptionRoot, description_Description as default };
+const sidenav_SidenavButton = SidenavButton;
+export { sidenav_SidenavButton as default };

package/dist/components/sidenav/SidenavGroup.d.ts

@@ -0,0 +1,10 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type SidenavGroupBaseProps = {
+    label?: string;
+    children: JSX.Element;
+    collapsed?: boolean;
+};
+export type SidenavGroupProps = JSX.HTMLAttributes<HTMLDivElement> & SidenavGroupBaseProps & IComponentBaseProps;
+declare const SidenavGroup: (props: SidenavGroupProps) => JSX.Element;
+export default SidenavGroup;

package/dist/components/{menu/MenuSection.js → sidenav/SidenavGroup.js}

@@ -1,54 +1,45 @@
 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_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__ from "./Menu.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const MenuSectionRoot = (props)=>{
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-group-label>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><ul class=sidenav-group-items>");
+const SidenavGroup = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "label",
         "children",
+        "collapsed",
         "class",
         "className",
         "dataTheme",
-        "style",
-        "title",
-        "role"
+        "style"
     ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("sidenav-group", local.class, local.className));
     return (()=>{
-        var _el$ = _tmpl$2();
+        var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get role () {
-                return local.role ?? "group";
+            get ["class"] () {
+                return classes();
             },
-            "data-slot": "menu-section",
             get ["data-theme"] () {
                 return local.dataTheme;
-            }
-        }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Section.base, local.class, local.className)
-            }), {
+            },
             get style () {
                 return local.style;
             }
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
             get when () {
-                return local.title;
+                return local.label && !local.collapsed;
             },
             get children () {
                 var _el$2 = _tmpl$();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Section.title
-                    }), {
-                    "data-slot": "heading"
-                }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
                 return _el$2;
             }
-        }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
+        }), _el$3);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, resolvedChildren);
         return _el$;
     })();
 };
-const MenuSection = MenuSectionRoot;
-const menu_MenuSection = MenuSection;
-export { MenuSection, MenuSectionRoot, menu_MenuSection as default };
+const sidenav_SidenavGroup = SidenavGroup;
+export { sidenav_SidenavGroup as default };

package/dist/components/sidenav/SidenavItem.d.ts

@@ -0,0 +1,8 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type SidenavItemBaseProps = {
+    active?: boolean;
+};
+export type SidenavItemProps = JSX.HTMLAttributes<HTMLLIElement> & SidenavItemBaseProps & IComponentBaseProps;
+declare const SidenavItem: (props: SidenavItemProps) => JSX.Element;
+export default SidenavItem;

package/dist/components/{error-message/ErrorMessage.js → sidenav/SidenavItem.js}

@@ -1,26 +1,26 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./ErrorMessage.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__ErrorMessage_classes_js_27e86b98__ from "./ErrorMessage.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
-const ErrorMessageRoot = (props)=>{
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>");
+const SidenavItem = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
+        "active",
         "class",
         "className",
         "dataTheme",
-        "style",
-        "slot"
+        "style"
     ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("sidenav-item", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "sidenav-item-active": local.active
+        })));
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ErrorMessage_classes_js_27e86b98__.CLASSES.base, local.class, local.className)
-            }), {
-            "data-slot": "error-message",
-            get slot () {
-                return local.slot ?? "errorMessage";
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return classes();
             },
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -29,12 +29,9 @@ const ErrorMessageRoot = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
         return _el$;
     })();
 };
-const ErrorMessage_ErrorMessage = Object.assign(ErrorMessageRoot, {
-    Root: ErrorMessageRoot
-});
-const ErrorMessage = ErrorMessage_ErrorMessage;
-export { ErrorMessage_ErrorMessage as ErrorMessage, ErrorMessageRoot, ErrorMessage as default };
+const sidenav_SidenavItem = SidenavItem;
+export { sidenav_SidenavItem as default };

package/dist/components/sidenav/SidenavLink.d.ts

@@ -0,0 +1,9 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+type SidenavLinkBaseProps = {
+    asChild?: boolean;
+    as?: string;
+};
+export type SidenavLinkProps = JSX.HTMLAttributes<HTMLDivElement> & SidenavLinkBaseProps & IComponentBaseProps;
+declare const SidenavLink: (props: SidenavLinkProps) => JSX.Element;
+export default SidenavLink;

package/dist/components/sidenav/SidenavLink.js

@@ -0,0 +1,36 @@
+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_tailwind_merge_e05e3e95__ from "tailwind-merge";
+const SidenavLink = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "asChild",
+        "as",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("sidenav-item-link", local.class, local.className));
+    if (local.asChild) return resolvedChildren();
+    const Tag = local.as || "div";
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        component: Tag
+    }, others, {
+        get ["class"] () {
+            return classes();
+        },
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get style () {
+            return local.style;
+        },
+        get children () {
+            return resolvedChildren();
+        }
+    }));
+};
+const sidenav_SidenavLink = SidenavLink;
+export { sidenav_SidenavLink as default };

package/dist/components/sidenav/SidenavMenu.d.ts

@@ -0,0 +1,5 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type SidenavMenuProps = JSX.HTMLAttributes<HTMLUListElement> & IComponentBaseProps;
+declare const SidenavMenu: (props: SidenavMenuProps) => JSX.Element;
+export default SidenavMenu;

package/dist/components/sidenav/SidenavMenu.js

@@ -0,0 +1,31 @@
+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_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul>");
+const SidenavMenu = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("sidenav-menu", local.class, local.className);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            class: classes,
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        return _el$;
+    })();
+};
+const sidenav_SidenavMenu = SidenavMenu;
+export { sidenav_SidenavMenu as default };

package/dist/components/sidenav/index.d.ts

@@ -0,0 +1,12 @@
+export { default as Sidenav } from "./Sidenav";
+export { default as SidenavMenu } from "./SidenavMenu";
+export { default as SidenavItem } from "./SidenavItem";
+export { default as SidenavGroup } from "./SidenavGroup";
+export { default as SidenavLink } from "./SidenavLink";
+export { default as SidenavButton } from "./SidenavButton";
+export type { SidenavProps } from "./Sidenav";
+export type { SidenavMenuProps } from "./SidenavMenu";
+export type { SidenavItemProps } from "./SidenavItem";
+export type { SidenavGroupProps } from "./SidenavGroup";
+export type { SidenavLinkProps } from "./SidenavLink";
+export type { SidenavButtonProps } from "./SidenavButton";

package/dist/components/sidenav/index.js

@@ -0,0 +1,13 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Sidenav_js_004426f9__ from "./Sidenav.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SidenavMenu_js_f22aa5f2__ from "./SidenavMenu.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SidenavItem_js_b3b9af8c__ from "./SidenavItem.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SidenavGroup_js_6019ed7d__ from "./SidenavGroup.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SidenavLink_js_20bf864a__ from "./SidenavLink.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SidenavButton_js_d52bad33__ from "./SidenavButton.js";
+var __webpack_exports__Sidenav = __WEBPACK_EXTERNAL_MODULE__Sidenav_js_004426f9__["default"];
+var __webpack_exports__SidenavButton = __WEBPACK_EXTERNAL_MODULE__SidenavButton_js_d52bad33__["default"];
+var __webpack_exports__SidenavGroup = __WEBPACK_EXTERNAL_MODULE__SidenavGroup_js_6019ed7d__["default"];
+var __webpack_exports__SidenavItem = __WEBPACK_EXTERNAL_MODULE__SidenavItem_js_b3b9af8c__["default"];
+var __webpack_exports__SidenavLink = __WEBPACK_EXTERNAL_MODULE__SidenavLink_js_20bf864a__["default"];
+var __webpack_exports__SidenavMenu = __WEBPACK_EXTERNAL_MODULE__SidenavMenu_js_f22aa5f2__["default"];
+export { __webpack_exports__Sidenav as Sidenav, __webpack_exports__SidenavButton as SidenavButton, __webpack_exports__SidenavGroup as SidenavGroup, __webpack_exports__SidenavItem as SidenavItem, __webpack_exports__SidenavLink as SidenavLink, __webpack_exports__SidenavMenu as SidenavMenu };

package/dist/components/size-picker/SizePicker.js

@@ -4,8 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-m
 import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__ from "./sizeStore.js";
-import * as __WEBPACK_EXTERNAL_MODULE__SizePicker_classes_js_e21f4008__ from "./SizePicker.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=radiogroup>");
 const PRESETS = [
     "M",
     "L",
@@ -26,16 +25,16 @@ const SizePicker_SizePicker = (props)=>{
         store().setSize(preset);
         local.onSizeChange?.(preset);
     };
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SizePicker_classes_js_e21f4008__.CLASSES.base, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class, local.className));
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("inline-flex gap-1", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: classes()
-            }), {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return classes();
+            },
             get style () {
                 return local.style;
             },
-            role: "radiogroup",
             get ["aria-label"] () {
                 return local["aria-label"] ?? "Change text size";
             }

package/dist/components/skeleton/Skeleton.js

@@ -2,8 +2,12 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Skeleton.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Skeleton_classes_js_44948e04__ from "./Skeleton.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const ANIMATION_CLASS_MAP = {
+    shimmer: "skeleton--shimmer",
+    pulse: "skeleton--pulse",
+    none: "skeleton--none"
+};
 const Skeleton = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
@@ -15,9 +19,10 @@ const Skeleton = (props)=>{
     const animation = ()=>local.animationType ?? "shimmer";
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Skeleton_classes_js_44948e04__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Skeleton_classes_js_44948e04__.CLASSES.animation[animation()], local.class, local.className)
-            }), {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("skeleton", ANIMATION_CLASS_MAP[animation()], local.class, local.className);
+            },
             "data-slot": "skeleton",
             get ["data-theme"] () {
                 return local.dataTheme;