@pathscale/ui 0.0.27 → 0.0.29

package/dist/index.js

@@ -4010,187 +4010,6 @@ const Badge_Badge = (props)=>{
     })();
 };
 const Badge = Badge_Badge;
-var PhoneMockup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Phone mockup"><div class=mockup-phone-camera></div><div class=mockup-phone-display><div>');
-const PhoneMockup = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "color",
-        "innerProps"
-    ]);
-    const classes = ()=>bundle_mjs_twMerge("mockup-phone", local.class, local.className, dist_clsx({
-            "border-primary": "primary" === local.color,
-            "border-secondary": "secondary" === local.color,
-            "border-info": "info" === local.color,
-            "border-success": "success" === local.color,
-            "border-warning": "warning" === local.color,
-            "border-error": "error" === local.color
-        }));
-    const innerClasses = ()=>bundle_mjs_twMerge("artboard artboard-demo phone-1", local.innerProps?.class, local.innerProps?.className);
-    return (()=>{
-        var _el$ = PhoneMockup_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
-        (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__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>local.innerProps, {
-            get ["class"] () {
-                return innerClasses();
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
-        return _el$;
-    })();
-};
-const phonemockup_PhoneMockup = PhoneMockup;
-var WindowMockup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), WindowMockup_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Window mockup">');
-const WindowMockup = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "border",
-        "borderColor",
-        "backgroundColor",
-        "frameColor"
-    ]);
-    const borderColorValue = ()=>local.borderColor || local.frameColor || "neutral";
-    const classes = ()=>bundle_mjs_twMerge("mockup-window", local.class, local.className, local.border && `border border-${borderColorValue()}`, dist_clsx({
-            "border-neutral": "neutral" === borderColorValue(),
-            "border-primary": "primary" === borderColorValue(),
-            "border-secondary": "secondary" === borderColorValue(),
-            "border-accent": "accent" === borderColorValue(),
-            "border-info": "info" === borderColorValue(),
-            "border-success": "success" === borderColorValue(),
-            "border-warning": "warning" === borderColorValue(),
-            "border-error": "error" === borderColorValue(),
-            "bg-neutral": "neutral" === local.frameColor,
-            "bg-primary": "primary" === local.frameColor,
-            "bg-secondary": "secondary" === local.frameColor,
-            "bg-accent": "accent" === local.frameColor,
-            "bg-info": "info" === local.frameColor,
-            "bg-success": "success" === local.frameColor,
-            "bg-warning": "warning" === local.frameColor,
-            "bg-error": "error" === local.frameColor
-        }));
-    const innerClasses = ()=>bundle_mjs_twMerge("p-4", local.backgroundColor && `bg-${local.backgroundColor}`, local.border && `border-t border-${borderColorValue()}`, dist_clsx({
-            "bg-neutral": "neutral" === local.backgroundColor,
-            "bg-primary": "primary" === local.backgroundColor,
-            "bg-secondary": "secondary" === local.backgroundColor,
-            "bg-accent": "accent" === local.backgroundColor,
-            "bg-info": "info" === local.backgroundColor,
-            "bg-success": "success" === local.backgroundColor,
-            "bg-warning": "warning" === local.backgroundColor,
-            "bg-error": "error" === local.backgroundColor
-        }));
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const innerElement = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
-        const childrenArray = Array.isArray(resolvedChildren()) ? resolvedChildren() : [
-            resolvedChildren()
-        ];
-        const firstChild = childrenArray[0];
-        if (1 === childrenArray.length && "object" == typeof firstChild && null != firstChild && "type" in firstChild) {
-            const existingClass = firstChild.props?.class || firstChild.props?.className || "";
-            const mergedClass = bundle_mjs_twMerge(innerClasses(), existingClass);
-            return {
-                ...firstChild,
-                props: {
-                    ...firstChild.props,
-                    class: mergedClass
-                }
-            };
-        }
-        return (()=>{
-            var _el$ = WindowMockup_tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, innerClasses()));
-            return _el$;
-        })();
-    });
-    return (()=>{
-        var _el$2 = WindowMockup_tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (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$2, innerElement);
-        return _el$2;
-    })();
-};
-const windowmockup_WindowMockup = WindowMockup;
-var Drawer_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><input type=checkbox readonly><div></div><div><label>");
-const Drawer_Drawer = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "side",
-        "open",
-        "end",
-        "dataTheme",
-        "class",
-        "className",
-        "toggleClassName",
-        "contentClassName",
-        "sideClassName",
-        "overlayClassName",
-        "onClickOverlay"
-    ]);
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const classes = ()=>bundle_mjs_twMerge("drawer", local.class, local.className, dist_clsx({
-            "drawer-end": local.end
-        }));
-    const toggleClasses = ()=>bundle_mjs_twMerge("drawer-toggle", local.toggleClassName);
-    const contentClasses = ()=>bundle_mjs_twMerge("drawer-content", local.contentClassName);
-    const sideClasses = ()=>bundle_mjs_twMerge("drawer-side", local.sideClassName);
-    const overlayClasses = ()=>bundle_mjs_twMerge("drawer-overlay", local.overlayClassName);
-    return (()=>{
-        var _el$ = Drawer_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get ["aria-expanded"] () {
-                return local.open;
-            }
-        }, others, {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get ["class"] () {
-                return classes();
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, resolvedChildren);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.addEventListener)(_el$5, "click", local.onClickOverlay, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.side, null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-            var _v$ = toggleClasses(), _v$2 = contentClasses(), _v$3 = sideClasses(), _v$4 = overlayClasses();
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
-            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$2);
-            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.a = _v$3);
-            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.o = _v$4);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0,
-            a: void 0,
-            o: void 0
-        });
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$2.checked = local.open);
-        return _el$;
-    })();
-};
-const Drawer = Drawer_Drawer;
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
 var Breadcrumbs_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><ul>");
 const Breadcrumbs_Breadcrumbs = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -4534,6 +4353,50 @@ Card.Body = CardBody;
 Card.Title = CardTitle;
 Card.Image = CardImage;
 const card_Card = Card;
