@pathscale/ui 0.1.1 → 1.2.1

package/dist/components/form/PasswordField.js

@@ -0,0 +1,113 @@
+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__input_index_js_00da0e74__ from "../input/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__ from "./ValidatedForm.js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__ from "./Label.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), _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)('<span class="text-error ml-1">*'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=cursor-pointer role=button>");
+const PasswordField = (props)=>{
+    const [showPassword, setShowPassword] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const { errors, touched } = (0, __WEBPACK_EXTERNAL_MODULE__ValidatedForm_js_56b86c0b__.useFormValidation)();
+    const [local, inputProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "label",
+        "required",
+        "labelClass",
+        "errorClass",
+        "containerClass",
+        "description",
+        "descriptionClass",
+        "showPasswordIcon",
+        "hidePasswordIcon",
+        "class",
+        "className"
+    ]);
+    const togglePassword = ()=>setShowPassword(!showPassword());
+    const containerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex flex-col gap-2", local.containerClass));
+    const descriptionClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-sm text-base-content/70", local.descriptionClass));
+    const errorClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("text-error text-sm", local.errorClass));
+    const inputClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className));
+    const hasError = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>touched(props.name) && !!errors(props.name));
+    const passwordIcon = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (showPassword()) return local.hidePasswordIcon || (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+            name: "icon-[mdi-light--eye-off]",
+            width: 20,
+            height: 20
+        });
+        return local.showPasswordIcon || (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
+            name: "icon-[mdi-light--eye]",
+            width: 20,
+            height: 20
+        });
+    });
+    return (()=>{
+        var _el$ = _tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.label);
+            return ()=>_c$() && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__Label_js_56960635__["default"], {
+                    get title () {
+                        return local.label;
+                    },
+                    get ["class"] () {
+                        return local.labelClass;
+                    },
+                    get children () {
+                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.required)() && _tmpl$3();
+                    }
+                });
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.description);
+            return ()=>_c$2() && (()=>{
+                    var _el$4 = _tmpl$();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.description);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, descriptionClasses()));
+                    return _el$4;
+                })();
+        })(), 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"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get id () {
+                return props.name;
+            },
+            get type () {
+                return showPassword() ? "text" : "password";
+            },
+            get ["aria-invalid"] () {
+                return hasError();
+            },
+            get ["aria-required"] () {
+                return local.required;
+            },
+            get ["class"] () {
+                return inputClasses();
+            },
+            get endContent () {
+                return (()=>{
+                    var _el$5 = _tmpl$4();
+                    _el$5.$$click = togglePassword;
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, passwordIcon);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "aria-label", showPassword() ? "Hide password" : "Show password"));
+                    return _el$5;
+                })();
+            }
+        }, inputProps)), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return hasError();
+            },
+            get children () {
+                var _el$2 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>errors(props.name));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, errorClasses()));
+                return _el$2;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, containerClasses()));
+        return _el$;
+    })();
+};
+const form_PasswordField = PasswordField;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+export { PasswordField, form_PasswordField as default };

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

@@ -1,7 +1,7 @@
 import { type JSX } from "solid-js";
 import type { z } from "zod";
 import type { ObjectSetter, Paths } from "@felte/common";
-import { type FormProps } from "./Form";
+import { type FormProps } from "./FormBase";
 export type ValidatedFormProps<T extends z.ZodTypeAny> = Omit<FormProps, "onSubmit"> & {
     schema: T;
     onSubmit: (values: z.infer<T>) => void | Promise<void>;

package/dist/components/form/ValidatedForm.js

@@ -0,0 +1,55 @@
+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__felte_solid_6a709b1d__ from "@felte/solid";
+import * as __WEBPACK_EXTERNAL_MODULE__felte_validator_zod_bb07151a__ from "@felte/validator-zod";
+import * as __WEBPACK_EXTERNAL_MODULE__FormBase_js_90e50c3a__ from "./FormBase.js";
+const FormValidationContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+function useFormValidation() {
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(FormValidationContext);
+    if (!context) throw new Error("useFormValidation must be used within a ValidatedForm");
+    return context;
+}
+function ValidatedForm(props) {
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "schema",
+        "onSubmit",
+        "initialValues"
+    ]);
+    const { form, errors, touched, data, isValid, isSubmitting, setData, setErrors, setWarnings, setTouched, reset } = (0, __WEBPACK_EXTERNAL_MODULE__felte_solid_6a709b1d__.createForm)({
+        initialValues: local.initialValues,
+        extend: [
+            (0, __WEBPACK_EXTERNAL_MODULE__felte_validator_zod_bb07151a__.validator)({
+                schema: local.schema
+            })
+        ],
+        onSubmit: local.onSubmit
+    });
+    const contextValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>({
+            errors,
+            touched,
+            data,
+            isValid,
+            isSubmitting,
+            setData,
+            setErrors,
+            setWarnings,
+            setTouched,
+            reset
+        }));
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FormValidationContext.Provider, {
+        get value () {
+            return contextValue();
+        },
+        get children () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__FormBase_js_90e50c3a__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                ref: form,
+                get children () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children)() ? local.children() : local.children;
+                }
+            }));
+        }
+    });
+}
+const form_ValidatedForm = ValidatedForm;
+export { form_ValidatedForm as default, useFormValidation };

