@pathscale/ui 1.1.47 → 1.1.49

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

@@ -0,0 +1,17 @@
+import { type Component, type JSX } from "solid-js";
+export type FieldErrorMessageProps = JSX.HTMLAttributes<HTMLParagraphElement> & {
+    /** Pre-normalized error string. Renders nothing when undefined or empty. */
+    message?: string;
+    className?: string;
+};
+/**
+ * Displays a single field error string.
+ *
+ * Pure presentation — has no form or field awareness. Pass an already-normalized
+ * `message` string from `getFirstFieldError()` or `useField().error()`.
+ *
+ * Hidden (returns null) when `message` is undefined or empty.
+ */
+declare const FieldErrorMessage: Component<FieldErrorMessageProps>;
+export default FieldErrorMessage;
+export { FieldErrorMessage };

package/dist/components/form/FieldErrorMessage.js

@@ -0,0 +1,23 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+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)("<p>");
+const FieldErrorMessage = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        get when () {
+            return props.message;
+        },
+        get children () {
+            var _el$ = _tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-xs text-error mt-0.5", props.class, props.className)
+                }), {
+                "data-slot": "field-error-message",
+                role: "alert",
+                "aria-live": "polite"
+            }), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.message);
+            return _el$;
+        }
+    });
+const form_FieldErrorMessage = FieldErrorMessage;
+export { FieldErrorMessage, form_FieldErrorMessage as default };

package/dist/components/form/Form.d.ts

@@ -1,11 +1,46 @@
 import "./Form.css";
 import { type Component, type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
+import { type AnyFormApi } from "../../hooks/form/FormContext";
 export type FormRootProps = JSX.FormHTMLAttributes<HTMLFormElement> & IComponentBaseProps;
 declare const FormRoot: Component<FormRootProps>;
-declare const Form: Component<FormRootProps> & {
-    Root: Component<FormRootProps>;
+export type FormWithContextProps = Omit<JSX.FormHTMLAttributes<HTMLFormElement>, "onSubmit"> & IComponentBaseProps & {
+    /**
+     * The form API returned by `createForm()`.
+     * Providing this prop switches the component into context-providing mode:
+     * it registers the form instance for all `<FormField>`, `<FormSubmitButton>`,
+     * and `useField()` calls in the subtree.
+     */
+    form: AnyFormApi;
+    /**
+     * Optional additional onSubmit handler called *after* `form.handleSubmit()`.
+     * Rarely needed — prefer setting `onSubmit` on `createForm(options)` instead.
+     */
+    onSubmit?: JSX.EventHandlerUnion<HTMLFormElement, SubmitEvent>;
 };
+declare const FormWithContext: Component<FormWithContextProps>;
+/**
+ * Styled form element.
+ *
+ * **Without `form` prop** — renders a plain `<form>` with DaisyUI base styles.
+ * Use this with the legacy Felte-based `useForm` + `use:form` directive pattern.
+ *
+ * **With `form` prop** — provides the form instance via context so that child
+ * `<FormField>`, `<FormSubmitButton>`, and `useField()` calls resolve
+ * automatically without prop drilling. Also wires `onSubmit` to
+ * `form.handleSubmit()` automatically.
+ *
+ * ```tsx
+ * // New API
+ * const form = createForm({ defaultValues, schema, onSubmit });
+ * <Form form={form} class="space-y-4">{...}</Form>
+ *
+ * // Legacy API — unchanged
+ * const form = useForm({ schema, onSubmit });
+ * <Form use:form class="space-y-4">{...}</Form>
+ * ```
+ */
+declare const Form: (props: FormRootProps | FormWithContextProps) => JSX.Element;
 export default Form;
-export { Form, FormRoot };
+export { Form, FormRoot, FormWithContext };
 export type { FormRootProps as FormProps };

package/dist/components/form/Form.js

@@ -1,11 +1,12 @@
-import { mergeProps, spread, template } from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
 import "./Form.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Form.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<form>");
+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__Form_classes_js_b7c9f8c6__ from "./Form.classes.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_form_FormContext_js_e27dc1c5__ from "../../hooks/form/FormContext.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form>");
 const FormRoot = (props)=>{
-    const [local, others] = splitProps(props, [
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
         "className",
         "dataTheme",
@@ -13,8 +14,8 @@ const FormRoot = (props)=>{
     ]);
     return (()=>{
         var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.base, 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__Form_classes_js_b7c9f8c6__.CLASSES.base, local.class, local.className)
             }), {
             "data-slot": "form",
             get ["data-theme"] () {
@@ -27,8 +28,51 @@ const FormRoot = (props)=>{
         return _el$;
     })();
 };
-const Form = Object.assign(FormRoot, {
-    Root: FormRoot
-});
+const FormWithContext = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "form",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "onSubmit",
+        "children"
+    ]);
+    const handleSubmit = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        local.form._tsForm.handleSubmit();
+        if ("function" == typeof local.onSubmit) local.onSubmit(e);
+    };
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__hooks_form_FormContext_js_e27dc1c5__.FormContext.Provider, {
+        get value () {
+            return local.form;
+        },
+        get children () {
+            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, {
+                onSubmit: handleSubmit
+            }, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Form_classes_js_b7c9f8c6__.CLASSES.base, local.class, local.className)
+                }), {
+                "data-slot": "form",
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                get style () {
+                    return local.style;
+                }
+            }), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+            return _el$2;
+        }
+    });
+};
+const Form = (props)=>{
+    if ("form" in props && null != props.form) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FormWithContext, props);
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FormRoot, props);
+};
+Form.Root = FormRoot;
+Form.WithContext = FormWithContext;
 const form_Form = Form;