+var CarouselItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const CarouselItem_CarouselItem = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "children"
+    ]);
+    const classes = bundle_mjs_twMerge("carousel-item", local.class);
+    return (()=>{
+        var _el$ = CarouselItem_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+            class: classes
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const CarouselItem = CarouselItem_CarouselItem;
+var Carousel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const Carousel = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "children",
+        "snap",
+        "direction"
+    ]);
+    const classes = bundle_mjs_twMerge("carousel", local.class, dist_clsx({
+        "carousel-start": "start" === local.snap || !local.snap,
+        "carousel-center": "center" === local.snap,
+        "carousel-end": "end" === local.snap,
+        "carousel-vertical": "vertical" === local.direction,
+        "carousel-horizontal": "horizontal" === local.direction
+    }));
+    return (()=>{
+        var _el$ = Carousel_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+            class: classes
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const carousel_Carousel = Object.assign(Carousel, {
+    Item: CarouselItem
+});
 var ChatBubbleHeader_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const ChatBubbleHeader_ChatBubbleHeader = (props)=>(()=>{
         var _el$ = ChatBubbleHeader_tmpl$();
@@ -4947,6 +4810,56 @@ const Countdown = (props)=>{
     })();
 };
 const countdown_Countdown = Countdown;
+var BrowserMockup_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)(()=>bundle_mjs_twMerge("mockup-browser border", dist_clsx({
+            "border-base-300": "border" === variant(),
+            "bg-base-300": "background" === variant()
+        }), local.class, local.className));
+    const inputClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("input", dist_clsx({
+            "border-base-300": "border" === variant()
+        }), local.inputClassName));
+    const innerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("flex justify-center px-4 py-16", dist_clsx({
+            "border-t border-base-300": "border" === variant(),
+            "bg-base-200": "background" === variant()
+        }), local.innerClassName));
+    return (()=>{
+        var _el$ = BrowserMockup_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;
 var Diff_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=diff-item-1></div><div class=diff-item-2></div><div class=diff-resizer>");
 const Diff = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -5168,6 +5081,68 @@ const Dock = Object.assign(Dock_Dock, {
     Label: dock_DockLabel
 });
 const dock = Dock;
+var Drawer_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><input type=checkbox readonly><div></div><div><label>");
+const Drawer_Drawer = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "side",
+        "open",
+        "end",
+        "dataTheme",
+        "class",
+        "className",
+        "toggleClassName",
+        "contentClassName",
+        "sideClassName",
+        "overlayClassName",
+        "onClickOverlay"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = ()=>bundle_mjs_twMerge("drawer", local.class, local.className, dist_clsx({
+            "drawer-end": local.end
+        }));
+    const toggleClasses = ()=>bundle_mjs_twMerge("drawer-toggle", local.toggleClassName);
+    const contentClasses = ()=>bundle_mjs_twMerge("drawer-content", local.contentClassName);
+    const sideClasses = ()=>bundle_mjs_twMerge("drawer-side", local.sideClassName);
+    const overlayClasses = ()=>bundle_mjs_twMerge("drawer-overlay", local.overlayClassName);
+    return (()=>{
+        var _el$ = Drawer_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["aria-expanded"] () {
+                return local.open;
+            }
+        }, others, {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return classes();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, resolvedChildren);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.addEventListener)(_el$5, "click", local.onClickOverlay, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.side, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = toggleClasses(), _v$2 = contentClasses(), _v$3 = sideClasses(), _v$4 = overlayClasses();
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
+            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$2);
+            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.a = _v$3);
+            _v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.o = _v$4);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$2.checked = local.open);
+        return _el$;
+    })();
+};
+const Drawer = Drawer_Drawer;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
 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, [
@@ -5504,7 +5479,7 @@ const FileInput_FileInput = (props)=>{
         "className",
         "style"
     ]);
