@pathscale/ui 1.1.56 → 1.1.58

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

@@ -1 +1 @@
-export { default, DrawerRoot, DrawerTrigger, DrawerBackdrop, DrawerContent, DrawerDialog, DrawerHeader, DrawerHeading, DrawerBody, DrawerFooter, DrawerHandle, DrawerCloseTrigger, DrawerClose, type DrawerPlacement, type DrawerBackdropVariant, type DrawerRootProps, type DrawerTriggerProps, type DrawerBackdropProps, type DrawerContentProps, type DrawerDialogProps, type DrawerHeaderProps, type DrawerHeadingProps, type DrawerBodyProps, type DrawerFooterProps, type DrawerHandleProps, type DrawerCloseTriggerProps, type DrawerCloseProps, } from "./Drawer";
+export { default, DrawerRoot, DrawerTrigger, DrawerBackdrop, DrawerContent, DrawerDialog, DrawerHeader, DrawerHeading, DrawerBody, DrawerFooter, DrawerHandle, DrawerCloseTrigger, DrawerClose, type DrawerPlacement, type DrawerSize, type DrawerBackdropVariant, type DrawerDialogSide, type DrawerScrollBehavior, type DrawerRootProps, type DrawerTriggerProps, type DrawerBackdropProps, type DrawerContentProps, type DrawerDialogProps, type DrawerHeaderProps, type DrawerHeadingProps, type DrawerBodyProps, type DrawerFooterProps, type DrawerHandleProps, type DrawerCloseTriggerProps, type DrawerCloseProps, } from "./Drawer";

package/dist/components/dropdown/Dropdown.classes.d.ts

@@ -0,0 +1,11 @@
+export declare const CLASSES: {
+    readonly base: "dropdown";
+    readonly slot: {
+        readonly trigger: "dropdown__trigger";
+        readonly popover: "dropdown__popover";
+        readonly menu: "dropdown__menu";
+        readonly item: "dropdown__item";
+        readonly group: "dropdown__group";
+        readonly separator: "dropdown__separator";
+    };
+};

package/dist/components/dropdown/Dropdown.classes.js

@@ -0,0 +1,12 @@
+const CLASSES = {
+    base: "dropdown",
+    slot: {
+        trigger: "dropdown__trigger",
+        popover: "dropdown__popover",
+        menu: "dropdown__menu",
+        item: "dropdown__item",
+        group: "dropdown__group",
+        separator: "dropdown__separator"
+    }
+};
+export { CLASSES };

package/dist/components/dropdown/Dropdown.js

@@ -2,7 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Dropdown.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)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=dropdown__menu>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=dropdown__menu data-slot=dropdown-menu>");
+import * as __WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__ from "./Dropdown.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div>");
 const DropdownContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
@@ -144,10 +145,9 @@ const DropdownRoot = (props)=>{
         get children () {
             var _el$ = _tmpl$();
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setRootRef, _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)("dropdown", local.class, local.className);
-                },
+            (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__Dropdown_classes_js_de10768c__.CLASSES.base, local.class, local.className)
+                }), {
                 get ["data-theme"] () {
                     return local.dataTheme;
                 },
@@ -174,10 +174,9 @@ const DropdownTrigger = (props)=>{
     ]);
     if (!ctx) 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)("dropdown__trigger", local.class);
-            },
+        (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__Dropdown_classes_js_de10768c__.CLASSES.slot.trigger, local.class)
+            }), {
             get type () {
                 return local.type ?? "button";
             }
@@ -240,10 +239,10 @@ const DropdownTrigger = (props)=>{
             },
             get type () {
                 return local.type ?? "button";
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("dropdown__trigger", local.class);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.trigger, local.class)
+            }), {
             "data-slot": "dropdown-trigger",
             "aria-haspopup": "menu",
             get ["aria-expanded"] () {
@@ -275,11 +274,12 @@ const DropdownMenu = (props)=>{
     ]);
     if (!ctx) return (()=>{
         var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
-        (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)("dropdown__popover", local.class);
-            }
-        }), false, true);
+        (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__Dropdown_classes_js_de10768c__.CLASSES.slot.popover, local.class)
+            })), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.menu
+            })), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
         return _el$4;
     })();
@@ -324,14 +324,14 @@ const DropdownMenu = (props)=>{
         };
     };
     return (()=>{
-        var _el$6 = _tmpl$4(), _el$7 = _el$6.firstChild;
+        var _el$6 = _tmpl$3(), _el$7 = _el$6.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get id () {
                 return ctx.menuId;
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("dropdown__popover", local.class);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.popover, local.class)
+            }), {
             get role () {
                 return local.role ?? "menu";
             },
@@ -350,6 +350,11 @@ const DropdownMenu = (props)=>{
             },
             onKeyDown: handleKeyDown
         }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.menu
+            }), {
+            "data-slot": "dropdown-menu"
+        }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
         return _el$6;
     })();
@@ -414,10 +419,10 @@ const DropdownItem = (props)=>{
             },
             get role () {
                 return local.role ?? "menuitem";
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("dropdown__item", local.class);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.item, local.class)
+            }), {
             "data-slot": "menu-item",
             get ["data-disabled"] () {
                 return isDisabled() ? "true" : "false";
@@ -450,10 +455,10 @@ const DropdownGroup = (props)=>{
     return (()=>{
         var _el$9 = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            role: "group",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("dropdown__group", local.class);
-            },
+            role: "group"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.group, local.class)
+            }), {
             "data-slot": "dropdown-group"
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>local.children);
@@ -467,10 +472,10 @@ const DropdownSeparator = (props)=>{
     return (()=>{
         var _el$0 = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            role: "separator",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("dropdown__separator", local.class);
-            },
+            role: "separator"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.separator, local.class)
+            }), {
             "data-slot": "separator",
             "aria-orientation": "horizontal"
         }), false, false);