-export { Form, FormRoot, form_Form as default };
+export { Form, FormRoot, FormWithContext, form_Form as default };

package/dist/components/form/FormField.d.ts

@@ -0,0 +1,45 @@
+import { type Component, type JSX } from "solid-js";
+import type { InputFieldProps } from "../input";
+import type { AnyFormApi } from "../../hooks/form/FormContext";
+/**
+ * Props accepted by `<FormField>`.
+ *
+ * The component reads the form from context automatically (no `form` prop
+ * needed in normal usage). Pass `form` explicitly only when rendering outside
+ * the `<Form>` tree, e.g. inside a Portal or a Dialog.
+ */
+export type FormFieldProps = {
+    /** Field name — must match a key in `createForm({ defaultValues })`. */
+    name: string;
+    /** Rendered above the input. Optional — omit for unlabelled fields. */
+    label?: JSX.Element;
+    /**
+     * Props forwarded to the underlying `<Input.Field>` element.
+     * Use this to set `type`, `placeholder`, `autocomplete`, `startIcon`, etc.
+     */
+    inputProps?: Omit<InputFieldProps, "name" | "value" | "onInput" | "onBlur" | "aria-invalid" | "isInvalid">;
+    /** Container class override. */
+    class?: string;
+    className?: string;
+    /**
+     * Escape hatch: explicit form override for Portal / out-of-tree usage.
+     * When provided, the component does NOT read from context.
+     */
+    form?: AnyFormApi;
+};
+/**
+ * Compound field primitive: Label + Input + error message.
+ *
+ * Reads the form instance from `<Form form={...}>` context automatically.
+ * Pass `form` explicitly only when rendering inside a Portal.
+ *
+ * ```tsx
+ * <Form form={form} class="space-y-4">
+ *   <FormField name="email" label="Email address" />
+ *   <FormField name="password" label="Password" inputProps={{ type: "password" }} />
+ * </Form>
+ * ```
+ */
+declare const FormField: Component<FormFieldProps>;
+export default FormField;
+export { FormField };

package/dist/components/form/FormField.js