package/dist/components/form/index.js

@@ -0,0 +1,6 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__ from "./Form.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FormDropdown_js_0063c469__ from "./FormDropdown.js";
+var __webpack_exports__FormDropdown = __WEBPACK_EXTERNAL_MODULE__FormDropdown_js_0063c469__["default"];
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__["default"];
+var __webpack_exports__useFormValidation = __WEBPACK_EXTERNAL_MODULE__Form_js_cf7aa139__.useFormValidation;
+export { __webpack_exports__FormDropdown as FormDropdown, __webpack_exports__default as default, __webpack_exports__useFormValidation as useFormValidation };

package/dist/components/form-actions/FormActions.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type FormActionsLayout = "single" | "split" | "center";
+export type FormActionsProps = IComponentBaseProps & {
+    submitText?: string;
+    cancelText?: string;
+    isLoading?: boolean;
+    isValid?: boolean;
+    onCancel?: () => void;
+    layout?: FormActionsLayout;
+    children?: JSX.Element;
+} & Omit<JSX.HTMLAttributes<HTMLDivElement>, "children">;
+declare const FormActions: (props: FormActionsProps) => JSX.Element;
+export default FormActions;

package/dist/components/form-actions/FormActions.js

@@ -0,0 +1,142 @@
+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__button_Button_js_6d750473__ from "../button/Button.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)('<div><div class="w-full max-w-md">');
+const FormActions = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "submitText",
+        "cancelText",
+        "isLoading",
+        "isValid",
+        "onCancel",
+        "layout",
+        "children",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const submitText = ()=>local.submitText ?? "Submit";
+    const cancelText = ()=>local.cancelText ?? "Cancel";
+    const layout = ()=>local.layout ?? "single";
+    const isValid = ()=>local.isValid ?? true;
+    const submitButton = (fullWidth)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
+            type: "submit",
+            variant: "primary",
+            fullWidth: fullWidth,
+            get isPending () {
+                return local.isLoading;
+            },
+            get isDisabled () {
+                return !isValid() || local.isLoading;
+            },
+            get ["aria-busy"] () {
+                return local.isLoading;
+            },
+            get children () {
+                return submitText();
+            }
+        });
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        get when () {
+            return !local.children;
+        },
+        get fallback () {
+            return local.children;
+        },
+        get children () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Switch, {
+                get children () {
+                    return [
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Match, {
+                            get when () {
+                                return "single" === layout();
+                            },
+                            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, {
+                                    role: "group",
+                                    "aria-label": "Form actions",
+                                    get ["data-theme"] () {
+                                        return local.dataTheme;
+                                    },
+                                    get ["class"] () {
+                                        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mt-4 flex w-full", local.class, local.className);
+                                    },
+                                    get style () {
+                                        return local.style;
+                                    }
+                                }), false, true);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>submitButton(true));
+                                return _el$;
+                            }
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Match, {
+                            get when () {
+                                return "split" === layout();
+                            },
+                            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, {
+                                    role: "group",
+                                    "aria-label": "Form actions",
+                                    get ["data-theme"] () {
+                                        return local.dataTheme;
+                                    },
+                                    get ["class"] () {
+                                        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mt-4 flex w-full gap-2", local.class, local.className);
+                                    },
+                                    get style () {
+                                        return local.style;
+                                    }
+                                }), false, true);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_Button_js_6d750473__["default"], {
+                                    type: "button",
+                                    variant: "outline",
+                                    fullWidth: true,
+                                    get onClick () {
+                                        return local.onCancel;
+                                    },
+                                    get isDisabled () {
+                                        return local.isLoading;
+                                    },
+                                    get children () {
+                                        return cancelText();
+                                    }
+                                }), null);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>submitButton(true), null);
+                                return _el$2;
+                            }
+                        }),
+                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Match, {
+                            get when () {
+                                return "center" === layout();
+                            },
+                            get children () {
+                                var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                                    role: "group",
+                                    "aria-label": "Form actions",
+                                    get ["data-theme"] () {
+                                        return local.dataTheme;
+                                    },
+                                    get ["class"] () {
+                                        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mt-4 flex w-full justify-center", local.class, local.className);
+                                    },
+                                    get style () {
+                                        return local.style;
+                                    }
+                                }), false, true);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>submitButton(true));
+                                return _el$3;
+                            }
+                        })
+                    ];
+                }
+            });
+        }
+    });
+};
+const form_actions_FormActions = FormActions;
+export { form_actions_FormActions as default };

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

