@pathscale/ui 0.0.25 → 0.0.27

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, [
@@ -4035,6 +4049,148 @@ const PhoneMockup = (props)=>{
     })();
 };
 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, [
@@ -5384,6 +5540,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, [
@@ -5441,6 +5709,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, [
@@ -6606,118 +6962,6 @@ const Select = (props)=>{
     })();
 };
 const select_Select = Select;
-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 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, [
@@ -7420,7 +7664,9 @@ const TableHead_TableHead = (props)=>{
         "data-theme"
     ]);
     const Tag = local.as || "thead";
-    const cells = local.noCell ? local.children : local.children?.map((child, i)=>0 === i ? (()=>{
+    const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const childrenArray = resolved.toArray();
+    const cells = local.noCell ? childrenArray : childrenArray.map((child, i)=>0 === i ? (()=>{
             var _el$ = TableHead_tmpl$();
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, child);
             return _el$;
@@ -7517,7 +7763,7 @@ const TableBody = (props)=>{
     }));
 };
 const table_TableBody = TableBody;
-var TableRow_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>"), TableRow_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>"), TableRow_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>");
+var TableRow_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
 const TableRow_VoidElementList = [
     "area",
     "base",
@@ -7535,7 +7781,7 @@ const TableRow_VoidElementList = [
     "track",
     "wbr"
 ];
-const TableRow_TableHead = (props)=>{
+const TableRow = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "noCell",
@@ -7545,15 +7791,13 @@ const TableRow_TableHead = (props)=>{
         "style",
         "data-theme"
     ]);
-    const Tag = local.as || "thead";
-    const cells = local.noCell ? local.children : local.children?.map((child, i)=>0 === i ? (()=>{
+    const Tag = local.as || "tr";
+    const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const childrenArray = resolved.toArray();
+    const cells = local.noCell ? childrenArray : childrenArray.map((child)=>(()=>{
             var _el$ = TableRow_tmpl$();
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, child);
             return _el$;
-        })() : (()=>{
-            var _el$2 = TableRow_tmpl$2();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, child);
-            return _el$2;
         })());
     const classAttr = local.class ?? local.className;
     if (TableRow_VoidElementList.includes(Tag)) 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)({
@@ -7577,14 +7821,10 @@ const TableRow_TableHead = (props)=>{
         get ["data-theme"] () {
             return local["data-theme"];
         },
-        get children () {
-            var _el$3 = TableRow_tmpl$3();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, cells);
-            return _el$3;
-        }
+        children: cells
     }));
 };
-const TableRow = TableRow_TableHead;
+const table_TableRow = TableRow;
 var TableFooter_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>"), TableFooter_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>"), TableFooter_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>");
 const TableFooter_VoidElementList = [
     "area",
@@ -7603,7 +7843,7 @@ const TableFooter_VoidElementList = [
     "track",
     "wbr"
 ];
-const TableFooter = (props)=>{
+const TableFooter_TableFooter = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "noCell",
@@ -7614,14 +7854,14 @@ const TableFooter = (props)=>{
         "data-theme"
     ]);
     const Tag = local.as || "tfoot";
-    const cells = local.noCell ? local.children : local.children?.map((child, i)=>0 === i ? (()=>{
+    const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const childrenArray = resolved.toArray();
+    const cells = local.noCell ? childrenArray : childrenArray.map((child, i)=>0 === i ? (()=>{
             var _el$ = TableFooter_tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "key", i);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, child);
             return _el$;
         })() : (()=>{
             var _el$2 = TableFooter_tmpl$2();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "key", i);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, child);
             return _el$2;
         })());
@@ -7654,7 +7894,7 @@ const TableFooter = (props)=>{
         }
     }));
 };
-const table_TableFooter = TableFooter;
+const TableFooter = TableFooter_TableFooter;
 const Table_VoidElementList = [
     "area",
     "base",
@@ -7729,8 +7969,8 @@ const TableComponent = (props)=>{
 const Table = Object.assign(TableComponent, {
     Head: TableHead,
     Body: table_TableBody,
-    Row: TableRow,
-    Footer: table_TableFooter
+    Row: table_TableRow,
+    Footer: TableFooter
 });
 const table_Table = Table;
 const table = table_Table;
@@ -8225,4 +8465,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, 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 };
+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 };

package/package.json

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