@kazee-ds/vue 0.5.5 → 0.6.0

package/dist/types/Alert.vue.d.ts

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import type { BadgeTone } from './types.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'actions' | 'description' | 'root' | 'title'> & {
     title: string;
     description?: string;
     tone?: BadgeTone;

package/dist/types/Badge.vue.d.ts

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import type { BadgeTone } from './types.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'root'> & {
     tone?: BadgeTone;
 };
 declare var __VLS_1: {};

package/dist/types/Breadcrumb.vue.d.ts

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import type { BreadcrumbItem } from './dashboard-types.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'root' | 'separator'> & {
     items: BreadcrumbItem[];
     label?: string;
     dir?: 'ltr' | 'rtl';

package/dist/types/Button.vue.d.ts

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import type { ButtonSize, ButtonVariant } from './types.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'root'> & {
     /** Visual style. Use `danger` for destructive actions such as delete. */
     variant?: ButtonVariant;
     /** Accessible name for icon-only buttons. */

package/dist/types/ButtonGroup.d.ts

@@ -1,6 +1,10 @@
 import { type PropType, type VNode } from 'vue';
 import type { ButtonSize, ButtonVariant } from './types.js';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    classNames: {
+        type: PropType<Partial<Record<"root", string>>>;
+        default: undefined;
+    };
     label: {
         type: StringConstructor;
         required: true;
@@ -29,6 +33,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    classNames: {
+        type: PropType<Partial<Record<"root", string>>>;
+        default: undefined;
+    };
     label: {
         type: StringConstructor;
         required: true;
@@ -55,6 +63,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    classNames: Partial<Record<"root", string>>;
     dir: "ltr" | "rtl";
     variant: ButtonVariant;
     size: ButtonSize;

package/dist/types/Card.vue.d.ts

@@ -1,4 +1,5 @@
-type __VLS_Props = {
+import { type StylingProps } from './styling.js';
+type __VLS_Props = StylingProps<'actions' | 'content' | 'description' | 'footer' | 'header' | 'heading' | 'root' | 'title' | 'titleRow'> & {
     title?: string;
     description?: string;
     headingLevel?: 2 | 3 | 4 | 5 | 6;
@@ -11,8 +12,8 @@ type __VLS_Slots = {
     footer?: () => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    title: string;
     description: string;
+    title: string;
     headingLevel: 2 | 3 | 4 | 5 | 6;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/Chart.vue.d.ts

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import type { ChartDatum } from './dashboard-types.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'axis' | 'bar' | 'description' | 'label' | 'line' | 'plot' | 'root' | 'title'> & {
     label: string;
     data: ChartDatum[];
     type?: 'bar' | 'line';

package/dist/types/Checkbox.vue.d.ts

@@ -1,4 +1,5 @@
-type __VLS_Props = {
+import { type StylingProps } from './styling.js';
+type __VLS_Props = StylingProps<'check' | 'content' | 'control' | 'dash' | 'description' | 'error' | 'label' | 'root'> & {
     label: string;
     modelValue?: boolean;
     defaultValue?: boolean;

package/dist/types/CheckboxIndicator.vue.d.ts

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

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import { type SelectOption } from './selection-options.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'check' | 'clear' | 'closeIcon' | 'control' | 'description' | 'empty' | 'error' | 'icon' | 'input' | 'item' | 'itemLabel' | 'label' | 'leading' | 'list' | 'popover' | 'required' | 'root' | 'toggle'> & {
     label: string;
     options: SelectOption[];
     modelValue?: string;

package/dist/types/CompositionListBox.vue.d.ts

@@ -0,0 +1,32 @@
+import { type HTMLAttributes } from 'vue';
+interface Props extends /* @vue-ignore */ HTMLAttributes {
+    modelValue?: string | string[];
+    defaultValue?: string | string[];
+    selectionMode?: 'single' | 'multiple';
+    disabled?: boolean;
+    dir?: 'ltr' | 'rtl';
+}
+declare var __VLS_7: {}, __VLS_23: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[]) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+}>, {
+    dir: "ltr" | "rtl";
+    modelValue: string | string[];
+    defaultValue: string | string[];
+    selectionMode: "multiple" | "single";
+}, {}, {}, {}, 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/CompositionListBoxItem.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    value?: string;
+    id?: string;
+    textValue?: string;
+    disabled?: boolean;
+};
+declare var __VLS_13: {}, __VLS_21: {}, __VLS_29: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_21) => any;
+} & {
+    default?: (props: typeof __VLS_29) => 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/types/CompositionListBoxItemIndicator.vue.d.ts

@@ -0,0 +1,15 @@
+declare var __VLS_7: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_20) => 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/CompositionListBoxSection.vue.d.ts

@@ -0,0 +1,15 @@
+declare var __VLS_7: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_15) => 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/DataTable.vue.d.ts

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import type { DataTableColumn, DataTableRow, TableSort } from './data-table-types.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'body' | 'caption' | 'cell' | 'column' | 'empty' | 'error' | 'header' | 'root' | 'row' | 'scroll' | 'sort' | 'status' | 'table'> & {
     caption: string;
     columns: DataTableColumn[];
     rows: DataTableRow[];

package/dist/types/DataTableRoot.vue.d.ts

@@ -0,0 +1,26 @@
+import type { TableSort } from './data-table-types.js';
+type __VLS_Props = {
+    sort?: TableSort | null;
+    loading?: boolean;
+    disabled?: boolean;
+};
+declare var __VLS_1: {
+    sort: TableSort | null | undefined;
+    loading: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:sort": (sort: TableSort) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:sort"?: ((sort: TableSort) => any) | undefined;
+}>, {}, {}, {}, {}, 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/DataTableSortButton.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    columnId: string;
+};
+declare var __VLS_1: {
+    direction: "ascending" | "descending" | undefined;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/types/DateRangePanel.vue.d.ts

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import { type DateRange, type DateRangeOptions, type DateRangeLabels } from './date-range-model.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'apply' | 'body' | 'calendar' | 'cancel' | 'clear' | 'content' | 'day' | 'field' | 'footer' | 'grid' | 'heading' | 'inputs' | 'intro' | 'jump' | 'main' | 'month' | 'months' | 'nav' | 'navigation' | 'preset' | 'presets' | 'root' | 'summary' | 'validation' | 'weekday'> & {
     options: DateRangeOptions;
     draft: DateRange;
     labels: DateRangeLabels;
@@ -10,12 +11,12 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: () => any;
-    draft: (value: DateRange) => any;
     apply: () => any;
+    draft: (value: DateRange) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCancel?: (() => any) | undefined;
-    onDraft?: ((value: DateRange) => any) | undefined;
     onApply?: (() => any) | undefined;
+    onDraft?: ((value: DateRange) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/DateRangePicker.vue.d.ts

@@ -1,3 +1,4 @@
+import { type StylingProps } from './styling.js';
 import { type DateRange, type DateRangeOptions } from './date-range-model.js';
 interface Props extends DateRangeOptions {
     modelValue?: DateRange | null;
@@ -6,11 +7,12 @@ interface Props extends DateRangeOptions {
     required?: boolean;
     invalid?: boolean;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_Props = StylingProps<'apply' | 'body' | 'calendar' | 'cancel' | 'chevron' | 'clear' | 'content' | 'day' | 'description' | 'error' | 'field' | 'footer' | 'grid' | 'heading' | 'icon' | 'inputs' | 'intro' | 'jump' | 'label' | 'main' | 'month' | 'months' | 'nav' | 'navigation' | 'panel' | 'preset' | 'presets' | 'root' | 'summary' | 'trigger' | 'validation' | 'value' | 'weekday'> & Props;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: DateRange | null) => any;
     "update:open": (open: boolean) => any;
     apply: (value: DateRange | null) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: DateRange | null) => any) | undefined;
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
     onApply?: ((value: DateRange | null) => any) | undefined;
@@ -29,7 +31,7 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
     defaultOpen: boolean;
     visibleMonths: 1 | 2;
     weekStartsOn: 0 | 1;
-    display: "inline" | "popover";
+    display: "popover" | "inline";
     showInputs: boolean;
     showMonthYearPicker: boolean;
     triggerDisplay: "text" | "icon";

package/dist/types/Description.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    id?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/types/Dialog.vue.d.ts

@@ -1,6 +1,7 @@
+import { type StylingProps } from './styling.js';
 import type { ButtonVariant } from './types.js';
 import type { DialogSize, DialogPlacement, DialogScroll, DialogBackdrop } from './overlay-model.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'backdrop' | 'body' | 'close' | 'content' | 'description' | 'footer' | 'footerClose' | 'header' | 'panel' | 'root' | 'title' | 'trigger'> & {
     triggerLabel: string;
     title: string;
     description?: string;
@@ -38,10 +39,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     scroll: DialogScroll;
     open: boolean;
     defaultOpen: boolean;
+    backdrop: DialogBackdrop;
     closeLabel: string;
     triggerVariant: ButtonVariant;
     placement: DialogPlacement;
-    backdrop: DialogBackdrop;
     dismissable: boolean;
     keyboardDismissDisabled: boolean;
     showCloseButton: boolean;

package/dist/types/DropdownMenu.vue.d.ts

@@ -1,7 +1,8 @@
+import { type StylingProps } from './styling.js';
 import { type MenuSelectionMode, type MenuPlacement } from './overlay-model.js';
 import type { DropdownMenuItem } from './dashboard-types.js';
 import type { ButtonVariant } from './types.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'arrow' | 'check' | 'description' | 'heading' | 'icon' | 'item' | 'panel' | 'root' | 'separator' | 'shortcut' | 'text' | 'trigger'> & {
     triggerLabel: string;
     items: DropdownMenuItem[];
     open?: boolean;
@@ -35,10 +36,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     disabled: boolean;
     open: boolean;
     defaultOpen: boolean;
+    selectionMode: MenuSelectionMode;
     triggerVariant: ButtonVariant;
     placement: MenuPlacement;
     selectedKeys: string[];
-    selectionMode: MenuSelectionMode;
     closeOnSelect: boolean;
     defaultSelectedKeys: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/types/DropdownMenuBranch.vue.d.ts

@@ -1,6 +1,7 @@
+import { type StylingProps } from './styling.js';
 import { type MenuSelectionMode } from './overlay-model.js';
 import type { DropdownMenuItem as Item } from './dashboard-types.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'arrow' | 'check' | 'description' | 'heading' | 'icon' | 'item' | 'panel' | 'root' | 'separator' | 'shortcut' | 'text'> & {
     items: Item[];
     selectedKeys: string[];
     selectionMode: MenuSelectionMode;

package/dist/types/Empty.vue.d.ts

@@ -1,4 +1,5 @@
-type __VLS_Props = {
+import { type StylingProps } from './styling.js';
+type __VLS_Props = StylingProps<'actions' | 'description' | 'root' | 'title'> & {
     title: string;
     description?: string;
     headingLevel?: 2 | 3 | 4 | 5 | 6;

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

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import type { FieldSlotProps } from './types.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'control' | 'description' | 'error' | 'label' | 'root'> & {
     label: string;
     name: string;
     id?: string;

package/dist/types/FieldError.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    id?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/types/FieldFeedback.vue.d.ts

@@ -1,4 +1,5 @@
-type __VLS_Props = {
+import { type StylingProps } from './styling.js';
+type __VLS_Props = StylingProps<'description' | 'error' | 'root'> & {
     controlId: string;
     description?: string;
     errorMessage?: string;

package/dist/types/Form.vue.d.ts

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import type { ValidationErrors } from './types.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'root'> & {
     validationErrors?: ValidationErrors;
     noValidate?: boolean;
     id?: string;

package/dist/types/Input.vue.d.ts

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import type { InputSize, InputType, InputVariant, InputMode, InputEnterKeyHint } from './types.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'boundary' | 'control' | 'description' | 'error' | 'group' | 'label' | 'prefix' | 'root' | 'suffix'> & {
     label: string;
     defaultValue?: string;
     description?: string;
@@ -71,12 +72,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     errorMessage: string;
     defaultValue: string;
     placeholder: string;
+    enterKeyHint: InputEnterKeyHint;
     readonly: boolean;
     autoComplete: string;
     maxLength: number;
     minLength: number;
     inputMode: InputMode;
-    enterKeyHint: InputEnterKeyHint;
     spellCheck: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/InputControl.vue.d.ts

@@ -0,0 +1,40 @@
+interface NativeControlAttributes {
+    id?: string;
+    type?: string;
+    placeholder?: string;
+    autocomplete?: string;
+    inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    min?: string | number;
+    max?: string | number;
+    step?: string | number;
+    minlength?: string | number;
+    maxlength?: string | number;
+    pattern?: string;
+    name?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    form?: string;
+    rows?: string | number;
+    cols?: string | number;
+    wrap?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    'aria-invalid'?: boolean | 'true' | 'false' | 'grammar' | 'spelling';
+    onBlur?: (event: FocusEvent) => void;
+    onFocus?: (event: FocusEvent) => void;
+    onKeydown?: (event: KeyboardEvent) => void;
+    onKeyup?: (event: KeyboardEvent) => void;
+    onInput?: (event: Event) => void;
+    onChange?: (event: Event) => void;
+}
+interface Props extends /* @vue-ignore */ NativeControlAttributes {
+    multiline?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {
+    element: import("vue").Ref<HTMLInputElement | HTMLTextAreaElement | undefined, HTMLInputElement | HTMLTextAreaElement | undefined>;
+    focus: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/InputLabel.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => 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/InputRoot.vue.d.ts

@@ -0,0 +1,37 @@
+import { type StylingProps } from './styling.js';
+type __VLS_Props = StylingProps<'label' | 'root'> & {
+    id?: string;
+    label?: string;
+    modelValue?: string;
+    defaultValue?: string;
+    name?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    dir?: 'ltr' | 'rtl';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    id: string;
+    label: string;
+    dir: "ltr" | "rtl";
+    name: string;
+    modelValue: string;
+    defaultValue: 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/Label.vue.d.ts

@@ -1,4 +1,5 @@
-type __VLS_Props = {
+import { type StylingProps } from './styling.js';
+type __VLS_Props = StylingProps<'root'> & {
     for?: string;
     id?: string;
 };

package/dist/types/Listbox.vue.d.ts

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import { type ListboxOption, type ListboxSelectionMode } from './listbox-selection.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'check' | 'description' | 'empty' | 'error' | 'item' | 'label' | 'list' | 'root' | 'text'> & {
     label: string;
     options: ListboxOption[];
     modelValue?: string[];

package/dist/types/MenuItemContent.vue.d.ts

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import type { DropdownMenuItem } from './dashboard-types.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'arrow' | 'check' | 'description' | 'icon' | 'root' | 'shortcut' | 'text'> & {
     item: DropdownMenuItem;
     selectable: boolean;
 };

package/dist/types/NumberField.vue.d.ts

@@ -1,4 +1,5 @@
-type __VLS_Props = {
+import { type StylingProps } from './styling.js';
+type __VLS_Props = StylingProps<'control' | 'description' | 'error' | 'group' | 'label' | 'root' | 'step'> & {
     label: string;
     modelValue?: number | null;
     defaultValue?: number | null;

package/dist/types/Pagination.vue.d.ts

@@ -1,4 +1,5 @@
-type __VLS_Props = {
+import { type StylingProps } from './styling.js';
+type __VLS_Props = StylingProps<'button' | 'gap' | 'root' | 'summary'> & {
     totalItems: number;
     pageSize?: number;
     modelValue?: number;

package/dist/types/Popover.vue.d.ts

@@ -1,4 +1,5 @@
-type __VLS_Props = {
+import { type StylingProps } from './styling.js';
+type __VLS_Props = StylingProps<'body' | 'close' | 'description' | 'footer' | 'panel' | 'root' | 'title' | 'trigger'> & {
     triggerLabel: string;
     title: string;
     description?: string;

package/dist/types/RadioGroup.vue.d.ts

@@ -1,5 +1,6 @@
+import { type StylingProps } from './styling.js';
 import type { RadioOption } from './types.js';
-type __VLS_Props = {
+type __VLS_Props = StylingProps<'control' | 'description' | 'dot' | 'error' | 'item' | 'items' | 'label' | 'root'> & {
     label: string;
     options: RadioOption[];
     defaultValue?: string;