@pathscale/ui 1.3.0 → 1.4.0

package/dist/components/footer/Footer.js

@@ -1,36 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import "./footer.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { FooterTitle } from "./FooterTitle.js";
-import { CLASSES } from "./Footer.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<footer>");
-const Footer = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "center",
-        "horizontal",
-        "vertical"
-    ]);
-    const classes = ()=>twMerge(CLASSES.base, local.center && CLASSES.flag.center, local.horizontal && CLASSES.flag.horizontal, local.vertical && CLASSES.flag.vertical, local.class, local.className);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }, ()=>({
-                class: classes()
-            })), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-const FooterNamespaces = Object.assign(Footer, {
-    Title: FooterTitle
-});
-const footer_Footer = FooterNamespaces;
-export default footer_Footer;

package/dist/components/footer/FooterTitle.d.ts

@@ -1,4 +0,0 @@
-import type { IComponentBaseProps } from "../types";
-import { type ParentComponent } from "solid-js";
-export type FooterTitleProps = IComponentBaseProps;
-export declare const FooterTitle: ParentComponent<FooterTitleProps>;

package/dist/components/footer/FooterTitle.js

@@ -1,27 +0,0 @@
-import { insert, mergeProps, spread, template } from "solid-js/web";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Footer.classes.js";
-var _tmpl$ = /*#__PURE__*/ template("<h6>");
-const FooterTitle = (props)=>{
-    const [local, others] = splitProps(props, [
-        "children",
-        "class",
-        "className",
-        "dataTheme"
-    ]);
-    const classes = ()=>twMerge(CLASSES.title, local.class, local.className);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }, ()=>({
-                class: classes()
-            })), false, true);
-        insert(_el$, ()=>local.children);
-        return _el$;
-    })();
-};
-export { FooterTitle };

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

@@ -1,17 +0,0 @@
-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

@@ -1,24 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import { Show } from "solid-js";
-import { twMerge } from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ template("<p>");
-const FieldErrorMessage = (props)=>createComponent(Show, {
-        get when () {
-            return props.message;
-        },
-        get children () {
-            var _el$ = _tmpl$();
-            spread(_el$, mergeProps(props, ()=>({
-                    class: twMerge("text-xs text-error mt-0.5", props.class, props.className)
-                }), {
-                "data-slot": "field-error-message",
-                role: "alert",
-                "aria-live": "polite"
-            }), false, true);
-            insert(_el$, ()=>props.message);
-            return _el$;
-        }
-    });
-const form_FieldErrorMessage = FieldErrorMessage;
-export default form_FieldErrorMessage;
-export { FieldErrorMessage };

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

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

package/dist/components/form/Form.classes.js

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

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

