@pathscale/ui 1.1.55 → 1.1.56

package/dist/components/badge/Badge.js

@@ -3,8 +3,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
 import "./Badge.css";
-import * as __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__ from "./Badge.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+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)("<span data-slot=badge-label>");
 const BadgeAnchor = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -12,15 +11,39 @@ const BadgeAnchor = (props)=>{
     ]);
     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__Badge_classes_js_1dfbfa86__.CLASSES.slot.anchor, local.class)
-            }), {
+        (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)("badge-anchor", local.class);
+            },
             "data-slot": "badge-anchor"
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
         return _el$;
     })();
 };
+const BADGE_SIZE_CLASS = {
+    sm: "badge--sm",
+    md: "badge--md",
+    lg: "badge--lg"
+};
+const BADGE_COLOR_CLASS = {
+    default: "badge--default",
+    accent: "badge--accent",
+    success: "badge--success",
+    warning: "badge--warning",
+    danger: "badge--danger"
+};
+const BADGE_VARIANT_CLASS = {
+    primary: "badge--primary",
+    secondary: "badge--secondary",
+    soft: "badge--soft"
+};
+const BADGE_PLACEMENT_CLASS = {
+    "top-right": "badge--top-right",
+    "top-left": "badge--top-left",
+    "bottom-right": "badge--bottom-right",
+    "bottom-left": "badge--bottom-left"
+};
 const BadgeRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -35,7 +58,7 @@ const BadgeRoot = (props)=>{
         const color = local.color ?? "default";
         const variant = local.variant ?? "primary";
         const placement = local.placement ?? "top-right";
-        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(__WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.size[size], __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.color[color], __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.variant[variant], __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.placement[placement], local.class));
+        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("badge", BADGE_SIZE_CLASS[size], BADGE_COLOR_CLASS[color], BADGE_VARIANT_CLASS[variant], BADGE_PLACEMENT_CLASS[placement], local.class));
     };
     const badgeChildren = ()=>{
         const c = local.children;
@@ -46,9 +69,10 @@ const BadgeRoot = (props)=>{
     };
     return (()=>{
         var _el$2 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: classes()
-            }), {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return classes();
+            },
             "data-slot": "badge"
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, badgeChildren);
@@ -61,11 +85,11 @@ const BadgeLabel = (props)=>{
         "class"
     ]);
     return (()=>{
-        var _el$3 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.slot.label, local.class)
-            }), {
-            "data-slot": "badge-label"
+        var _el$3 = _tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("badge__label", local.class);
+            }
         }, others), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
         return _el$3;

package/dist/components/bottom-sheet/BottomSheet.d.ts

@@ -0,0 +1,11 @@
+import { type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export interface BottomSheetProps extends IComponentBaseProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children?: import("solid-js").JSX.Element;
+    closeOnOverlayClick?: boolean;
+    closeOnSwipeDown?: boolean;
+}
+declare const BottomSheet: Component<BottomSheetProps>;
+export default BottomSheet;

package/dist/components/bottom-sheet/BottomSheet.js

