@stachelock/ui 0.6.1 → 0.6.3

package/dist/src/components/inputs/TagifyInput.d.ts

@@ -164,6 +164,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     "onUpdate:query"?: ((...args: any[]) => any) | undefined;
     "onInvalid-tag"?: ((...args: any[]) => any) | undefined;
 }>, {
+    itemKey: string;
+    itemText: string;
     placeholder: string;
     errorMessage: string;
     inline: boolean;
@@ -171,8 +173,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     disabled: boolean;
     optional: boolean;
     pattern: RegExp;
-    itemKey: string;
-    itemText: string;
     itemSubtext: string;
     showSubext: boolean;
     tagDisplayKey: string;

package/dist/src/components/inputs/TextInput.d.ts

@@ -16,11 +16,12 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Te
     "onUpdate:validity"?: ((isValid: boolean) => any) | undefined;
 }>, {
     label: string;
-    placeholder: string;
+    type: string;
     rules: any;
+    placeholder: string;
+    tertiaryLabel: string;
     value: string;
     disabled: boolean;
-    tertiaryLabel: string;
     successMessage: string;
     showErrors: boolean;
     showValidCheck: boolean;
@@ -28,7 +29,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Te
     disabledMessage: string;
     boxShadow: boolean;
     lazy: boolean;
-    type: string;
     validateOnMount: boolean;
     inputClass: string | string[];
     inputStyle: string;

package/dist/src/components/inputs/index.d.ts

@@ -7,6 +7,7 @@ export { default as EmailInput } from './EmailInput';
 export { default as EmptyInput } from './EmptyInput';
 export { default as FileDropzoneInput } from './FileDropzoneInput';
 export { default as HiddenInput } from './HiddenInput';
+export { default as ImageDropzoneInput } from './ImageDropzoneInput';
 export { default as InputsShowcase } from './InputsShowcase';
 export { default as PhoneInput } from './PhoneInput';
 export { default as RichTextInput } from './RichTextInput';

package/dist/src/components/layouts/CardLayout.d.ts

@@ -59,8 +59,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
     loading: boolean;
     shadow: Shadow;
     variant: Variant;
-    showHeader: boolean;
     showFooter: boolean;
+    showHeader: boolean;
     divided: boolean;
     collapsible: boolean;
     collapsed: boolean;

package/dist/src/components/maps/UiInfoWindow.d.ts

@@ -329,6 +329,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
     error: string | null;
+    title: string;
     data: Record<string, any>;
     details: {
         /**
@@ -371,7 +372,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
          */
         type?: "link" | "text" | "email" | "phone" | "address" | undefined;
     }[] | undefined;
-    title: string;
     loading: boolean;
     visible: boolean;
     closeOnEscape: boolean;
@@ -419,10 +419,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     imageUrl: string;
     content: string;
     subtitle: string;
+    closeOnBackdrop: boolean;
     loadingText: string;
     showRetry: boolean;
     showAvatar: boolean;
-    closeOnBackdrop: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
     title?(_: {}): any;
     subtitle?(_: {}): any;

package/dist/src/components/maps/UiMap.d.ts

@@ -658,8 +658,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
 }>> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any[] | unknown[]) => any) | undefined;
 }>, {
-    center: LatLngLiteral;
     id: string;
+    center: LatLngLiteral;
     width: string;
     theme: MapTheme;
     heading: number;

package/dist/src/components/maps/UiMapAll.d.ts

@@ -529,9 +529,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     }) => any) | undefined;
     "onUpdate:visible-markers"?: ((markers: MapMarker<unknown>[]) => any) | undefined;
 }>, {
+    items: MapMarker<unknown>[] | Record<string, unknown>[];
     center: LatLngLiteral;
     width: string;
-    items: MapMarker<unknown>[] | Record<string, unknown>[];
     theme: MapTheme;
     height: string;
     zoom: number;
@@ -573,8 +573,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            center: LatLngLiteral;
             id: string;
+            center: LatLngLiteral;
             width: string;
             theme: MapTheme;
             heading: number;
@@ -665,7 +665,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
                 strictBounds?: boolean | undefined;
             } | undefined;
             readonly mapStyle?: Record<string, any> | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "center" | "id" | "width" | "theme" | "heading" | "maxZoom" | "draggable" | "height" | "styles" | "containerClass" | "zoom" | "apiKey" | "loadingText" | "clickableIcons" | "disableDefaultUi" | "disableDoubleClickZoom" | "fullscreenControl" | "gestureHandling" | "keyboardShortcuts" | "mapTypeControl" | "mapTypeId" | "minZoom" | "restriction" | "rotateControl" | "scaleControl" | "scrollwheel" | "streetViewControl" | "tilt" | "zoomControl" | "showRetry" | "autoTheme" | "lightTheme" | "darkTheme" | "mapClass" | "mapStyle" | "hideLoadingState" | "hideErrorState" | "showAddressUnavailable" | "addressUnavailableMessage" | "showCustomControls" | "showDefaultZoomControls" | "controlsPosition">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "id" | "center" | "width" | "theme" | "heading" | "maxZoom" | "draggable" | "height" | "styles" | "containerClass" | "zoom" | "apiKey" | "loadingText" | "clickableIcons" | "disableDefaultUi" | "disableDoubleClickZoom" | "fullscreenControl" | "gestureHandling" | "keyboardShortcuts" | "mapTypeControl" | "mapTypeId" | "minZoom" | "restriction" | "rotateControl" | "scaleControl" | "scrollwheel" | "streetViewControl" | "tilt" | "zoomControl" | "showRetry" | "autoTheme" | "lightTheme" | "darkTheme" | "mapClass" | "mapStyle" | "hideLoadingState" | "hideErrorState" | "showAddressUnavailable" | "addressUnavailableMessage" | "showCustomControls" | "showDefaultZoomControls" | "controlsPosition">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1360,8 +1360,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         } & {
             [x: string]: any;
         }, string, {
-            center: LatLngLiteral;
             id: string;
+            center: LatLngLiteral;
             width: string;
             theme: MapTheme;
             heading: number;
@@ -1426,8 +1426,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
     } & Readonly<{
-        center: LatLngLiteral;
         id: string;
+        center: LatLngLiteral;
         width: string;
         theme: MapTheme;
         heading: number;
@@ -1645,7 +1645,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         };
     }>> & Readonly<{
         [x: `on${Capitalize<any>}`]: ((...args: any[] | unknown[]) => any) | undefined;
-    }>, "reset" | "fitBounds" | "getBounds" | "getCenter" | "getZoom" | "panBy" | "panTo" | "setCenter" | "setZoom" | "getMap" | "fitToMarkers" | "addMarker" | "removeMarker" | "updateMarker" | "clearMarkers" | "getMarkers" | "getVisibleMarkers" | ("center" | "id" | "width" | "theme" | "heading" | "maxZoom" | "draggable" | "height" | "styles" | "containerClass" | "zoom" | "apiKey" | "loadingText" | "clickableIcons" | "disableDefaultUi" | "disableDoubleClickZoom" | "fullscreenControl" | "gestureHandling" | "keyboardShortcuts" | "mapTypeControl" | "mapTypeId" | "minZoom" | "restriction" | "rotateControl" | "scaleControl" | "scrollwheel" | "streetViewControl" | "tilt" | "zoomControl" | "showRetry" | "autoTheme" | "lightTheme" | "darkTheme" | "mapClass" | "mapStyle" | "hideLoadingState" | "hideErrorState" | "showAddressUnavailable" | "addressUnavailableMessage" | "showCustomControls" | "showDefaultZoomControls" | "controlsPosition")> & import('vue').ShallowUnwrapRef<{
+    }>, "reset" | "fitBounds" | "getBounds" | "getCenter" | "getZoom" | "panBy" | "panTo" | "setCenter" | "setZoom" | "getMap" | "fitToMarkers" | "addMarker" | "removeMarker" | "updateMarker" | "clearMarkers" | "getMarkers" | "getVisibleMarkers" | ("id" | "center" | "width" | "theme" | "heading" | "maxZoom" | "draggable" | "height" | "styles" | "containerClass" | "zoom" | "apiKey" | "loadingText" | "clickableIcons" | "disableDefaultUi" | "disableDoubleClickZoom" | "fullscreenControl" | "gestureHandling" | "keyboardShortcuts" | "mapTypeControl" | "mapTypeId" | "minZoom" | "restriction" | "rotateControl" | "scaleControl" | "scrollwheel" | "streetViewControl" | "tilt" | "zoomControl" | "showRetry" | "autoTheme" | "lightTheme" | "darkTheme" | "mapClass" | "mapStyle" | "hideLoadingState" | "hideErrorState" | "showAddressUnavailable" | "addressUnavailableMessage" | "showCustomControls" | "showDefaultZoomControls" | "controlsPosition")> & import('vue').ShallowUnwrapRef<{
         getMap(): google.maps.Map | null;
         panTo(position: LatLngLiteral): void;
         panBy(x: number, y: number): void; /** Data loading state */

package/dist/src/components/maps/UiMapMarker.d.ts

@@ -197,11 +197,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         marker: MapMarker<unknown>;
     }) => any) | undefined;
 }>, {
+    id: string | number;
     label: string | MapMarkerLabel;
     icon: MapMarkerIcon;
-    id: string | number;
-    data: Record<string, any>;
     title: string;
+    data: Record<string, any>;
     color: string;
     animation: "DROP" | "BOUNCE";
     size: "sm" | "md" | "lg";

package/dist/src/components/modals/BaseModal.d.ts

@@ -108,9 +108,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     cancelText: string;
     confirmText: string;
     confirmTheme: Theme;
+    showCloseButton: boolean;
     showFooter: boolean;
     closeOnBackdrop: boolean;
-    showCloseButton: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
     icon?(_: {}): any;
     header?(_: {}): any;

package/dist/src/components/profiles/BentoProfileLayout.d.ts

@@ -0,0 +1,9 @@
+import { ProfileData, ProfilePreviewConfig } from '../../types/profiles';
+interface Props {
+    profile: ProfileData;
+    config?: ProfilePreviewConfig;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    config: ProfilePreviewConfig;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/profiles/ProfileCard.d.ts

@@ -0,0 +1,30 @@
+import { Component } from 'vue';
+interface Props {
+    /** Card header title */
+    title?: string;
+    /** Icon component for header */
+    icon?: Component;
+    /** Animation delay index */
+    animationIndex?: number;
+    /** Delay per animation index in ms */
+    animationDelay?: number;
+    /** Remove default padding */
+    noPadding?: boolean;
+    /** Enable animation */
+    animationEnabled?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    animationDelay: number;
+    noPadding: boolean;
+    animationIndex: number;
+    animationEnabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/profiles/ProfileContactCard.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    email?: string;
+    phone?: string;
+    website?: string;
+    animationIndex?: number;
+    animationEnabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    animationIndex: number;
+    animationEnabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/profiles/ProfileHeaderCard.d.ts

@@ -0,0 +1,20 @@
+import { ProfileImage } from '../../types/profiles';
+interface Props {
+    /** Display name */
+    name: string;
+    /** User's nickname */
+    nickname?: string;
+    /** Avatar image URL or Cloudinary asset object */
+    image?: string | ProfileImage;
+    /** User status */
+    status?: 'active' | 'inactive' | string;
+    /** Animation delay index */
+    animationIndex?: number;
+    /** Enable animation */
+    animationEnabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    animationIndex: number;
+    animationEnabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/profiles/ProfileLocationCard.d.ts

@@ -0,0 +1,17 @@
+import { AddressInfo } from '../../types/profiles';
+interface Props {
+    address?: AddressInfo | AddressInfo[];
+    latLng?: {
+        lat: number;
+        lng: number;
+    };
+    showMap?: boolean;
+    animationIndex?: number;
+    animationEnabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    animationIndex: number;
+    animationEnabled: boolean;
+    showMap: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/profiles/ProfileOrganizationsCard.d.ts

@@ -0,0 +1,11 @@
+import { OrganizationItem } from '../../types/profiles';
+interface Props {
+    organizations?: OrganizationItem[];
+    animationIndex?: number;
+    animationEnabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    animationIndex: number;
+    animationEnabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/profiles/ProfilePersonalCard.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    birthday?: Date | string | null;
+    animationIndex?: number;
+    animationEnabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    animationIndex: number;
+    animationEnabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/profiles/ProfileProfessionalCard.d.ts

@@ -0,0 +1,11 @@
+import { ProfessionalInfo } from '../../types/profiles';
+interface Props {
+    professional?: ProfessionalInfo;
+    animationIndex?: number;
+    animationEnabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    animationIndex: number;
+    animationEnabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/profiles/ProfileRelatedNamesCard.d.ts

@@ -0,0 +1,11 @@
+import { RelatedNameItem } from '../../types/profiles';
+interface Props {
+    relatedNames?: RelatedNameItem[];
+    animationIndex?: number;
+    animationEnabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    animationIndex: number;
+    animationEnabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/profiles/index.d.ts

@@ -0,0 +1,9 @@
+export { default as BentoProfileLayout } from './BentoProfileLayout';
+export { default as ProfileCard } from './ProfileCard';
+export { default as ProfileContactCard } from './ProfileContactCard';
+export { default as ProfileHeaderCard } from './ProfileHeaderCard';
+export { default as ProfileLocationCard } from './ProfileLocationCard';
+export { default as ProfileOrganizationsCard } from './ProfileOrganizationsCard';
+export { default as ProfilePersonalCard } from './ProfilePersonalCard';
+export { default as ProfileProfessionalCard } from './ProfileProfessionalCard';
+export { default as ProfileRelatedNamesCard } from './ProfileRelatedNamesCard';

package/dist/src/components/wrappers/BackgroundGradientWrapper.d.ts

@@ -9,6 +9,7 @@ interface Props {
     classes?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    classes: string;
     gradientStart: string;
     gradientEnd: string;
     gradientType: "linear" | "radial";
@@ -16,7 +17,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
     gradientShape: string;
     gradientSize: string;
     additionalStops: string[];
-    classes: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;

package/dist/src/composables/index.d.ts

@@ -1,4 +1,5 @@
 export * from './useCalendar';
+export * from './useCollectionEditor';
 export * from './useEventSegments';
 export * from './useFormValidation';
 export * from './useMap';

package/dist/src/composables/useCollectionEditor.d.ts

@@ -0,0 +1,64 @@
+import { Ref, ComputedRef } from 'vue';
+import { CollectionItem, CollectionButtonAttributes } from '../types/collection-editor';
+export { CollectionItemStatus } from '../types/collection-editor';
+export interface CollectionEditorOptions<T extends CollectionItem> {
+    /** Initial items */
+    initialItems?: T[];
+    /** Empty form values template */
+    emptyFormValues: T;
+    /** Transform item before adding to list (explode) */
+    explodeItem?: (item: T) => T;
+    /** Transform item before emitting (implode) */
+    implodeItem?: (item: T) => T;
+    /** Status enum values */
+    statusEnum?: {
+        New: string;
+        Pending: string;
+        Saved: string;
+    };
+}
+export interface CollectionEditorReturn<T extends CollectionItem> {
+    /** Current items in the collection */
+    items: Ref<T[]>;
+    /** Currently active/selected item for editing */
+    activeItem: Ref<T | null>;
+    /** Current form values */
+    formValues: Ref<T>;
+    /** Reference to the form component */
+    formRef: Ref<any>;
+    /** Button attributes for add/save/delete */
+    buttonAttributes: ComputedRef<CollectionButtonAttributes>;
+    /** Whether delete confirmation modal should show */
+    showDeleteConfirm: Ref<boolean>;
+    /** Whether form is dirty */
+    isDirty: ComputedRef<boolean>;
+    /** Add a new item */
+    addItem: () => void;
+    /** Update current item */
+    updateItem: (values: Partial<T>) => void;
+    /** Delete current item */
+    deleteItem: () => void;
+    /** Select an item for editing */
+    selectItem: (item: T) => void;
+    /** Clear selection */
+    clearSelection: () => void;
+    /** Handle button click (add, save, delete) */
+    handleButtonClick: (action: 'add' | 'save' | 'delete') => void;
+    /** Handle form submit */
+    handleFormSubmit: (values: T) => void;
+    /** Handle form update */
+    handleFormUpdate: (values: Partial<T>) => void;
+    /** Confirm delete action */
+    confirmDelete: () => void;
+    /** Cancel delete action */
+    cancelDelete: () => void;
+    /** Reset form to empty state */
+    resetForm: () => void;
+    /** Get all items for saving */
+    getItems: () => T[];
+}
+/**
+ * Create a collection editor composable instance
+ */
+export declare function useCollectionEditor<T extends CollectionItem>(options: CollectionEditorOptions<T>, emit: (event: string, ...args: any[]) => void): CollectionEditorReturn<T>;
+export default useCollectionEditor;

package/dist/src/composables/useNotifications.d.ts

@@ -530,11 +530,11 @@ export declare function useNotifications(): {
         readonly cardOffsetY?: number | undefined;
         readonly zIndex?: number | undefined;
         readonly id: string;
+        readonly position: NotificationPosition;
         readonly title: string;
         readonly message: string;
         readonly theme: NotificationTheme;
         readonly timeout: number;
-        readonly position: NotificationPosition;
         readonly autoClose: boolean;
         readonly variant: NotificationVariant;
         readonly priority: NotificationPriority;
@@ -895,11 +895,11 @@ export declare function useNotifications(): {
         readonly cardOffsetY?: number | undefined;
         readonly zIndex?: number | undefined;
         readonly id: string;
+        readonly position: NotificationPosition;
         readonly title: string;
         readonly message: string;
         readonly theme: NotificationTheme;
         readonly timeout: number;
-        readonly position: NotificationPosition;
         readonly autoClose: boolean;
         readonly variant: NotificationVariant;
         readonly priority: NotificationPriority;
@@ -1050,11 +1050,11 @@ export declare function useNotifications(): {
         cardOffsetY?: number | undefined;
         zIndex?: number | undefined;
         id: string;
+        position: NotificationPosition;
         title: string;
         message: string;
         theme: NotificationTheme;
         timeout: number;
-        position: NotificationPosition;
         autoClose: boolean;
         variant: NotificationVariant;
         priority: NotificationPriority;
@@ -1205,11 +1205,11 @@ export declare function useNotifications(): {
         cardOffsetY?: number | undefined;
         zIndex?: number | undefined;
         id: string;
+        position: NotificationPosition;
         title: string;
         message: string;
         theme: NotificationTheme;
         timeout: number;
-        position: NotificationPosition;
         autoClose: boolean;
         variant: NotificationVariant;
         priority: NotificationPriority;

package/dist/src/types/collection-editor.d.ts

@@ -0,0 +1,134 @@
+/**
+ * Collection Editor Types
+ *
+ * Generic types for collection-based editors (organizations, related names, etc.)
+ */
+/**
+ * Status enum for collection items
+ */
+export declare enum CollectionItemStatus {
+    New = "new",
+    Pending = "pending",
+    Saved = "saved",
+    Deleted = "deleted"
+}
+/**
+ * Base interface for collection items
+ */
+export interface CollectionItem {
+    id: string;
+    status?: CollectionItemStatus;
+    [key: string]: unknown;
+}
+/**
+ * List item for autocomplete/combobox fields
+ */
+export interface ListItem {
+    id: string;
+    name: string;
+    aliases?: string[];
+    approved?: boolean;
+    [key: string]: unknown;
+}
+/**
+ * Organization collection item
+ */
+export interface OrganizationCollectionItem extends CollectionItem {
+    organization: string | ListItem | null;
+    position: string | ListItem | null;
+    position_prefix?: string | null;
+    position_suffix?: string | null;
+    start_date?: Date | string | null;
+    end_date?: Date | string | null;
+}
+/**
+ * Related name collection item
+ */
+export interface RelatedNameCollectionItem extends CollectionItem {
+    name?: string;
+    first_name?: string;
+    last_name?: string;
+    label?: string | ListItem | null;
+    birthday?: Date | string | null;
+    relationship?: string;
+}
+/**
+ * Social link collection item
+ */
+export interface SocialLinkCollectionItem extends CollectionItem {
+    platform: string;
+    handle?: string;
+    url?: string;
+}
+/**
+ * Form field definition for dynamic forms
+ */
+export interface CollectionFormField {
+    name: string;
+    label: string;
+    as: string;
+    type?: string;
+    rules?: unknown;
+    items?: ListItem[];
+    itemKey?: string;
+    itemText?: string;
+    placeholder?: string;
+    hideLabel?: boolean;
+    innerLabel?: string;
+    tertiaryLabel?: string;
+    [key: string]: unknown;
+}
+/**
+ * Schema definition for collection forms
+ */
+export interface CollectionFormSchema {
+    fields: CollectionFormField[];
+}
+/**
+ * Button attributes for add/delete button group
+ */
+export interface CollectionButtonAttributes {
+    add: {
+        disabled: boolean;
+        label?: string;
+    };
+    save: {
+        disabled: boolean;
+        label?: string;
+    };
+    delete: {
+        disabled: boolean;
+        label?: string;
+    };
+}
+/**
+ * Props for CollectionEditor component
+ */
+export interface CollectionEditorProps<T extends CollectionItem> {
+    /** Field name for form binding */
+    name: string;
+    /** Display label */
+    label?: string;
+    /** Current value (array of items) */
+    modelValue?: T[];
+    /** Form schema for editing items */
+    schema: CollectionFormSchema;
+    /** Empty form values for new items */
+    emptyFormValues: T;
+    /** List display component */
+    listComponent?: unknown;
+    /** Transform item for display */
+    displayTransform?: (item: T) => T;
+    /** Transform item for storage */
+    storageTransform?: (item: T) => T;
+}
+/**
+ * Emits for CollectionEditor component
+ */
+export interface CollectionEditorEmits<T extends CollectionItem> {
+    'update:modelValue': [value: T[]];
+    'item-added': [item: T];
+    'item-updated': [item: T];
+    'item-deleted': [item: T];
+    'item-selected': [item: T | null];
+}

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

@@ -2,6 +2,7 @@ export * from './address';
 export * from './avatars';
 export * from './badges';
 export * from './calendars';
+export * from './collection-editor';
 export * from './core';
 export * from './form';
 export * from './forms';
@@ -10,6 +11,7 @@ export * from './layouts';
 export * from './loading';
 export * from './maps';
 export * from './navigation';
+export * from './profiles';
 export * from './tables';
 export * from './tabs';
 export * from './transitions';