@@ -1,40 +0,0 @@
-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>;
-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.
- *
- * **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
- * const form = createForm({ defaultValues, schema, onSubmit });
- * <Form form={form} class="space-y-4">{...}</Form>
- * ```
- */
-declare const Form: (props: FormRootProps | FormWithContextProps) => JSX.Element;
-export default Form;
-export { Form, FormRoot, FormWithContext };
-export type { FormRootProps as FormProps };

package/dist/components/form/Form.js

@@ -1,79 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import "./Form.css";
-import { splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import { CLASSES } from "./Form.classes.js";
-import { FormContext } from "../../hooks/form/FormContext.js";
-var _tmpl$ = /*#__PURE__*/ template("<form>");
-const FormRoot = (props)=>{
-    const [local, others] = splitProps(props, [
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    return (()=>{
-        var _el$ = _tmpl$();
-        spread(_el$, mergeProps(others, ()=>({
-                class: twMerge(CLASSES.base, local.class, local.className)
-            }), {
-            "data-slot": "form",
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, false);
-        return _el$;
-    })();
-};
-const FormWithContext = (props)=>{
-    const [local, others] = 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 createComponent(FormContext.Provider, {
-        get value () {
-            return local.form;
-        },
-        get children () {
-            var _el$2 = _tmpl$();
-            spread(_el$2, mergeProps(others, {
-                onSubmit: handleSubmit
-            }, ()=>({
-                    class: twMerge(CLASSES.base, local.class, local.className)
-                }), {
-                "data-slot": "form",
-                get ["data-theme"] () {
-                    return local.dataTheme;
-                },
-                get style () {
-                    return local.style;
-                }
-            }), false, true);
-            insert(_el$2, ()=>local.children);
-            return _el$2;
-        }
-    });
-};
-const Form = (props)=>{
-    if ("form" in props && null != props.form) return createComponent(FormWithContext, props);
-    return createComponent(FormRoot, props);
-};
-Form.Root = FormRoot;
-Form.WithContext = FormWithContext;
-const form_Form = Form;
-export default form_Form;
-export { Form, FormRoot, FormWithContext };

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

@@ -1,45 +0,0 @@
-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

@@ -1,89 +0,0 @@
-import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
-import { Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
-import input from "../input/index.js";
-import label from "../label/index.js";
-import { useFormContext } from "../../hooks/form/FormContext.js";
-import { getFirstFieldError } from "../../hooks/form/getFirstFieldError.js";
-import { FieldErrorMessage } from "./FieldErrorMessage.js";
-var _tmpl$ = /*#__PURE__*/ template("<div>");
-const FormField = (props)=>{
-    const [local, _rest] = splitProps(props, [
-        "name",
-        "label",
-        "inputProps",
-        "class",
-        "className",
-        "form"
-    ]);
-    const resolveForm = ()=>{
-        if (null != local.form) return local.form;
-        return useFormContext();
-    };
-    const form = resolveForm();
-    const tsForm = form._tsForm;
-    return createComponent(tsForm.Field, {
-        get name () {
-            return local.name;
-        },
-        children: (field)=>{
-            const errorMessage = ()=>field().state.meta.isTouched ? getFirstFieldError(field().state.meta.errors ?? []) : void 0;
-            return (()=>{
-                var _el$ = _tmpl$();
-                spread(_el$, mergeProps(()=>({
-                        class: twMerge("flex flex-col gap-1", local.class, local.className)
-                    }), {
-                    "data-slot": "form-field"
-                }), false, true);
-                insert(_el$, createComponent(Show, {
-                    get when () {
-                        return local.label;
-                    },
-                    get children () {
-                        return createComponent(label, {
-                            get ["for"] () {
-                                return local.name;
-                            },
-                            get ["data-invalid"] () {
-                                return Boolean(errorMessage()) ? "true" : void 0;
-                            },
-                            get children () {
-                                return local.label;
-                            }
-                        });
-                    }
-                }), null);
-                insert(_el$, createComponent(input.Field, 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);
-                insert(_el$, createComponent(FieldErrorMessage, {
-                    get message () {
-                        return errorMessage();
-                    }
-                }), null);
-                return _el$;
-            })();
-        }
-    });
-};
-const form_FormField = FormField;
-export default form_FormField;
-export { FormField };

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

@@ -1,27 +0,0 @@
-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

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

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

@@ -1,27 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "glass-panel";
-    readonly size: {
-        readonly xs: "glass-panel__content--xs";
-        readonly sm: "glass-panel__content--sm";
-        readonly md: "glass-panel__content--md";
-        readonly lg: "glass-panel__content--lg";
-        readonly xl: "glass-panel__content--xl";
-    };
-    readonly flag: {
-        readonly transparent: "glass-panel--transparent";
-        readonly toneSecondary: "glass-panel--tone-secondary";
-        readonly highlight: "glass-panel--highlight";
-        readonly interactive: "glass-panel--interactive";
-        readonly contentCollapsed: "glass-panel__content--collapsed";
-        readonly contentCollapsible: "glass-panel__content--collapsible";
-        readonly contentInnerHidden: "glass-panel__content-inner--hidden";
-        readonly chevronOpen: "glass-panel__chevron--open";
-    };
-    readonly slot: {
-        readonly headerButton: "glass-panel__header-button";
-        readonly headerLabel: "glass-panel__header-label";
-        readonly chevron: "glass-panel__chevron";
-        readonly content: "glass-panel__content";
-        readonly contentInner: "glass-panel__content-inner";
-    };
-};

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

@@ -1,28 +0,0 @@
-const CLASSES = {
-    base: "glass-panel",
-    size: {
-        xs: "glass-panel__content--xs",
-        sm: "glass-panel__content--sm",
-        md: "glass-panel__content--md",
-        lg: "glass-panel__content--lg",
-        xl: "glass-panel__content--xl"
-    },
-    flag: {
-        transparent: "glass-panel--transparent",
-        toneSecondary: "glass-panel--tone-secondary",
-        highlight: "glass-panel--highlight",
-        interactive: "glass-panel--interactive",
-        contentCollapsed: "glass-panel__content--collapsed",
-        contentCollapsible: "glass-panel__content--collapsible",
-        contentInnerHidden: "glass-panel__content-inner--hidden",
-        chevronOpen: "glass-panel__chevron--open"
-    },
-    slot: {
-        headerButton: "glass-panel__header-button",
-        headerLabel: "glass-panel__header-label",
-        chevron: "glass-panel__chevron",
-        content: "glass-panel__content",
-        contentInner: "glass-panel__content-inner"
-    }
-};
-export { CLASSES };

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

@@ -1,20 +0,0 @@
-import "./GlassPanel.css";
-import { type JSX } from "solid-js";
-import type { ComponentSize, IComponentBaseProps } from "../types";
-export type GlassPanelProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
-    collapsible?: boolean;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onToggle?: (open: boolean) => void;
-    title?: string;
-    icon?: JSX.Element;
-    size?: ComponentSize;
-    transparent?: boolean;
-    paddingX?: string;
-    paddingY?: string;
-    tone?: "default" | "secondary";
-    highlight?: boolean;
-    interactive?: boolean;
-};
-declare const GlassPanel: (props: GlassPanelProps) => JSX.Element;
-export default GlassPanel;

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

@@ -1,110 +0,0 @@
-import { createComponent, insert, memo, mergeProps, setAttribute, spread, template } 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><span class=glass-panel__rim aria-hidden=true></span><span class=glass-panel__depth aria-hidden=true></span><span class=glass-panel__sheen aria-hidden=true></span><div><div>");
-const GlassPanel = (props)=>{
-    const [local, others] = splitProps(props, [
-        "collapsible",
-        "open",
-        "defaultOpen",
-        "onToggle",
-        "title",
-        "icon",
-        "size",
-        "transparent",
-        "paddingX",
-        "paddingY",
-        "tone",
-        "highlight",
-        "interactive",
-        "children",
-        "class",
-        "className",
-        "dataTheme",
-        "style"
-    ]);
-    const contentId = createUniqueId();
-    const size = ()=>local.size ?? "md";
-    const isControlled = ()=>void 0 !== local.open;
-    const [internalOpen, setInternalOpen] = createSignal(local.defaultOpen ?? true);
-    const isOpen = ()=>isControlled() ? true === local.open : internalOpen();
-    const handleToggle = ()=>{
-        const next = !isOpen();
-        if (!isControlled()) setInternalOpen(next);
-        local.onToggle?.(next);
-    };
-    const containerClasses = ()=>twMerge(CLASSES.base, local.transparent && CLASSES.flag.transparent, "secondary" === local.tone && CLASSES.flag.toneSecondary, local.highlight && CLASSES.flag.highlight, local.interactive && CLASSES.flag.interactive, 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);
-    return (()=>{
-        var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$8 = _el$4.nextSibling, _el$9 = _el$8.firstChild;
-        spread(_el$, mergeProps(others, ()=>({
-                class: containerClasses()
-            }), {
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, true);
-        insert(_el$, createComponent(Show, {
-            get when () {
-                return memo(()=>!!local.collapsible)() && local.title;
-            },
-            get children () {
-                var _el$5 = _tmpl$(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
-                spread(_el$5, mergeProps(()=>({
-                        class: CLASSES.slot.headerButton
-                    }), {
-                    onClick: handleToggle,
-                    get ["aria-expanded"] () {
-                        return isOpen();
-                    },
-                    "aria-controls": contentId
-                }), false, true);
-                spread(_el$6, mergeProps(()=>({
-                        class: CLASSES.slot.headerLabel
-                    })), false, true);
-                insert(_el$6, createComponent(Show, {
-                    get when () {
-                        return local.icon;
-                    },
-                    get children () {
-                        return local.icon;
-                    }
-                }), null);
-                insert(_el$6, ()=>local.title, null);
-                spread(_el$7, mergeProps(()=>({
-                        class: twMerge(CLASSES.slot.chevron, isOpen() && CLASSES.flag.chevronOpen)
-                    }), {
-                    "aria-hidden": "true",
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    "stroke-width": "1.5"
-                }), true, true);
-                return _el$5;
-            }
-        }), _el$8);
-        setAttribute(_el$8, "id", contentId);
-        spread(_el$8, mergeProps(()=>({
-                class: contentClasses()
-            }), {
-            get style () {
-                return {
-                    "grid-template-rows": !local.collapsible || isOpen() ? "1fr" : "0fr",
-                    opacity: !local.collapsible || isOpen() ? "1" : "0"
-                };
-            }
-        }), false, true);
-        spread(_el$9, mergeProps(()=>({
-                class: twMerge(CLASSES.slot.contentInner, local.collapsible && CLASSES.flag.contentInnerHidden)
-            })), false, true);
-        insert(_el$9, ()=>local.children);
-        return _el$;
-    })();
-};
-const glass_panel_GlassPanel = GlassPanel;
-export default glass_panel_GlassPanel;

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

@@ -1,4 +0,0 @@
-export declare const CLASSES: {
-    readonly base: "glow-card";
-    readonly isolate: "glow-card--isolate";
-};

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

@@ -1,5 +0,0 @@
-const CLASSES = {
-    base: "glow-card",
-    isolate: "glow-card--isolate"
-};
-export { CLASSES };

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

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