@pathscale/ui 1.2.5 → 1.2.7

package/dist/components/error-message/ErrorMessage.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { insert, mergeProps, spread, template } from "solid-js/web";
 import "./ErrorMessage.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__ErrorMessage_classes_js_27e86b98__ from "./ErrorMessage.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./ErrorMessage.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<span>");
 const ErrorMessageRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -15,8 +15,8 @@ const ErrorMessageRoot = (props)=>{
     ]);
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ErrorMessage_classes_js_27e86b98__.CLASSES.base, local.class, local.className)
+        spread(_el$, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.base, local.class, local.className)
             }), {
             "data-slot": "error-message",
             get slot () {
@@ -29,12 +29,12 @@ const ErrorMessageRoot = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        insert(_el$, ()=>local.children);
         return _el$;
     })();
 };
-const ErrorMessage_ErrorMessage = Object.assign(ErrorMessageRoot, {
+const ErrorMessage = Object.assign(ErrorMessageRoot, {
     Root: ErrorMessageRoot
 });
-const ErrorMessage = ErrorMessage_ErrorMessage;
-export { ErrorMessage_ErrorMessage as ErrorMessage, ErrorMessageRoot, ErrorMessage as default };
+const error_message_ErrorMessage = ErrorMessage;
+export { ErrorMessage, ErrorMessageRoot, error_message_ErrorMessage as default };

package/dist/components/error-message/index.js

@@ -1,5 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ErrorMessage_js_a8db9ade__ from "./ErrorMessage.js";
-var __webpack_exports__ErrorMessage = __WEBPACK_EXTERNAL_MODULE__ErrorMessage_js_a8db9ade__.ErrorMessage;
-var __webpack_exports__ErrorMessageRoot = __WEBPACK_EXTERNAL_MODULE__ErrorMessage_js_a8db9ade__.ErrorMessageRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__ErrorMessage_js_a8db9ade__["default"];
-export { __webpack_exports__ErrorMessage as ErrorMessage, __webpack_exports__ErrorMessageRoot as ErrorMessageRoot, __webpack_exports__default as default };
+import external_ErrorMessage_js_default, { ErrorMessage, ErrorMessageRoot } from "./ErrorMessage.js";
+export { ErrorMessage, ErrorMessageRoot, external_ErrorMessage_js_default as default };

package/dist/components/field-error/FieldError.css

@@ -1,27 +1,27 @@
-@layer components {
-  .field-error {
-    height: 0;
-    padding-inline: 0.25rem;
-    font-size: 0.75rem;
-    line-height: 1rem;
-    text-wrap: wrap;
-    overflow-wrap: break-word;
-    word-break: break-word;
-    color: var(--color-danger);
-    opacity: 0;
-    transition:
-      opacity 150ms var(--ease-out),
-      height 350ms var(--ease-smooth);
-  }
-
-  .field-error[data-visible="true"] {
-    height: auto;
-    opacity: 1;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .field-error {
-      transition: none;
-    }
-  }
-}
+@layer components {
+  .field-error {
+    height: 0;
+    padding-inline: 0.25rem;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    text-wrap: wrap;
+    overflow-wrap: break-word;
+    word-break: break-word;
+    color: var(--color-danger);
+    opacity: 0;
+    transition:
+      opacity 150ms var(--ease-out),
+      height 350ms var(--ease-smooth);
+  }
+
+  .field-error[data-visible="true"] {
+    height: auto;
+    opacity: 1;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .field-error {
+      transition: none;
+    }
+  }
+}

package/dist/components/field-error/FieldError.js

@@ -1,13 +1,13 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { insert, mergeProps, spread, template } from "solid-js/web";
 import "./FieldError.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_form_getFirstFieldError_js_b4e4d106__ from "../../hooks/form/getFirstFieldError.js";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_form_index_js_98c491ae__ from "../../hooks/form/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__FieldError_classes_js_e17d0a0a__ from "./FieldError.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { createMemo, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { getFirstFieldError } from "../../hooks/form/getFirstFieldError.js";
+import { useFormContext } from "../../hooks/form/index.js";
+import { CLASSES } from "./FieldError.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
 const FieldErrorRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -19,13 +19,13 @@ const FieldErrorRoot = (props)=>{
         "form",
         "showWhenTouched"
     ]);
-    const hookMessage = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+    const hookMessage = createMemo(()=>{
         if (!local.name) return;
-        const form = local.form ?? (0, __WEBPACK_EXTERNAL_MODULE__hooks_form_index_js_98c491ae__.useFormContext)();
+        const form = local.form ?? useFormContext();
         const fieldMeta = form._tsForm.getFieldMeta(local.name);
         if (!fieldMeta) return;
         if ((local.showWhenTouched ?? true) && !fieldMeta.isTouched) return;
-        return (0, __WEBPACK_EXTERNAL_MODULE__hooks_form_getFirstFieldError_js_b4e4d106__.getFirstFieldError)(fieldMeta.errors ?? []);
+        return getFirstFieldError(fieldMeta.errors ?? []);
     });
     const isVisible = ()=>{
         if ("boolean" == typeof local.isVisible) return local.isVisible;
@@ -41,8 +41,8 @@ const FieldErrorRoot = (props)=>{
     };
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FieldError_classes_js_e17d0a0a__.CLASSES.base, local.class, local.className)
+        spread(_el$, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.base, local.class, local.className)
             }), {
             "data-slot": "field-error",
             get ["data-visible"] () {
@@ -58,7 +58,7 @@ const FieldErrorRoot = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, content);
+        insert(_el$, content);
         return _el$;
     })();
 };