@@ -0,0 +1,88 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+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__input_index_js_00da0e74__ from "../input/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__label_index_js_2049cd83__ from "../label/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_form_FormContext_js_e27dc1c5__ from "../../hooks/form/FormContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_form_getFirstFieldError_js_b4e4d106__ from "../../hooks/form/getFirstFieldError.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FieldErrorMessage_js_821323c5__ from "./FieldErrorMessage.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const FormField = (props)=>{
+    const [local, _rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "name",
+        "label",
+        "inputProps",
+        "class",
+        "className",
+        "form"
+    ]);
+    const resolveForm = ()=>{
+        if (null != local.form) return local.form;
+        return (0, __WEBPACK_EXTERNAL_MODULE__hooks_form_FormContext_js_e27dc1c5__.useFormContext)();
+    };
+    const form = resolveForm();
+    const tsForm = form._tsForm;
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(tsForm.Field, {
+        get name () {
+            return local.name;
+        },
+        children: (field)=>{
+            const errorMessage = ()=>field().state.meta.isTouched ? (0, __WEBPACK_EXTERNAL_MODULE__hooks_form_getFirstFieldError_js_b4e4d106__.getFirstFieldError)(field().state.meta.errors ?? []) : void 0;
+            return (()=>{
+                var _el$ = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex flex-col gap-1", local.class, local.className)
+                    }), {
+                    "data-slot": "form-field"
+                }), 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.label;
+                    },
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__label_index_js_2049cd83__["default"], {
+                            get ["for"] () {
+                                return local.name;
+                            },
+                            get ["data-invalid"] () {
+                                return Boolean(errorMessage()) ? "true" : void 0;
+                            },
+                            get children () {
+                                return local.label;
+                            }
+                        });
+                    }
+                }), null);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__input_index_js_00da0e74__["default"].Field, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>local.inputProps, {
+                    get id () {
+                        return local.name;
+                    },
+                    get name () {
+                        return local.name;
+                    },
+                    get value () {
+                        return String(field().state.value ?? "");
+                    },
+                    onInput: (e)=>{
+                        field().handleChange(e.currentTarget.value);
+                    },
+                    onBlur: ()=>field().handleBlur(),
+                    get ["aria-invalid"] () {
+                        return Boolean(errorMessage()) ? true : void 0;
+                    },
+                    get isInvalid () {
+                        return Boolean(errorMessage());
+                    }
+                })), null);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__FieldErrorMessage_js_821323c5__.FieldErrorMessage, {
+                    get message () {
+                        return errorMessage();
+                    }
+                }), null);
+                return _el$;
+            })();
+        }
+    });
+};
+const form_FormField = FormField;
+export { FormField, form_FormField as default };

package/dist/components/form/FormSubmitButton.d.ts

@@ -0,0 +1,27 @@
+import { type ParentComponent } from "solid-js";
+import type { ButtonProps } from "../button";
+import type { AnyFormApi } from "../../hooks/form/FormContext";
+export type FormSubmitButtonProps = Omit<ButtonProps, "type" | "isDisabled" | "isPending"> & {
+    /**
+     * Escape hatch: explicit form override for Portal / out-of-tree usage.
+     * When provided, the component does NOT read from context.
+     */
+    form?: AnyFormApi;
+};
+/**
+ * Submit button that subscribes to form state and disables/shows pending
+ * automatically.
+ *
+ * Must be rendered inside a `<Form form={...}>` component (or receive an
+ * explicit `form` prop).
+ *
+ * ```tsx
+ * <Form form={form}>
+ *   ...
+ *   <FormSubmitButton>Log in</FormSubmitButton>
+ * </Form>
+ * ```
+ */
+declare const FormSubmitButton: ParentComponent<FormSubmitButtonProps>;
+export default FormSubmitButton;
+export { FormSubmitButton };

package/dist/components/form/FormSubmitButton.js

@@ -0,0 +1,36 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../button/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_form_FormContext_js_e27dc1c5__ from "../../hooks/form/FormContext.js";
+const FormSubmitButton_FormSubmitButton = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "form",
+        "children"
+    ]);
+    const resolveForm = ()=>{
+        if (null != local.form) return local.form;
+        return (0, __WEBPACK_EXTERNAL_MODULE__hooks_form_FormContext_js_e27dc1c5__.useFormContext)();
+    };
+    const form = resolveForm();
+    const tsForm = form._tsForm;
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(tsForm.Subscribe, {
+        selector: (s)=>({
+                canSubmit: s.canSubmit,
+                isSubmitting: s.isSubmitting
+            }),
+        children: (state)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                type: "submit",
+                get isDisabled () {
+                    return !state().canSubmit;
+                },
+                get isPending () {
+                    return state().isSubmitting;
+                },
+                get children () {
+                    return local.children;
+                }
+            }))
+    });
+};
+const FormSubmitButton = FormSubmitButton_FormSubmitButton;
+export { FormSubmitButton_FormSubmitButton as FormSubmitButton, FormSubmitButton as default };

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

@@ -1 +1,4 @@
-export { default, Form, FormRoot, type FormProps, type FormRootProps, } from "./Form";
+export { default, Form, FormRoot, FormWithContext, type FormProps, type FormRootProps, type FormWithContextProps, } from "./Form";
+export { FormField, type FormFieldProps } from "./FormField";
+export { FormSubmitButton, type FormSubmitButtonProps } from "./FormSubmitButton";
+export { FieldErrorMessage, type FieldErrorMessageProps } from "./FieldErrorMessage";

package/dist/components/form/index.js

