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

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

@@ -1,31 +1,28 @@
 export declare const icons: {
     readonly activities: () => Promise<typeof import("../../assets/icons/activities.vue")>;
+    readonly ai: () => Promise<typeof import("../../assets/icons/ai.vue")>;
     readonly alert: () => Promise<typeof import("../../assets/icons/alert.vue")>;
-    readonly "alert-fill": () => Promise<typeof import("../../assets/icons/alert-fill.vue")>;
+    readonly "alert-filled": () => Promise<typeof import("../../assets/icons/alert-filled.vue")>;
     readonly "alert-octagon": () => Promise<typeof import("../../assets/icons/alert-octagon.vue")>;
-    readonly ai: () => Promise<typeof import("../../assets/icons/ai.vue")>;
     readonly apps: () => Promise<typeof import("../../assets/icons/apps.vue")>;
     readonly archive: () => Promise<typeof import("../../assets/icons/archive.vue")>;
+    readonly "arrow-down": () => Promise<typeof import("../../assets/icons/arrow-down.vue")>;
     readonly "arrow-left": () => Promise<typeof import("../../assets/icons/arrow-left.vue")>;
     readonly "arrow-nav-left": () => Promise<typeof import("../../assets/icons/arrow-nav-left.vue")>;
     readonly "arrow-nav-right": () => Promise<typeof import("../../assets/icons/arrow-nav-right.vue")>;
-    readonly "arrow-up": () => Promise<typeof import("../../assets/icons/arrow-up.vue")>;
     readonly "arrow-right": () => Promise<typeof import("../../assets/icons/arrow-right.vue")>;
-    readonly "arrow-down": () => Promise<typeof import("../../assets/icons/arrow-down.vue")>;
+    readonly "arrow-up": () => Promise<typeof import("../../assets/icons/arrow-up.vue")>;
     readonly "arrowhead-left": () => Promise<typeof import("../../assets/icons/arrowhead-left.vue")>;
     readonly "arrowhead-right": () => Promise<typeof import("../../assets/icons/arrowhead-right.vue")>;
     readonly "arrowhead-top": () => Promise<typeof import("../../assets/icons/arrowhead-top.vue")>;
     readonly atmo: () => Promise<typeof import("../../assets/icons/atmo.vue")>;
     readonly audio: () => Promise<typeof import("../../assets/icons/audio.vue")>;
-    readonly "audio-circled": () => Promise<typeof import("../../assets/icons/audio-circled.vue")>;
-    readonly "audio-filled": () => Promise<typeof import("../../assets/icons/audio-filled.vue")>;
     readonly bag: () => Promise<typeof import("../../assets/icons/bag.vue")>;
     readonly bell: () => Promise<typeof import("../../assets/icons/bell.vue")>;
-    readonly "bell-fill": () => Promise<typeof import("../../assets/icons/bell-fill.vue")>;
+    readonly "bell-filled": () => Promise<typeof import("../../assets/icons/bell-filled.vue")>;
     readonly book: () => Promise<typeof import("../../assets/icons/book.vue")>;
     readonly bookmark: () => Promise<typeof import("../../assets/icons/bookmark.vue")>;
-    readonly "bookmark-fill": () => Promise<typeof import("../../assets/icons/bookmark-fill.vue")>;
-    readonly "bookmark-outlined": () => Promise<typeof import("../../assets/icons/bookmark-outlined.vue")>;
+    readonly "bookmark-filled": () => Promise<typeof import("../../assets/icons/bookmark-filled.vue")>;
     readonly box: () => Promise<typeof import("../../assets/icons/box.vue")>;
     readonly bulb: () => Promise<typeof import("../../assets/icons/bulb.vue")>;
     readonly call: () => Promise<typeof import("../../assets/icons/call.vue")>;
@@ -46,7 +43,7 @@ export declare const icons: {
     readonly collapse: () => Promise<typeof import("../../assets/icons/collapse.vue")>;
     readonly "color-palette": () => Promise<typeof import("../../assets/icons/color-palette.vue")>;
     readonly comment: () => Promise<typeof import("../../assets/icons/comment.vue")>;
-    readonly "comment-fill": () => Promise<typeof import("../../assets/icons/comment-fill.vue")>;
+    readonly "comment-filled": () => Promise<typeof import("../../assets/icons/comment-filled.vue")>;
     readonly copy: () => Promise<typeof import("../../assets/icons/copy.vue")>;
     readonly "copy-link": () => Promise<typeof import("../../assets/icons/copy-link.vue")>;
     readonly delete: () => Promise<typeof import("../../assets/icons/delete.vue")>;
@@ -61,24 +58,18 @@ export declare const icons: {
     readonly event: () => Promise<typeof import("../../assets/icons/event.vue")>;
     readonly expand: () => Promise<typeof import("../../assets/icons/expand.vue")>;
     readonly "external-link": () => Promise<typeof import("../../assets/icons/external-link.vue")>;
-    readonly file: () => Promise<typeof import("../../assets/icons/file.vue")>;
     readonly "file-pdf": () => Promise<typeof import("../../assets/icons/file-pdf.vue")>;
+    readonly file: () => Promise<typeof import("../../assets/icons/file.vue")>;
     readonly filter: () => Promise<typeof import("../../assets/icons/filter.vue")>;
-    readonly "filter-outline": () => Promise<typeof import("../../assets/icons/filter-outline.vue")>;
     readonly flag: () => Promise<typeof import("../../assets/icons/flag.vue")>;
-    readonly "flag-fill": () => Promise<typeof import("../../assets/icons/flag-fill.vue")>;
     readonly "flag-filled": () => Promise<typeof import("../../assets/icons/flag-filled.vue")>;
-    readonly "flag-outline": () => Promise<typeof import("../../assets/icons/flag-outline.vue")>;
     readonly flags: () => Promise<typeof import("../../assets/icons/flags.vue")>;
     readonly flash: () => Promise<typeof import("../../assets/icons/flash.vue")>;
     readonly folder: () => Promise<typeof import("../../assets/icons/folder.vue")>;
     readonly "folder-add": () => Promise<typeof import("../../assets/icons/folder-add.vue")>;
-    readonly "folder-fill": () => Promise<typeof import("../../assets/icons/folder-fill.vue")>;
     readonly "folder-filled": () => Promise<typeof import("../../assets/icons/folder-filled.vue")>;
     readonly gallery: () => Promise<typeof import("../../assets/icons/gallery.vue")>;
     readonly graphic: () => Promise<typeof import("../../assets/icons/graphic.vue")>;
-    readonly "graphic-circled": () => Promise<typeof import("../../assets/icons/graphic-circled.vue")>;
-    readonly "graphic-filled": () => Promise<typeof import("../../assets/icons/graphic-filled.vue")>;
     readonly graphics: () => Promise<typeof import("../../assets/icons/graphics.vue")>;
     readonly "grid-1": () => Promise<typeof import("../../assets/icons/grid-1.vue")>;
     readonly "grid-2": () => Promise<typeof import("../../assets/icons/grid-2.vue")>;
@@ -86,19 +77,18 @@ export declare const icons: {
     readonly "grid-4": () => Promise<typeof import("../../assets/icons/grid-4.vue")>;
     readonly "grid-6": () => Promise<typeof import("../../assets/icons/grid-6.vue")>;
     readonly "grid-9": () => Promise<typeof import("../../assets/icons/grid-9.vue")>;
-    readonly "grid-masonry": () => Promise<typeof import("../../assets/icons/grid-masonry.vue")>;
     readonly "grid-masonry-9": () => Promise<typeof import("../../assets/icons/grid-masonry-9.vue")>;
+    readonly "grid-masonry": () => Promise<typeof import("../../assets/icons/grid-masonry.vue")>;
     readonly help: () => Promise<typeof import("../../assets/icons/help.vue")>;
     readonly home: () => Promise<typeof import("../../assets/icons/home.vue")>;
     readonly image: () => Promise<typeof import("../../assets/icons/image.vue")>;
-    readonly "image focus point": () => Promise<typeof import("../../assets/icons/image focus point.vue")>;
+    readonly "image-focus-point": () => Promise<typeof import("../../assets/icons/image-focus-point.vue")>;
     readonly "impact-high": () => Promise<typeof import("../../assets/icons/impact-high.vue")>;
     readonly "impact-low": () => Promise<typeof import("../../assets/icons/impact-low.vue")>;
     readonly "impact-medium": () => Promise<typeof import("../../assets/icons/impact-medium.vue")>;
     readonly "impact-very-high": () => Promise<typeof import("../../assets/icons/impact-very-high.vue")>;
     readonly "impact-very-low": () => Promise<typeof import("../../assets/icons/impact-very-low.vue")>;
     readonly info: () => Promise<typeof import("../../assets/icons/info.vue")>;
-    readonly "info-fill": () => Promise<typeof import("../../assets/icons/info-fill.vue")>;
     readonly "info-filled": () => Promise<typeof import("../../assets/icons/info-filled.vue")>;
     readonly label: () => Promise<typeof import("../../assets/icons/label.vue")>;
     readonly "label-filled": () => Promise<typeof import("../../assets/icons/label-filled.vue")>;
@@ -108,10 +98,9 @@ export declare const icons: {
     readonly list: () => Promise<typeof import("../../assets/icons/list.vue")>;
     readonly "list-search": () => Promise<typeof import("../../assets/icons/list-search.vue")>;
     readonly lock: () => Promise<typeof import("../../assets/icons/lock.vue")>;
-    readonly "lock-filled": () => Promise<typeof import("../../assets/icons/lock-filled.vue")>;
     readonly mail: () => Promise<typeof import("../../assets/icons/mail.vue")>;
     readonly map: () => Promise<typeof import("../../assets/icons/map.vue")>;
-    readonly "map-outline": () => Promise<typeof import("../../assets/icons/map-outline.vue")>;
+    readonly "map-filled": () => Promise<typeof import("../../assets/icons/map-filled.vue")>;
     readonly menu: () => Promise<typeof import("../../assets/icons/menu.vue")>;
     readonly minus: () => Promise<typeof import("../../assets/icons/minus.vue")>;
     readonly "more-horizontal": () => Promise<typeof import("../../assets/icons/more-horizontal.vue")>;
@@ -123,25 +112,17 @@ export declare const icons: {
     readonly offline: () => Promise<typeof import("../../assets/icons/offline.vue")>;
     readonly package: () => Promise<typeof import("../../assets/icons/package.vue")>;
     readonly "paper-plane": () => Promise<typeof import("../../assets/icons/paper-plane.vue")>;
-    readonly paperplane: () => Promise<typeof import("../../assets/icons/paperplane.vue")>;
     readonly pause: () => Promise<typeof import("../../assets/icons/pause.vue")>;
-    readonly "pause-circle": () => Promise<typeof import("../../assets/icons/pause-circle.vue")>;
     readonly pdf: () => Promise<typeof import("../../assets/icons/pdf.vue")>;
     readonly pen: () => Promise<typeof import("../../assets/icons/pen.vue")>;
     readonly "pen-check": () => Promise<typeof import("../../assets/icons/pen-check.vue")>;
     readonly people: () => Promise<typeof import("../../assets/icons/people.vue")>;
     readonly phone: () => Promise<typeof import("../../assets/icons/phone.vue")>;
     readonly picture: () => Promise<typeof import("../../assets/icons/picture.vue")>;
-    readonly "picture-gallery": () => Promise<typeof import("../../assets/icons/picture-gallery.vue")>;
-    readonly "picture-circled": () => Promise<typeof import("../../assets/icons/picture-circled.vue")>;
-    readonly "picture-filled": () => Promise<typeof import("../../assets/icons/picture-filled.vue")>;
     readonly pin: () => Promise<typeof import("../../assets/icons/pin.vue")>;
     readonly planning: () => Promise<typeof import("../../assets/icons/planning.vue")>;
     readonly play: () => Promise<typeof import("../../assets/icons/play.vue")>;
-    readonly "play-circle": () => Promise<typeof import("../../assets/icons/play-circle.vue")>;
-    readonly "play-fill": () => Promise<typeof import("../../assets/icons/play-fill.vue")>;
     readonly plus: () => Promise<typeof import("../../assets/icons/plus.vue")>;
-    readonly "plus-circle": () => Promise<typeof import("../../assets/icons/plus-circle.vue")>;
     readonly print: () => Promise<typeof import("../../assets/icons/print.vue")>;
     readonly refresh: () => Promise<typeof import("../../assets/icons/refresh.vue")>;
     readonly reset: () => Promise<typeof import("../../assets/icons/reset.vue")>;
@@ -149,28 +130,25 @@ export declare const icons: {
     readonly "rubix-thema": () => Promise<typeof import("../../assets/icons/rubix-thema.vue")>;
     readonly save: () => Promise<typeof import("../../assets/icons/save.vue")>;
     readonly "saved-search": () => Promise<typeof import("../../assets/icons/saved-search.vue")>;
-    readonly "saved-search-fill": () => Promise<typeof import("../../assets/icons/saved-search-fill.vue")>;
+    readonly "saved-search-filled": () => Promise<typeof import("../../assets/icons/saved-search-filled.vue")>;
     readonly search: () => Promise<typeof import("../../assets/icons/search.vue")>;
     readonly settings: () => Promise<typeof import("../../assets/icons/settings.vue")>;
     readonly share: () => Promise<typeof import("../../assets/icons/share.vue")>;
     readonly "share-alternative": () => Promise<typeof import("../../assets/icons/share-alternative.vue")>;
     readonly sidebar: () => Promise<typeof import("../../assets/icons/sidebar.vue")>;
-    readonly "sidebar-fill": () => Promise<typeof import("../../assets/icons/sidebar-fill.vue")>;
+    readonly "sidebar-filled": () => Promise<typeof import("../../assets/icons/sidebar-filled.vue")>;
     readonly slack: () => Promise<typeof import("../../assets/icons/slack.vue")>;
     readonly "slider-config": () => Promise<typeof import("../../assets/icons/slider-config.vue")>;
     readonly spellcheck: () => Promise<typeof import("../../assets/icons/spellcheck.vue")>;
     readonly spinner: () => Promise<typeof import("../../assets/icons/spinner.vue")>;
     readonly "standard-view": () => Promise<typeof import("../../assets/icons/standard-view.vue")>;
     readonly star: () => Promise<typeof import("../../assets/icons/star.vue")>;
-    readonly "star-fill": () => Promise<typeof import("../../assets/icons/star-fill.vue")>;
     readonly "star-filled": () => Promise<typeof import("../../assets/icons/star-filled.vue")>;
     readonly stop: () => Promise<typeof import("../../assets/icons/stop.vue")>;
     readonly story: () => Promise<typeof import("../../assets/icons/story.vue")>;
     readonly sync: () => Promise<typeof import("../../assets/icons/sync.vue")>;
     readonly tasks: () => Promise<typeof import("../../assets/icons/tasks.vue")>;
     readonly text: () => Promise<typeof import("../../assets/icons/text.vue")>;
-    readonly "text-circled": () => Promise<typeof import("../../assets/icons/text-circled.vue")>;
-    readonly "text-filled": () => Promise<typeof import("../../assets/icons/text-filled.vue")>;
     readonly "thumbs-down": () => Promise<typeof import("../../assets/icons/thumbs-down.vue")>;
     readonly "thumbs-up": () => Promise<typeof import("../../assets/icons/thumbs-up.vue")>;
     readonly "thumbs-up-double": () => Promise<typeof import("../../assets/icons/thumbs-up-double.vue")>;
@@ -184,10 +162,7 @@ export declare const icons: {
     readonly "user-need-touch-me": () => Promise<typeof import("../../assets/icons/user-need-touch-me.vue")>;
     readonly "user-need-update-me": () => Promise<typeof import("../../assets/icons/user-need-update-me.vue")>;
     readonly video: () => Promise<typeof import("../../assets/icons/video.vue")>;
-    readonly "video overlay": () => Promise<typeof import("../../assets/icons/video overlay.vue")>;
-    readonly "video-circled": () => Promise<typeof import("../../assets/icons/video-circled.vue")>;
-    readonly "video-filled": () => Promise<typeof import("../../assets/icons/video-filled.vue")>;
-    readonly "video-rounded": () => Promise<typeof import("../../assets/icons/video-rounded.vue")>;
+    readonly "video-overlay": () => Promise<typeof import("../../assets/icons/video-overlay.vue")>;
     readonly view: () => Promise<typeof import("../../assets/icons/view.vue")>;
     readonly "view-off": () => Promise<typeof import("../../assets/icons/view-off.vue")>;
     readonly "volume-up": () => Promise<typeof import("../../assets/icons/volume-up.vue")>;

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

@@ -1,15 +1,26 @@
 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<{
     iconName: UiIconName;
     title: string;
     disabled?: boolean;
     backgroundColor?: "blue" | "none" | "gray-hover";
     iconColor?: "blue" | "gray" | "white";
     size?: "small" | "medium" | "large" | "xl";
-};
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (args_0: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
+    iconName: UiIconName;
+    title: string;
+    disabled?: boolean;
+    backgroundColor?: "blue" | "none" | "gray-hover";
+    iconColor?: "blue" | "gray" | "white";
+    size?: "small" | "medium" | "large" | "xl";
+}> & Readonly<{
     onClick?: ((args_0: MouseEvent) => any) | undefined;
 }>, {
     size: "small" | "medium" | "large" | "xl";
@@ -17,5 +28,3 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
     backgroundColor: "blue" | "none" | "gray-hover";
     iconColor: "blue" | "gray" | "white";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,9 +1,21 @@
 import { UiIconName } from '../UiIcon/UiIcon.vue';
+declare const APPEARANCE_MAP: {
+    default: {
+        layout: string;
+        icon: string;
+    };
+    "default-alt": {
+        layout: string;
+        icon: string;
+    };
+    success: {
+        layout: string;
+        icon: string;
+    };
+};
 type __VLS_Props = {
-    iconBackground?: "white" | "gray" | "green";
-    iconName?: UiIconName | null;
-    iconSize?: "xs" | "small" | "medium" | "large" | "xl";
-    iconColor?: "white" | "gray";
+    appearance?: keyof typeof APPEARANCE_MAP;
+    iconName?: UiIconName;
 };
 declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -13,12 +25,7 @@ type __VLS_Slots = {} & {
 } & {
     actions?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    iconName: UiIconName | null;
-    iconSize: "xs" | "small" | "medium" | "large" | "xl";
-    iconColor: "white" | "gray";
-    iconBackground: "white" | "gray" | "green";
-}, {}, {}, {}, 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/UiInput/UiInput.vue.d.ts

@@ -1,72 +1,30 @@
-type UiInputStatus = "default" | "info" | "readonly" | "warning" | "error";
 type __VLS_Slots = {
-    buttons?: () => any;
     /**
      * Label content.
      */
     default?: () => any;
     /**
-     * Error content.
+     * Extra content.
      */
-    errors?: () => any;
+    extra?: () => any;
+    buttons?: () => any;
 };
 type __VLS_Props = {
     id?: string;
     type?: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | (string & {});
     label?: string;
-    placeholder?: string;
-    autofocus?: boolean;
-    chevron?: boolean;
-    readonly?: boolean;
-    disabled?: boolean;
-    isDateTimePicker?: boolean;
-    autocomplete?: string;
-    /**
-     * Use the `errors` slot for better flexibility instead.
-     */
-    errorMessage?: string;
-    warningMessage?: string;
     isTextarea?: boolean;
-    infoText?: string;
-    inputStatus?: UiInputStatus;
-    isUiAutocomplete?: boolean;
+    inputStatus?: "info" | "warning" | "error";
 };
 type __VLS_ModelProps = {
     modelValue?: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
-    inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    input: (args_0: string) => any;
-    blur: (args_0: FocusEvent) => any;
-    focus: (args_0: FocusEvent) => any;
-    keyup: (args_0: KeyboardEvent) => any;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onInput?: ((args_0: string) => any) | undefined;
-    onBlur?: ((args_0: FocusEvent) => any) | undefined;
-    onFocus?: ((args_0: FocusEvent) => any) | undefined;
-    onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    label: string;
-    type: "date" | "datetime-local" | "email" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | (string & {});
-    disabled: boolean;
-    readonly: boolean;
-    id: string;
-    placeholder: string;
-    autofocus: boolean;
-    chevron: boolean;
-    isDateTimePicker: boolean;
-    autocomplete: string;
-    errorMessage: string;
-    warningMessage: string;
-    isTextarea: boolean;
-    infoText: string;
-    inputStatus: UiInputStatus;
-    isUiAutocomplete: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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/UiList/UiList.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/UiListItem/UiListItem.vue.d.ts

@@ -2,41 +2,29 @@ import { UiIconName } from '../UiIcon/UiIcon.vue';
 type __VLS_Props = {
     value?: string;
     checkBoxMenu?: boolean;
-    isChecked?: boolean;
     selected?: boolean;
     selectable?: boolean;
     overrideClasses?: string;
-    checkBoxColor?: "blue" | "gray";
-    iconName?: UiIconName | null;
+    iconName?: UiIconName;
     imageSrc?: string;
     imageShape?: "rounded" | "square";
-    iconSize?: "small" | "medium" | "large";
-    checkboxSize?: "small" | "medium";
+    iconSize?: "sm" | "md" | "lg";
+    checkboxAppearance?: "primary" | "secondary";
+    checkboxSize?: "sm" | "md";
+    isChecked?: boolean;
     disabled?: boolean;
 };
-declare var __VLS_11: {};
+declare var __VLS_9: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "list-item-click": (args_0: string) => any;
+    "list-item-click": (value: string, shouldCloseMenu: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onList-item-click"?: ((args_0: string) => any) | undefined;
-}>, {
-    disabled: boolean;
-    value: string;
-    checkBoxMenu: boolean;
-    isChecked: boolean;
-    selected: boolean;
-    selectable: boolean;
-    overrideClasses: string;
-    checkBoxColor: "blue" | "gray";
-    iconName: UiIconName | null;
-    imageSrc: string;
-    imageShape: "rounded" | "square";
-    iconSize: "small" | "medium" | "large";
-    checkboxSize: "small" | "medium";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    "onList-item-click"?: ((value: string, shouldCloseMenu: boolean) => 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/UiMenu/UiMenu.vue.d.ts

@@ -1,12 +1,13 @@
-import { Placement, UseFloatingOptions } from '@floating-ui/vue';
-import { HTMLAttributes } from 'vue';
+import { Placement } from '@floating-ui/vue';
 import { UiIconName } from '../UiIcon/UiIcon.vue';
 export type UiMenuOptionType<Value = unknown> = {
     label: string;
-    imageSrc?: string | undefined;
-    iconName?: UiIconName | undefined;
+    imageSrc?: string;
+    iconName?: UiIconName;
     selected: boolean;
     value: Value;
+    /** @default false */
+    hasDividerAbove?: boolean;
 };
 export type UiMenuSelectedOption<Value = unknown> = UiMenuOptionType<Value> & {
     index: number;
@@ -16,61 +17,55 @@ export type UiMenuGroupedOption<Value = unknown> = {
     options: UiMenuOptionType<Value>[];
 };
 declare const __VLS_export: <Value>(__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<{
-        menuClasses?: HTMLAttributes["class"];
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<({
         options?: UiMenuOptionType<Value>[];
         groupedOptions?: UiMenuGroupedOption<Value>[];
-        hasAutoFocus?: boolean;
         isOpen?: boolean;
+        floatingUiPlacement?: Placement;
+        animate?: boolean;
         disabled?: boolean;
         active?: boolean;
+        iconLeft?: UiIconName;
+        buttonAppearance?: "primary" | "secondary" | "secondary-alt" | "ghost";
+        filterButtonSize?: "sm" | "xs";
         defaultTitle?: string;
-        noTitle?: boolean;
         multiLabel?: string;
-        filterButtonSize?: "small" | "xs";
-        iconSize?: "small" | "medium" | "large";
-        iconLeft?: UiIconName | null;
-        imageShape?: "rounded" | "square";
-        checkboxSize?: "small" | "medium";
-        buttonVariant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank";
-        listVariant?: "checkbox" | "selectable" | "blank";
-        listWidth?: "full" | "max";
-        checkboxColor?: "blue" | "gray";
+        noTitle?: boolean;
+        hasSearch?: boolean;
+        searchPlaceholder?: string;
+        hasAutoFocus?: boolean;
         hasResetOption?: boolean;
-        disabledReset?: boolean;
         resetLabel?: string;
-        searchPlaceholder?: string;
-        hasSearch?: boolean;
-        floatingStylesActive?: boolean;
-        floatingUiPlacement?: Placement;
-        floatingUiOptions?: UseFloatingOptions | null;
-        animate?: boolean;
-        placedListClass?: string;
-        query?: string;
+        iconSize?: "sm" | "md" | "lg";
+        imageShape?: "rounded" | "square";
+        checkboxSize?: "sm" | "md";
+        checkboxAppearance?: "primary" | "secondary";
+        listVariant?: "checkbox" | "selectable" | "blank";
     } & {
-        onInput?: ((args_0: string) => any) | undefined;
+        query?: string;
+    }) & {
         onClose?: (() => any) | undefined;
         onReset?: (() => any) | undefined;
         onOpen?: (() => any) | undefined;
         "onOption-selected"?: ((args_0: UiMenuSelectedOption<Value>) => any) | undefined;
-        onPlaced?: (() => any) | undefined;
+        "onUpdate:query"?: ((value: string) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        default?(props: {
-            checkboxColor: "blue" | "gray";
-            checkboxSize: "small" | "medium";
-            iconSize: "small" | "medium" | "large";
-            imageShape: "rounded" | "square";
+        default?: (props: {
+            checkboxAppearance: "primary" | "secondary";
+            checkboxSize: "sm" | "md";
+            iconSize: "sm" | "md" | "lg";
+            imageShape: "square" | "rounded";
             listVariant: "checkbox" | "selectable" | "blank";
             options: UiMenuOptionType<Value>[] | undefined;
             groupedOptions: UiMenuGroupedOption<Value>[] | undefined;
-        }): any;
+        }) => any;
     };
-    emit: ((evt: "input", args_0: string) => void) & ((evt: "close") => void) & ((evt: "reset") => void) & ((evt: "open") => void) & ((evt: "option-selected", args_0: UiMenuSelectedOption<Value>) => void) & ((evt: "placed") => void);
+    emit: (((evt: "close") => void) & ((evt: "reset") => void) & ((evt: "open") => void) & ((evt: "option-selected", args_0: UiMenuSelectedOption<Value>) => void)) & ((event: "update:query", value: string) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/UiMenu/UiMenuItem.vue.d.ts

@@ -1,14 +1,19 @@
 import { HTMLAttributes } from 'vue';
 import { UiMenuOptionType } from './UiMenu.vue';
+/**
+ * @deprecated Use `UiListItem` instead.
+ */
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: <Value>(__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<{
         class?: HTMLAttributes["class"];
         option?: UiMenuOptionType<Value>;
         listVariant?: "checkbox" | "selectable" | "blank";
-        iconSize?: "small" | "medium" | "large";
+        iconSize?: "sm" | "md" | "lg";
         imageShape?: "rounded" | "square";
-        checkboxSize?: "small" | "medium";
-        checkboxColor?: "blue" | "gray";
+        checkboxSize?: "sm" | "md";
+        checkboxAppearance?: "primary" | "secondary";
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -23,8 +28,6 @@ declare const __VLS_export: <Value>(__VLS_props: NonNullable<Awaited<typeof __VL
 }>) => 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];
 } : {

package/dist/components/UiMenu/UiMenuList.vue.d.ts

@@ -1,16 +1,18 @@
-type __VLS_Props = {
-    class?: 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<{}>, {
-    class: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
+    class?: string;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    class?: string;
+}> & Readonly<{}>, {
+    class: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -0,0 +1,45 @@
+import { Placement } from '@floating-ui/vue';
+type __VLS_Slots = {
+    button: (props: {
+        open: typeof open;
+        close: typeof close;
+        toggle: typeof toggle;
+        isOpen: typeof isOpen.value;
+    }) => any;
+    default: (props: {
+        close: typeof close;
+    }) => any;
+};
+type __VLS_Props = {
+    /**
+     * Whether to animate the opening and closing of the popover content.
+     * @default false
+     */
+    animate?: boolean;
+    /**
+     * Whether the popover content is initially open.
+     * @default false
+     */
+    initiallyOpen?: boolean;
+    /**
+     * The placement of the popover content.
+     * @default "bottom-start"
+     */
+    placement?: Placement;
+};
+declare const isOpen: import('vue').Ref<boolean, boolean>;
+declare function open(): void;
+declare function close(): void;
+declare function toggle(): void;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    open: typeof open;
+    close: typeof close;
+}, {}, {}, {}, 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;
+    };
+};