@webflare/ui 0.0.0-stage → 0.1.1

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

@@ -0,0 +1,220 @@
+import FieldInput from './FieldInput.vue';
+import FieldTextarea from './FieldTextarea.vue';
+import FieldSelect from './FieldSelect.vue';
+import FieldCheckbox from './FieldCheckbox.vue';
+import FieldRadioGroup from './FieldRadioGroup.vue';
+import FieldSwitch from './FieldSwitch.vue';
+import FieldUrl from './FieldUrl.vue';
+import FieldBase from './FieldBase.vue';
+import FieldLabel from './FieldLabel.vue';
+import FieldError from './FieldError.vue';
+import FieldMessage from './FieldMessage.vue';
+import FieldRequired from './FieldRequired.vue';
+export { FieldInput, FieldTextarea, FieldSelect, FieldCheckbox, FieldRadioGroup, FieldSwitch, FieldUrl, FieldBase, FieldLabel, FieldError, FieldMessage, FieldRequired, };
+export type { FieldOption, UrlCss } from '../../internal/controls/types';
+export type { FieldSharedProps } from './types';
+declare const _default: {
+    Input: import("vue").DefineComponent<import("./types").FieldSharedProps & {
+        type?: import("../../internal/controls/types").ControlInputType;
+        placeholder?: string | null;
+        autocomplete?: string | null;
+    } & {
+        modelValue?: string | null;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string | null | undefined) => any;
+    }, string, import("vue").PublicProps, Readonly<import("./types").FieldSharedProps & {
+        type?: import("../../internal/controls/types").ControlInputType;
+        placeholder?: string | null;
+        autocomplete?: string | null;
+    } & {
+        modelValue?: string | null;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
+    }>, {
+        size: import("../../internal/controls/types").ControlSize;
+        type: import("../../internal/controls/types").ControlInputType;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    Textarea: import("vue").DefineComponent<import("./types").FieldSharedProps & {
+        placeholder?: string | null;
+        rows?: number;
+    } & {
+        modelValue?: string | null;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string | null | undefined) => any;
+    }, string, import("vue").PublicProps, Readonly<import("./types").FieldSharedProps & {
+        placeholder?: string | null;
+        rows?: number;
+    } & {
+        modelValue?: string | null;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
+    }>, {
+        size: import("../../internal/controls/types").ControlSize;
+        rows: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    Select: import("vue").DefineComponent<import("./types").FieldSharedProps & {
+        placeholder?: string | null;
+        options?: import("./index.ts").FieldOption[];
+    } & {
+        modelValue?: string | null;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string | null | undefined) => any;
+    }, string, import("vue").PublicProps, Readonly<import("./types").FieldSharedProps & {
+        placeholder?: string | null;
+        options?: import("./index.ts").FieldOption[];
+    } & {
+        modelValue?: string | null;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
+    }>, {
+        size: import("../../internal/controls/types").ControlSize;
+        options: import("./index.ts").FieldOption[];
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    Checkbox: import("vue").DefineComponent<import("./types").FieldSharedProps & {
+        modelValue?: boolean | null;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean | null | undefined) => any;
+    }, string, import("vue").PublicProps, Readonly<import("./types").FieldSharedProps & {
+        modelValue?: boolean | null;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean | null | undefined) => any) | undefined;
+    }>, {
+        size: import("../../internal/controls/types").ControlSize;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    RadioGroup: import("vue").DefineComponent<import("./types").FieldSharedProps & {
+        options?: import("./index.ts").FieldOption[];
+    } & {
+        modelValue?: string | null;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string | null | undefined) => any;
+    }, string, import("vue").PublicProps, Readonly<import("./types").FieldSharedProps & {
+        options?: import("./index.ts").FieldOption[];
+    } & {
+        modelValue?: string | null;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
+    }>, {
+        size: import("../../internal/controls/types").ControlSize;
+        options: import("./index.ts").FieldOption[];
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    Switch: import("vue").DefineComponent<import("./types").FieldSharedProps & {
+        css?: import("../Switch/types.ts").SwitchCss;
+    } & {
+        modelValue?: boolean | null;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean | null | undefined) => any;
+    }, string, import("vue").PublicProps, Readonly<import("./types").FieldSharedProps & {
+        css?: import("../Switch/types.ts").SwitchCss;
+    } & {
+        modelValue?: boolean | null;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean | null | undefined) => any) | undefined;
+    }>, {
+        size: import("../../internal/controls/types").ControlSize;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    Url: import("vue").DefineComponent<import("./types").FieldSharedProps & {
+        placeholder?: string | null;
+        autocomplete?: string | null;
+        defaultProtocol?: import("../../internal/controls/urlUtils.ts").UrlProtocol;
+        css?: import("./index.ts").UrlCss;
+    } & {
+        modelValue?: string | null;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string | null | undefined) => any;
+    }, string, import("vue").PublicProps, Readonly<import("./types").FieldSharedProps & {
+        placeholder?: string | null;
+        autocomplete?: string | null;
+        defaultProtocol?: import("../../internal/controls/urlUtils.ts").UrlProtocol;
+        css?: import("./index.ts").UrlCss;
+    } & {
+        modelValue?: string | null;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
+    }>, {
+        size: import("../../internal/controls/types").ControlSize;
+        autocomplete: string | null;
+        defaultProtocol: import("../../internal/controls/urlUtils.ts").UrlProtocol;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    Base: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            id?: string;
+            error?: string | null;
+            message?: string | null;
+            class?: unknown;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            message: string | null;
+            error: string | null;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            id?: string;
+            error?: string | null;
+            message?: string | null;
+            class?: unknown;
+        }> & Readonly<{}>, {}, {}, {}, {}, {
+            message: string | null;
+            error: string | null;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        id?: string;
+        error?: string | null;
+        message?: string | null;
+        class?: unknown;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        message: string | null;
+        error: string | null;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    Label: import("vue").DefineComponent<{
+        label: string;
+        for?: string;
+        size?: "sm" | "md" | "lg";
+        required?: boolean;
+        disabled?: boolean;
+        class?: unknown;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+        label: string;
+        for?: string;
+        size?: "sm" | "md" | "lg";
+        required?: boolean;
+        disabled?: boolean;
+        class?: unknown;
+    }> & Readonly<{}>, {
+        size: "lg" | "md" | "sm";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    Error: import("vue").DefineComponent<{
+        message?: string | null;
+        id?: string;
+        class?: unknown;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+        message?: string | null;
+        id?: string;
+        class?: unknown;
+    }> & Readonly<{}>, {
+        message: string | null;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    Message: import("vue").DefineComponent<{
+        message?: string | null;
+        id?: string;
+        class?: unknown;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+        message?: string | null;
+        id?: string;
+        class?: unknown;
+    }> & Readonly<{}>, {
+        message: string | null;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    Required: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
+export default _default;

package/dist/components/Field/styles.d.ts

@@ -0,0 +1,20 @@
+/** Field chrome around a control: wrapper, label, required mark, footer, message, error. */
+export declare const fieldStyles: import("../../../styled-system/types").SvaRuntimeFn<"root" | "label" | "footer" | "required" | "message" | "error", {
+    size: {
+        sm: {
+            label: {
+                fontSize: "sm";
+            };
+        };
+        md: {
+            label: {
+                fontSize: "md";
+            };
+        };
+        lg: {
+            label: {
+                fontSize: "lg";
+            };
+        };
+    };
+}>;

package/dist/components/Field/types.d.ts

@@ -0,0 +1,17 @@
+import type { ControlSize } from '../../internal/controls/types';
+/** Props every composed field (`Field.Input`, `Field.Select`, …) accepts. */
+export interface FieldSharedProps {
+    /** Base id. Auto-generated when omitted. */
+    id?: string;
+    name?: string;
+    label?: string | null;
+    disabled?: boolean;
+    required?: boolean;
+    size?: ControlSize;
+    /** Helper text below the control, rendered as HTML. */
+    message?: string | null;
+    /** Error text below the control, rendered as HTML. Also marks the control invalid. */
+    error?: string | null;
+    /** Extra classes for the control element. */
+    class?: unknown;
+}

package/dist/components/Flyout/FlyoutDropdown.vue.d.ts

@@ -0,0 +1,19 @@
+import { type FlyoutDropdownCss } from './types';
+type __VLS_Props = {
+    /** Side the panel aligns to. Defaults to the root's `direction`. */
+    direction?: 'left' | 'right';
+    css?: FlyoutDropdownCss;
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Flyout/FlyoutRoot.vue.d.ts

@@ -0,0 +1,43 @@
+import { type FlyoutRootCss } from './types';
+export interface Props {
+    /** Icon class(es) rendered before the label, e.g. `icon icon-caret-down`. */
+    icon?: string;
+    label?: string;
+    ariaLabel?: string;
+    /** Side the panel aligns to. @default 'left' */
+    direction?: 'left' | 'right';
+    /** Open while a mouse hovers the flyout. @default true */
+    openOnHover?: boolean;
+    css?: FlyoutRootCss;
+}
+declare var __VLS_15: {
+    open: boolean;
+    toggle: () => void;
+}, __VLS_23: {}, __VLS_25: {
+    open: boolean;
+}, __VLS_27: {
+    open: boolean;
+}, __VLS_35: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_15) => any;
+} & {
+    'trigger-label'?: (props: typeof __VLS_23) => any;
+} & {
+    'trigger-icon'?: (props: typeof __VLS_25) => any;
+} & {
+    dropdown?: (props: typeof __VLS_27) => any;
+} & {
+    default?: (props: typeof __VLS_35) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    direction: "left" | "right";
+    openOnHover: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,74 @@
+import FlyoutRoot from './FlyoutRoot.vue';
+import FlyoutDropdown from './FlyoutDropdown.vue';
+export { FlyoutRoot, FlyoutDropdown };
+export type { FlyoutRootCss, FlyoutDropdownCss } from './types';
+declare const _default: {
+    Root: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./FlyoutRoot.vue").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            direction: "left" | "right";
+            openOnHover: boolean;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./FlyoutRoot.vue").Props> & Readonly<{}>, {}, {}, {}, {}, {
+            direction: "left" | "right";
+            openOnHover: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./FlyoutRoot.vue").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        direction: "left" | "right";
+        openOnHover: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            trigger?: (props: {
+                open: boolean;
+                toggle: () => void;
+            }) => any;
+        } & {
+            'trigger-label'?: (props: {}) => any;
+        } & {
+            'trigger-icon'?: (props: {
+                open: boolean;
+            }) => any;
+        } & {
+            dropdown?: (props: {
+                open: boolean;
+            }) => any;
+        } & {
+            default?: (props: {}) => any;
+        };
+    });
+    Dropdown: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            direction?: "left" | "right";
+            css?: import("./types").FlyoutDropdownCss;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            direction?: "left" | "right";
+            css?: import("./types").FlyoutDropdownCss;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        direction?: "left" | "right";
+        css?: import("./types").FlyoutDropdownCss;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+};
+export default _default;

package/dist/components/Flyout/styles.d.ts

@@ -0,0 +1 @@
+export declare const flyoutStyles: import("../../../styled-system/types").SvaRuntimeFn<"root" | "trigger" | "content", import("../../../styled-system/types").SlotRecipeVariantRecord<"root" | "trigger" | "content">>;

package/dist/components/Flyout/types.d.ts

@@ -0,0 +1,10 @@
+import type { DeepReadonly, Ref } from 'vue';
+import type { FlyoutOpenReason } from '../../composables/flyout';
+import type { CssMap } from '../../internal/css';
+export interface FlyoutContext {
+    openedBy: DeepReadonly<Ref<FlyoutOpenReason | null>>;
+    direction: Ref<'left' | 'right'>;
+}
+export declare const FlyoutContextKey: import("vue").InjectionKey<FlyoutContext>;
+export type FlyoutRootCss = CssMap<'root' | 'trigger' | 'content'>;
+export type FlyoutDropdownCss = CssMap<'root'>;

package/dist/components/Form/FormPrompt.vue.d.ts

@@ -0,0 +1,43 @@
+import { type CssMap } from '../../internal/css';
+export type FormPromptCss = CssMap<'root' | 'form' | 'textarea'>;
+export interface FormPromptProps {
+    /** Action URL for the form submission */
+    action: string;
+    /** HTTP method for the form submission */
+    method?: 'get' | 'post';
+    /** ID attribute for the form */
+    id: string;
+    /** Name attribute for the form */
+    name: string;
+    /** Accessible label for screen readers */
+    ariaLabel?: string;
+    /** Placeholder text for the textarea */
+    placeholder?: string;
+    /** Style overrides per slot. Wrap values in `css.raw()`. */
+    css?: FormPromptCss;
+}
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    alert?: (props: typeof __VLS_1) => any;
+} & {
+    parameter?: (props: typeof __VLS_3) => any;
+} & {
+    textarea?: (props: typeof __VLS_5) => any;
+} & {
+    footer?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FormPromptProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (form: HTMLFormElement | null) => any;
+}, string, import("vue").PublicProps, Readonly<FormPromptProps> & Readonly<{
+    onSubmit?: ((form: HTMLFormElement | null) => any) | undefined;
+}>, {
+    method: "get" | "post";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Form/FormPromptFooter.vue.d.ts

@@ -0,0 +1,20 @@
+import { type CssMap } from '../../internal/css';
+export type FormPromptFooterCss = CssMap<'root' | 'inputs' | 'action'>;
+type __VLS_Props = {
+    css?: FormPromptFooterCss;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    inputs?: (props: typeof __VLS_1) => any;
+} & {
+    action?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,72 @@
+import FormPrompt from './FormPrompt.vue';
+import FormPromptFooter from './FormPromptFooter.vue';
+export { FormPrompt, FormPromptFooter, };
+declare const _default: {
+    Prompt: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./FormPrompt.vue").FormPromptProps> & Readonly<{
+            onSubmit?: ((form: HTMLFormElement | null) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            submit: (form: HTMLFormElement | null) => any;
+        }, import("vue").PublicProps, {
+            method: "get" | "post";
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./FormPrompt.vue").FormPromptProps> & Readonly<{
+            onSubmit?: ((form: HTMLFormElement | null) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            method: "get" | "post";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./FormPrompt.vue").FormPromptProps> & Readonly<{
+        onSubmit?: ((form: HTMLFormElement | null) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        submit: (form: HTMLFormElement | null) => any;
+    }, string, {
+        method: "get" | "post";
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            alert?: (props: {}) => any;
+        } & {
+            parameter?: (props: {}) => any;
+        } & {
+            textarea?: (props: {}) => any;
+        } & {
+            footer?: (props: {}) => any;
+        };
+    });
+    PromptFooter: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            css?: import("./FormPromptFooter.vue").FormPromptFooterCss;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            css?: import("./FormPromptFooter.vue").FormPromptFooterCss;
+        }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        css?: import("./FormPromptFooter.vue").FormPromptFooterCss;
+    }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            inputs?: (props: {}) => any;
+        } & {
+            action?: (props: {}) => any;
+        };
+    });
+};
+export default _default;
+export type { FormPromptCss } from './FormPrompt.vue';
+export type { FormPromptFooterCss } from './FormPromptFooter.vue';

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

