@livestorm/ui-vue 1.1.2 → 2.0.0

package/dist/types/src/components/UiDialog/UiDialogClose.vue.d.ts

@@ -0,0 +1,10 @@
+interface UiDialogCloseProps {
+    ariaLabel?: string;
+    mode?: 'light' | 'dark';
+}
+declare const __VLS_export: import("vue").DefineComponent<UiDialogCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiDialogCloseProps> & Readonly<{}>, {
+    ariaLabel: string;
+    mode: "light" | "dark";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/src/components/UiDialog/UiDialogContent.vue.d.ts

@@ -0,0 +1,54 @@
+import type { DialogContentProps } from 'reka-ui';
+interface UiDialogContentProps extends DialogContentProps {
+    title?: string;
+    description?: string;
+    hideClose?: boolean;
+    closeButtonAriaLabel?: string;
+    overlayClass?: string;
+    contentMode?: 'light' | 'dark';
+    closeButtonMode?: 'light' | 'dark';
+    size?: 'sm' | 'lg' | '2xl' | '3xl' | '5xl' | '7xl';
+    noPadding?: boolean;
+    /** When true, disables default scroll handling on the content wrapper, allowing custom scroll behavior */
+    customScroll?: boolean;
+}
+declare var __VLS_60: {}, __VLS_62: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_60) => any;
+} & {
+    footer?: (props: typeof __VLS_62) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<UiDialogContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
+    focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
+    interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
+    openAutoFocus: (event: Event) => any;
+    closeAutoFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<UiDialogContentProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+    size: "sm" | "lg" | "2xl" | "3xl" | "5xl" | "7xl";
+    title: string;
+    description: string;
+    hideClose: boolean;
+    closeButtonAriaLabel: string;
+    overlayClass: string;
+    contentMode: "light" | "dark";
+    closeButtonMode: "light" | "dark";
+    noPadding: boolean;
+    customScroll: 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/types/src/components/UiDialog/UiDialogFooter.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/types/src/components/UiDialog/UiDialogTrigger.vue.d.ts

@@ -0,0 +1,14 @@
+import type { DialogTriggerProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogTriggerProps> & 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/types/src/components/UiDialog/index.d.ts

@@ -0,0 +1,7 @@
+export { default as UiDialog } from './UiDialog.vue';
+export { default as UiDialogTrigger } from './UiDialogTrigger.vue';
+export { default as UiDialogContent } from './UiDialogContent.vue';
+export { default as UiDialogFooter } from './UiDialogFooter.vue';
+export { default as UiDialogClose } from './UiDialogClose.vue';
+export { default as UiDialogMarketplaceHeader } from './MarketplaceHeaderExample.vue';
+export { DialogClose, DialogDescription, DialogTitle, type DialogRootProps, type DialogRootEmits, type DialogContentProps, type DialogContentEmits, } from 'reka-ui';

package/dist/types/src/components/UiDropdown/UiDropdown.vue.d.ts

@@ -0,0 +1,42 @@
+import type { SelectRootProps } from 'reka-ui';
+interface Props extends SelectRootProps {
+    /**
+     * Selected value. Pass a `string` for single-select, or a `string[]` when
+     * `multiple` is enabled.
+     */
+    modelValue?: string | string[];
+    /**
+     * Enable multi-select mode. When set, `v-model` must be bound to an array;
+     * clicking an option toggles its value and the menu stays open between
+     * selections.
+     */
+    multiple?: boolean;
+    /** Open the dropdown on mount (uncontrolled). */
+    defaultOpen?: boolean;
+    /** Disable the entire dropdown. */
+    disabled?: boolean;
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    defaultOpen: boolean;
+    modelValue: string | string[];
+    multiple: 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/types/src/components/UiDropdown/UiDropdownContent.vue.d.ts

@@ -0,0 +1,32 @@
+import type { SelectContentProps } from 'reka-ui';
+interface Props extends SelectContentProps {
+    showScrollButtons?: boolean;
+    /**
+     * The color semantic mode for the dropdown content
+     * @default 'light'
+     */
+    colorsSemantic?: 'light' | 'dark';
+}
+declare var __VLS_14: {}, __VLS_28: {}, __VLS_36: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_28) => any;
+} & {
+    footer?: (props: typeof __VLS_36) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    position: "item-aligned" | "popper";
+    side: "top" | "right" | "bottom" | "left";
+    sideOffset: number;
+    align: "center" | "start" | "end";
+    colorsSemantic: "light" | "dark";
+}, {}, {}, {}, 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/types/src/components/UiDropdown/UiDropdownItem.vue.d.ts

@@ -0,0 +1,27 @@
+import type { SelectItemProps } from 'reka-ui';
+interface Props extends SelectItemProps {
+    title?: string;
+    description?: string;
+    icon?: string;
+}
+declare var __VLS_14: {}, __VLS_16: {}, __VLS_18: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_14) => any;
+} & {
+    description?: (props: typeof __VLS_16) => any;
+} & {
+    right?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    title: string;
+    icon: string;
+    description: 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/types/src/components/UiDropdown/UiDropdownSeparator.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/src/components/UiDropdown/UiDropdownTrigger.vue.d.ts

@@ -0,0 +1,45 @@
+import type { SelectTriggerProps } from 'reka-ui';
+type TSize = 'sm' | 'md' | 'lg' | 'xl';
+type TColor = 'neutral' | 'primary';
+type TVariant = 'secondary' | 'tertiary';
+interface Props extends SelectTriggerProps {
+    placeholder?: string;
+    showIcon?: boolean;
+    disabled?: boolean;
+    size?: TSize;
+    /**
+     * Visual color of the trigger. Defaults to `neutral` (the standard field
+     * look). `primary` mirrors the primary action palette and is intended for
+     * filter chips that need to stand out next to a button group.
+     */
+    color?: TColor;
+    /**
+     * Visual variant, named to match `UiButton`. `secondary` (default) is the
+     * bordered field look. `tertiary` drops the border + background to read like
+     * a `UiButton` tertiary — the trigger shows only colored text with a hover
+     * overlay, so it sits flush next to tertiary buttons (e.g. a "View all" CTA).
+     */
+    variant?: TVariant;
+    error?: boolean;
+}
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    value?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: TSize;
+    error: boolean;
+    disabled: boolean;
+    variant: TVariant;
+    color: TColor;
+    showIcon: boolean;
+    placeholder: 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/types/src/components/UiDropdown/context.d.ts

@@ -0,0 +1,7 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/**
+ * Injection key consumed by `UiDropdownItem` so it can render a leading
+ * checkbox automatically when the parent `UiDropdown` is in multi-select
+ * mode. `UiDropdown` provides this; `UiDropdownItem` injects it.
+ */
+export declare const UI_DROPDOWN_MULTIPLE_KEY: InjectionKey<ComputedRef<boolean>>;

package/dist/types/src/components/UiDropdown/index.d.ts

@@ -0,0 +1,6 @@
+export { default as UiDropdown } from './UiDropdown.vue';
+export { default as UiDropdownTrigger } from './UiDropdownTrigger.vue';
+export { default as UiDropdownContent } from './UiDropdownContent.vue';
+export { default as UiDropdownItem } from './UiDropdownItem.vue';
+export { default as UiDropdownSeparator } from './UiDropdownSeparator.vue';
+export { SelectGroup, SelectLabel, SelectScrollUpButton, SelectScrollDownButton, SelectArrow, type SelectRootProps, type SelectRootEmits, type SelectContentProps, type SelectContentEmits, type SelectItemProps, type SelectTriggerProps, } from 'reka-ui';

package/dist/types/src/components/UiEmptyState/UiEmptyState.vue.d.ts

@@ -0,0 +1,29 @@
+export interface UiEmptyStateProps {
+    /** Title shown as the primary heading */
+    title: string;
+    /** Optional secondary description below the title */
+    description?: string;
+    /** Optional illustration image URL */
+    image?: string;
+    /** Layout orientation. `vertical` stacks the illustration above the text; `horizontal` places it to the right. */
+    variant?: 'vertical' | 'horizontal';
+}
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    'primary-action'?: (props: typeof __VLS_1) => any;
+} & {
+    'secondary-action'?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<UiEmptyStateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiEmptyStateProps> & Readonly<{}>, {
+    image: string;
+    variant: "vertical" | "horizontal";
+    description: 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/types/src/components/UiFieldWrapper/UiFieldWrapper.vue.d.ts

@@ -0,0 +1,36 @@
+interface Props {
+    id?: string;
+    label?: string;
+    required?: boolean;
+    labelInfo?: string;
+    error?: boolean;
+    helperMessage?: string;
+    errorMessage?: string;
+}
+declare var __VLS_7: {
+    fieldId: string;
+}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    footer?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {
+    fieldId: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    error: boolean;
+    required: boolean;
+    id: string;
+    labelInfo: string;
+    helperMessage: string;
+    errorMessage: 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/types/src/components/UiFieldWrapper/index.d.ts

@@ -0,0 +1 @@
+export { default as UiFieldWrapper } from './UiFieldWrapper.vue';

package/dist/types/src/components/UiForm/UiFormField.types.d.ts

@@ -0,0 +1,22 @@
+import type { VueFormApi } from '@tanstack/vue-form';
+/**
+ * VueFormApi has 12 generic parameters (form data + 11 validator slots).
+ * UiFormField only needs the form data type for field name inference —
+ * the validator configuration is irrelevant here, so we accept any.
+ */
+export type AnyVueForm<T extends object> = VueFormApi<T, any, any, any, any, any, any, any, any, any, any, any>;
+export interface UiFormFieldProps<TFormData extends object, TName extends keyof TFormData & string> {
+    form: AnyVueForm<TFormData>;
+    name: TName;
+    label?: string;
+    required?: boolean;
+    labelInfo?: string;
+    helperMessage?: string;
+    /**
+     * When to show validation errors
+     * - 'touched': only after the field has been blurred (default)
+     * - 'always': show errors immediately
+     * - 'submit': only after form submission attempt
+     */
+    showErrors?: 'touched' | 'always' | 'submit';
+}

package/dist/types/src/components/UiForm/UiFormField.vue.d.ts

@@ -0,0 +1,34 @@
+import type { UiFormFieldProps } from './UiFormField.types';
+declare const __VLS_export: <TFormData extends object, TName extends keyof TFormData & string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<UiFormFieldProps<TFormData, TName>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            field: import("@tanstack/vue-form").FieldApi<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, any, any, any, any, any, any, any, any, any, any, any>;
+            state: import("@tanstack/vue-form").FieldLikeState<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, any, any, any, any, any, any, any, any, any>;
+            fieldId: string;
+            fieldMessageId: string;
+            errors: (import("@tanstack/vue-form").StandardSchemaV1Issue | import("@tanstack/vue-form").UnwrapOneLevelOfArray<TName extends never ? import("@tanstack/vue-form").StandardSchemaV1Issue[] : undefined> | import("@tanstack/vue-form").UnwrapOneLevelOfArray<TName extends string | number | symbol ? any : undefined> | import("@tanstack/vue-form").UnwrapOneLevelOfArray<TName extends never ? import("@tanstack/vue-form").StandardSchemaV1Issue[] : undefined> | import("@tanstack/vue-form").UnwrapOneLevelOfArray<TName extends string | number | symbol ? any : undefined> | undefined)[];
+            hasError: boolean;
+            isTouched: boolean;
+        }) => any;
+    } & {
+        footer?: (props: {
+            field: import("@tanstack/vue-form").FieldApi<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, any, any, any, any, any, any, any, any, any, any, any>;
+            state: import("@tanstack/vue-form").FieldLikeState<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<TFormData, TName, import("@tanstack/vue-form").DeepValue<TFormData, TName>> | undefined, any, any, any, any, any, any, any, any, any>;
+        }) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/types/src/components/UiForm/index.d.ts

@@ -0,0 +1,3 @@
+export { default as UiFormField } from './UiFormField.vue';
+export { useForm } from '@tanstack/vue-form';
+export type { VueFormApi } from '@tanstack/vue-form';

package/dist/types/src/components/UiHorizontalSeparator/UiHorizontalSeparator.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    label: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/types/src/components/UiInputCheckbox/UiInputCheckbox.vue.d.ts

@@ -0,0 +1,108 @@
+import type { CheckboxSize } from './types';
+interface UiInputCheckboxProps {
+    /**
+     * The checkbox value (boolean for single checkbox, or value for array binding)
+     */
+    modelValue?: boolean | string | number | (string | number)[];
+    /**
+     * The value of this checkbox (used when binding to array)
+     */
+    value?: string | number;
+    /**
+     * Whether the checkbox is checked (for boolean binding)
+     */
+    checked?: boolean;
+    /**
+     * Whether the checkbox is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the checkbox is in indeterminate state
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * Whether the checkbox has an error
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * The label text
+     */
+    label?: string;
+    /**
+     * Whether the label is required
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Info tooltip for the label
+     */
+    labelInfo?: string;
+    /**
+     * Description text below the label
+     */
+    description?: string;
+    /**
+     * Error message to display
+     */
+    errorMessage?: string;
+    /**
+     * Checkbox name attribute
+     */
+    name?: string;
+    /**
+     * Checkbox id attribute
+     */
+    id?: string;
+    /**
+     * Size of the checkbox
+     * @default 'md'
+     */
+    size?: CheckboxSize;
+    /**
+     * Layout orientation
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Whether to show background color
+      * @default false
+     */
+    showBg?: boolean;
+}
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<UiInputCheckboxProps, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    change: (event: Event) => any;
+    focus: (event: FocusEvent) => any;
+    "update:modelValue": (value: string | number | boolean | (string | number)[]) => any;
+}, string, import("vue").PublicProps, Readonly<UiInputCheckboxProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | boolean | (string | number)[]) => any) | undefined;
+}>, {
+    orientation: "horizontal" | "vertical";
+    size: CheckboxSize;
+    error: boolean;
+    disabled: boolean;
+    required: boolean;
+    checked: boolean;
+    indeterminate: 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/types/src/components/UiInputCheckbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as UiInputCheckbox } from './UiInputCheckbox.vue';
+export type { CheckboxSize } from './types';

