@pathscale/ui 0.1.1 → 1.2.0

package/dist/{sidenav → components/sidenav}/Sidenav.css

@@ -33,7 +33,33 @@
 }
 
 .sidenav-close {
-  @apply btn btn-ghost btn-sm p-1 hover:bg-base-300;
+  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 {

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

@@ -0,0 +1,10 @@
+import { type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import { type SizePreset } from "./sizeStore";
+export interface SizePickerProps extends IComponentBaseProps {
+    storagePrefix?: string;
+    onSizeChange?: (size: SizePreset) => void;
+    "aria-label"?: string;
+}
+declare const SizePicker: Component<SizePickerProps>;
+export default SizePicker;

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

@@ -0,0 +1,63 @@
+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__button_index_js_557db1f7__ from "../button/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__ from "./sizeStore.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=radiogroup>");
+const PRESETS = [
+    "M",
+    "L",
+    "XL"
+];
+const SizePicker_SizePicker = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "storagePrefix",
+        "onSizeChange",
+        "aria-label",
+        "class",
+        "className",
+        "style",
+        "dataTheme"
+    ]);
+    const store = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__.createSizeStore)(local.storagePrefix ?? "theme"));
+    const handleClick = (preset)=>{
+        store().setSize(preset);
+        local.onSizeChange?.(preset);
+    };
+    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)({
+            get ["class"] () {
+                return classes();
+            },
+            get style () {
+                return local.style;
+            },
+            get ["aria-label"] () {
+                return local["aria-label"] ?? "Change text size";
+            }
+        }, others), 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__.For, {
+            each: PRESETS,
+            children: (preset)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
+                    type: "button",
+                    size: "sm",
+                    get variant () {
+                        return store().size() === preset ? "primary" : "ghost";
+                    },
+                    onClick: ()=>handleClick(preset),
+                    role: "radio",
+                    get ["aria-checked"] () {
+                        return store().size() === preset;
+                    },
+                    "aria-label": `Size ${preset}`,
+                    children: preset
+                })
+        }));
+        return _el$;
+    })();
+};
+const SizePicker = SizePicker_SizePicker;
+export { SizePicker as default };

package/dist/components/size-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SizePicker } from "./SizePicker";
+export type { SizePickerProps } from "./SizePicker";
+export { createSizeStore, getDefaultSizeStore, type SizeStore, type SizePreset, } from "./sizeStore";

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

@@ -0,0 +1,6 @@
+import * as __WEBPACK_EXTERNAL_MODULE__SizePicker_js_9cdb43f2__ from "./SizePicker.js";
+import * as __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__ from "./sizeStore.js";
+var __webpack_exports__SizePicker = __WEBPACK_EXTERNAL_MODULE__SizePicker_js_9cdb43f2__["default"];
+var __webpack_exports__createSizeStore = __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__.createSizeStore;
+var __webpack_exports__getDefaultSizeStore = __WEBPACK_EXTERNAL_MODULE__sizeStore_js_308b1735__.getDefaultSizeStore;
+export { __webpack_exports__SizePicker as SizePicker, __webpack_exports__createSizeStore as createSizeStore, __webpack_exports__getDefaultSizeStore as getDefaultSizeStore };

package/dist/components/size-picker/sizeStore.d.ts

@@ -0,0 +1,8 @@
+export type SizePreset = "M" | "L" | "XL";
+export interface SizeStore {
+    size: () => SizePreset;
+    setSize: (size: SizePreset) => void;
+    scale: () => number;
+}
+export declare function createSizeStore(storagePrefix: string): SizeStore;
+export declare function getDefaultSizeStore(): SizeStore;

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

@@ -0,0 +1,36 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+const SIZE_SCALE = {
+    M: 100,
+    L: 112.5,
+    XL: 125
+};
+function applySize(preset) {
+    document.documentElement.style.fontSize = `${SIZE_SCALE[preset]}%`;
+}
+function createSizeStore(storagePrefix) {
+    const STORAGE_KEY = `${storagePrefix}_size_preset`;
+    const getInitial = ()=>{
+        if ("undefined" == typeof window) return "M";
+        const saved = localStorage.getItem(STORAGE_KEY);
+        if (saved && saved in SIZE_SCALE) return saved;
+        return "M";
+    };
+    const [size, setSizeInternal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(getInitial());
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        const s = size();
+        if ("undefined" == typeof window) return;
+        localStorage.setItem(STORAGE_KEY, s);
+        applySize(s);
+    });
+    return {
+        size,
+        setSize: setSizeInternal,
+        scale: ()=>SIZE_SCALE[size()]
+    };
+}
+let defaultStore = null;
+function getDefaultSizeStore() {
+    if (!defaultStore) defaultStore = createSizeStore("theme");
+    return defaultStore;
+}
+export { createSizeStore, getDefaultSizeStore };

