@pathscale/ui 0.0.24 → 0.0.26

package/dist/index.js

@@ -3945,6 +3945,20 @@ const Avatar = Object.assign(Avatar_Avatar, {
     Group: AvatarGroup
 });
 const avatar = Avatar;
+var Background_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const Background = (props)=>{
+    const { class: className, className: classNameAlt, ...rest } = props;
+    return (()=>{
+        var _el$ = Background_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return bundle_mjs_twMerge("bg-base-200 min-h-screen", dist_clsx(className, classNameAlt));
+            }
+        }, rest), false, false);
+        return _el$;
+    })();
+};
+const background_Background = Background;
 var Badge_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const Badge_Badge = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -5345,6 +5359,118 @@ const FileInput_FileInput = (props)=>{
     })();
 };
 const FileInput = FileInput_FileInput;
+const directionMap = {
+    row: "flex-row",
+    col: "flex-col",
+    "row-reverse": "flex-row-reverse",
+    "col-reverse": "flex-col-reverse"
+};
+const justifyMap = {
+    start: "justify-start",
+    center: "justify-center",
+    end: "justify-end",
+    between: "justify-between",
+    around: "justify-around",
+    evenly: "justify-evenly"
+};
+const alignMap = {
+    start: "items-start",
+    center: "items-center",
+    end: "items-end",
+    stretch: "items-stretch",
+    baseline: "items-baseline"
+};
+const wrapMap = {
+    wrap: "flex-wrap",
+    nowrap: "flex-nowrap",
+    "wrap-reverse": "flex-wrap-reverse"
+};
+const gapMap = {
+    none: "gap-0",
+    sm: "gap-2",
+    md: "gap-4",
+    lg: "gap-6",
+    xl: "gap-8"
+};
+const gapXMap = {
+    none: "gap-x-0",
+    sm: "gap-x-2",
+    md: "gap-x-4",
+    lg: "gap-x-6",
+    xl: "gap-x-8"
+};
+const gapYMap = {
+    none: "gap-y-0",
+    sm: "gap-y-2",
+    md: "gap-y-4",
+    lg: "gap-y-6",
+    xl: "gap-y-8"
+};
+const growMap = {
+    true: "flex-grow",
+    false: "flex-grow-0"
+};
+const shrinkMap = {
+    true: "flex-shrink",
+    false: "flex-shrink-0"
+};
+const basisMap = {
+    none: "basis-0",
+    sm: "basis-8",
+    md: "basis-16",
+    lg: "basis-24",
+    xl: "basis-32"
+};
+const breakpoints = [
+    "base",
+    "sm",
+    "md",
+    "lg",
+    "xl"
+];
+function mapResponsiveProp(prop, map) {
+    if (void 0 === prop) return [];
+    if ("string" == typeof prop || "boolean" == typeof prop) return [
+        map[String(prop)]
+    ];
+    return breakpoints.flatMap((bp)=>{
+        const value = prop[bp];
+        if (void 0 === value) return [];
+        const className = map[String(value)];
+        return "base" === bp ? className : `${bp}:${className}`;
+    });
+}
+const Flex = (props)=>{
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "as",
+        "class",
+        "children",
+        "direction",
+        "justify",
+        "align",
+        "wrap",
+        "gap",
+        "gapX",
+        "gapY",
+        "grow",
+        "shrink",
+        "basis"
+    ]);
+    const tag = local.as || "div";
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = dist_clsx("flex", mapResponsiveProp(local.direction, directionMap), mapResponsiveProp(local.justify, justifyMap), mapResponsiveProp(local.align, alignMap), mapResponsiveProp(local.wrap, wrapMap), mapResponsiveProp(local.gap, gapMap), mapResponsiveProp(local.gapX, gapXMap), mapResponsiveProp(local.gapY, gapYMap), mapResponsiveProp(local.grow, growMap), mapResponsiveProp(local.shrink, shrinkMap), mapResponsiveProp(local.basis, basisMap), local.class);
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        component: tag,
+        get ["class"] () {
+            return bundle_mjs_twMerge(classes);
+        }
+    }, rest, {
+        get children () {
+            return resolvedChildren();
+        }
+    }));
+};
+const flex_Flex = Flex;
 var FooterTitle_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h6>");
 const FooterTitle = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -5402,6 +5528,94 @@ const FooterNamespaces = Object.assign(Footer, {
     Title: FooterTitle
 });
 const footer_Footer = FooterNamespaces;
