@pathscale/ui 1.1.33 → 1.1.35

package/dist/components/{form/Label.js → description/Description.js}

@@ -1,31 +1,40 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./Description.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<label><span class="label-text cursor-pointer">');
-const Label = (props)=>{
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const DescriptionRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
-        "title",
-        "dataTheme",
         "class",
-        "className"
+        "className",
+        "dataTheme",
+        "style",
+        "slot"
     ]);
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("label", local.class, local.className);
     return (()=>{
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+        var _el$ = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("description", local.class, local.className);
+            },
+            "data-slot": "description",
+            get slot () {
+                return local.slot ?? "description";
+            },
             get ["data-theme"] () {
                 return local.dataTheme;
             },
-            get ["class"] () {
-                return classes();
+            get style () {
+                return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
         return _el$;
     })();
 };
-const form_Label = Label;
-export { form_Label as default };
+const Description = Object.assign(DescriptionRoot, {
+    Root: DescriptionRoot
+});
+const description_Description = Description;
+export { Description, DescriptionRoot, description_Description as default };

package/dist/components/description/index.d.ts

@@ -0,0 +1 @@
+export { default, Description, DescriptionRoot, type DescriptionProps, type DescriptionRootProps, } from "./Description";

package/dist/components/description/index.js

@@ -0,0 +1,5 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Description_js_51a56eb1__ from "./Description.js";
+var __webpack_exports__Description = __WEBPACK_EXTERNAL_MODULE__Description_js_51a56eb1__.Description;
+var __webpack_exports__DescriptionRoot = __WEBPACK_EXTERNAL_MODULE__Description_js_51a56eb1__.DescriptionRoot;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Description_js_51a56eb1__["default"];
+export { __webpack_exports__Description as Description, __webpack_exports__DescriptionRoot as DescriptionRoot, __webpack_exports__default as default };

package/dist/components/drawer/Drawer.css

@@ -280,6 +280,21 @@
     outline-offset: 2px;
   }
 
+  .drawer__close-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 1rem;
+    height: 1rem;
+    pointer-events: none;
+  }
+
+  .drawer__close-icon > * {
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+  }
+
   /* -------------------------------------------------------------------------------------------------
    * Element spacing
    * -----------------------------------------------------------------------------------------------*/

package/dist/components/drawer/Drawer.d.ts

@@ -39,6 +39,8 @@ export type DrawerFooterProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "childr
 export type DrawerHandleProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
 export type DrawerCloseTriggerProps = Omit<JSX.HTMLAttributes<HTMLButtonElement>, "children"> & IComponentBaseProps & {
     children?: JSX.Element;
+    startIcon?: JSX.Element;
+    endIcon?: JSX.Element;
 };
 declare const DrawerRoot: ParentComponent<DrawerRootProps>;
 declare const DrawerTrigger: Component<DrawerTriggerProps>;

package/dist/components/drawer/Drawer.js

@@ -2,7 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Drawer.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h2>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div data-slot=drawer-handle-bar>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg><path d="M18 6L6 18M6 6l12 12"stroke=currentColor stroke-linecap=round stroke-width=2>'), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=drawer-close>");
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h2>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div data-slot=drawer-handle-bar>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="drawer__close-icon drawer__close-icon--start"data-slot=drawer-close-trigger-start-icon>'), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="drawer__close-icon drawer__close-icon--end"data-slot=drawer-close-trigger-end-icon>'), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=drawer-close>");
 const DrawerContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const useDrawerContext = ()=>{
     const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DrawerContext);
@@ -399,6 +399,8 @@ const DrawerCloseTrigger = (props)=>{
         "className",
         "dataTheme",
         "style",
+        "startIcon",
+        "endIcon",
         "onClick"
     ]);
     const ctx = useDrawerContext();