@@ -1,2 +1,12 @@
-import external_Form_js_default, { Form, FormRoot } from "./Form.js";
-export { Form, FormRoot, external_Form_js_default as default };
+import * as __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__ from "./Form.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FormField_js_940fe8a4__ from "./FormField.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FormSubmitButton_js_5c732699__ from "./FormSubmitButton.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FieldErrorMessage_js_821323c5__ from "./FieldErrorMessage.js";
+var __webpack_exports__FieldErrorMessage = __WEBPACK_EXTERNAL_MODULE__FieldErrorMessage_js_821323c5__.FieldErrorMessage;
+var __webpack_exports__Form = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__.Form;
+var __webpack_exports__FormField = __WEBPACK_EXTERNAL_MODULE__FormField_js_940fe8a4__.FormField;
+var __webpack_exports__FormRoot = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__.FormRoot;
+var __webpack_exports__FormSubmitButton = __WEBPACK_EXTERNAL_MODULE__FormSubmitButton_js_5c732699__.FormSubmitButton;
+var __webpack_exports__FormWithContext = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__.FormWithContext;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__["default"];
+export { __webpack_exports__FieldErrorMessage as FieldErrorMessage, __webpack_exports__Form as Form, __webpack_exports__FormField as FormField, __webpack_exports__FormRoot as FormRoot, __webpack_exports__FormSubmitButton as FormSubmitButton, __webpack_exports__FormWithContext as FormWithContext, __webpack_exports__default as default };

package/dist/components/glass-panel/GlassPanel.js