+const colsMap = {
+    1: "grid-cols-1",
+    2: "grid-cols-2",
+    3: "grid-cols-3",
+    4: "grid-cols-4",
+    5: "grid-cols-5",
+    6: "grid-cols-6",
+    7: "grid-cols-7",
+    8: "grid-cols-8",
+    9: "grid-cols-9",
+    10: "grid-cols-10",
+    11: "grid-cols-11",
+    12: "grid-cols-12"
+};
+const rowsMap = {
+    1: "grid-rows-1",
+    2: "grid-rows-2",
+    3: "grid-rows-3",
+    4: "grid-rows-4",
+    5: "grid-rows-5",
+    6: "grid-rows-6",
+    7: "grid-rows-7",
+    8: "grid-rows-8",
+    9: "grid-rows-9",
+    10: "grid-rows-10",
+    11: "grid-rows-11",
+    12: "grid-rows-12"
+};
+const flowMap = {
+    row: "grid-flow-row",
+    col: "grid-flow-col",
+    "row-dense": "grid-flow-row-dense",
+    "col-dense": "grid-flow-col-dense"
+};
+const Grid_gapMap = {
+    none: "gap-0",
+    sm: "gap-2",
+    md: "gap-4",
+    lg: "gap-6",
+    xl: "gap-8"
+};
+const autoColsMap = {
+    min: "auto-cols-min",
+    max: "auto-cols-max",
+    fr: "auto-cols-fr"
+};
+const autoRowsMap = {
+    min: "auto-rows-min",
+    max: "auto-rows-max",
+    fr: "auto-rows-fr"
+};
+function Grid_mapResponsiveProp(prop, classMap) {
+    if (!prop) return [];
+    if ("string" == typeof prop) return classMap[prop] ? [
+        classMap[prop]
+    ] : [];
+    return Object.entries(prop).flatMap(([key, val])=>{
+        const className = classMap[val];
+        if (!className) return [];
+        return "base" === key ? className : `${key}:${className}`;
+    });
+}
+const Grid = (props)=>{
+    const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
+        as: "div"
+    }, props);
+    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(merged, [
+        "as",
+        "class",
+        "className",
+        "cols",
+        "rows",
+        "flow",
+        "gap",
+        "autoCols",
+        "autoRows"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("grid", ...Grid_mapResponsiveProp(local.cols, colsMap), ...Grid_mapResponsiveProp(local.rows, rowsMap), ...Grid_mapResponsiveProp(local.flow, flowMap), ...Grid_mapResponsiveProp(local.gap, Grid_gapMap), ...Grid_mapResponsiveProp(local.autoCols, autoColsMap), ...Grid_mapResponsiveProp(local.autoRows, autoRowsMap), local.class, local.className));
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        get component () {
+            return local.as;
+        },
+        get ["class"] () {
+            return classes();
+        }
+    }, rest));
+};
+const grid_Grid = Grid;
 var HeroContent_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const HeroContent = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -6141,6 +6355,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"
@@ -6567,8 +6820,8 @@ const Select = (props)=>{
     })();
 };
 const select_Select = Select;
-var ShowcaseSection_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex items-center justify-between gap-2 mb-2"><h2 class="text-xl font-semibold group/title"><a class="text-inherit hover:text-base-content flex items-center gap-2"><span class="opacity-0 group-hover/title:opacity-100 text-base-content/70 transition-opacity">#</span></a></h2></div><div class=space-y-3>');
-const ShowcaseSection = (props)=>{
+var ShowcaseSection_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="opacity-0 group-hover/title:opacity-100 text-base-content/70 transition-opacity">#'), ShowcaseSection_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h2 class="text-xl font-semibold group/title">'), ShowcaseSection_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=space-y-3>");
+const ShowcaseSection_ShowcaseSection = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "id",
         "title",
@@ -6583,7 +6836,7 @@ const ShowcaseSection = (props)=>{
         return url.toString();
     };
     return (()=>{
-        var _el$ = ShowcaseSection_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$2.nextSibling;
+        var _el$ = ShowcaseSection_tmpl$3(), _el$4 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
             get id () {
                 return local.id;
@@ -6596,21 +6849,45 @@ const ShowcaseSection = (props)=>{
                 return bundle_mjs_twMerge("p-3 bg-base-200 rounded-lg shadow-sm scroll-mt-6", local.class, local.className);
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.title, _el$5);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(copy_button_CopyButton, {
-            get text () {
-                return getSectionUrl();
-            },
-            title: "Copy link to section",
-            class: "opacity-0 group-hover:opacity-100 focus:opacity-100"
-        }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "href", `#${local.id}`));
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
+            align: "center",
+            justify: "between",
+            gap: "sm",
+            class: "mb-2",
+            get children () {
+                return [
+                    (()=>{
+                        var _el$2 = ShowcaseSection_tmpl$2();
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
+                            as: "a",
+                            align: "center",
+                            gap: "sm",
+                            class: "text-inherit hover:text-base-content",
+                            get children () {
+                                return [
+                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>local.title),
+                                    ShowcaseSection_tmpl$()
+                                ];
+                            }
+                        }));
+                        return _el$2;
+                    })(),
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(copy_button_CopyButton, {
+                        get text () {
+                            return getSectionUrl();
+                        },
+                        title: "Copy link to section",
+                        class: "opacity-0 group-hover:opacity-100 focus:opacity-100"
+                    })
+                ];
+            }
+        }), _el$4);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
         return _el$;
     })();
 };
