@pathscale/ui 1.1.34 → 1.1.36

package/dist/components/date-field/DateField.js

@@ -0,0 +1,334 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./DateField.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__DateField_classes_js_5a4dc420__ from "./DateField.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)("<input>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const DateFieldContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const invokeEventHandler = (handler, event)=>{
+    if ("function" == typeof handler) return void handler(event);
+    if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
+};
+const DateFieldRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "name",
+        "value",
+        "defaultValue",
+        "onChange",
+        "onBlur",
+        "fullWidth",
+        "variant",
+        "isDisabled",
+        "disabled",
+        "isInvalid",
+        "isRequired",
+        "required"
+    ]);
+    const [internalValue, setInternalValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.defaultValue ?? "");
+    const isControlled = ()=>void 0 !== local.value;
+    const value = ()=>isControlled() ? local.value ?? "" : internalValue();
+    const variant = ()=>local.variant ?? "primary";
+    const fullWidth = ()=>Boolean(local.fullWidth);
+    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
+    const isInvalid = ()=>Boolean(local.isInvalid);
+    const isRequired = ()=>Boolean(local.isRequired) || Boolean(local.required);
+    const setValue = (nextValue)=>{
+        if (!isControlled()) setInternalValue(nextValue);
+        local.onChange?.(nextValue);
+    };
+    const renderProps = ()=>({
+            value: value(),
+            isInvalid: isInvalid(),
+            isDisabled: isDisabled(),
+            isRequired: isRequired()
+        });
+    const contextValue = {
+        value,
+        name: ()=>local.name,
+        variant,
+        fullWidth,
+        isDisabled,
+        isInvalid,
+        isRequired,
+        onBlur: ()=>local.onBlur,
+        setValue
+    };
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DateFieldContext.Provider, {
+        value: contextValue,
+        get children () {
+            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)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Root.flag.fullWidth, local.class, local.className);
+                },
+                "data-slot": "date-field",
+                get ["data-invalid"] () {
+                    return isInvalid() ? "true" : void 0;
+                },
+                get ["data-disabled"] () {
+                    return isDisabled() ? "true" : void 0;
+                },
+                get ["data-required"] () {
+                    return isRequired() ? "true" : void 0;
+                },
+                get ["aria-invalid"] () {
+                    return isInvalid() ? "true" : void 0;
+                },
+                get ["aria-disabled"] () {
+                    return isDisabled() ? "true" : void 0;
+                },
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                get style () {
+                    return local.style;
+                }
+            }), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+                var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
+                return ()=>_c$() ? local.children(renderProps()) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.children)() ? local.children : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DateFieldGroup, {
+                        get children () {
+                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DateFieldInput, {});
+                        }
+                    });
+            })());
+            return _el$;
+        }
+    });
+};
+const DateFieldGroup = (props)=>{
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DateFieldContext);
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const renderProps = ()=>({
+            value: context?.value() ?? "",
+            isInvalid: context?.isInvalid() ?? false,
+            isDisabled: context?.isDisabled() ?? false,
+            isRequired: context?.isRequired() ?? false
+        });
+    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)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Group.base, __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Group.variant[context?.variant() ?? "primary"], context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Group.flag.fullWidth, local.class, local.className);
+            },
+            "data-slot": "date-input-group",
+            get ["data-invalid"] () {
+                return context?.isInvalid() ? "true" : void 0;
+            },
+            get ["data-disabled"] () {
+                return context?.isDisabled() ? "true" : void 0;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
+            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
+            return ()=>_c$2() ? local.children(renderProps()) : local.children;
+        })());
+        return _el$2;
+    })();
+};
+const DateFieldInput = (props)=>{
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DateFieldContext);
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "onInput",
+        "onBlur",
+        "name"
+    ]);
+    const handleInput = (event)=>{
+        invokeEventHandler(local.onInput, event);
+        if (event.defaultPrevented) return;
+        context?.setValue(event.currentTarget.value);
+    };
+    const handleBlur = (event)=>{
+        invokeEventHandler(local.onBlur, event);
+        invokeEventHandler(context?.onBlur(), event);
+    };
+    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, {
+            type: "date",
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Input.base, local.class, local.className);
+            },
+            "data-slot": "date-input-group-input",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            },
+            get name () {
+                return local.name ?? context?.name();
+            },
+            get value () {
+                return context?.value() ?? "";
+            },
+            get disabled () {
+                return context?.isDisabled();
+            },
+            get required () {
+                return context?.isRequired();
+            },
+            get ["aria-invalid"] () {
+                return context?.isInvalid() ? "true" : void 0;
+            },
+            get ["aria-disabled"] () {
+                return context?.isDisabled() ? "true" : void 0;
+            },
+            onInput: handleInput,
+            onBlur: handleBlur
+        }), false, false);
+        return _el$3;
+    })();
+};
+const DateFieldInputContainer = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$4 = _tmpl$();
+        (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)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.InputContainer.base, local.class, local.className);
+            },
+            "data-slot": "date-input-group-input-container",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        return _el$4;
+    })();
+};
+const DateFieldSegment = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "segment"
+    ]);
+    return (()=>{
+        var _el$5 = _tmpl$3();
+        (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)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Segment.base, local.class, local.className);
+            },
+            "data-slot": "date-input-group-segment",
+            get ["data-type"] () {
+                return local.segment?.type;
+            },
+            get ["data-placeholder"] () {
+                return local.segment?.isPlaceholder ? "true" : void 0;
+            },
+            get ["data-invalid"] () {
+                return local.segment?.isInvalid ? "true" : void 0;
+            },
+            get ["data-focused"] () {
+                return local.segment?.isFocused ? "true" : void 0;
+            },
+            get ["data-disabled"] () {
+                return local.segment?.isDisabled ? "true" : void 0;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children ?? local.segment?.text);
+        return _el$5;
+    })();
+};
+const DateFieldPrefix = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$6 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Prefix.base, local.class, local.className);
+            },
+            "data-slot": "date-input-group-prefix",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
+        return _el$6;
+    })();
+};
+const DateFieldSuffix = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$7 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Suffix.base, local.class, local.className);
+            },
+            "data-slot": "date-input-group-suffix",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
+        return _el$7;
+    })();
+};
+const DateField_DateField = Object.assign(DateFieldRoot, {
+    Root: DateFieldRoot,
+    Group: DateFieldGroup,
+    Input: DateFieldInput,
+    InputContainer: DateFieldInputContainer,
+    Segment: DateFieldSegment,
+    Prefix: DateFieldPrefix,
+    Suffix: DateFieldSuffix
+});
+const DateField = DateField_DateField;
+export { DateField_DateField as DateField, DateFieldGroup, DateFieldInput, DateFieldInputContainer, DateFieldPrefix, DateFieldRoot, DateFieldSegment, DateFieldSuffix, DateField as default };

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

