@pathscale/ui 0.0.15 → 0.0.17

package/dist/index.js

@@ -4339,6 +4339,109 @@ Card.Body = CardBody;
 Card.Title = CardTitle;
 Card.Image = CardImage;
 const card_Card = Card;
+var ChatBubbleHeader_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const ChatBubbleHeader_ChatBubbleHeader = (props)=>(()=>{
+        var _el$ = ChatBubbleHeader_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+            get ["class"] () {
+                return bundle_mjs_twMerge("chat-header", props.class);
+            }
+        }), false, false);
+        return _el$;
+    })();
+const ChatBubbleHeader = ChatBubbleHeader_ChatBubbleHeader;
+var ChatBubbleTime_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<time>");
+const ChatBubbleTime = (props)=>(()=>{
+        var _el$ = ChatBubbleTime_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+            get ["class"] () {
+                return bundle_mjs_twMerge("text-xs opacity-50", props.class);
+            }
+        }), false, false);
+        return _el$;
+    })();
+const chatbubble_ChatBubbleTime = ChatBubbleTime;
+const ChatBubbleAvatar = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(avatar, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+        get size () {
+            return props.size ?? "xs";
+        },
+        get shape () {
+            return props.shape ?? "circle";
+        },
+        get ["class"] () {
+            return bundle_mjs_twMerge("chat-image", props.class);
+        }
+    }));
+const chatbubble_ChatBubbleAvatar = ChatBubbleAvatar;
+var ChatBubbleMessage_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const ChatBubbleMessage_ChatBubbleMessage = (props)=>{
+    const bubbleClass = clsx_clsx({
+        "chat-bubble": true,
+        "chat-bubble-neutral": "neutral" === props.color,
+        "chat-bubble-primary": "primary" === props.color,
+        "chat-bubble-secondary": "secondary" === props.color,
+        "chat-bubble-accent": "accent" === props.color,
+        "chat-bubble-info": "info" === props.color,
+        "chat-bubble-success": "success" === props.color,
+        "chat-bubble-warning": "warning" === props.color,
+        "chat-bubble-error": "error" === props.color
+    });
+    return (()=>{
+        var _el$ = ChatBubbleMessage_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+            get ["class"] () {
+                return bundle_mjs_twMerge(bubbleClass, props.class);
+            }
+        }), false, false);
+        return _el$;
+    })();
+};
+const ChatBubbleMessage = ChatBubbleMessage_ChatBubbleMessage;
+var ChatBubbleFooter_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const ChatBubbleFooter = (props)=>(()=>{
+        var _el$ = ChatBubbleFooter_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+            get ["class"] () {
+                return bundle_mjs_twMerge("chat-footer opacity-50", props.class);
+            }
+        }), false, false);
+        return _el$;
+    })();
+const chatbubble_ChatBubbleFooter = ChatBubbleFooter;
+var ChatBubble_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const ChatBubble = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "end",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const classes = ()=>bundle_mjs_twMerge("chat", `chat-${local.end ? "end" : "start"}`, local.class, local.className);
+    return (()=>{
+        var _el$ = ChatBubble_tmpl$();
+        (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();
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>others.children);
+        return _el$;
+    })();
+};
+const chatbubble_ChatBubble = Object.assign(ChatBubble, {
+    Header: ChatBubbleHeader,
+    Time: chatbubble_ChatBubbleTime,
+    Avatar: chatbubble_ChatBubbleAvatar,
+    Message: ChatBubbleMessage,
+    Footer: chatbubble_ChatBubbleFooter
+});
 var Checkbox_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
 const Checkbox = (props)=>{
     let inputRef;
@@ -4514,6 +4617,46 @@ const collapse_Collapse = Object.assign(Collapse, {
     Title: CollapseTitle,
     Content: CollapseContent
 });
+var CopyButton_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button>");
+const CopyButton = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "text",
+        "title",
+        "class",
+        "className",
+        "onCopy",
+        "children",
+        "dataTheme"
+    ]);
+    const [copied, setCopied] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const copy = async ()=>{
+        await navigator.clipboard.writeText(local.text);
+        setCopied(true);
+        local.onCopy?.();
+        setTimeout(()=>setCopied(false), 2000);
+    };
+    return (()=>{
+        var _el$ = CopyButton_tmpl$();
+        _el$.$$click = copy;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get title () {
+                return local.title || "Copy to clipboard";
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return bundle_mjs_twMerge("btn btn-sm btn-ghost", copied() ? "text-success" : "", local.class, local.className);
+            }
+        }, others), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children || (copied() ? "Copied!" : "Copy"));
+        return _el$;
+    })();
+};
+const copy_button_CopyButton = CopyButton;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
 var Countdown_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span role=timer><span>");
 const Countdown = (props)=>{
     const { value, class: className, className: classNameAlt, dataTheme, ...rest } = props;
@@ -4627,7 +4770,7 @@ const dividerStyles = cva("flex items-center whitespace-nowrap relative", {
         position: "center"
     }
 });
