@stachelock/ui 0.6.1 → 0.6.2

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/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';

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

@@ -0,0 +1,149 @@
+/**
+ * Profile component types
+ *
+ * Types for the Bento-style profile layout components
+ */
+/**
+ * Profile image/avatar information
+ */
+export interface ProfileImage {
+    url?: string;
+    public_id?: string;
+    secure_url?: string;
+    [key: string]: unknown;
+}
+/**
+ * Professional information
+ */
+export interface ProfessionalInfo {
+    title?: string;
+    company?: string;
+    department?: string;
+    linkedin?: string;
+    [key: string]: unknown;
+}
+/**
+ * Address information
+ */
+export interface AddressInfo {
+    name?: string;
+    description?: string;
+    street?: string;
+    suite?: string;
+    city?: string;
+    state?: string;
+    zip?: string;
+    country?: string;
+    geocode?: {
+        location?: {
+            lat: number;
+            lng: number;
+        };
+        formatted_address?: string;
+        [key: string]: unknown;
+    };
+    [key: string]: unknown;
+}
+/**
+ * Social link item
+ */
+export interface SocialLinkItem {
+    id?: string;
+    platform: string;
+    handle?: string;
+    url?: string;
+    [key: string]: unknown;
+}
+/**
+ * Organization/position item
+ */
+export interface OrganizationItem {
+    id?: string;
+    organization?: string | {
+        name: string;
+        id?: string;
+    };
+    position?: string | {
+        name: string;
+        id?: string;
+    };
+    position_prefix?: string;
+    position_suffix?: string;
+    start_date?: Date | string | null;
+    end_date?: Date | string | null;
+    status?: string;
+    [key: string]: unknown;
+}
+/**
+ * Related name item
+ */
+export interface RelatedNameItem {
+    id?: string;
+    name?: string;
+    first_name?: string;
+    last_name?: string;
+    label?: string | {
+        name: string;
+        id?: string;
+    };
+    birthday?: Date | string | null;
+    relationship?: string;
+    [key: string]: unknown;
+}
+/**
+ * Profile data object
+ * Flexible structure to accommodate different data sources
+ */
+export interface ProfileData {
+    id?: string;
+    uid?: string;
+    name?: string;
+    first_name?: string;
+    last_name?: string;
+    nickname?: string;
+    prefix?: string;
+    suffix?: string;
+    email?: string;
+    phone?: string;
+    website?: string;
+    birthday?: Date | string | null;
+    profile_image?: ProfileImage | string;
+    image?: string;
+    professional?: ProfessionalInfo;
+    address?: AddressInfo | AddressInfo[];
+    latLng?: {
+        lat: number;
+        lng: number;
+    };
+    _geoloc?: {
+        lat: number;
+        lng: number;
+    };
+    social?: SocialLinkItem[];
+    organizations?: OrganizationItem[];
+    relatedNames?: RelatedNameItem[];
+    related_names?: RelatedNameItem[];
+    status?: 'active' | 'inactive' | string;
+    [key: string]: unknown;
+}
+/**
+ * Profile preview configuration
+ */
+export interface ProfilePreviewConfig {
+    showContact?: boolean;
+    showLocation?: boolean;
+    showProfessional?: boolean;
+    showPersonal?: boolean;
+    showOrganizations?: boolean;
+    showRelatedNames?: boolean;
+    showSocial?: boolean;
+    animationEnabled?: boolean;
+    animationDelay?: number;
+}
+/**
+ * Props for BentoProfileLayout
+ */
+export interface BentoProfileLayoutProps {
+    profile: ProfileData;
+    config?: ProfilePreviewConfig;
+}