@@ -0,0 +1,109 @@
+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_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class=p-4><div class="w-12 h-1 bg-base-content/30 rounded-full mx-auto mb-4">');
+const BottomSheet = (props)=>{
+    const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
+        closeOnOverlayClick: true,
+        closeOnSwipeDown: true
+    }, props);
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(merged, [
+        "isOpen",
+        "onClose",
+        "children",
+        "dataTheme",
+        "class",
+        "className",
+        "style",
+        "closeOnOverlayClick",
+        "closeOnSwipeDown"
+    ]);
+    const [isDragging, setIsDragging] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [startY, setStartY] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(0);
+    const [currentY, setCurrentY] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(0);
+    let sheetRef;
+    let overlayRef;
+    const handleTouchStart = (e)=>{
+        if (!local.closeOnSwipeDown) return;
+        const touchY = e.touches[0].clientY;
+        const sheetTop = sheetRef?.getBoundingClientRect().top || 0;
+        if (touchY - sheetTop < 50) {
+            setIsDragging(true);
+            setStartY(touchY);
+            setCurrentY(touchY);
+        }
+    };
+    const handleTouchMove = (e)=>{
+        if (!isDragging()) return;
+        const deltaY = e.touches[0].clientY - startY();
+        const newY = Math.max(0, deltaY);
+        setCurrentY(e.touches[0].clientY);
+        if (sheetRef) sheetRef.style.transform = `translateY(${newY}px)`;
+        e.preventDefault();
+    };
+    const handleTouchEnd = ()=>{
+        if (!isDragging()) return;
+        setIsDragging(false);
+        const deltaY = currentY() - startY();
+        if (deltaY > 100) local.onClose();
+        else if (sheetRef) sheetRef.style.transform = "translateY(0)";
+    };
+    const handleOverlayClick = (e)=>{
+        if (local.closeOnOverlayClick && e.target === overlayRef) local.onClose();
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
+        if (sheetRef && local.closeOnSwipeDown) {
+            sheetRef.addEventListener("touchstart", handleTouchStart, {
+                passive: true
+            });
+            sheetRef.addEventListener("touchmove", handleTouchMove, {
+                passive: false
+            });
+            sheetRef.addEventListener("touchend", handleTouchEnd, {
+                passive: true
+            });
+        }
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        if (sheetRef) {
+            sheetRef.removeEventListener("touchstart", handleTouchStart);
+            sheetRef.removeEventListener("touchmove", handleTouchMove);
+            sheetRef.removeEventListener("touchend", handleTouchEnd);
+        }
+    });
+    return [
+        (()=>{
+            var _el$ = _tmpl$();
+            _el$.$$click = handleOverlayClick;
+            var _ref$ = overlayRef;
+            "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : overlayRef = _el$;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("fixed inset-0 bg-base-100 bg-opacity-60 z-40 transition-opacity duration-200", local.isOpen ? "opacity-100" : "opacity-0 pointer-events-none")));
+            return _el$;
+        })(),
+        (()=>{
+            var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
+            _el$3.firstChild;
+            var _ref$2 = sheetRef;
+            "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$2) : sheetRef = _el$2;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                get ["class"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("bg-base-300 text-base-content fixed bottom-0 left-0 right-0 rounded-t-2xl shadow-lg z-50 transition-transform duration-300 ease-out", local.isOpen ? "translate-y-0" : "translate-y-full"), local.class, local.className);
+                },
+                get style () {
+                    return {
+                        transform: isDragging() ? `translateY(${Math.max(0, currentY() - startY())}px)` : void 0,
+                        ...local.style
+                    };
+                }
+            }, others), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children, null);
+            return _el$2;
+        })()
+    ];
+};
+const bottom_sheet_BottomSheet = BottomSheet;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+export { bottom_sheet_BottomSheet as default };

package/dist/components/bottom-sheet/index.d.ts

@@ -0,0 +1,2 @@
+export type { BottomSheetProps } from "./BottomSheet";
+export { default } from "./BottomSheet";

package/dist/components/bottom-sheet/index.js

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

package/dist/components/breadcrumbs/Breadcrumbs.js