-const Divider_Divider = (props)=>{
+const Divider = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "text",
@@ -4662,8 +4805,98 @@ const Divider_Divider = (props)=>{
         children: content
     }));
 };
-const Divider = Divider_Divider;
-const divider = Divider;
+const divider_Divider = Divider;
+const divider = divider_Divider;
+var DockItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>");
+const DockItem_DockItem = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "color",
+        "dataTheme",
+        "active",
+        "disabled"
+    ]);
+    const classes = bundle_mjs_twMerge(local.class, local.className, dist_clsx({
+        "text-neutral": "neutral" === local.color,
+        "text-primary": "primary" === local.color,
+        "text-secondary": "secondary" === local.color,
+        "text-accent": "accent" === local.color,
+        "text-info": "info" === local.color,
+        "text-success": "success" === local.color,
+        "text-warning": "warning" === local.color,
+        "text-error": "error" === local.color,
+        active: local.active,
+        disabled: local.disabled
+    }));
+    return (()=>{
+        var _el$ = DockItem_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 disabled () {
+                return local.disabled;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const DockItem = DockItem_DockItem;
+var DockLabel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const DockLabel = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className"
+    ]);
+    const classes = bundle_mjs_twMerge("dock-label", local.class, local.className);
+    return (()=>{
+        var _el$ = DockLabel_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            class: classes
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const dock_DockLabel = DockLabel;
+var Dock_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const Dock_Dock = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "size",
+        "dataTheme",
+        "class",
+        "className",
+        "children"
+    ]);
+    const classes = bundle_mjs_twMerge("dock", dist_clsx({
+        "dock-lg": "lg" === local.size,
+        "dock-md": "md" === local.size,
+        "dock-sm": "sm" === local.size,
+        "dock-xs": "xs" === local.size
+    }), local.class, local.className);
+    return (()=>{
+        var _el$ = Dock_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            role: "navigation",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            class: classes
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const Dock = Object.assign(Dock_Dock, {
+    Item: DockItem,
+    Label: dock_DockLabel
+});
+const dock = Dock;
 var DropdownToggle_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label tabindex=0>");
 const DropdownToggle = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -5778,6 +6011,48 @@ const Radio = (props)=>{
     })();
 };
 const radio_Radio = Radio;
+var RadialProgress_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=progressbar aria-valuemin=0 aria-valuemax=100>");
+const RadialProgress = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "value",
+        "size",
+        "thickness",
+        "color",
+        "dataTheme",
+        "class",
+        "className",
+        "children"
+    ]);
+    const displayedValue = Math.min(100, Math.max(0, local.value));
+    const classes = bundle_mjs_twMerge("radial-progress", dist_clsx({
+        "text-primary": "primary" === local.color,
+        "text-secondary": "secondary" === local.color,
+        "text-accent": "accent" === local.color,
+        "text-info": "info" === local.color,
+        "text-success": "success" === local.color,
+        "text-warning": "warning" === local.color,
+        "text-error": "error" === local.color
+    }), local.class, local.className);
+    const progressStyle = {
+        "--value": displayedValue,
+        "--size": local.size ?? "4rem",
+        "--thickness": local.thickness ?? "4px"
+    };
+    return (()=>{
+        var _el$ = RadialProgress_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-valuenow", displayedValue);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, classes);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["data-theme"] () {
+                return local.dataTheme;
+            }
+        }, others), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? `${displayedValue}%`);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_$p)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, progressStyle, _$p));
+        return _el$;
+    })();
+};
+const radialprogress_RadialProgress = RadialProgress;
 var Range_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), Range_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="relative mt-2 h-4 w-full max-w-xs"><div class="absolute inset-0 flex items-center justify-between px-2">'), Range_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="absolute text-xs">|');
 const Range = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -6916,6 +7191,29 @@ const Timeline_Timeline = (props)=>{
     })();
 };
 const Timeline = Timeline_Timeline;