@@ -0,0 +1 @@
+export declare const formPromptStyles: import("../../../styled-system/types").SvaRuntimeFn<"root" | "textarea" | "form" | "footer" | "inputs" | "action", import("../../../styled-system/types").SlotRecipeVariantRecord<"root" | "textarea" | "form" | "footer" | "inputs" | "action">>;

package/dist/components/Hero/HeroLead.vue.d.ts

@@ -0,0 +1,39 @@
+import { type CssMap } from '../../internal/css';
+export type HeroLeadCss = CssMap<'root' | 'headline' | 'description'>;
+export interface Props {
+    headline?: string;
+    headlineTag?: string;
+    description?: string;
+    alignItems?: 'start' | 'center' | 'end';
+    alignSelf?: 'start' | 'center' | 'end';
+    size?: 'sm' | 'md' | 'lg';
+    gap?: 'sm' | 'md' | 'lg' | 'xl';
+    css?: HeroLeadCss;
+}
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    prepend?: (props: typeof __VLS_1) => any;
+} & {
+    headline?: (props: typeof __VLS_3) => any;
+} & {
+    description?: (props: typeof __VLS_11) => any;
+} & {
+    actions?: (props: typeof __VLS_13) => any;
+} & {
+    append?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "lg" | "md" | "sm";
+    alignItems: "center" | "end" | "start";
+    gap: "lg" | "md" | "sm" | "xl";
+    alignSelf: "center" | "end" | "start";
+    headlineTag: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,49 @@
+import HeroLead from './HeroLead.vue';
+export { HeroLead };
+export type { HeroLeadCss } from './HeroLead.vue';
+declare const _default: {
+    Lead: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./HeroLead.vue").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            size: "lg" | "md" | "sm";
+            alignItems: "center" | "end" | "start";
+            gap: "lg" | "md" | "sm" | "xl";
+            alignSelf: "center" | "end" | "start";
+            headlineTag: string;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./HeroLead.vue").Props> & Readonly<{}>, {}, {}, {}, {}, {
+            size: "lg" | "md" | "sm";
+            alignItems: "center" | "end" | "start";
+            gap: "lg" | "md" | "sm" | "xl";
+            alignSelf: "center" | "end" | "start";
+            headlineTag: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./HeroLead.vue").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        size: "lg" | "md" | "sm";
+        alignItems: "center" | "end" | "start";
+        gap: "lg" | "md" | "sm" | "xl";
+        alignSelf: "center" | "end" | "start";
+        headlineTag: string;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            prepend?: (props: {}) => any;
+        } & {
+            headline?: (props: {}) => any;
+        } & {
+            description?: (props: {}) => any;
+        } & {
+            actions?: (props: {}) => any;
+        } & {
+            append?: (props: {}) => any;
+        };
+    });
+};
+export default _default;