@@ -2,8 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Breadcrumbs.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__Breadcrumbs_classes_js_83219ed5__ from "./Breadcrumbs.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=breadcrumbs-separator fill=none height=12 viewBox="0 0 24 24"width=12 xmlns=http://www.w3.org/2000/svg><path d="M9 18l6-6-6-6"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<nav>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=breadcrumbs-separator fill=none height=12 viewBox="0 0 24 24"width=12 xmlns=http://www.w3.org/2000/svg><path d="M9 18l6-6-6-6"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<nav>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a class=breadcrumbs__link data-slot=breadcrumbs-link>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=breadcrumbs__separator data-slot=breadcrumbs-separator>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=breadcrumbs__link data-slot=breadcrumbs-link>");
 const BreadcrumbsContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const useBreadcrumbsContext = ()=>{
     const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(BreadcrumbsContext);
@@ -28,10 +27,10 @@ const BreadcrumbsRoot = (props)=>{
         get children () {
             var _el$2 = _tmpl$2();
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-                "aria-label": "Breadcrumbs"
-            }, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Breadcrumbs_classes_js_83219ed5__.CLASSES.Root.base, local.class, local.className)
-                }), {
+                "aria-label": "Breadcrumbs",
+                get ["class"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("breadcrumbs", local.class, local.className);
+                },
                 "data-slot": "breadcrumbs",
                 get ["data-theme"] () {
                     return local.dataTheme;
@@ -45,7 +44,6 @@ const BreadcrumbsRoot = (props)=>{
         }
     });
 };
-const [ITEM_CLASS, LINK_CLASS, SEPARATOR_CLASS] = __WEBPACK_EXTERNAL_MODULE__Breadcrumbs_classes_js_83219ed5__.CLASSES.Item.base;
 const BreadcrumbsItem = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -59,9 +57,10 @@ const BreadcrumbsItem = (props)=>{
     const ctx = useBreadcrumbsContext();
     return (()=>{
         var _el$3 = _tmpl$5();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(ITEM_CLASS, local.class, local.className)
-            }), {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("breadcrumbs__item", local.class, local.className);
+            },
             "data-slot": "breadcrumbs-item",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -76,34 +75,24 @@ const BreadcrumbsItem = (props)=>{
             },
             get fallback () {
                 return (()=>{
-                    var _el$6 = _tmpl$4();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                        class: LINK_CLASS
-                    }, {
-                        "data-slot": "breadcrumbs-link",
-                        get ["data-current"] () {
-                            return local.isCurrent ? "true" : void 0;
-                        },
-                        get ["aria-current"] () {
-                            return local.isCurrent ? "page" : void 0;
-                        }
-                    }), false, true);
+                    var _el$6 = _tmpl$6();
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                        var _v$ = local.isCurrent ? "true" : void 0, _v$2 = local.isCurrent ? "page" : void 0;
+                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-current", _p$.e = _v$);
+                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-current", _p$.t = _v$2);
+                        return _p$;
+                    }, {
+                        e: void 0,
+                        t: void 0
+                    });
                     return _el$6;
                 })();
             },
             get children () {
                 var _el$4 = _tmpl$3();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                    get href () {
-                        return local.href;
-                    }
-                }, {
-                    class: LINK_CLASS
-                }, {
-                    "data-slot": "breadcrumbs-link"
-                }), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "href", local.href));
                 return _el$4;
             }
         }), null);
@@ -113,11 +102,6 @@ const BreadcrumbsItem = (props)=>{
             },
             get children () {
                 var _el$5 = _tmpl$4();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-                    class: SEPARATOR_CLASS
-                }, {
-                    "data-slot": "breadcrumbs-separator"
-                }), false, true);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>ctx.separator() ?? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ChevronRight, {}));
                 return _el$5;
             }

package/dist/components/browsermockup/BrowserMockup.d.ts