@@ -1,11 +1,11 @@
-import { createComponent, insert, memo, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
 import "./GlassPanel.css";
-import { Show, createSignal, createUniqueId, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./GlassPanel.classes.js";
-var _tmpl$ = /*#__PURE__*/ template('<button type=button><span></span><svg><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), _tmpl$2 = /*#__PURE__*/ template("<div><div><div>");
-const GlassPanel_GlassPanel = (props)=>{
-    const [local, others] = splitProps(props, [
+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__GlassPanel_classes_js_5f11fbfd__ from "./GlassPanel.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button><span></span><svg><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div>");
+const GlassPanel = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "blur",
         "collapsible",
         "open",
@@ -25,11 +25,11 @@ const GlassPanel_GlassPanel = (props)=>{
         "dataTheme",
         "style"
     ]);
-    const contentId = createUniqueId();
+    const contentId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
     const blur = ()=>local.blur ?? "none";
     const size = ()=>local.size ?? "md";
     const isControlled = ()=>void 0 !== local.open;
-    const [internalOpen, setInternalOpen] = createSignal(local.defaultOpen ?? true);
+    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.defaultOpen ?? true);
     const isOpen = ()=>isControlled() ? local.open : internalOpen();
     const accentKey = ()=>local.accent ?? "ghost";
     const handleToggle = ()=>{
@@ -37,11 +37,11 @@ const GlassPanel_GlassPanel = (props)=>{
         if (!isControlled()) setInternalOpen(next);
         local.onToggle?.(next);
     };
-    const containerClasses = ()=>twMerge(CLASSES.base, !local.transparent && CLASSES.blur[blur()], local.transparent && CLASSES.flag.transparent, local.glow && CLASSES.flag.glow, local.accent && CLASSES.accent[accentKey()], local.class, local.className);
-    const contentClasses = ()=>twMerge(CLASSES.slot.content, local.collapsible && CLASSES.flag.contentCollapsible, local.collapsible && !isOpen() && CLASSES.flag.contentCollapsed, (!local.collapsible || isOpen()) && !(local.paddingX || local.paddingY) && CLASSES.size[size()], local.paddingX, local.paddingY);
+    const containerClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.base, !local.transparent && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.blur[blur()], local.transparent && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.transparent, local.glow && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.glow, local.accent && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.accent[accentKey()], local.class, local.className);
+    const contentClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.content, local.collapsible && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.contentCollapsible, local.collapsible && !isOpen() && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.contentCollapsed, (!local.collapsible || isOpen()) && !(local.paddingX || local.paddingY) && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.size[size()], local.paddingX, local.paddingY);
     return (()=>{
         var _el$ = _tmpl$2(), _el$5 = _el$.firstChild, _el$6 = _el$5.firstChild;
-        spread(_el$, mergeProps(others, ()=>({
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
                 class: containerClasses()
             }), {
             get ["data-theme"] () {
@@ -51,14 +51,14 @@ const GlassPanel_GlassPanel = (props)=>{
                 return local.style;
             }
         }), false, true);
-        insert(_el$, createComponent(Show, {
+        (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 memo(()=>!!local.collapsible)() && local.title;
+                return local.collapsible && local.title;
             },
             get children () {
                 var _el$2 = _tmpl$(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
-                spread(_el$2, mergeProps(()=>({
-                        class: CLASSES.slot.headerButton
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.headerButton
                     }), {
                     onClick: handleToggle,
                     get ["aria-expanded"] () {
@@ -66,10 +66,10 @@ const GlassPanel_GlassPanel = (props)=>{
                     },
                     "aria-controls": contentId
                 }), false, true);
-                spread(_el$3, mergeProps(()=>({
-                        class: CLASSES.slot.headerLabel
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.headerLabel
                     })), false, true);
-                insert(_el$3, createComponent(Show, {
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
                     get when () {
                         return local.icon;
                     },
@@ -77,9 +77,9 @@ const GlassPanel_GlassPanel = (props)=>{
                         return local.icon;
                     }
                 }), null);
-                insert(_el$3, ()=>local.title, null);
-                spread(_el$4, mergeProps(()=>({
-                        class: twMerge(CLASSES.slot.chevron, isOpen() && CLASSES.flag.chevronOpen)
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.title, null);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.chevron, isOpen() && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.chevronOpen)
                     }), {
                     fill: "none",
                     viewBox: "0 0 24 24",
@@ -89,8 +89,8 @@ const GlassPanel_GlassPanel = (props)=>{
                 return _el$2;
             }
         }), _el$5);
-        setAttribute(_el$5, "id", contentId);
-        spread(_el$5, mergeProps(()=>({
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "id", contentId);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
                 class: contentClasses()
             }), {
             get style () {
@@ -100,12 +100,12 @@ const GlassPanel_GlassPanel = (props)=>{
                 };
             }
         }), false, true);
-        spread(_el$6, mergeProps(()=>({
-                class: twMerge(CLASSES.slot.contentInner, local.collapsible && CLASSES.flag.contentInnerHidden)
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.slot.contentInner, local.collapsible && __WEBPACK_EXTERNAL_MODULE__GlassPanel_classes_js_5f11fbfd__.CLASSES.flag.contentInnerHidden)
             })), false, true);
-        insert(_el$6, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
         return _el$;
     })();
 };
-const GlassPanel = GlassPanel_GlassPanel;
-export { GlassPanel as default };
+const glass_panel_GlassPanel = GlassPanel;
+export { glass_panel_GlassPanel as default };

package/dist/components/glass-panel/index.js

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

package/dist/components/glow-card/GlowCard.js

@@ -1,12 +1,12 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { clsx } from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+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_clsx__ from "clsx";
 import "./GlowCard.css";
-import { CLASSES } from "./GlowCard.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>");
+import * as __WEBPACK_EXTERNAL_MODULE__GlowCard_classes_js_68550c10__ from "./GlowCard.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 function GlowCard(props) {
-    const [local, others] = splitProps(props, [
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
         "className",
@@ -25,12 +25,12 @@ function GlowCard(props) {
     };
     return (()=>{
         var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, {
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["data-theme"] () {
                 return local.dataTheme;
             },
             get ["class"] () {
-                return twMerge(clsx(CLASSES.base, CLASSES.isolate, local.class, local.className));
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(__WEBPACK_EXTERNAL_MODULE__GlowCard_classes_js_68550c10__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__GlowCard_classes_js_68550c10__.CLASSES.isolate, local.class, local.className));
             },
             get style () {
                 return local.style;
@@ -41,7 +41,7 @@ function GlowCard(props) {
                 e.currentTarget.style.setProperty("--mouse-y", "50%");
             }
         }), false, true);
-        insert(_el$, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
         return _el$;
     })();
 }

package/dist/components/glow-card/index.js

@@ -1,2 +1,3 @@
-import external_GlowCard_js_default from "./GlowCard.js";
-export { external_GlowCard_js_default as GlowCard };
+import * as __WEBPACK_EXTERNAL_MODULE__GlowCard_js_88c4279e__ from "./GlowCard.js";
+var __webpack_exports__GlowCard = __WEBPACK_EXTERNAL_MODULE__GlowCard_js_88c4279e__["default"];
+export { __webpack_exports__GlowCard as GlowCard };