package/dist/types/src/components/UiInputCheckbox/types.d.ts

@@ -0,0 +1 @@
+export type CheckboxSize = 'sm' | 'md' | 'lg';

package/dist/types/src/components/UiInputSelect/UiInputSelect.vue.d.ts

@@ -0,0 +1,66 @@
+import type { SelectSize } from './types';
+interface UiInputSelectProps {
+    size?: SelectSize;
+    /**
+     * Selected value. Pass a `string` for single-select, or a `string[]` when
+     * `multiple` is enabled.
+     */
+    modelValue?: string | string[] | null;
+    placeholder?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    error?: boolean;
+    label?: string;
+    required?: boolean;
+    labelInfo?: string;
+    helperMessage?: string;
+    errorMessage?: string;
+    name?: string;
+    clearable?: boolean;
+    id?: string;
+    ariaDescribedby?: string;
+    defaultOpen?: boolean;
+    /**
+     * Enable multi-select. When set, `v-model` must be bound to an array and
+     * the dropdown items render with a leading checkbox (same look as
+     * `UiDropdown multiple`).
+     */
+    multiple?: boolean;
+}
+declare var __VLS_37: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_37) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<UiInputSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    "update:modelValue": (value: string | string[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<UiInputSelectProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+}>, {
+    size: SelectSize;
+    label: string;
+    error: boolean;
+    disabled: boolean;
+    defaultOpen: boolean;
+    required: boolean;
+    loading: boolean;
+    name: string;
+    modelValue: string | string[] | null;
+    multiple: boolean;
+    placeholder: string;
+    id: string;
+    labelInfo: string;
+    helperMessage: string;
+    errorMessage: string;
+    clearable: boolean;
+    ariaDescribedby: 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/types/src/components/UiInputSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default as UiInputSelect } from './UiInputSelect.vue';
+export type { SelectSize } from './types';

package/dist/types/src/components/UiInputSelect/types.d.ts

@@ -0,0 +1 @@
+export type SelectSize = 'sm' | 'md' | 'lg' | 'xl';