+var TimelineEnd_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const TimelineEnd = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "box",
+        "class",
+        "style"
+    ]);
+    const classes = bundle_mjs_twMerge("timeline-end", clsx_clsx({
+        "timeline-box": local.box ?? true
+    }), local.class);
+    return (()=>{
+        var _el$ = TimelineEnd_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            class: classes,
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
+        return _el$;
+    })();
+};
+const timeline_TimelineEnd = TimelineEnd;
 var TimelineItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<hr>"), TimelineItem_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>");
 const TimelineItem = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -6960,29 +7258,6 @@ const TimelineItem = (props)=>{
     })();
 };
 const timeline_TimelineItem = TimelineItem;
-var TimelineStart_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const TimelineStart = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "box",
-        "class",
-        "style"
-    ]);
-    const classes = bundle_mjs_twMerge("timeline-start", clsx_clsx({
-        "timeline-box": local.box
-    }), local.class);
-    return (()=>{
-        var _el$ = TimelineStart_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            class: classes,
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
-        return _el$;
-    })();
-};
-const timeline_TimelineStart = TimelineStart;
 var TimelineMiddle_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), TimelineMiddle_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20"fill=currentColor class="w-5 h-5"><path fill-rule=evenodd d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"clip-rule=evenodd>');
 const TimelineMiddle = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -7004,18 +7279,18 @@ const TimelineMiddle = (props)=>{
     })();
 };
 const timeline_TimelineMiddle = TimelineMiddle;
-var TimelineEnd_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const TimelineEnd = (props)=>{
+var TimelineStart_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const TimelineStart = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "box",
         "class",
         "style"
     ]);