@@ -0,0 +1,2 @@
+export { default as FormActions } from "./FormActions";
+export type { FormActionsProps } from "./FormActions";

package/dist/components/form-actions/index.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__FormActions_js_b35c9cc0__ from "./FormActions.js";
+var __webpack_exports__FormActions = __WEBPACK_EXTERNAL_MODULE__FormActions_js_b35c9cc0__["default"];
+export { __webpack_exports__FormActions as FormActions };

package/dist/components/glass-panel/GlassPanel.d.ts

@@ -0,0 +1,20 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps, ComponentSize, ComponentColor } from "../types";
+export type GlassPanelBlur = "none" | "sm" | "md" | "lg" | "xl" | "2xl";
+export type GlassPanelProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
+    blur?: GlassPanelBlur;
+    collapsible?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onToggle?: (open: boolean) => void;
+    title?: string;
+    icon?: JSX.Element;
+    size?: ComponentSize;
+    transparent?: boolean;
+    glow?: boolean;
+    accent?: ComponentColor;
+    paddingX?: string;
+    paddingY?: string;
+};
+declare const GlassPanel: (props: GlassPanelProps) => JSX.Element;
+export default GlassPanel;

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

@@ -0,0 +1,146 @@
+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";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="flex w-full items-center justify-between gap-2 px-4 py-3 text-sm font-medium cursor-pointer select-none transition-colors duration-150 text-base-content/50 hover:text-base-content/80 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><span class="flex items-center gap-2"></span><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=1.5><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 class=overflow-hidden>");
+const BLUR_MAP = {
+    none: "",
+    sm: "backdrop-blur-sm",
+    md: "backdrop-blur-md",
+    lg: "backdrop-blur-lg",
+    xl: "backdrop-blur-xl",
+    "2xl": "backdrop-blur-2xl"
+};
+const SIZE_PADDING = {
+    xs: "p-2",
+    sm: "p-3",
+    md: "p-4",
+    lg: "p-5",
+    xl: "p-6"
+};
+const ACCENT_BORDER = {
+    primary: "border-l-primary",
+    secondary: "border-l-secondary",
+    accent: "border-l-accent",
+    info: "border-l-info",
+    success: "border-l-success",
+    warning: "border-l-warning",
+    error: "border-l-error",
+    neutral: "border-l-neutral",
+    ghost: "border-l-transparent"
+};
+const GlassPanel = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "blur",
+        "collapsible",
+        "open",
+        "defaultOpen",
+        "onToggle",
+        "title",
+        "icon",
+        "size",
+        "transparent",
+        "glow",
+        "accent",
+        "paddingX",
+        "paddingY",
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    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] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.defaultOpen ?? true);
+    const isOpen = ()=>isControlled() ? local.open : internalOpen();
+    const handleToggle = ()=>{
+        const next = !isOpen();
+        if (!isControlled()) setInternalOpen(next);
+        local.onToggle?.(next);
+    };
+    const containerClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("glass-panel", "rounded-xl", "transition-all duration-200 ease-in-out", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "bg-transparent": local.transparent,
+            [BLUR_MAP[blur()]]: !local.transparent && "none" !== blur(),
+            "border-l-2": !!local.accent,
+            [ACCENT_BORDER[local.accent ?? ""]]: !!local.accent
+        }), local.class, local.className);
+    const glassStyle = ()=>{
+        const base = {
+            ...local.style || {}
+        };
+        if (!local.transparent) {
+            base.background = "color-mix(in srgb, var(--color-base-200) 85%, transparent)";
+            base.border = "1px solid color-mix(in srgb, var(--color-base-content) 8%, transparent)";
+        }
+        if (local.glow) base["box-shadow"] = "inset 0 1px 0 color-mix(in srgb, var(--color-base-content) 5%, transparent)";
+        return base;
+    };
+    const contentClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.paddingX || local.paddingY ? "" : SIZE_PADDING[size()], local.paddingX, local.paddingY);
+    return (()=>{
+        var _el$ = _tmpl$2(), _el$5 = _el$.firstChild, _el$6 = _el$5.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return containerClasses();
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return glassStyle();
+            }
+        }), 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.collapsible && local.title;
+            },
+            get children () {
+                var _el$2 = _tmpl$(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+                _el$2.$$click = handleToggle;
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-controls", contentId);
+                (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;
+                    },
+                    get children () {
+                        return local.icon;
+                    }
+                }), null);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.title, null);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                    var _v$ = isOpen(), _v$2 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("h-4 w-4 transition-transform duration-200", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+                        "rotate-180": isOpen()
+                    }));
+                    _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-expanded", _p$.e = _v$);
+                    _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "class", _p$.t = _v$2);
+                    return _p$;
+                }, {
+                    e: void 0,
+                    t: void 0
+                });
+                return _el$2;
+            }
+        }), _el$5);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "id", contentId);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$3 = `grid transition-[grid-template-rows,opacity] duration-200 ease-in-out overflow-hidden ${local.collapsible && !isOpen() ? "" : contentClasses()}`, _v$4 = !local.collapsible || isOpen() ? "1fr" : "0fr", _v$5 = !local.collapsible || isOpen() ? "1" : "0";
+            _v$3 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.e = _v$3);
+            _v$4 !== _p$.t && (null != (_p$.t = _v$4) ? _el$5.style.setProperty("grid-template-rows", _v$4) : _el$5.style.removeProperty("grid-template-rows"));
+            _v$5 !== _p$.a && (null != (_p$.a = _v$5) ? _el$5.style.setProperty("opacity", _v$5) : _el$5.style.removeProperty("opacity"));
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+        });
+        return _el$;
+    })();
+};
+const glass_panel_GlassPanel = GlassPanel;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+export { glass_panel_GlassPanel as default };

