@pathscale/ui 1.1.54 → 1.1.56

package/dist/components/showcase-section/ShowcaseSection.js

@@ -0,0 +1,73 @@
+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__copy_button_index_js_612cbdbf__ from "../copy-button/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__flex_index_js_d26fd801__ from "../flex/index.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="opacity-0 group-hover/title:opacity-100 text-base-content/70 transition-opacity">#'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h2 class="text-xl font-semibold group/title">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=space-y-3>");
+const ShowcaseSection = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "id",
+        "title",
+        "children",
+        "class",
+        "className",
+        "dataTheme"
+    ]);
+    const getSectionUrl = ()=>{
+        const url = new URL(window.location.href);
+        url.hash = local.id;
+        return url.toString();
+    };
+    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)({
+            get id () {
+                return local.id;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("p-3 bg-base-100 rounded-lg shadow-sm scroll-mt-6", local.class, local.className);
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_d26fd801__["default"], {
+            align: "center",
+            justify: "between",
+            gap: "sm",
+            class: "mb-2",
+            get children () {
+                return [
+                    (()=>{
+                        var _el$2 = _tmpl$2();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_d26fd801__["default"], {
+                            as: "a",
+                            align: "center",
+                            gap: "sm",
+                            class: "text-inherit hover:text-base-content",
+                            get children () {
+                                return [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>local.title),
+                                    _tmpl$()
+                                ];
+                            }
+                        }));
+                        return _el$2;
+                    })(),
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__copy_button_index_js_612cbdbf__["default"], {
+                        get text () {
+                            return getSectionUrl();
+                        },
+                        title: "Copy link to section",
+                        class: "opacity-0 group-hover:opacity-100 focus:opacity-100"
+                    })
+                ];
+            }
+        }), _el$4);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        return _el$;
+    })();
+};
+const showcase_section_ShowcaseSection = ShowcaseSection;
+export { showcase_section_ShowcaseSection as default };

package/dist/components/showcase-section/index.d.ts

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

package/dist/components/showcase-section/index.js

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

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/sidenav/SidenavButton.js

@@ -0,0 +1,41 @@
+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)("<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"
+    ]);
+    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, {
+            get ["class"] () {
+                return classes();
+            },
+            get onClick () {
+                return local.onClick;
+            },
+            get title () {
+                return local.title;
+            },
+            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_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/sidenav/SidenavGroup.js

@@ -0,0 +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";
+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"
+    ]);
+    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(), _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 ["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.label && !local.collapsed;
+            },
+            get children () {
+                var _el$2 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
+                return _el$2;
+            }
+        }), _el$3);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, resolvedChildren);
+        return _el$;
+    })();
+};
+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/sidenav/SidenavItem.js

@@ -0,0 +1,37 @@
+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";
+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"
+    ]);
+    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, {
+            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$, resolvedChildren);
+        return _el$;
+    })();
+};
+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";
             }