-    const classes = ()=>bundle_mjs_twMerge("file-input", local.class, local.className, clsx_clsx({
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("file-input", local.class, local.className, clsx_clsx({
             "file-input-xl": "xl" === local.size,
             "file-input-lg": "lg" === local.size,
             "file-input-md": "md" === local.size,
@@ -5519,11 +5494,9 @@ const FileInput_FileInput = (props)=>{
             "file-input-warning": "warning" === local.color,
             "file-input-error": "error" === local.color,
             "file-input-bordered": local.bordered
-        }));
+        })));
     return (()=>{
         var _el$ = FileInput_tmpl$();
-        var _ref$ = others.ref;
-        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : others.ref = _el$;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             type: "file",
             get ["data-theme"] () {
@@ -6536,6 +6509,45 @@ const navbar_Navbar = Object.assign(Navbar, {
 });
 const Pagination = join_Join;
 const pagination_Pagination = Pagination;
+var PhoneMockup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Phone mockup"><div class=mockup-phone-camera></div><div class=mockup-phone-display><div>');
+const PhoneMockup = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "color",
+        "innerProps"
+    ]);
+    const classes = ()=>bundle_mjs_twMerge("mockup-phone", local.class, local.className, dist_clsx({
+            "border-primary": "primary" === local.color,
+            "border-secondary": "secondary" === local.color,
+            "border-info": "info" === local.color,
+            "border-success": "success" === local.color,
+            "border-warning": "warning" === local.color,
+            "border-error": "error" === local.color
+        }));
+    const innerClasses = ()=>bundle_mjs_twMerge("artboard artboard-demo phone-1", local.innerProps?.class, local.innerProps?.className);
+    return (()=>{
+        var _el$ = PhoneMockup_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+        (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__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>local.innerProps, {
+            get ["class"] () {
+                return innerClasses();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        return _el$;
+    })();
+};
+const phonemockup_PhoneMockup = PhoneMockup;
 const Polymorphic = (props)=>{
     const [localProps, otherProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "as"
@@ -6846,78 +6858,131 @@ const Range = (props)=>{
     ];
 };
 const range_Range = Range;
-var RatingItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
-const RatingItem_RatingItem = (props)=>{
+var RatingHidden_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
+const RatingHidden = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "selected",
-        "onSelect"
+        "class"
     ]);
+    const context = useRatingContext();
+    const classes = bundle_mjs_twMerge("rating-hidden", local.class);
     return (()=>{
-        var _el$ = RatingItem_tmpl$();
+        var _el$ = RatingHidden_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
             type: "radio",
-            name: "rating",
+            get name () {
+                return context.name;
+            },
+            class: classes,
             get checked () {
-                return local.selected;
+                return 0 === context.value;
             },
-            get onChange () {
-                return local.onSelect;
-            }
+            onChange: ()=>context.onChange?.(0)
         }), false, false);
         return _el$;
     })();
 };
