@pathscale/ui 0.0.75 → 0.0.77

package/dist/index.js

@@ -5806,6 +5806,9 @@ const Card = (props)=>{
         "variant",
         "imageFull",
         "side",
+        "background",
+        "shadow",
+        "fullWidth",
         "class",
         "className",
         "dataTheme",
@@ -5815,7 +5818,24 @@ const Card = (props)=>{
         "aria-labelledby",
         "role"
     ]);
-    const classes = twMerge("card", clsx({
+    const classes = twMerge("card", local.class, local.className, clsx({
+        "w-full": local.fullWidth,
+        "shadow-sm": "sm" === local.shadow,
+        "shadow-md": "md" === local.shadow,
+        "shadow-lg": "lg" === local.shadow,
+        "shadow-xl": "xl" === local.shadow,
+        "shadow-none": "none" === local.shadow,
+        "bg-base-100": "base-100" === local.background,
+        "bg-base-200": "base-200" === local.background,
+        "bg-base-300": "base-300" === local.background,
+        "bg-primary": "primary" === local.background,
+        "bg-secondary": "secondary" === local.background,
+        "bg-accent": "accent" === local.background,
+        "bg-neutral": "neutral" === local.background,
+        "bg-info": "info" === local.background,
+        "bg-success": "success" === local.background,
+        "bg-warning": "warning" === local.background,
+        "bg-error": "error" === local.background,
         "card-xl": "xl" === local.size,
         "card-lg": "lg" === local.size,
         "card-md": "md" === local.size,
@@ -5825,7 +5845,7 @@ const Card = (props)=>{
         "card-border": false !== local.border || "outline" === local.variant || "border" === local.variant,
         "image-full": local.imageFull,
         [DYNAMIC_MODIFIERS.side[local.side?.toString()] ?? ""]: !!local.side
-    }), local.class, local.className);
+    }));
     return (()=>{
         var _el$ = Card_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
@@ -6960,6 +6980,7 @@ const Dropdown = (props)=>{
         "end",
         "hover",
         "open",
+        "fullWidth",
         "dataTheme",
         "style",
         "aria-label",
@@ -6972,6 +6993,7 @@ const Dropdown = (props)=>{
     const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
         const isOpen = local.open ?? dropdownCtx.open();
         return twMerge("dropdown", local.class, local.className, clsx({
+            "w-full": local.fullWidth,
             "dropdown-left": "left" === local.horizontal,
             "dropdown-right": "right" === local.horizontal,
             "dropdown-top": "top" === local.vertical,
@@ -7668,6 +7690,8 @@ const Input = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "size",
         "color",
+        "variant",
+        "fullWidth",
         "dataTheme",
         "class",
         "className",
@@ -7694,7 +7718,23 @@ const Input = (props)=>{
         info: "focus-within:border-info",
         default: "focus-within:border-base-content"
     };
-    const labelClasses = ()=>twMerge("input input-bordered w-full items-center gap-2 focus-within:outline-none", colorFocusMap[local.color || "default"], local.class, local.className);
+    const labelClasses = ()=>twMerge("input", "items-center gap-2 focus-within:outline-none", local.class, local.className, colorFocusMap[local.color || "default"], clsx({
+            "input-bordered": "bordered" === local.variant || !local.variant,
+            "input-ghost": "ghost" === local.variant || "ghost" === local.color,
+            "w-full": false !== local.fullWidth,
+            "input-xl": "xl" === local.size,
+            "input-lg": "lg" === local.size,
+            "input-md": "md" === local.size,
+            "input-sm": "sm" === local.size,
+            "input-xs": "xs" === local.size,
+            "input-primary": "primary" === local.color,
+            "input-secondary": "secondary" === local.color,
+            "input-accent": "accent" === local.color,
+            "input-info": "info" === local.color,
+            "input-success": "success" === local.color,
+            "input-warning": "warning" === local.color,
+            "input-error": "error" === local.color
+        }));
     const inputClasses = ()=>"grow bg-transparent focus:outline-none";
     return (()=>{
         var _el$ = Input_tmpl$2(), _el$2 = _el$.firstChild;
@@ -8200,7 +8240,8 @@ function Modal(props) {
         "tabindex",
         "tabIndex",
         "closeOnEsc",
-        "closeOnOutsideClick"
+        "closeOnOutsideClick",
+        "size"
     ]);
     const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
     let dialogRef;
@@ -8242,7 +8283,14 @@ function Modal(props) {
             "modal-bottom": "bottom" === local.position,
             "modal-bottom sm:modal-middle": local.responsive
         })));
-    const bodyClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("modal-box", local.class, local.className));
+    const bodyClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("modal-box", local.class, local.className, dist_clsx({
+            "max-w-none w-11/12 max-w-7xl": "xl" === local.size,
+            "max-w-none w-11/12 max-w-4xl": "lg" === local.size,
+            "max-w-none w-11/12 max-w-2xl": "md" === local.size,
+            "max-w-none w-80": "sm" === local.size,
+            "max-w-none w-64": "xs" === local.size,
+            "max-w-none w-full h-full": "full" === local.size
+        })));
     return (()=>{
         var _el$ = Modal_tmpl$(), _el$2 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{
@@ -10097,153 +10145,144 @@ function Swap(props) {
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
     "click"
 ]);
-var TableCell_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
-const TableCell_TableCell = (props)=>{
+var TableHead_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<thead><tr>");
+const TableHead_TableHead = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
-        "colSpan",
+        "noCell",
         "class",
         "className",
         "dataTheme"
     ]);
     const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(local.class, local.className)));
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
     return (()=>{
-        var _el$ = TableCell_tmpl$();
+        var _el$ = TableHead_tmpl$(), _el$2 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
             get ["class"] () {
                 return classes();
             },
             get ["data-theme"] () {
                 return local.dataTheme;
-            },
-            get colSpan () {
-                return local.colSpan;
             }
         }, rest), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, resolved);
         return _el$;
     })();
 };