-const showcase_section_ShowcaseSection = ShowcaseSection;
-var ShowcaseBlock_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p class=showcase-block__description>"), ShowcaseBlock_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=showcase-block__container><h3 class=showcase-block__title></h3><div>");
+const ShowcaseSection = ShowcaseSection_ShowcaseSection;
+var ShowcaseBlock_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-base-content/70 mb-4">'), ShowcaseBlock_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="bg-base-200 shadow-sm p-6 rounded-lg"><h3 class="text-lg font-semibold mb-2 text-base-content"></h3><div>');
 const ShowcaseBlock = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "title",
@@ -6622,31 +6899,35 @@ const ShowcaseBlock = (props)=>{
         "className",
         "dataTheme"
     ]);
-    return (()=>{
-        var _el$ = ShowcaseBlock_tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$3.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 bundle_mjs_twMerge("showcase-block", local.class, local.className);
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.title);
-        (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.description;
-            },
-            get children () {
-                var _el$4 = ShowcaseBlock_tmpl$();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.description);
-                return _el$4;
-            }
-        }), _el$5);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, local.preview ? "showcase-block__content showcase-block__content--preview" : "showcase-block__content"));
-        return _el$;
-    })();
+    const previewClass = local.preview ? "border bg-base-100 border-base-content/15 p-8 rounded-lg" : "";
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        direction: "col",
+        gap: "md"
+    }, others, {
+        get ["data-theme"] () {
+            return local.dataTheme;
+        },
+        get ["class"] () {
+            return bundle_mjs_twMerge(local.class, local.className);
+        },
+        get children () {
+            var _el$ = ShowcaseBlock_tmpl$2(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                get when () {
+                    return local.description;
+                },
+                get children () {
+                    var _el$3 = ShowcaseBlock_tmpl$();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.description);
+                    return _el$3;
+                }
+            }), _el$4);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, previewClass);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+            return _el$;
+        }
+    }));
 };
 const showcase_ShowcaseBlock = ShowcaseBlock;
 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>");
@@ -8046,4 +8327,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, 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, dropdown as Dropdown, field as Field, FileInput, footer_Footer as Footer, 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, 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, showcase_section_ShowcaseSection as 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 };
+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, 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 };

package/package.json

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

package/dist/index.css

@@ -1,34 +0,0 @@
-.showcase-block {
-  gap: 1rem;
-
-  @apply flex flex-col;
-}
-
-.showcase-block__container {
-  border-radius: .5rem;
-  padding: 1.5rem;
-  box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
-
-  @apply bg-[oklch(var(--color-base-200)) ];
-}
-
-.showcase-block__title {
-  color: oklch(var(--color-base-content));
-  margin-bottom: .5rem;
-  font-size: 1.25rem;
-  font-weight: 600;
-  line-height: 1.75rem;
-}
-
-.showcase-block__description {
-  color: oklch(var(--color-base-content) / .7);
-  margin-bottom: 1rem;
-}
-
-.showcase-block__content--preview {
-  border-radius: .5rem;
-  padding: 2rem;
-
-  @apply border bg-[oklch(var(--color-base-100)) ] border-[oklch(var(--color-base-content) / .15) ];
-}
-

package/dist/showcase/ShowcaseBlock.css

@@ -1,30 +0,0 @@
-.showcase-block {
-	@apply flex flex-col;
-	gap: 1rem;
-}
-
-.showcase-block__container {
-	@apply bg-[oklch(var(--color-base-200))];
-	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-	padding: 1.5rem;
-	border-radius: 0.5rem;
-}
-
-.showcase-block__title {
-	font-size: 1.25rem;
-	line-height: 1.75rem;
-	font-weight: 600;
-	margin-bottom: 0.5rem;
-	color: oklch(var(--color-base-content));
-}
-
-.showcase-block__description {
-	color: oklch(var(--color-base-content) / 0.7);
-	margin-bottom: 1rem;
-}
-
-.showcase-block__content--preview {
-	@apply border bg-[oklch(var(--color-base-100))] border-[oklch(var(--color-base-content)/0.15)];
-	padding: 2rem;
-	border-radius: 0.5rem;
-}

package/dist/showcase/ShowcaseBlockShowcase.css

@@ -1,29 +0,0 @@
-.showcase-demo {
-	display: flex;
-	flex-direction: column;
-	gap: 3rem;
-	padding: 2rem;
-}
-
-.showcase-demo__section-title {
-	font-size: 1.25rem;
-	line-height: 1.75rem;
-	font-weight: 600;
-	border-bottom: 1px solid;
-	border-color: oklch(var(--color-base-content) / 0.2);
-	padding-bottom: 0.5rem;
-	margin-bottom: 1rem;
-	color: oklch(var(--color-base-content));
-}
-
-.showcase-demo__preview-content {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: 1rem;
-}
-
-.showcase-demo__custom-showcase {
-	padding: 0.5rem;
-}