@@ -423,17 +425,23 @@ const DrawerCloseTrigger = (props)=>{
             "aria-label": "Close",
             onClick: handleClick
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-            get when () {
-                return local.children;
-            },
-            get fallback () {
-                return _tmpl$5();
-            },
-            get children () {
-                return local.children;
-            }
-        }));
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.startIcon);
+            return ()=>_c$() ? (()=>{
+                    var _el$1 = _tmpl$5();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>local.startIcon);
+                    return _el$1;
+                })() : null;
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>local.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, (()=>{
+            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.endIcon);
+            return ()=>_c$2() ? (()=>{
+                    var _el$10 = _tmpl$6();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>local.endIcon);
+                    return _el$10;
+                })() : null;
+        })(), null);
         return _el$0;
     })();
 };
@@ -443,10 +451,10 @@ const DrawerClose = (props)=>{
         ctx.setIsOpen(false);
     };
     return (()=>{
-        var _el$10 = _tmpl$6();
-        _el$10.$$click = handleClick;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>props.children);
-        return _el$10;
+        var _el$11 = _tmpl$7();
+        _el$11.$$click = handleClick;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>props.children);
+        return _el$11;
     })();
 };
 const Drawer = Object.assign(DrawerRoot, {

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

@@ -0,0 +1,20 @@
+@layer components {
+  .error-message {
+    height: auto;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    text-wrap: wrap;
+    overflow-wrap: break-word;
+    word-break: break-word;
+    color: var(--color-danger);
+    transition:
+      opacity 150ms var(--ease-out),
+      height 350ms var(--ease-smooth);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .error-message {
+      transition: none;
+    }
+  }
+}

package/dist/components/error-message/ErrorMessage.d.ts

@@ -0,0 +1,11 @@
+import "./ErrorMessage.css";
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ErrorMessageRootProps = JSX.HTMLAttributes<HTMLSpanElement> & IComponentBaseProps;
+declare const ErrorMessageRoot: Component<ErrorMessageRootProps>;
+declare const ErrorMessage: Component<ErrorMessageRootProps> & {
+    Root: Component<ErrorMessageRootProps>;
+};
+export default ErrorMessage;
+export { ErrorMessage, ErrorMessageRoot };
+export type { ErrorMessageRootProps as ErrorMessageProps };

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

@@ -0,0 +1,40 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ 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";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const ErrorMessageRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "slot"
+    ]);
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("error-message", local.class, local.className);
+            },
+            "data-slot": "error-message",
+            get slot () {
+                return local.slot ?? "errorMessage";
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const ErrorMessage_ErrorMessage = Object.assign(ErrorMessageRoot, {
+    Root: ErrorMessageRoot
+});
+const ErrorMessage = ErrorMessage_ErrorMessage;
+export { ErrorMessage_ErrorMessage as ErrorMessage, ErrorMessageRoot, ErrorMessage as default };

package/dist/components/error-message/index.d.ts

@@ -0,0 +1 @@
+export { default, ErrorMessage, ErrorMessageRoot, type ErrorMessageProps, type ErrorMessageRootProps, } from "./ErrorMessage";

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

@@ -0,0 +1,5 @@
+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 };

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

@@ -0,0 +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;
+    }
+  }
+}

package/dist/components/field-error/FieldError.d.ts

@@ -0,0 +1,21 @@
+import "./FieldError.css";
+import { type Accessor, type Component, type JSX } from "solid-js";
+import type { FormController } from "../../hooks/form";
+import type { IComponentBaseProps } from "../types";
+export type FieldErrorRenderProps = {
+    isVisible: boolean;
+};
+export type FieldErrorRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    children?: JSX.Element | ((props: FieldErrorRenderProps) => JSX.Element);
+    isVisible?: boolean;
+    name?: string;
+    form?: FormController<Record<string, unknown>> | Accessor<FormController<Record<string, unknown>> | undefined>;
+    showWhenTouched?: boolean;
+};
+declare const FieldErrorRoot: Component<FieldErrorRootProps>;
+declare const FieldError: Component<FieldErrorRootProps> & {
+    Root: Component<FieldErrorRootProps>;
+};
+export default FieldError;
+export { FieldError, FieldErrorRoot };
+export type { FieldErrorRootProps as FieldErrorProps };

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