package/dist/components/field-error/index.js

@@ -1,5 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__FieldError_js_e28dd93b__ from "./FieldError.js";
-var __webpack_exports__FieldError = __WEBPACK_EXTERNAL_MODULE__FieldError_js_e28dd93b__.FieldError;
-var __webpack_exports__FieldErrorRoot = __WEBPACK_EXTERNAL_MODULE__FieldError_js_e28dd93b__.FieldErrorRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__FieldError_js_e28dd93b__["default"];
-export { __webpack_exports__FieldError as FieldError, __webpack_exports__FieldErrorRoot as FieldErrorRoot, __webpack_exports__default as default };
+import external_FieldError_js_default, { FieldError, FieldErrorRoot } from "./FieldError.js";
+export { FieldError, FieldErrorRoot, external_FieldError_js_default as default };

package/dist/components/fieldset/Fieldset.css

@@ -1,30 +1,30 @@
-@layer components {
-  .fieldset {
-    display: flex;
-    flex: 1 1 0;
-    min-width: 0;
-    flex-direction: column;
-    gap: 1.5rem;
-  }
-
-  .fieldset__legend {
-    font-size: 1rem;
-    line-height: 1.5rem;
-    font-weight: 500;
-    color: var(--color-foreground, var(--color-base-content));
-  }
-
-  .fieldset__group {
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    gap: 1rem;
-  }
-
-  .fieldset__actions {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    padding-top: 0.25rem;
-  }
-}
+@layer components {
+  .fieldset {
+    display: flex;
+    flex: 1 1 0;
+    min-width: 0;
+    flex-direction: column;
+    gap: 1.5rem;
+  }
+
+  .fieldset__legend {
+    font-size: 1rem;
+    line-height: 1.5rem;
+    font-weight: 500;
+    color: var(--color-foreground, var(--color-base-content));
+  }
+
+  .fieldset__group {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    gap: 1rem;
+  }
+
+  .fieldset__actions {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding-top: 0.25rem;
+  }
+}

package/dist/components/fieldset/Fieldset.js