package/dist/components/skeleton/Skeleton.css

@@ -0,0 +1,95 @@
+@layer components {
+  /* -------------------------------------------------------------------------------------------------
+   * Base
+   * -----------------------------------------------------------------------------------------------*/
+  .skeleton {
+    pointer-events: none;
+    position: relative;
+    overflow: hidden;
+    border-radius: var(--radius-field, 0.25rem);
+    background-color: color-mix(in oklab, var(--color-base-300) 70%, transparent);
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Shimmer animation
+   * -----------------------------------------------------------------------------------------------*/
+  .skeleton--shimmer::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    transform: translateX(-100%);
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      color-mix(in oklab, var(--color-base-300) 50%, transparent) 50%,
+      transparent 100%
+    );
+    animation: skeleton-shimmer 1.5s ease-in-out infinite;
+  }
+
+  @keyframes skeleton-shimmer {
+    100% {
+      transform: translateX(100%);
+    }
+  }
+
+  /* Parent with nested skeletons: single synchronized shimmer */
+  .skeleton--shimmer:has(.skeleton)::after {
+    content: none;
+  }
+
+  .skeleton--shimmer:has(.skeleton)::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: 10;
+    pointer-events: none;
+    transform: translateX(-100%);
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      oklch(100% 0 0 / 0.5) 50%,
+      transparent 100%
+    );
+    mix-blend-mode: overlay;
+    animation: skeleton-shimmer 1.5s ease-in-out infinite;
+  }
+
+  .skeleton--shimmer:has(.skeleton) .skeleton::after {
+    content: none;
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Pulse animation
+   * -----------------------------------------------------------------------------------------------*/
+  .skeleton--pulse {
+    animation: skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
+  @keyframes skeleton-pulse {
+    0%, 100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.5;
+    }
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * No animation
+   * -----------------------------------------------------------------------------------------------*/
+  .skeleton--none {
+    /* Static placeholder, no animation */
+  }
+
+  /* -------------------------------------------------------------------------------------------------
+   * Reduced motion
+   * -----------------------------------------------------------------------------------------------*/
+  @media (prefers-reduced-motion: reduce) {
+    .skeleton--shimmer::after,
+    .skeleton--shimmer::before,
+    .skeleton--pulse {
+      animation: none;
+    }
+  }
+}

package/dist/components/skeleton/Skeleton.d.ts

@@ -1,5 +1,9 @@
-import type { JSX } from "solid-js";
+import "./Skeleton.css";
+import { type Component, type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
-export type SkeletonProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
-declare const Skeleton: (props: SkeletonProps) => JSX.Element;
+export type SkeletonAnimation = "shimmer" | "pulse" | "none";
+export type SkeletonProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    animationType?: SkeletonAnimation;
+};
+declare const Skeleton: Component<SkeletonProps>;
 export default Skeleton;

package/dist/components/skeleton/Skeleton.js

@@ -0,0 +1,38 @@
+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";
+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",
+        "className",
+        "animationType",
+        "dataTheme",
+        "style"
+    ]);
+    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, {
+            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;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, false);
+        return _el$;
+    })();
+};
+const skeleton_Skeleton = Skeleton;
+export { skeleton_Skeleton as default };

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

@@ -1 +1 @@
-export { default } from "./Skeleton";
+export { default, type SkeletonProps, type SkeletonAnimation, } from "./Skeleton";

package/dist/components/skeleton/index.js

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

package/dist/components/skip-link/SkipLink.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type SkipLinkProps = IComponentBaseProps & {
+    href?: string;
+    children?: JSX.Element;
+} & Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "children" | "class" | "className" | "style">;
+export default function SkipLink(props: SkipLinkProps): JSX.Element;

package/dist/components/skip-link/SkipLink.js

@@ -0,0 +1,34 @@
+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)("<a>");
+function SkipLink(props) {
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "href",
+        "children",
+        "class",
+        "className",
+        "style",
+        "dataTheme"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get href () {
+                return local.href ?? "#main-content";
+            },
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:rounded focus:bg-primary focus:text-primary-content focus:outline-none", local.class, local.className);
+            },
+            get style () {
+                return local.style;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? "Skip to main content");
+        return _el$;
+    })();
+}
+export { SkipLink as default };

package/dist/components/skip-link/index.d.ts

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

package/dist/components/skip-link/index.js

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