@pathscale/ui 0.0.15 → 0.0.16

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;
@@ -4664,6 +4767,96 @@ const Divider_Divider = (props)=>{
 };
 const Divider = Divider_Divider;
 const 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 +5971,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, [
@@ -7167,4 +7402,4 @@ 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 };
+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, 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, 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "author": "pathscale",
   "repository": {
     "type": "git",