@pathscale/ui 2.5.0 → 2.6.1

package/dist/components/empty/Empty.generated.js

@@ -1,35 +1,28 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./Empty.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+import { omit } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./Empty.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<h3>"), _tmpl$3 = /*#__PURE__*/ template("<p>");
 const __solidLayoutEmptyRoot = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, {
-            role: "status"
-        }, ()=>({
-                class: twMerge(CLASSES.base, local.class)
-            }), {
-            "data-slot": "empty",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
+    const others = omit(p, "children", "class", "dataTheme", "style");
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps(others, {
+        role: "status"
+    }, ()=>({
+            class: twMerge(CLASSES.base, p.class)
+        }), {
+        "data-slot": "empty",
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        get style () {
+            return p.style;
+        }
+    }), true);
+    insert(_el$, ()=>p.children);
+    return _el$;
 };
 const EmptyRoot = defineComponent({
     recipe: componentRecipe,
@@ -37,29 +30,22 @@ const EmptyRoot = defineComponent({
     embedded: true
 });
 const __solidLayoutEmptyIcon = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$2 = _tmpl$();
-        spread(_el$2, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.icon, local.class)
-            }), {
-            "data-slot": "empty-icon",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            },
-            "aria-hidden": "true"
-        }), false, true);
-        insert(_el$2, ()=>local.children);
-        return _el$2;
-    })();
+    const others = omit(p, "children", "class", "dataTheme", "style");
+    var _el$2 = _tmpl$();
+    spread(_el$2, mergeProps(others, ()=>({
+            class: twMerge(CLASSES.slot.icon, p.class)
+        }), {
+        "data-slot": "empty-icon",
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        get style () {
+            return p.style;
+        },
+        "aria-hidden": "true"
+    }), true);
+    insert(_el$2, ()=>p.children);
+    return _el$2;
 };
 const EmptyIcon = defineComponent({
     recipe: componentRecipe,
@@ -67,28 +53,21 @@ const EmptyIcon = defineComponent({
     embedded: true
 });
 const __solidLayoutEmptyTitle = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$3 = _tmpl$2();
-        spread(_el$3, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.title, local.class)
-            }), {
-            "data-slot": "empty-title",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$3, ()=>local.children);
-        return _el$3;
-    })();
+    const others = omit(p, "children", "class", "dataTheme", "style");
+    var _el$3 = _tmpl$2();
+    spread(_el$3, mergeProps(others, ()=>({
+            class: twMerge(CLASSES.slot.title, p.class)
+        }), {
+        "data-slot": "empty-title",
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        get style () {
+            return p.style;
+        }
+    }), true);
+    insert(_el$3, ()=>p.children);
+    return _el$3;
 };
 const EmptyTitle = defineComponent({
     recipe: componentRecipe,
@@ -96,28 +75,21 @@ const EmptyTitle = defineComponent({
     embedded: true
 });
 const __solidLayoutEmptyDescription = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$4 = _tmpl$3();
-        spread(_el$4, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.description, local.class)
-            }), {
-            "data-slot": "empty-description",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$4, ()=>local.children);
-        return _el$4;
-    })();
+    const others = omit(p, "children", "class", "dataTheme", "style");
+    var _el$4 = _tmpl$3();
+    spread(_el$4, mergeProps(others, ()=>({
+            class: twMerge(CLASSES.slot.description, p.class)
+        }), {
+        "data-slot": "empty-description",
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        get style () {
+            return p.style;
+        }
+    }), true);
+    insert(_el$4, ()=>p.children);
+    return _el$4;
 };
 const EmptyDescription = defineComponent({
     recipe: componentRecipe,
@@ -125,28 +97,21 @@ const EmptyDescription = defineComponent({
     embedded: true
 });
 const __solidLayoutEmptyActions = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$5 = _tmpl$();
-        spread(_el$5, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.slot.actions, local.class)
-            }), {
-            "data-slot": "empty-actions",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$5, ()=>local.children);
-        return _el$5;
-    })();
+    const others = omit(p, "children", "class", "dataTheme", "style");
+    var _el$5 = _tmpl$();
+    spread(_el$5, mergeProps(others, ()=>({
+            class: twMerge(CLASSES.slot.actions, p.class)
+        }), {
+        "data-slot": "empty-actions",
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        get style () {
+            return p.style;
+        }
+    }), true);
+    insert(_el$5, ()=>p.children);
+    return _el$5;
 };
 const EmptyActions = defineComponent({
     recipe: componentRecipe,

package/dist/components/empty/Empty.recipe.d.ts

@@ -7,7 +7,7 @@ export declare const CLASSES: {
         readonly actions: "empty__actions";
     };
 };
-export declare const componentRecipe: import("solid-layouts").Recipe<{
+export declare const componentRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "empty";
     readonly slots: {
         readonly empty: {};

package/dist/components/fieldset/Fieldset.generated.d.ts

@@ -1,6 +1,6 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./Fieldset.css";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { UIBaseProps } from "../vocabulary";
 export type FieldsetRootProps = JSX.FieldsetHTMLAttributes<HTMLFieldSetElement> & UIBaseProps;
 export type FieldsetLegendProps = JSX.HTMLAttributes<HTMLLegendElement> & UIBaseProps;

package/dist/components/fieldset/Fieldset.generated.js

@@ -1,33 +1,26 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./Fieldset.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+import { omit } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./Fieldset.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<fieldset>"), _tmpl$2 = /*#__PURE__*/ template("<legend>"), _tmpl$3 = /*#__PURE__*/ template("<div>");
 const __solidLayoutFieldsetRoot = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Root.base, local.class)
-            }), {
-            "data-slot": "fieldset",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
+    const others = omit(p, "children", "class", "dataTheme", "style");
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps(others, ()=>({
+            class: twMerge(CLASSES.Root.base, p.class)
+        }), {
+        "data-slot": "fieldset",
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        get style () {
+            return p.style;
+        }
+    }), true);
+    insert(_el$, ()=>p.children);
+    return _el$;
 };
 const FieldsetRoot = defineComponent({
     recipe: componentRecipe,
@@ -35,28 +28,21 @@ const FieldsetRoot = defineComponent({
     embedded: true
 });
 const __solidLayoutFieldsetLegend = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$2 = _tmpl$2();
-        spread(_el$2, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Legend.base, local.class)
-            }), {
-            "data-slot": "fieldset-legend",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$2, ()=>local.children);
-        return _el$2;
-    })();
+    const others = omit(p, "children", "class", "dataTheme", "style");
+    var _el$2 = _tmpl$2();
+    spread(_el$2, mergeProps(others, ()=>({
+            class: twMerge(CLASSES.Legend.base, p.class)
+        }), {
+        "data-slot": "fieldset-legend",
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        get style () {
+            return p.style;
+        }
+    }), true);
+    insert(_el$2, ()=>p.children);
+    return _el$2;
 };
 const FieldsetLegend = defineComponent({
     recipe: componentRecipe,
@@ -64,28 +50,21 @@ const FieldsetLegend = defineComponent({
     embedded: true
 });
 const __solidLayoutFieldGroup = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$3 = _tmpl$3();
-        spread(_el$3, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Group.base, local.class)
-            }), {
-            "data-slot": "fieldset-field-group",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$3, ()=>local.children);
-        return _el$3;
-    })();
+    const others = omit(p, "children", "class", "dataTheme", "style");
+    var _el$3 = _tmpl$3();
+    spread(_el$3, mergeProps(others, ()=>({
+            class: twMerge(CLASSES.Group.base, p.class)
+        }), {
+        "data-slot": "fieldset-field-group",
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        get style () {
+            return p.style;
+        }
+    }), true);
+    insert(_el$3, ()=>p.children);
+    return _el$3;
 };
 const FieldGroup = defineComponent({
     recipe: componentRecipe,
@@ -93,28 +72,21 @@ const FieldGroup = defineComponent({
     embedded: true
 });
 const __solidLayoutFieldsetActions = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$4 = _tmpl$3();
-        spread(_el$4, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.Actions.base, local.class)
-            }), {
-            "data-slot": "fieldset-actions",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$4, ()=>local.children);
-        return _el$4;
-    })();
+    const others = omit(p, "children", "class", "dataTheme", "style");
+    var _el$4 = _tmpl$3();
+    spread(_el$4, mergeProps(others, ()=>({
+            class: twMerge(CLASSES.Actions.base, p.class)
+        }), {
+        "data-slot": "fieldset-actions",
+        get ["data-theme"] () {
+            return p.dataTheme;
+        },
+        get style () {
+            return p.style;
+        }
+    }), true);
+    insert(_el$4, ()=>p.children);
+    return _el$4;
 };
 const FieldsetActions = defineComponent({
     recipe: componentRecipe,

package/dist/components/fieldset/Fieldset.recipe.d.ts

@@ -12,7 +12,7 @@ export declare const CLASSES: {
         readonly base: "fieldset__actions";
     };
 };
-export declare const componentRecipe: import("solid-layouts").Recipe<{
+export declare const componentRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "fieldset";
     readonly slots: {
         readonly fieldset: {};

package/dist/components/flex/Flex.generated.d.ts

@@ -1,6 +1,6 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./Flex.css";
-import { type JSX } from "solid-js";
+import { type JSX } from "@solidjs/web";
 import type { UIBaseProps } from "../vocabulary";
 import type { ResponsiveProp } from "../types";
 export type FlexProps = UIBaseProps & Omit<JSX.HTMLAttributes<HTMLElement>, "ref"> & {

package/dist/components/flex/Flex.generated.js

@@ -1,36 +1,16 @@
-import { Dynamic, createComponent, mergeProps } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { Dynamic, createComponent, mergeProps } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./Flex.css";
-import { children, createMemo, splitProps } from "solid-js";
+import { children, createMemo, omit } from "solid-js";
 import clsx from "clsx";
-import { twMerge } from "tailwind-merge";
+import { twMerge } from "../../lib/twMerge.js";
 import { mapResponsiveProp } from "../utils.js";
 import { CLASSES, componentRecipe } from "./Flex.recipe.js";
 const __solidLayoutFlex = (_stable, p)=>{
-    const [local, rest] = splitProps(p, [
-        "as",
-        "class",
-        "children",
-        "direction",
-        "justify",
-        "align",
-        "wrap",
-        "gap",
-        "gapX",
-        "gapY",
-        "paddingInline",
-        "paddingBlock",
-        "width",
-        "height",
-        "minWidth",
-        "minHeight",
-        "grow",
-        "shrink",
-        "basis"
-    ]);
-    const tag = createMemo(()=>local.as || "div");
-    const resolvedChildren = children(()=>local.children);
-    const classes = createMemo(()=>twMerge(clsx(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.paddingInline, CLASSES.paddingInline), mapResponsiveProp(local.paddingBlock, CLASSES.paddingBlock), mapResponsiveProp(local.width, CLASSES.width), mapResponsiveProp(local.height, CLASSES.height), mapResponsiveProp(local.minWidth, CLASSES.minWidth), mapResponsiveProp(local.minHeight, CLASSES.minHeight), mapResponsiveProp(local.grow, CLASSES.grow), mapResponsiveProp(local.shrink, CLASSES.shrink), mapResponsiveProp(local.basis, CLASSES.basis), local.class)));
+    const rest = omit(p, "as", "class", "children", "direction", "justify", "align", "wrap", "gap", "gapX", "gapY", "paddingInline", "paddingBlock", "width", "height", "minWidth", "minHeight", "grow", "shrink", "basis");
+    const tag = createMemo(()=>p.as || "div");
+    const resolvedChildren = children(()=>p.children);
+    const classes = createMemo(()=>twMerge(clsx(CLASSES.base, mapResponsiveProp(p.direction, CLASSES.direction), mapResponsiveProp(p.justify, CLASSES.justify), mapResponsiveProp(p.align, CLASSES.align), mapResponsiveProp(p.wrap, CLASSES.wrap), mapResponsiveProp(p.gap, CLASSES.gap), mapResponsiveProp(p.gapX, CLASSES.gapX), mapResponsiveProp(p.gapY, CLASSES.gapY), mapResponsiveProp(p.paddingInline, CLASSES.paddingInline), mapResponsiveProp(p.paddingBlock, CLASSES.paddingBlock), mapResponsiveProp(p.width, CLASSES.width), mapResponsiveProp(p.height, CLASSES.height), mapResponsiveProp(p.minWidth, CLASSES.minWidth), mapResponsiveProp(p.minHeight, CLASSES.minHeight), mapResponsiveProp(p.grow, CLASSES.grow), mapResponsiveProp(p.shrink, CLASSES.shrink), mapResponsiveProp(p.basis, CLASSES.basis), p.class)));
     return createComponent(Dynamic, mergeProps({
         get component () {
             return tag();

package/dist/components/flex/Flex.recipe.d.ts

@@ -89,7 +89,7 @@ export declare const CLASSES: {
         readonly xl: "basis-32";
     };
 };
-export declare const componentRecipe: import("solid-layouts").Recipe<{
+export declare const componentRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "flex";
     readonly slots: {
         readonly root: {};

package/dist/components/footer/Footer.generated.d.ts

@@ -1,6 +1,6 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./footer.css";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import type { UIBaseProps } from "../vocabulary";
 export type FooterProps = UIBaseProps & {
     children?: JSX.Element;

package/dist/components/footer/Footer.generated.js

@@ -1,33 +1,24 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
+import { insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
 import "./footer.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+import { omit } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import { FooterTitle } from "./FooterTitle.generated.js";
 import { CLASSES, componentRecipe } from "./Footer.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<footer>");
 const __solidLayoutFooter = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme",
-        "center",
-        "horizontal",
-        "vertical"
-    ]);
-    const classes = ()=>twMerge(CLASSES.base, local.center && CLASSES.flag.center, local.horizontal && CLASSES.flag.horizontal, local.vertical && CLASSES.flag.vertical, local.class);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }, ()=>({
-                class: classes()
-            })), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
+    const others = omit(p, "children", "class", "dataTheme", "center", "horizontal", "vertical");
+    const classes = ()=>twMerge(CLASSES.base, p.center && CLASSES.flag.center, p.horizontal && CLASSES.flag.horizontal, p.vertical && CLASSES.flag.vertical, p.class);
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps(others, {
+        get ["data-theme"] () {
+            return p.dataTheme;
+        }
+    }, ()=>({
+            class: classes()
+        })), true);
+    insert(_el$, ()=>p.children);
+    return _el$;
 };
 const Footer = defineComponent({
     recipe: componentRecipe,

package/dist/components/footer/Footer.recipe.d.ts

@@ -7,7 +7,7 @@ export declare const CLASSES: {
         readonly vertical: "footer--vertical";
     };
 };
-export declare const componentRecipe: import("solid-layouts").Recipe<{
+export declare const componentRecipe: import("solid-layouts/solid-2").Recipe<{
     readonly component: "footer";
     readonly slots: {
         readonly root: {};

package/dist/components/footer/FooterTitle.generated.d.ts

@@ -1,6 +1,6 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import type { UIBaseProps } from "../vocabulary";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 export type FooterTitleProps = UIBaseProps & {
     children?: JSX.Element;
 };

package/dist/components/footer/FooterTitle.generated.js

@@ -1,28 +1,22 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { defineComponent } from "solid-layouts/application-boundary";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+import { insert, mergeProps, spread, template } from "@solidjs/web";
+import { defineComponent } from "solid-layouts/solid-2/application-boundary";
+import { omit } from "solid-js";
+import { twMerge } from "../../lib/twMerge.js";
 import { CLASSES, componentRecipe } from "./Footer.recipe.js";
 var _tmpl$ = /*#__PURE__*/ template("<h6>");
 const __solidLayoutFooterTitle = (_stable, p)=>{
-    const [local, others] = splitProps(p, [
-        "children",
-        "class",
-        "dataTheme"
-    ]);
-    const classes = ()=>twMerge(CLASSES.title, local.class);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }, ()=>({
-                class: classes()
-            })), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
+    const others = omit(p, "children", "class", "dataTheme");
+    const classes = ()=>twMerge(CLASSES.title, p.class);
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps(others, {
+        get ["data-theme"] () {
+            return p.dataTheme;
+        }
+    }, ()=>({
+            class: classes()
+        })), true);
+    insert(_el$, ()=>p.children);
+    return _el$;
 };
 const FooterTitle = defineComponent({
     recipe: componentRecipe,

package/dist/components/form/FieldErrorMessage.generated.d.ts

@@ -1,5 +1,5 @@
 import type { Component as __LayoutComponent } from "solid-js";
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 export type FieldErrorMessageProps = JSX.HTMLAttributes<HTMLParagraphElement> & {
     /** Pre-normalized error string. Renders nothing when undefined or empty. */
     message?: string;