@dpa-id-components/dpa-shared-components 21.1.1 → 22.0.0-next.1

package/dist/{alert-fill-BHn_Z4vo.js → alert-filled-COSmQYAa.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/alert-fill.vue
+//#region src/assets/icons/alert-filled.vue
 var i = {}, a = {
 	width: "24",
 	height: "24",

package/dist/{bell-fill-DHRfa4cC.js → bell-filled-7gfK8601.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/bell-fill.vue
+//#region src/assets/icons/bell-filled.vue
 var i = {}, a = {
 	width: "24",
 	height: "24",

package/dist/{bookmark-outlined-D41PleT8.js → bookmark-D65iW--h.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/bookmark-outlined.vue
+//#region src/assets/icons/bookmark.vue
 var i = {}, a = {
 	width: "16",
 	height: "16",

package/dist/{bookmark-DNJYJq0J.js → bookmark-filled-5lCW1BfF.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/bookmark.vue
+//#region src/assets/icons/bookmark-filled.vue
 var i = {}, a = {
 	width: "24",
 	height: "24",

package/dist/{comment-fill-Dc-swkQu.js → comment-filled-Cl_qZ6Fz.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/comment-fill.vue
+//#region src/assets/icons/comment-filled.vue
 var i = {}, a = {
 	width: "24",
 	height: "24",

package/dist/components/UiBadge/UiBadge.vue.d.ts

@@ -1,26 +1,13 @@
 import { UiIconName } from '../UiIcon/UiIcon.vue';
 type __VLS_Props = {
-    text?: string;
-    color?: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
-    iconName?: UiIconName | null;
-    mobileTrim?: boolean;
-    trim?: boolean;
-    small?: boolean;
-    screenReaderText?: string;
+    appearance?: "accent-red" | "accent-red-dark" | "accent-orange" | "accent-purple" | "accent-green" | "primary" | "neutral-primary" | "neutral-emphasis" | "neutral-medium" | "neutral-faint";
+    iconName?: UiIconName;
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    small: boolean;
-    text: string;
-    trim: boolean;
-    color: "red" | "red-dark" | "orange" | "purple" | "blue" | "white" | "gray-300" | "gray-600" | "gray-800" | "black" | "green-neon" | "green-primary" | "neon-green" | "primary-green";
-    iconName: UiIconName | null;
-    mobileTrim: boolean;
-    screenReaderText: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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;

package/dist/components/UiButton/UiButton.vue.d.ts

@@ -1,29 +1,23 @@
 import { RouteLocationRaw } from 'vue-router';
-import { UiIconName } from '../UiIcon/UiIcon.vue';
+declare const BUTTON_SIZE_CLASSES: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+};
+type __VLS_Slots = {
+    /**
+     * Button content. Note, that text nodes are wrapped in a `span` element to ensure they can be detected using the CSS selectors responsible for applying icon-only-specific styles.
+     */
+    default: () => any;
+};
 type __VLS_Props = {
     to?: RouteLocationRaw;
-    iconName?: UiIconName | null;
-    size?: "xs" | "small" | "medium" | "large";
-    color?: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
-    disabledVariant?: "primary" | "secondary";
+    size?: keyof typeof BUTTON_SIZE_CLASSES;
+    appearance?: "primary" | "secondary" | "secondary-alt" | "tertiary" | "ghost";
     disabled?: boolean;
 };
-declare var __VLS_15: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_15) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: (() => any) | undefined;
-}>, {
-    size: "xs" | "small" | "medium" | "large";
-    disabled: boolean;
-    color: "blue" | "transparent" | "white" | "gray" | "light-gray" | "primary-green";
-    iconName: UiIconName | null;
-    to: RouteLocationRaw;
-    disabledVariant: "primary" | "secondary";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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;

package/dist/components/UiButtonGroup/UiButtonGroup.vue.d.ts

@@ -1,13 +1,7 @@
-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>;
+/**
+ * @deprecated
+ * Please replace with your own component
+ */
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+declare const __VLS_export: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/UiCheckbox/UiCheckbox.vue.d.ts

@@ -9,29 +9,22 @@ type __VLS_Slots = {
     errors?: () => any;
 };
 type __VLS_Props = {
+    /**
+     * ID of the `input` element. Used for the `label`'s `for` attribute.
+     */
     id?: string;
-    color?: "blue" | "gray";
-    size?: "small" | "medium";
-    textSize?: "extra-small" | "small" | "medium";
-    disabled?: boolean;
-    checked?: boolean;
-    showError?: boolean;
-    errorMessage?: string;
+    appearance?: "primary" | "secondary";
+    size?: "sm" | "md";
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean | string | string[];
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (args_0: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onChange?: ((args_0: boolean) => any) | undefined;
-}>, {
-    size: "small" | "medium";
-    disabled: boolean;
-    id: string;
-    errorMessage: string;
-    color: "blue" | "gray";
-    textSize: "extra-small" | "small" | "medium";
-    checked: boolean;
-    showError: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | boolean | string[] | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | boolean | string[] | undefined) => 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;

package/dist/components/UiChip/UiChip.vue.d.ts

@@ -1,17 +1,16 @@
-type __VLS_Props = {
-    cursorStyle?: "default" | "text" | "pointer";
-    isVisible?: boolean;
-    size?: "small" | "medium" | "big";
+import { Size } from '../../types';
+type __VLS_Slots = {
+    default: () => any;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Props = {
+    closeButton?: boolean;
+    size?: Extract<Size, "xs" | "sm" | "md">;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "small" | "medium" | "big";
-    cursorStyle: "default" | "text" | "pointer";
-    isVisible: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => 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;

package/dist/components/UiColorPicker/UiColorPicker.vue.d.ts

@@ -1,12 +1,10 @@
-type __VLS_Props = {
+type __VLS_ModelProps = {
     modelValue?: string;
 };
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (args_0: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
-}>, {
-    modelValue: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts

@@ -1,106 +1,69 @@
+import { ActionRowSlotProps } from '@vuepic/vue-datepicker';
 import { Locale } from 'date-fns';
 import { UiIconName } from '../UiIcon/UiIcon.vue';
-type DateType = Date | [Date, Date] | string | {
-    month: number;
-    year: number;
-};
 export interface PresetRange {
     label: string;
     range: [Date, Date] | {
         year: number;
         month: number;
     };
-    isSelected?: boolean;
     name?: string;
-    style?: Record<string, string>;
-    slot?: string;
 }
+export type DateType = Date | [Date, Date] | string | {
+    month: number;
+    year: number;
+};
+type __VLS_Slots = {
+    "action-row"?: (props: ActionRowSlotProps) => any;
+    "action-extra"?: (props: {
+        selectCurrentDate: () => void;
+        reset: () => void;
+    }) => any;
+};
 type __VLS_Props = {
-    definesRange?: boolean;
-    multiCalendars?: boolean;
-    enableTimePicker?: boolean;
     autoApply?: boolean;
-    closeOnAutoApply?: boolean;
-    roundedEdges?: boolean;
     locale?: Locale;
-    placeholderText?: string;
-    quickFilterRanges?: PresetRange[];
-    quickFilterHeadline?: string;
-    selectedDate?: DateType;
-    autoPosition?: boolean;
-    leftSidebar?: boolean;
-    actionArea?: boolean;
-    actionAreaExtraContent?: string;
-    cancel?: string;
-    submit?: string;
-    firstAvailableDate?: number;
-    minDate?: Date | string;
-    maxDate?: Date;
-    autoRange?: string | number | undefined;
-    maxRange?: number | string | undefined;
-    activeState?: boolean;
-    disabledState?: boolean;
-    monthPicker?: boolean;
-    customFormatCallback?: (date: Date | [Date, Date]) => string;
-    inputLabel?: string;
-    iconLeft?: UiIconName | null;
+    disabled?: boolean;
+    minDate?: Date | string | number;
+    maxDate?: Date | string | number;
     inline?: boolean;
+    teleport?: string | boolean | HTMLElement;
+    monthPicker?: boolean;
+    multiCalendars?: boolean;
     utc?: boolean;
-    teleport?: boolean | string;
-    closeOnScroll?: boolean;
-    enableQuickfilterToggle?: boolean;
+    enableTimePicker?: boolean;
+    autoPosition?: boolean;
+    autoRange?: string | number;
+    maxRange?: string | number;
+    closeOnAutoApply?: boolean;
+    triggerPlaceholderText?: string;
+    triggerWidth?: "full" | "fit";
+    customFormatCallback?: (date: Date | [Date, Date]) => string;
+    leftTriggerIcon?: UiIconName;
+    leftSidebar?: boolean;
+    quickFilterHeadline?: string;
+    quickFilterRanges?: PresetRange[];
+    actionExtraContent?: string;
 };
-declare var __VLS_41: {};
-type __VLS_Slots = {} & {
-    actionArea?: (props: typeof __VLS_41) => any;
+type __VLS_ModelProps = {
+    modelValue?: DateType;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    close: () => any;
-    reset: () => any;
-    "date-changed": (args_0: DateType) => any;
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: DateType | undefined) => any;
+    closed: () => any;
     open: () => any;
-    "quickfilter-changed": (args_0: PresetRange) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-    onReset?: (() => any) | undefined;
-    "onDate-changed"?: ((args_0: DateType) => any) | undefined;
+    "range-start": (args_0: Date) => any;
+    "range-end": (args_0: Date) => any;
+    "quick-filter-changed": (args_0: PresetRange) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateType | undefined) => any) | undefined;
+    onClosed?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
-    "onQuickfilter-changed"?: ((args_0: PresetRange) => any) | undefined;
-}>, {
-    cancel: string;
-    submit: string;
-    iconLeft: UiIconName | null;
-    definesRange: boolean;
-    multiCalendars: boolean;
-    enableTimePicker: boolean;
-    autoApply: boolean;
-    closeOnAutoApply: boolean;
-    roundedEdges: boolean;
-    locale: Locale;
-    placeholderText: string;
-    quickFilterRanges: PresetRange[];
-    quickFilterHeadline: string;
-    selectedDate: DateType;
-    autoPosition: boolean;
-    leftSidebar: boolean;
-    actionArea: boolean;
-    actionAreaExtraContent: string;
-    firstAvailableDate: number;
-    minDate: Date | string;
-    maxDate: Date;
-    autoRange: string | number;
-    maxRange: string | number;
-    activeState: boolean;
-    disabledState: boolean;
-    monthPicker: boolean;
-    customFormatCallback: (date: Date | [Date, Date]) => string;
-    inputLabel: string;
-    inline: boolean;
-    utc: boolean;
-    teleport: boolean | string;
-    closeOnScroll: boolean;
-    enableQuickfilterToggle: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    "onRange-start"?: ((args_0: Date) => any) | undefined;
+    "onRange-end"?: ((args_0: Date) => any) | undefined;
+    "onQuick-filter-changed"?: ((args_0: PresetRange) => 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;

package/dist/components/UiDialog/UiDialog.vue.d.ts

@@ -1,43 +1,26 @@
+type __VLS_Slots = {
+    header?: (props: {
+        close: typeof close;
+        requestClose: typeof requestClose;
+    }) => any;
+    default?: () => any;
+    footer?: (props: {
+        close: typeof close;
+        requestClose: typeof requestClose;
+    }) => any;
+};
 type __VLS_Props = {
-    scrollable?: boolean;
-    maxWidth?: string;
-    maxHeight?: string;
-    roundedBorder?: boolean;
-    hasPaddingY?: boolean;
-    hasPaddingX?: boolean;
-    headerClasses?: string;
-    mainClasses?: string;
     hasCloseButton?: boolean;
-    closeOnClickOutside?: boolean;
-    positionTop?: string;
-    closeOnEsc?: boolean;
-};
-declare var __VLS_10: {}, __VLS_19: {}, __VLS_21: {};
-type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_10) => any;
-} & {
-    default?: (props: typeof __VLS_19) => any;
-} & {
-    footer?: (props: typeof __VLS_21) => any;
+    closeLabel?: string;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    close: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-}>, {
-    scrollable: boolean;
-    maxWidth: string;
-    maxHeight: string;
-    roundedBorder: boolean;
-    hasPaddingY: boolean;
-    hasPaddingX: boolean;
-    headerClasses: string;
-    mainClasses: string;
-    hasCloseButton: boolean;
-    closeOnClickOutside: boolean;
-    positionTop: string;
-    closeOnEsc: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare function close(): void;
+declare function requestClose(): void;
+declare function showModal(): void;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    showModal: typeof showModal;
+    close: typeof close;
+    requestClose: typeof requestClose;
+}, {}, {}, {}, 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;

package/dist/components/UiFilterBadge/UiFilterBadge.vue.d.ts

@@ -1,19 +1,20 @@
+declare const FILTER_BADGE_SIZES: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
 type __VLS_Props = {
-    color?: string;
-    fill?: string;
+    textColor?: string;
+    iconColor?: string;
     iconIsFilled?: boolean;
-    size?: "small" | "medium" | "large" | "xl";
+    size?: keyof typeof FILTER_BADGE_SIZES;
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    fill: string;
-    size: "small" | "medium" | "large" | "xl";
-    color: string;
-    iconIsFilled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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;

package/dist/components/UiFilterButton/UiFilterButton.vue.d.ts

@@ -1,38 +1,54 @@
 import { ClassValue } from 'clsx';
 import { UiIconName } from '../UiIcon/UiIcon.vue';
-type __VLS_Props = {
+/**
+ * @deprecated Use `UiButton` instead
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
     title?: string;
     variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
     buttonWidth?: "full" | "max";
     chevronIcon?: UiIconName;
     rotateIcon?: boolean;
-    iconSize?: "xs" | "small" | "large";
+    iconSize?: "xs" | "sm" | "lg";
     size?: "xs" | "small";
     disabled?: boolean;
     active?: boolean;
     hasIcon?: boolean;
-    iconLeft?: UiIconName | null;
+    iconLeft?: UiIconName;
     iconLeftClass?: ClassValue | ClassValue[];
     iconRightClass?: ClassValue | ClassValue[];
-};
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    title?: string;
+    variant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
+    buttonWidth?: "full" | "max";
+    chevronIcon?: UiIconName;
+    rotateIcon?: boolean;
+    iconSize?: "xs" | "sm" | "lg";
+    size?: "xs" | "small";
+    disabled?: boolean;
+    active?: boolean;
+    hasIcon?: boolean;
+    iconLeft?: UiIconName;
+    iconLeftClass?: ClassValue | ClassValue[];
+    iconRightClass?: ClassValue | ClassValue[];
+}> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {
     title: string;
     size: "xs" | "small";
     disabled: boolean;
-    iconSize: "xs" | "small" | "large";
+    iconSize: "xs" | "sm" | "lg";
     variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank";
     buttonWidth: "full" | "max";
     chevronIcon: UiIconName;
     rotateIcon: boolean;
     active: boolean;
     hasIcon: boolean;
-    iconLeft: UiIconName | null;
+    iconLeft: UiIconName;
     iconLeftClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | ClassValue[] | null;
     iconRightClass: string | number | bigint | boolean | import('clsx').ClassArray | import('clsx').ClassDictionary | ClassValue[] | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/UiIcon/UiIcon.vue.d.ts

@@ -1,16 +1,21 @@
 import { icons } from './icons.ts';
 export type UiIconName = keyof typeof icons;
+export declare const ICON_SIZES: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+};
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import('vue').DefineComponent<{
     name: UiIconName;
-    size?: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
+    size?: keyof typeof ICON_SIZES;
     sizeClasses?: string;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     name: UiIconName;
-    size?: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
+    size?: keyof typeof ICON_SIZES;
     sizeClasses?: string;
-}> & Readonly<{}>, {
-    size: "xs" | "small" | "medium" | "large" | "xl" | "2xl";
-    sizeClasses: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;