@@ -1,11 +1,11 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { insert, mergeProps, spread, template } from "solid-js/web";
 import "./Fieldset.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__Fieldset_classes_js_d31e01e5__ from "./Fieldset.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<fieldset>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<legend>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import { splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { CLASSES } from "./Fieldset.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<fieldset>"), _tmpl$2 = /*#__PURE__*/ template("<legend>"), _tmpl$3 = /*#__PURE__*/ template("<div>");
 const FieldsetRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -14,8 +14,8 @@ const FieldsetRoot = (props)=>{
     ]);
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Fieldset_classes_js_d31e01e5__.CLASSES.Root.base, local.class, local.className)
+        spread(_el$, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Root.base, local.class, local.className)
             }), {
             "data-slot": "fieldset",
             get ["data-theme"] () {
@@ -25,12 +25,12 @@ const FieldsetRoot = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        insert(_el$, ()=>local.children);
         return _el$;
     })();
 };
 const FieldsetLegend = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -39,8 +39,8 @@ const FieldsetLegend = (props)=>{
     ]);
     return (()=>{
         var _el$2 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Fieldset_classes_js_d31e01e5__.CLASSES.Legend.base, local.class, local.className)
+        spread(_el$2, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Legend.base, local.class, local.className)
             }), {
             "data-slot": "fieldset-legend",
             get ["data-theme"] () {
@@ -50,12 +50,12 @@ const FieldsetLegend = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        insert(_el$2, ()=>local.children);
         return _el$2;
     })();
 };
 const FieldGroup = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -64,8 +64,8 @@ const FieldGroup = (props)=>{
     ]);
     return (()=>{
         var _el$3 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Fieldset_classes_js_d31e01e5__.CLASSES.Group.base, local.class, local.className)
+        spread(_el$3, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Group.base, local.class, local.className)
             }), {
             "data-slot": "fieldset-field-group",
             get ["data-theme"] () {
@@ -75,12 +75,12 @@ const FieldGroup = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+        insert(_el$3, ()=>local.children);
         return _el$3;
     })();
 };
 const FieldsetActions = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -89,8 +89,8 @@ const FieldsetActions = (props)=>{
     ]);
     return (()=>{
         var _el$4 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Fieldset_classes_js_d31e01e5__.CLASSES.Actions.base, local.class, local.className)
+        spread(_el$4, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Actions.base, local.class, local.className)
             }), {
             "data-slot": "fieldset-actions",
             get ["data-theme"] () {
@@ -100,7 +100,7 @@ const FieldsetActions = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        insert(_el$4, ()=>local.children);
         return _el$4;
     })();
 };

package/dist/components/fieldset/index.js

@@ -1,8 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__ from "./Fieldset.js";
-var __webpack_exports__FieldGroup = __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__.FieldGroup;
-var __webpack_exports__Fieldset = __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__.Fieldset;
-var __webpack_exports__FieldsetActions = __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__.FieldsetActions;
-var __webpack_exports__FieldsetLegend = __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__.FieldsetLegend;
-var __webpack_exports__FieldsetRoot = __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__.FieldsetRoot;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__["default"];
-export { __webpack_exports__FieldGroup as FieldGroup, __webpack_exports__Fieldset as Fieldset, __webpack_exports__FieldsetActions as FieldsetActions, __webpack_exports__FieldsetLegend as FieldsetLegend, __webpack_exports__FieldsetRoot as FieldsetRoot, __webpack_exports__default as default };
+import external_Fieldset_js_default, { FieldGroup, Fieldset, FieldsetActions, FieldsetLegend, FieldsetRoot } from "./Fieldset.js";
+export { FieldGroup, Fieldset, FieldsetActions, FieldsetLegend, FieldsetRoot, external_Fieldset_js_default as default };

package/dist/components/flex/Flex.css

@@ -1,5 +1,5 @@
-@layer components {
-  .flex-layout {
-    display: flex;
-  }
-}
+@layer components {
+  .flex-layout {
+    display: flex;
+  }
+}