-const RatingItem = RatingItem_RatingItem;
+const rating_RatingHidden = RatingHidden;
+var RatingItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), RatingItem_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const RatingItem = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "value",
+        "mask",
+        "halfPosition",
+        "color",
+        "aria-label"
+    ]);
+    const context = useRatingContext();
+    const classes = bundle_mjs_twMerge("mask", local.class, dist_clsx({
+        [`mask-${local.mask || "star"}`]: true,
+        [`mask-half-${local.halfPosition}`]: context.half && local.halfPosition
+    }), local.color);
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        get when () {
+            return !context.readonly;
+        },
+        get fallback () {
+            return (()=>{
+                var _el$2 = RatingItem_tmpl$2();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, classes);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                    var _v$ = local["aria-label"], _v$2 = void 0 !== context.value && local.value <= context.value ? 1 : 0.2;
+                    _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-label", _p$.e = _v$);
+                    _v$2 !== _p$.t && (null != (_p$.t = _v$2) ? _el$2.style.setProperty("opacity", _v$2) : _el$2.style.removeProperty("opacity"));
+                    return _p$;
+                }, {
+                    e: void 0,
+                    t: void 0
+                });
+                return _el$2;
+            })();
+        },
+        get children () {
+            var _el$ = RatingItem_tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+                type: "radio",
+                get name () {
+                    return context.name;
+                },
+                class: classes,
+                get checked () {
+                    return context.value === local.value;
+                },
+                onChange: ()=>context.onChange?.(local.value),
+                get ["aria-label"] () {
+                    return local["aria-label"];
+                }
+            }), false, false);
+            return _el$;
+        }
+    });
+};
+const rating_RatingItem = RatingItem;
 var Rating_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const RatingContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)({});
 const Rating_Rating = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
-        "size",
-        "half",
-        "hidden",
-        "dataTheme",
+        "children",
+        "name",
         "value",
         "onChange",
-        "children"
+        "size",
+        "half",
+        "readonly"
     ]);
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const baseClass = bundle_mjs_twMerge("rating", dist_clsx(local.class, {
+    const classes = bundle_mjs_twMerge("rating", local.class, dist_clsx({
         "rating-xs": "xs" === local.size,
         "rating-sm": "sm" === local.size,
         "rating-md": "md" === local.size,
         "rating-lg": "lg" === local.size,
-        "rating-half": local.half,
-        "rating-hidden": local.hidden || 0 === local.value
+        "rating-xl": "xl" === local.size,
+        "rating-half": local.half
     }));
-    return (()=>{
-        var _el$ = Rating_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
-            "aria-label": "Rating",
-            role: "radiogroup",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            class: baseClass
-        }), 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, {
-            get each () {
-                return resolvedChildren.toArray();
-            },
-            children: (child, index)=>"object" == typeof child && null !== child && "props" in child ? {
-                    ...child,
-                    props: {
-                        ..."object" == typeof child.props && null !== child.props ? child.props : {},
-                        index: index(),
-                        selected: local.value === index() + 1,
-                        onSelect: ()=>local.onChange?.(index() + 1)
-                    }
-                } : child
-        }));
-        return _el$;
-    })();
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(RatingContext.Provider, {
+        get value () {
+            return {
+                name: local.name,
+                value: local.value,
+                onChange: local.onChange,
+                half: local.half,
+                readonly: local.readonly
+            };
+        },
+        get children () {
+            var _el$ = Rating_tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+                class: classes
+            }), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            return _el$;
+        }
+    });
 };