@@ -0,0 +1 @@
+export { default, DateField, DateFieldRoot, DateFieldGroup, DateFieldInput, DateFieldInputContainer, DateFieldSegment, DateFieldPrefix, DateFieldSuffix, type DateFieldProps, type DateFieldRootProps, type DateFieldGroupProps, type DateFieldInputProps, type DateFieldInputContainerProps, type DateFieldSegmentProps, type DateFieldPrefixProps, type DateFieldSuffixProps, type DateFieldVariant, type DateFieldRenderProps, type DateFieldSegmentValue, } from "./DateField";

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

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__ from "./DateField.js";
+var __webpack_exports__DateField = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateField;
+var __webpack_exports__DateFieldGroup = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldGroup;
+var __webpack_exports__DateFieldInput = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldInput;
+var __webpack_exports__DateFieldInputContainer = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldInputContainer;
+var __webpack_exports__DateFieldPrefix = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldPrefix;
+var __webpack_exports__DateFieldRoot = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldRoot;
+var __webpack_exports__DateFieldSegment = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldSegment;
+var __webpack_exports__DateFieldSuffix = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__.DateFieldSuffix;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__DateField_js_ed9555eb__["default"];
+export { __webpack_exports__DateField as DateField, __webpack_exports__DateFieldGroup as DateFieldGroup, __webpack_exports__DateFieldInput as DateFieldInput, __webpack_exports__DateFieldInputContainer as DateFieldInputContainer, __webpack_exports__DateFieldPrefix as DateFieldPrefix, __webpack_exports__DateFieldRoot as DateFieldRoot, __webpack_exports__DateFieldSegment as DateFieldSegment, __webpack_exports__DateFieldSuffix as DateFieldSuffix, __webpack_exports__default as default };

package/dist/components/description/Description.classes.d.ts

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

package/dist/components/description/Description.classes.js

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

package/dist/components/description/Description.css

@@ -0,0 +1,10 @@
+@layer components {
+  .description {
+    font-size: 0.75rem;
+    line-height: 1rem;
+    text-wrap: wrap;
+    overflow-wrap: break-word;
+    word-break: break-word;
+    color: var(--color-muted, color-mix(in oklab, var(--color-base-content) 55%, transparent));
+  }
+}

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

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

package/dist/components/description/Description.js

@@ -0,0 +1,41 @@
+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";
+import * as __WEBPACK_EXTERNAL_MODULE__Description_classes_js_851545c0__ from "./Description.classes.js";
+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",
+        "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)(__WEBPACK_EXTERNAL_MODULE__Description_classes_js_851545c0__.CLASSES.base, local.class, local.className);
+            },
+            "data-slot": "description",
+            get slot () {
+                return local.slot ?? "description";
+            },
+            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 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.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,41 @@
+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, {
+            get ["class"] () {
+                return (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 };