@@ -0,0 +1,10 @@
+import { type JSX, type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type BrowserMockupProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "ref"> & IComponentBaseProps & {
+    url: string;
+    variant?: "border" | "background";
+    inputClassName?: string;
+    innerClassName?: string;
+};
+declare const BrowserMockup: ParentComponent<BrowserMockupProps>;
+export default BrowserMockup;

package/dist/components/browsermockup/BrowserMockup.js

@@ -0,0 +1,55 @@
+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_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=mockup-browser-toolbar><div class=input><input type=text readonly></div></div><div>");
+const BrowserMockup = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "dataTheme",
+        "class",
+        "className",
+        "inputClassName",
+        "innerClassName",
+        "children",
+        "url",
+        "variant"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const variant = ()=>local.variant ?? "border";
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mockup-browser border", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "border-base-300": "border" === variant(),
+            "bg-base-300": "background" === variant()
+        }), local.class, local.className));
+    const inputClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("input", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "border-base-300": "border" === variant()
+        }), local.inputClassName));
+    const innerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex justify-center px-4 py-16", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+            "border-t border-base-300": "border" === variant(),
+            "bg-base-200": "background" === variant()
+        }), local.innerClassName));
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$2.nextSibling;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return classes();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, resolvedChildren);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = inputClasses(), _v$2 = innerClasses();
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.t = _v$2);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$4.value = local.url);
+        return _el$;
+    })();
+};
+const browsermockup_BrowserMockup = BrowserMockup;
+export { browsermockup_BrowserMockup as default };

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

@@ -0,0 +1,2 @@
+export { default } from "./BrowserMockup";
+export type { BrowserMockupProps } from "./BrowserMockup";

package/dist/components/browsermockup/index.js

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

package/dist/components/button/Button.css

@@ -64,10 +64,7 @@
     }
   }
 
-  .button__icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
+  .button svg:not([data-slot="spinner"] svg) {
     pointer-events: none;
     margin-block: 0.125rem;
     height: 1rem;
@@ -76,12 +73,6 @@
     align-self: center;
   }
 
-  .button__icon > * {
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-  }
-
   .button--sm {
     height: 2.25rem;
     padding-inline: 0.75rem;

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

@@ -1,8 +1,7 @@
 import "./Button.css";
 import { type JSX } from "solid-js";
-import { CLASSES } from "./Button.classes";
-export type ButtonVariant = keyof typeof CLASSES.variant;
-export type ButtonSize = keyof typeof CLASSES.size;
+type ButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "danger" | "danger-soft";
+type ButtonSize = "sm" | "md" | "lg";
 type ButtonProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "disabled"> & {
     variant?: ButtonVariant;
     size?: ButtonSize;
@@ -10,10 +9,8 @@ type ButtonProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "disabled">
     fullWidth?: boolean;
     isDisabled?: boolean;
     isPending?: boolean;
-    startIcon?: JSX.Element;
-    endIcon?: JSX.Element;
     className?: string;
 };
 declare const Button: (props: ButtonProps) => JSX.Element;
 export default Button;
-export type { ButtonProps };
+export type { ButtonProps, ButtonVariant, ButtonSize };

package/dist/components/button/Button.js

@@ -2,9 +2,21 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Button.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__button_group_context_js_9dfe2267__ from "../button-group/context.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__ from "./Button.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)("<button>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=button__spinner data-slot=spinner aria-hidden=true>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>");
+const VARIANT_CLASS_MAP = {
+    primary: "button--primary",
+    secondary: "button--secondary",
+    tertiary: "button--tertiary",
+    outline: "button--outline",
+    ghost: "button--ghost",
+    danger: "button--danger",
+    "danger-soft": "button--danger-soft"
+};
+const SIZE_CLASS_MAP = {
+    sm: "button--sm",
+    md: "button--md",
+    lg: "button--lg"
+};
 const Button = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -16,25 +28,21 @@ const Button = (props)=>{
         "fullWidth",
         "isDisabled",
         "isPending",
-        "startIcon",
-        "endIcon",
         "type"
     ]);