+const useRatingContext = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(RatingContext);
 const Rating = Object.assign(Rating_Rating, {
-    Item: RatingItem
+    Item: rating_RatingItem,
+    Hidden: rating_RatingHidden
 });
 var Select_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<select>");
 const Select = (props)=>{
@@ -7410,6 +7475,7 @@ const Status = (props)=>{
         "color",
         "size"
     ]);
+    const className = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("status", local.color && `status-${local.color}`, local.size && `status-${local.size}`, local.class, local.className));
     return (()=>{
         var _el$ = Status_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
@@ -7417,7 +7483,7 @@ const Status = (props)=>{
                 return local.dataTheme;
             },
             get ["class"] () {
-                return bundle_mjs_twMerge("status", local.color && `status-${local.color}`, local.size && `status-${local.size}`, local.class, local.className);
+                return className();
             }
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
@@ -7599,21 +7665,21 @@ function Swap(props) {
         "onClick",
         "onChange"
     ]);
-    const classes = ()=>bundle_mjs_twMerge("swap", clsx_clsx({
+    const className = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("swap", clsx_clsx({
             "swap-active": local.active,
             "swap-rotate": local.rotate,
             "swap-flip": local.flip
-        }), local.class, local.className);
-    const onEl = wrapWithElementIfInvalid({
-        node: local.onElement,
-        wrapper: "div",
-        className: "swap-on"
-    });
-    const offEl = wrapWithElementIfInvalid({
-        node: local.offElement,
-        wrapper: "div",
-        className: "swap-off"
-    });
+        }), local.class, local.className));
+    const onEl = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>wrapWithElementIfInvalid({
+            node: local.onElement,
+            wrapper: "div",
+            className: "swap-on"
+        }));
+    const offEl = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>wrapWithElementIfInvalid({
+            node: local.offElement,
+            wrapper: "div",
+            className: "swap-off"
+        }));
     return (()=>{
         var _el$ = Swap_tmpl$(), _el$2 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
@@ -7621,7 +7687,7 @@ function Swap(props) {
                 return local.dataTheme;
             },
             get ["class"] () {
-                return classes();
+                return className();
             },
             role: "switch"
         }), false, true);
@@ -8465,4 +8531,121 @@ const Tooltip = (props)=>{
     })();
 };
 const tooltip_Tooltip = Tooltip;