package/dist/components/glass-panel/index.d.ts

@@ -0,0 +1 @@
+export { default, type GlassPanelProps, type GlassPanelBlur } from "./GlassPanel";

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

@@ -0,0 +1,3 @@
+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.css

@@ -0,0 +1,65 @@
+.glow-card {
+  --glow-color-border: oklch(100% 0 0 / 0.3);
+  --glow-color-bg: oklch(100% 0 0 / 0.1);
+  position: relative;
+  border-radius: inherit;
+}
+
+.glow-card::before,
+.glow-card::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  pointer-events: none;
+}
+
+.glow-card::before {
+  background: radial-gradient(
+    250px circle at var(--mouse-x) var(--mouse-y),
+    var(--glow-color-border),
+    transparent 80%
+  );
+  z-index: 1;
+  inset: -1px;
+  -webkit-mask:
+    linear-gradient(#fff 0 0) content-box,
+    linear-gradient(#fff 0 0);
+  mask:
+    linear-gradient(#fff 0 0) content-box,
+    linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  padding: 1px;
+}
+
+.glow-card::after {
+  background: radial-gradient(
+    400px circle at var(--mouse-x) var(--mouse-y),
+    var(--glow-color-bg),
+    transparent 80%
+  );
+  z-index: 0;
+}
+
+.glow-card:hover::before,
+.glow-card:hover::after {
+  opacity: 1;
+}
+
+[data-theme="light"] .glow-card::before {
+  --glow-color-border: oklch(30% 0.15 260 / 0.4);
+}
+
+[data-theme="light"] .glow-card::after {
+  --glow-color-bg: oklch(30% 0.15 260 / 0.15);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .glow-card::before,
+  .glow-card::after {
+    opacity: 0 !important;
+  }
+}

package/dist/components/glow-card/GlowCard.d.ts

@@ -0,0 +1,5 @@
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import "./GlowCard.css";
+export type GlowCardProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement>;
+export default function GlowCard(props: GlowCardProps): JSX.Element;

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

@@ -0,0 +1,47 @@
+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";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+function GlowCard(props) {
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "onMouseMove",
+        "style"
+    ]);
+    const handleMouseMove = (e)=>{
+        const rect = e.currentTarget.getBoundingClientRect();
+        e.currentTarget.style.setProperty("--mouse-x", `${e.clientX - rect.left}px`);
+        e.currentTarget.style.setProperty("--mouse-y", `${e.clientY - rect.top}px`);
+        if (Array.isArray(local.onMouseMove)) {
+            const [handler, data] = local.onMouseMove;
+            handler(data, e);
+        } else if ("function" == typeof local.onMouseMove) local.onMouseMove(e);
+    };
+    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 ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("glow-card isolate", local.class, local.className));
+            },
+            get style () {
+                return local.style;
+            },
+            onMouseMove: handleMouseMove,
+            onMouseLeave: (e)=>{
+                e.currentTarget.style.setProperty("--mouse-x", "50%");
+                e.currentTarget.style.setProperty("--mouse-y", "50%");
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+}
+export { GlowCard as default };

package/dist/components/glow-card/index.d.ts

@@ -0,0 +1,2 @@
+export { default as GlowCard } from "./GlowCard";
+export type { GlowCardProps } from "./GlowCard";