package/dist/components/flex/Flex.js

@@ -1,12 +1,12 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { Dynamic, createComponent, mergeProps } from "solid-js/web";
 import "./Flex.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__ from "../utils.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Flex_classes_js_9b9809e9__ from "./Flex.classes.js";
-const Flex_Flex = (props)=>{
-    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+import { children, createMemo, splitProps } from "solid-js";
+import external_clsx_default from "clsx";
+import { twMerge } from "tailwind-merge";
+import { mapResponsiveProp } from "../utils.js";
+import { CLASSES } from "./Flex.classes.js";
+const Flex = (props)=>{
+    const [local, rest] = splitProps(props, [
         "as",
         "class",
         "className",
@@ -22,10 +22,10 @@ const Flex_Flex = (props)=>{
         "shrink",
         "basis"
     ]);
-    const tag = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.as || "div");
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Flex_classes_js_9b9809e9__.CLASSES.base, (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.direction, __WEBPACK_EXTERNAL_MODULE__Flex_classes_js_9b9809e9__.CLASSES.direction), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.justify, __WEBPACK_EXTERNAL_MODULE__Flex_classes_js_9b9809e9__.CLASSES.justify), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.align, __WEBPACK_EXTERNAL_MODULE__Flex_classes_js_9b9809e9__.CLASSES.align), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.wrap, __WEBPACK_EXTERNAL_MODULE__Flex_classes_js_9b9809e9__.CLASSES.wrap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.gap, __WEBPACK_EXTERNAL_MODULE__Flex_classes_js_9b9809e9__.CLASSES.gap), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.gapX, __WEBPACK_EXTERNAL_MODULE__Flex_classes_js_9b9809e9__.CLASSES.gapX), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.gapY, __WEBPACK_EXTERNAL_MODULE__Flex_classes_js_9b9809e9__.CLASSES.gapY), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.grow, __WEBPACK_EXTERNAL_MODULE__Flex_classes_js_9b9809e9__.CLASSES.grow), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.shrink, __WEBPACK_EXTERNAL_MODULE__Flex_classes_js_9b9809e9__.CLASSES.shrink), (0, __WEBPACK_EXTERNAL_MODULE__utils_js_db66b9f7__.mapResponsiveProp)(local.basis, __WEBPACK_EXTERNAL_MODULE__Flex_classes_js_9b9809e9__.CLASSES.basis), 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)({
+    const tag = createMemo(()=>local.as || "div");
+    const resolvedChildren = children(()=>local.children);
+    const classes = createMemo(()=>twMerge(external_clsx_default(CLASSES.base, mapResponsiveProp(local.direction, CLASSES.direction), mapResponsiveProp(local.justify, CLASSES.justify), mapResponsiveProp(local.align, CLASSES.align), mapResponsiveProp(local.wrap, CLASSES.wrap), mapResponsiveProp(local.gap, CLASSES.gap), mapResponsiveProp(local.gapX, CLASSES.gapX), mapResponsiveProp(local.gapY, CLASSES.gapY), mapResponsiveProp(local.grow, CLASSES.grow), mapResponsiveProp(local.shrink, CLASSES.shrink), mapResponsiveProp(local.basis, CLASSES.basis), local.class, local.className)));
+    return createComponent(Dynamic, mergeProps({
         get component () {
             return tag();
         }
@@ -37,5 +37,5 @@ const Flex_Flex = (props)=>{
         }
     }));
 };
-const Flex = Flex_Flex;
-export { Flex as default };
+const flex_Flex = Flex;
+export { flex_Flex as default };

package/dist/components/flex/index.js

@@ -1,3 +1,2 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Flex_js_adef8f0b__ from "./Flex.js";
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Flex_js_adef8f0b__["default"];
-export { __webpack_exports__default as default };
+import external_Flex_js_default from "./Flex.js";
+export { external_Flex_js_default as default };