@@ -0,0 +1,69 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ 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_index_js_98c491ae__ from "../../hooks/form/index.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const FieldErrorRoot = (props)=>{
+    let rootRef;
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "slot",
+        "isVisible",
+        "name",
+        "form",
+        "showWhenTouched"
+    ]);
+    const hookError = (0, __WEBPACK_EXTERNAL_MODULE__hooks_form_index_js_98c491ae__.useFieldError)(()=>local.name, {
+        form: local.form,
+        element: ()=>rootRef,
+        showWhenTouched: local.showWhenTouched
+    });
+    const hookMessage = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>hookError());
+    const isVisible = ()=>{
+        if ("boolean" == typeof local.isVisible) return local.isVisible;
+        if (hookMessage()) return true;
+        return null != local.children;
+    };
+    const content = ()=>{
+        if ("function" == typeof local.children) return local.children({
+            isVisible: isVisible()
+        });
+        if (null != local.children) return local.children;
+        return hookMessage();
+    };
+    return (()=>{
+        var _el$ = _tmpl$();
+        var _ref$ = rootRef;
+        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : rootRef = _el$;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("field-error", local.class, local.className);
+            },
+            "data-slot": "field-error",
+            get ["data-visible"] () {
+                return isVisible() ? "true" : "false";
+            },
+            get slot () {
+                return local.slot ?? "errorMessage";
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, content);
+        return _el$;
+    })();
+};
+const FieldError = Object.assign(FieldErrorRoot, {
+    Root: FieldErrorRoot
+});
+const field_error_FieldError = FieldError;
+export { FieldError, FieldErrorRoot, field_error_FieldError as default };

package/dist/components/field-error/index.d.ts

@@ -0,0 +1 @@
+export { default, FieldError, FieldErrorRoot, type FieldErrorProps, type FieldErrorRootProps, type FieldErrorRenderProps, } from "./FieldError";

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

@@ -0,0 +1,5 @@
+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 };

package/dist/components/fieldset/Fieldset.css

@@ -0,0 +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;
+  }
+}

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

@@ -1,11 +1,24 @@
-import { type JSX } from "solid-js";
-import type { IComponentBaseProps, ComponentSize } from "../types";
-export type FieldsetGap = ComponentSize | "none";
-export type FieldsetProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLFieldSetElement> & {
-    legend?: JSX.Element | string;
-    description?: string;
-    disabled?: boolean;
-    gap?: FieldsetGap;
+import "./Fieldset.css";
+import { type JSX, type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type FieldsetRootProps = JSX.FieldsetHTMLAttributes<HTMLFieldSetElement> & IComponentBaseProps;
+export type FieldsetLegendProps = JSX.HTMLAttributes<HTMLLegendElement> & IComponentBaseProps;
+export type FieldGroupProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    children?: JSX.Element;
+};
+export type FieldsetActionsProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    children?: JSX.Element;
+};
+declare const FieldsetRoot: ParentComponent<FieldsetRootProps>;
+declare const FieldsetLegend: ParentComponent<FieldsetLegendProps>;
+declare const FieldGroup: ParentComponent<FieldGroupProps>;
+declare const FieldsetActions: ParentComponent<FieldsetActionsProps>;
+declare const Fieldset: ParentComponent<FieldsetRootProps> & {
+    Root: ParentComponent<FieldsetRootProps>;
+    Legend: ParentComponent<FieldsetLegendProps>;
+    Group: ParentComponent<FieldGroupProps>;
+    Actions: ParentComponent<FieldsetActionsProps>;
 };
-declare const Fieldset: (props: FieldsetProps) => JSX.Element;
 export default Fieldset;