-    const classes = bundle_mjs_twMerge("timeline-end", clsx_clsx({
-        "timeline-box": local.box ?? true
+    const classes = bundle_mjs_twMerge("timeline-start", clsx_clsx({
+        "timeline-box": local.box
     }), local.class);
     return (()=>{
-        var _el$ = TimelineEnd_tmpl$();
+        var _el$ = TimelineStart_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             class: classes,
             get style () {
@@ -7026,7 +7301,7 @@ const TimelineEnd = (props)=>{
         return _el$;
     })();
 };
-const timeline_TimelineEnd = TimelineEnd;
+const timeline_TimelineStart = TimelineStart;
 var Toast_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const horizontalOptions = {
     start: "toast-start",
@@ -7167,4 +7442,174 @@ const Tooltip = (props)=>{
     })();
 };
 const tooltip_Tooltip = Tooltip;
-export { accordion_Accordion as Accordion, alert_Alert as Alert, autocomplete as Autocomplete, avatar as Avatar, Badge, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, button_Button as Button, card_Card as Card, checkbox_Checkbox as Checkbox, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dropdown as Dropdown, field as Field, FileInput, indicator_Indicator as Indicator, input_Input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, polymorphic_Polymorphic as Polymorphic, polymorphic_PolymorphicButton as PolymorphicButton, Progress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, skeleton_Skeleton as Skeleton, Stack, stats_Stats as Stats, steps as Steps, Summary, Swap, table as Table, tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip };
+var Sidenav_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=sidenav-item-label>"), Sidenav_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a class=sidenav-item-link>"), Sidenav_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>"), Sidenav_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button class=sidenav-item-button>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-group>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-group-label>"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-group><ul class=sidenav-group-items>"), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-header><h2 class=sidenav-title>"), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul class=sidenav-menu>"), _tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-children>"), _tmpl$1 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=sidenav-footer>"), _tmpl$10 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<nav><div class=sidenav-content>");
+const Sidenav_Sidenav = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "title",
+        "items",
+        "isOpen",
+        "onClose",
+        "collapsed",
+        "children",
+        "footer",
+        "class"
+    ]);
+    const handleItemClick = (item)=>{
+        if (item.onClick) item.onClick();
+    };
+    const sidenavClasses = ()=>bundle_mjs_twMerge("sidenav", local.class, clsx_clsx({
+            "sidenav-collapsed": local.collapsed,
+            "sidenav-closed": !local.isOpen
+        }));
+    const renderItem = (item)=>(()=>{
+            var _el$ = Sidenav_tmpl$3();
+            (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 item.href;
+                },
+                get fallback () {
+                    return (()=>{
+                        var _el$4 = Sidenav_tmpl$4();
+                        _el$4.$$click = ()=>handleItemClick(item);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>item.icon, null);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                            get when () {
+                                return !local.collapsed;
+                            },
+                            get children () {
+                                var _el$5 = Sidenav_tmpl$();
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>item.label);
+                                return _el$5;
+                            }
+                        }), null);
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "title", local.collapsed ? item.label : void 0));
+                        return _el$4;
+                    })();
+                },
+                get children () {
+                    var _el$2 = Sidenav_tmpl$2();
+                    _el$2.$$click = ()=>handleItemClick(item);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>item.icon, null);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                        get when () {
+                            return !local.collapsed;
+                        },
+                        get children () {
+                            var _el$3 = Sidenav_tmpl$();
+                            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>item.label);
+                            return _el$3;
+                        }
+                    }), null);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                        var _v$ = item.href, _v$2 = local.collapsed ? item.label : void 0;
+                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "href", _p$.e = _v$);
+                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "title", _p$.t = _v$2);
+                        return _p$;
+                    }, {
+                        e: void 0,
+                        t: void 0
+                    });
+                    return _el$2;
+                }
+            }));
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, clsx_clsx("sidenav-item", {
+                    "sidenav-item-active": item.active
+                })));
+            return _el$;
+        })();
+    const renderGroup = (group)=>{
+        if (local.collapsed) return (()=>{
+            var _el$6 = _tmpl$5();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                get each () {
+                    return group.items;
+                },
+                children: (groupItem)=>renderItem(groupItem)
+            }));
+            return _el$6;
+        })();
+        return (()=>{
+            var _el$7 = _tmpl$7(), _el$9 = _el$7.firstChild;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                get when () {
+                    return group.label;
+                },
+                get children () {
+                    var _el$8 = _tmpl$6();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>group.label);
+                    return _el$8;
+                }
+            }), _el$9);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                get each () {
+                    return group.items;
+                },
+                children: (groupItem)=>renderItem(groupItem)
+            }));
+            return _el$7;
+        })();
+    };
+    return (()=>{
+        var _el$0 = _tmpl$10(), _el$11 = _el$0.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return sidenavClasses();
+            }
+        }, others), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (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$1 = _tmpl$8(), _el$10 = _el$1.firstChild;
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>local.title);
+                return _el$1;
+            }
+        }), _el$11);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.items && local.items.length > 0;
+            },
+            get children () {
+                var _el$12 = _tmpl$9();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$12, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
+                    get each () {
+                        return local.items;
+                    },
+                    children: (item)=>{
+                        const isGroup = "items" in item;
+                        if (!isGroup) return renderItem(item);
+                        return renderGroup(item);
+                    }
+                }));
+                return _el$12;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.children && !local.collapsed;
+            },
+            get children () {
+                var _el$13 = _tmpl$0();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>local.children);
+                return _el$13;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (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$14 = _tmpl$1();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$14, ()=>local.footer);
+                return _el$14;
+            }
+        }), null);
+        return _el$0;
+    })();
+};
+const Sidenav = Sidenav_Sidenav;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+export { accordion_Accordion as Accordion, alert_Alert as Alert, autocomplete as Autocomplete, avatar as Avatar, Badge, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, button_Button as Button, card_Card as Card, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, copy_button_CopyButton as CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, dropdown as Dropdown, field as Field, FileInput, indicator_Indicator as Indicator, input_Input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, polymorphic_Polymorphic as Polymorphic, polymorphic_PolymorphicButton as PolymorphicButton, Progress, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, Sidenav, skeleton_Skeleton as Skeleton, Stack, stats_Stats as Stats, steps as Steps, Summary, Swap, table as Table, tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip };

package/dist/sidenav/Sidenav.css

@@ -0,0 +1,150 @@
+.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 {
+  @apply btn btn-ghost btn-sm p-1 hover:bg-base-300;
+}
+
+.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "author": "pathscale",
   "repository": {
     "type": "git",
@@ -50,7 +50,7 @@
     "solid-js": "^1.9"
   },
   "scripts": {
-    "build": "rslib build",
+    "build": "rslib build && bun scripts/copy-css.js",
     "build:watch": "rslib build --watch",
     "dev": "rslib dev",
     "preview": "rslib preview",