-export { accordion_Accordion as Accordion, alert_Alert as Alert, autocomplete as Autocomplete, avatar as Avatar, background_Background as Background, Badge, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, button_Button as Button, card_Card as Card, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, 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, Drawer, dropdown as Dropdown, field as Field, FileInput, flex_Flex as Flex, footer_Footer as Footer, grid_Grid as Grid, hero_Hero as Hero, 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, phonemockup_PhoneMockup as PhoneMockup, polymorphic_Polymorphic as Polymorphic, polymorphic_PolymorphicButton as PolymorphicButton, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, ShowcaseSection, Sidenav, skeleton_Skeleton as Skeleton, Stack, stats_Stats as Stats, status_Status as Status, 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, windowmockup_WindowMockup as WindowMockup };
+var WindowMockup_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), WindowMockup_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Window mockup">');
+const WindowMockup = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "border",
+        "borderColor",
+        "backgroundColor",
+        "frameColor"
+    ]);
+    const borderColorValue = ()=>local.borderColor || local.frameColor || "neutral";
+    const classes = ()=>bundle_mjs_twMerge("mockup-window", local.class, local.className, local.border && `border border-${borderColorValue()}`, dist_clsx({
+            "border-neutral": "neutral" === borderColorValue(),
+            "border-primary": "primary" === borderColorValue(),
+            "border-secondary": "secondary" === borderColorValue(),
+            "border-accent": "accent" === borderColorValue(),
+            "border-info": "info" === borderColorValue(),
+            "border-success": "success" === borderColorValue(),
+            "border-warning": "warning" === borderColorValue(),
+            "border-error": "error" === borderColorValue(),
+            "bg-neutral": "neutral" === local.frameColor,
+            "bg-primary": "primary" === local.frameColor,
+            "bg-secondary": "secondary" === local.frameColor,
+            "bg-accent": "accent" === local.frameColor,
+            "bg-info": "info" === local.frameColor,
+            "bg-success": "success" === local.frameColor,
+            "bg-warning": "warning" === local.frameColor,
+            "bg-error": "error" === local.frameColor
+        }));
+    const innerClasses = ()=>bundle_mjs_twMerge("p-4", local.backgroundColor && `bg-${local.backgroundColor}`, local.border && `border-t border-${borderColorValue()}`, dist_clsx({
+            "bg-neutral": "neutral" === local.backgroundColor,
+            "bg-primary": "primary" === local.backgroundColor,
+            "bg-secondary": "secondary" === local.backgroundColor,
+            "bg-accent": "accent" === local.backgroundColor,
+            "bg-info": "info" === local.backgroundColor,
+            "bg-success": "success" === local.backgroundColor,
+            "bg-warning": "warning" === local.backgroundColor,
+            "bg-error": "error" === local.backgroundColor
+        }));
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const innerElement = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const childrenArray = Array.isArray(resolvedChildren()) ? resolvedChildren() : [
+            resolvedChildren()
+        ];
+        const firstChild = childrenArray[0];
+        if (1 === childrenArray.length && "object" == typeof firstChild && null != firstChild && "type" in firstChild) {
+            const existingClass = firstChild.props?.class || firstChild.props?.className || "";
+            const mergedClass = bundle_mjs_twMerge(innerClasses(), existingClass);
+            return {
+                ...firstChild,
+                props: {
+                    ...firstChild.props,
+                    class: mergedClass
+                }
+            };
+        }
+        return (()=>{
+            var _el$ = WindowMockup_tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, innerClasses()));
+            return _el$;
+        })();
+    });
+    return (()=>{
+        var _el$2 = WindowMockup_tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (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$2, innerElement);
+        return _el$2;
+    })();
+};
+const windowmockup_WindowMockup = WindowMockup;
+var Artboard_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const Artboard = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "demo",
+        "size",
+        "horizontal",
+        "dataTheme",
+        "class",
+        "className"
+    ]);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("artboard", local.class, local.className, dist_clsx({
+            "artboard-demo": local.demo ?? true,
+            "phone-1": 1 === local.size,
+            "phone-2": 2 === local.size,
+            "phone-3": 3 === local.size,
+            "phone-4": 4 === local.size,
+            "phone-5": 5 === local.size,
+            "phone-6": 6 === local.size,
+            horizontal: local.horizontal
+        })));
+    return (()=>{
+        var _el$ = Artboard_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();
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        return _el$;
+    })();
+};
+const artboard_Artboard = Artboard;
+export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, autocomplete as Autocomplete, avatar as Avatar, background_Background as Background, Badge, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, 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, Drawer, dropdown as Dropdown, field as Field, FileInput, flex_Flex as Flex, footer_Footer as Footer, grid_Grid as Grid, hero_Hero as Hero, 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, phonemockup_PhoneMockup as PhoneMockup, polymorphic_Polymorphic as Polymorphic, polymorphic_PolymorphicButton as PolymorphicButton, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, ShowcaseSection, Sidenav, skeleton_Skeleton as Skeleton, Stack, stats_Stats as Stats, status_Status as Status, 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, windowmockup_WindowMockup as WindowMockup };

package/package.json