-    const buttonGroupContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(__WEBPACK_EXTERNAL_MODULE__button_group_context_js_9dfe2267__.ButtonGroupContext);
-    const variant = ()=>local.variant ?? buttonGroupContext?.variant() ?? "primary";
-    const size = ()=>local.size ?? buttonGroupContext?.size() ?? "md";
-    const fullWidth = ()=>local.fullWidth ?? buttonGroupContext?.fullWidth();
-    const disabled = ()=>Boolean(local.isDisabled ?? buttonGroupContext?.isDisabled()) || Boolean(local.isPending);
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.variant[variant()], __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.size[size()], local.isIconOnly && __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.flag.isIconOnly, fullWidth() && __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.flag.fullWidth, local.class, local.className);
+    const variant = ()=>local.variant ?? "primary";
+    const size = ()=>local.size ?? "md";
+    const disabled = ()=>Boolean(local.isDisabled) || Boolean(local.isPending);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("button", VARIANT_CLASS_MAP[variant()], SIZE_CLASS_MAP[size()], local.isIconOnly && "button--icon-only", local.fullWidth && "button--full-width", local.class, local.className);
     return (()=>{
         var _el$ = _tmpl$2();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get type () {
                 return local.type ?? "button";
-            }
-        }, ()=>({
-                class: classes()
-            }), {
+            },
+            get ["class"] () {
+                return classes();
+            },
             "data-slot": "button",
             get ["data-pending"] () {
                 return local.isPending ? "true" : "false";
@@ -51,47 +59,10 @@ const Button = (props)=>{
                 return local.isPending;
             },
             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__Button_classes_js_e06fc199__.CLASSES.slot.spinner
-                    }), {
-                    "data-slot": "spinner",
-                    "aria-hidden": "true"
-                }), false, false);
-                return _el$2;
-            }
-        }), null);
-        (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.startIcon;
-            },
-            get children () {
-                var _el$3 = _tmpl$();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.iconStart)
-                    }), {
-                    "data-slot": "button-start-icon"
-                }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.startIcon);
-                return _el$3;
+                return _tmpl$();
             }
         }), null);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
-        (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.endIcon;
-            },
-            get children () {
-                var _el$4 = _tmpl$();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.iconEnd)
-                    }), {
-                    "data-slot": "button-end-icon"
-                }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.endIcon);
-                return _el$4;
-            }
-        }), null);
         return _el$;
     })();
 };

package/dist/components/calendar/Calendar.d.ts

@@ -1,30 +1,28 @@
-import "./Calendar.css";
+import "cally";
+import "./input.css";
 import { type JSX } from "solid-js";
-import { type CalendarSelectionMode } from "../../hooks/date";
-import type { IComponentBaseProps } from "../types";
-export type CalendarWeekdayFormat = "narrow" | "short" | "long";
-export type { CalendarSelectionMode };
-export type CalendarDaySelectHandler = (date: Date) => void;
-export type CalendarDayHoverHandler = (date?: Date) => void;
+import type { ComponentSize, IComponentBaseProps } from "../types";
+declare module "solid-js" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "calendar-date": any;
+            "calendar-month": any;
+        }
+    }
+}
 type CalendarBaseProps = {
-    selectionMode?: CalendarSelectionMode;
-    value?: Date;
-    defaultValue?: Date;
-    onChange?: (value: Date) => void;
-    rangeStart?: Date;
-    rangeEnd?: Date;
-    rangePreview?: Date;
-    onDaySelect?: CalendarDaySelectHandler;
-    onDayHover?: CalendarDayHoverHandler;
-    minValue?: Date;
-    maxValue?: Date;
-    isDateUnavailable?: (date: Date) => boolean;
-    locale?: string;
-    weekdayFormat?: CalendarWeekdayFormat;
-    showOutsideDays?: boolean;
-    isDisabled?: boolean;
+    size?: ComponentSize;
+    value?: string;
+    onDateSelect?: (value: string) => void;
+    asInput?: boolean;
+    placeholder?: string;
     disabled?: boolean;
+    children?: JSX.Element;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
 };
-export type CalendarProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "onChange" | "children"> & IComponentBaseProps & CalendarBaseProps;
+export type CalendarProps = CalendarBaseProps & IComponentBaseProps;
 declare const Calendar: (props: CalendarProps) => JSX.Element;
 export default Calendar;