+export { Fieldset, FieldsetRoot, FieldsetLegend, FieldGroup, FieldsetActions };
+export type { FieldsetRootProps as FieldsetProps };

package/dist/components/fieldset/Fieldset.js

@@ -1,73 +1,117 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ 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";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<legend class="text-lg font-semibold">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-sm text-base-content/60 mt-1">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<fieldset>");
-const GAP_MAP = {
-    none: "gap-0",
-    xs: "gap-1",
-    sm: "gap-2",
-    md: "gap-4",
-    lg: "gap-6",
-    xl: "gap-8"
-};
-const Fieldset_Fieldset = (props)=>{
-    const descriptionId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+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>");
+const FieldsetRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "legend",
-        "description",
-        "disabled",
-        "gap",
         "children",
         "class",
         "className",
         "dataTheme",
         "style"
     ]);
-    const gap = ()=>local.gap ?? "md";
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex flex-col", GAP_MAP[gap()], local.class, local.className);
     return (()=>{
-        var _el$ = _tmpl$3();
+        var _el$ = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return classes();
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("fieldset", local.class, local.className);
             },
+            "data-slot": "fieldset",
             get ["data-theme"] () {
                 return local.dataTheme;
             },
             get style () {
                 return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const FieldsetLegend = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    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, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("fieldset__legend", local.class, local.className);
             },
-            get disabled () {
-                return local.disabled;
+            "data-slot": "fieldset-legend",
+            get ["data-theme"] () {
+                return local.dataTheme;
             },
-            get ["aria-describedby"] () {
-                return local.description ? descriptionId : void 0;
+            get style () {
+                return local.style;
             }
         }), false, true);
-        (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.legend;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+        return _el$2;
+    })();
+};
+const FieldGroup = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    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, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("fieldset__group", local.class, local.className);
             },
-            get children () {
-                var _el$2 = _tmpl$();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.legend);
-                return _el$2;
+            "data-slot": "fieldset-field-group",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
             }
-        }), null);
-        (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;
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
+        return _el$3;
+    })();
+};
+const FieldsetActions = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    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, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("fieldset__actions", local.class, local.className);
             },
-            get children () {
-                var _el$3 = _tmpl$2();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "id", descriptionId);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.description);
-                return _el$3;
+            "data-slot": "fieldset-actions",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
             }
-        }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
-        return _el$;
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        return _el$4;
     })();
 };
-const Fieldset = Fieldset_Fieldset;
-export { Fieldset as default };
+const Fieldset = Object.assign(FieldsetRoot, {
+    Root: FieldsetRoot,
+    Legend: FieldsetLegend,
+    Group: FieldGroup,
+    Actions: FieldsetActions
+});
+const fieldset_Fieldset = Fieldset;
+export { FieldGroup, Fieldset, FieldsetActions, FieldsetLegend, FieldsetRoot, fieldset_Fieldset as default };

package/dist/components/fieldset/index.d.ts

@@ -1,2 +1 @@
-export { default as Fieldset } from "./Fieldset";
-export type { FieldsetProps } from "./Fieldset";
+export { default, Fieldset, FieldsetRoot, FieldsetLegend, FieldGroup, FieldsetActions, type FieldsetProps, type FieldsetRootProps, type FieldsetLegendProps, type FieldGroupProps, type FieldsetActionsProps, } from "./Fieldset";

package/dist/components/fieldset/index.js

@@ -1,3 +1,8 @@
 import * as __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__ from "./Fieldset.js";
-var __webpack_exports__Fieldset = __WEBPACK_EXTERNAL_MODULE__Fieldset_js_9a590ee6__["default"];
-export { __webpack_exports__Fieldset as Fieldset };
+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 };

package/dist/components/form/Form.css

@@ -0,0 +1,5 @@
+@layer components {
+  .form {
+    display: block;
+  }
+}