-const TableCell = TableCell_TableCell;
-var TableHeadCell_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>");
-const TableHeadCell = (props)=>{
+const TableHead = TableHead_TableHead;
+var TableBody_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tbody>");
+const TableBody = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
-        "colSpan",
         "class",
         "className",
         "dataTheme"
     ]);
     const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(local.class, local.className)));
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
     return (()=>{
-        var _el$ = TableHeadCell_tmpl$();
+        var _el$ = TableBody_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
             get ["class"] () {
                 return classes();
             },
             get ["data-theme"] () {
                 return local.dataTheme;
-            },
-            get colSpan () {
-                return local.colSpan;
             }
         }, rest), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolved);
         return _el$;
     })();
 };
-const table_TableHeadCell = TableHeadCell;
-var TableHead_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<thead><tr>");
-const TableHead_TableHead = (props)=>{
+const table_TableBody = TableBody;
+var TableRow_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>");
+const TableRow = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
-        "noCell",
         "class",
+        "active",
+        "noCell",
         "className",
         "dataTheme"
     ]);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(local.class, local.className)));
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx({
+            active: local.active
+        }), local.className, local.class));
     const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
     return (()=>{
-        var _el$ = TableHead_tmpl$(), _el$2 = _el$.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        var _el$ = TableRow_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
             get ["class"] () {
                 return classes();
             },
             get ["data-theme"] () {
                 return local.dataTheme;
             }
-        }, rest), false, true);
-        (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__.For, {
-            get each () {
-                return resolved.toArray();
-            },
-            children: (child, index)=>local.noCell ? child : index() < 1 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_TableHeadCell, {
-                    children: child
-                }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TableCell, {
-                    children: child
-                })
-        }));
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolved);
         return _el$;
     })();
 };
-const TableHead = TableHead_TableHead;
-var TableBody_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tbody>");
-const TableBody = (props)=>{
+const table_TableRow = TableRow;
+var TableCell_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
+const TableCell_TableCell = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
+        "colSpan",
         "class",
         "className",
         "dataTheme"
     ]);
     const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(local.class, local.className)));
-    const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
     return (()=>{
-        var _el$ = TableBody_tmpl$();
+        var _el$ = TableCell_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
             get ["class"] () {
                 return classes();
             },
             get ["data-theme"] () {
                 return local.dataTheme;
+            },
+            get colSpan () {
+                return local.colSpan;
             }
         }, rest), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolved);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
         return _el$;
     })();
 };
-const table_TableBody = TableBody;
-var TableRow_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>");
-const TableRow = (props)=>{
+const TableCell = TableCell_TableCell;
+var TableHeadCell_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>");
+const TableHeadCell = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
+        "colSpan",
         "class",
-        "active",
-        "noCell",
         "className",
         "dataTheme"
     ]);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx({
-            active: local.active
-        }), local.className, local.class));
-    const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(local.class, local.className)));
+    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
     return (()=>{
-        var _el$ = TableRow_tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
+        var _el$ = TableHeadCell_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
             get ["class"] () {
                 return classes();
             },
             get ["data-theme"] () {
                 return local.dataTheme;
+            },
+            get colSpan () {
+                return local.colSpan;
             }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolved);
+        }, rest), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
         return _el$;
     })();
 };
-const table_TableRow = TableRow;
+const table_TableHeadCell = TableHeadCell;
 var TableFooter_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tfoot><tr>");
 const TableFooter = (props)=>{
     const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [

package/package.json

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