package/dist/components/empty-state/EmptyState.classes.d.ts

@@ -0,0 +1,9 @@
+export declare const CLASSES: {
+    readonly base: "empty-state";
+    readonly slot: {
+        readonly icon: "empty-state__icon";
+        readonly title: "empty-state__title";
+        readonly description: "empty-state__description";
+        readonly actions: "empty-state__actions";
+    };
+};

package/dist/components/empty-state/EmptyState.classes.js

@@ -0,0 +1,10 @@
+const CLASSES = {
+    base: "empty-state",
+    slot: {
+        icon: "empty-state__icon",
+        title: "empty-state__title",
+        description: "empty-state__description",
+        actions: "empty-state__actions"
+    }
+};
+export { CLASSES };

package/dist/components/empty-state/EmptyState.js

@@ -2,6 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./EmptyState.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__EmptyState_classes_js_726ce366__ from "./EmptyState.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h3>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>");
 const EmptyStateRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -14,10 +15,10 @@ const EmptyStateRoot = (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, {
-            role: "status",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("empty-state", local.class, local.className);
-            },
+            role: "status"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__EmptyState_classes_js_726ce366__.CLASSES.base, local.class, local.className)
+            }), {
             "data-slot": "empty-state",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -40,10 +41,9 @@ const EmptyStateIcon = (props)=>{
     ]);
     return (()=>{
         var _el$2 = _tmpl$();
-        (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)("empty-state__icon", local.class, local.className);
-            },
+        (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__EmptyState_classes_js_726ce366__.CLASSES.slot.icon, local.class, local.className)
+            }), {
             "data-slot": "empty-state-icon",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -67,10 +67,9 @@ const EmptyStateTitle = (props)=>{
     ]);
     return (()=>{
         var _el$3 = _tmpl$2();
-        (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)("empty-state__title", local.class, local.className);
-            },
+        (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__EmptyState_classes_js_726ce366__.CLASSES.slot.title, local.class, local.className)
+            }), {
             "data-slot": "empty-state-title",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -93,10 +92,9 @@ const EmptyStateDescription = (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, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("empty-state__description", local.class, local.className);
-            },
+        (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__EmptyState_classes_js_726ce366__.CLASSES.slot.description, local.class, local.className)
+            }), {
             "data-slot": "empty-state-description",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -119,10 +117,9 @@ const EmptyStateActions = (props)=>{
     ]);
     return (()=>{
         var _el$5 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("empty-state__actions", local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__EmptyState_classes_js_726ce366__.CLASSES.slot.actions, local.class, local.className)
+            }), {
             "data-slot": "empty-state-actions",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -135,12 +132,12 @@ const EmptyStateActions = (props)=>{
         return _el$5;
     })();
 };
-const EmptyState_EmptyState = Object.assign(EmptyStateRoot, {
+const EmptyState = Object.assign(EmptyStateRoot, {
     Root: EmptyStateRoot,
     Icon: EmptyStateIcon,
     Title: EmptyStateTitle,
     Description: EmptyStateDescription,
     Actions: EmptyStateActions
 });
-const EmptyState = EmptyState_EmptyState;
-export { EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle, EmptyState as default };
+const empty_state_EmptyState = EmptyState;
+export { EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle, empty_state_EmptyState as default };

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

@@ -0,0 +1,3 @@
+export declare const CLASSES: {
+    readonly base: "error-message";
+};

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

@@ -0,0 +1,4 @@
+const CLASSES = {
+    base: "error-message"
+};
+export { CLASSES };

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";
+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>");
+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, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ErrorMessage_classes_js_27e86b98__.CLASSES.base, 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.classes.d.ts

@@ -0,0 +1,3 @@
+export declare const CLASSES: {
+    readonly base: "field-error";
+};

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

@@ -0,0 +1,4 @@
+const CLASSES = {
+    base: "field-error"
+};
+export { CLASSES };

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 Component, type JSX } from "solid-js";
+import { type AnyFormApi } 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?: AnyFormApi;
+    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_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>");
+const FieldErrorRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "slot",
+        "isVisible",
+        "name",
+        "form",
+        "showWhenTouched"
+    ]);
+    const hookMessage = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (!local.name) return;
+        const form = local.form ?? (0, __WEBPACK_EXTERNAL_MODULE__hooks_form_index_js_98c491ae__.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 ?? []);
+    });
+    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$();
+        (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)
+            }), {
+            "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_FieldError = Object.assign(FieldErrorRoot, {
+    Root: FieldErrorRoot
+});
+const FieldError = FieldError_FieldError;
+export { FieldError_FieldError as FieldError, FieldErrorRoot, 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.classes.d.ts

@@ -0,0 +1,14 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "fieldset";
+    };
+    readonly Legend: {
+        readonly base: "fieldset__legend";
+    };
+    readonly Group: {
+        readonly base: "fieldset__group";
+    };
+    readonly Actions: {
+        readonly base: "fieldset__actions";
+    };
+};

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

@@ -0,0 +1,15 @@
+const CLASSES = {
+    Root: {
+        base: "fieldset"
+    },
+    Legend: {
+        base: "fieldset__legend"
+    },
+    Group: {
+        base: "fieldset__group"
+    },
+    Actions: {
+        base: "fieldset__actions"
+    }
+};
+export { CLASSES };

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 };