@@ -1,63 +1,71 @@
 {
-  "name": "@pathscale/ui",
-  "version": "0.0.27",
-  "author": "pathscale",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pathscale/ui"
-  },
-  "license": "MIT",
-  "description": "Highly opinionated SolidJS component library — batteries and kitchen sink included, but optimized and shiny.",
-  "files": [
-    "dist"
-  ],
-  "homepage": "https://github.com/pathscale/ui",
-  "keywords": [
-    "solid",
-    "solidjs"
-  ],
-  "bugs": {
-    "url": "https://github.com/pathscale/ui/issues"
-  },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "devDependencies": {
-    "@biomejs/biome": "1.9.4",
-    "@rsbuild/core": "^1.3.20",
-    "@rsbuild/plugin-solid": "^1.0.5",
-    "@rslib/core": "^0.9.0",
-    "@types/bun": "^1.2.12",
-    "babel-preset-solid": "^1.9.6",
-    "clsx": "^2.1.1",
-    "tailwind-merge": "^3.3.0",
-    "typescript": "^5.8.3"
-  },
-  "dependencies": {
-    "@solid-primitives/event-listener": "^2.3.0",
-    "@solid-primitives/intersection-observer": "^2.1.3",
-    "@solid-primitives/keyboard": "^1.2.5",
-    "@solid-primitives/media": "^2.2.5",
-    "@solid-primitives/props": "^3.1.8",
-    "@solid-primitives/resize-observer": "^2.0.22",
-    "@solid-primitives/scheduled": "^1.4.1",
-    "@solid-primitives/scroll": "^2.0.20",
-    "@solid-primitives/storage": "^2.1.1",
-    "@solid-primitives/utils": "^6.2.1",
-    "solid-js": "^1.9.7"
-  },
-  "peerDependencies": {
-    "solid-js": "^1.9"
-  },
-  "scripts": {
-    "build": "rslib build && bun scripts/copy-css.js",
-    "build:watch": "rslib build --watch",
-    "dev": "rslib dev",
-    "preview": "rslib preview",
-    "clean": "rm -rf dist node_modules",
-    "format": "bun biome format --write",
-    "lint": "bun biome lint --write"
-  },
-  "sideEffects": false,
-  "type": "module"
+	"name": "@pathscale/ui",
+	"version": "0.0.29",
+	"author": "pathscale",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/pathscale/ui"
+	},
+	"license": "MIT",
+	"description": "Highly opinionated SolidJS component library — batteries and kitchen sink included, but optimized and shiny.",
+	"files": [
+		"dist"
+	],
+	"homepage": "https://github.com/pathscale/ui",
+	"keywords": [
+		"solid",
+		"solidjs"
+	],
+	"bugs": {
+		"url": "https://github.com/pathscale/ui/issues"
+	},
+	"main": "./dist/index.js",
+	"module": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"devDependencies": {
+		"@biomejs/biome": "1.9.4",
+		"@iconify/json": "^2.2.342",
+		"@iconify/utils": "^2.3.0",
+		"@rsbuild/core": "^1.3.20",
+		"@rsbuild/plugin-solid": "^1.0.5",
+		"@rslib/core": "^0.9.0",
+		"@types/bun": "^1.2.12",
+		"babel-preset-solid": "^1.9.6",
+		"clsx": "^2.1.1",
+		"cssnano": "^7.0.7",
+		"postcss": "^8.5.4",
+		"postcss-cli": "^11.0.1",
+		"svgo": "^3.3.2",
+		"tailwind-merge": "^3.3.0",
+		"typescript": "^5.8.3"
+	},
+	"dependencies": {
+		"@iconify/tailwind4": "^1.0.6",
+		"@solid-primitives/event-listener": "^2.3.0",
+		"@solid-primitives/intersection-observer": "^2.1.3",
+		"@solid-primitives/keyboard": "^1.2.5",
+		"@solid-primitives/media": "^2.2.5",
+		"@solid-primitives/props": "^3.1.8",
+		"@solid-primitives/resize-observer": "^2.0.22",
+		"@solid-primitives/scheduled": "^1.4.1",
+		"@solid-primitives/scroll": "^2.0.20",
+		"@solid-primitives/storage": "^2.1.1",
+		"@solid-primitives/utils": "^6.2.1",
+		"rsbuild-plugin-iconify": "^1.0.3",
+		"solid-js": "^1.9.7"
+	},
+	"peerDependencies": {
+		"solid-js": "^1.9"
+	},
+	"scripts": {
+		"build": "rslib build && bun scripts/copy-css.js",
+		"build:watch": "rslib build --watch",
+		"dev": "rslib dev",
+		"preview": "rslib preview",
+		"clean": "rm -rf dist node_modules",
+		"format": "bun biome format --write",
+		"lint": "bun biome lint --write"
+	},
+	"sideEffects": false,
+	"type": "module"
 }