@stachelock/ui 0.6.15 → 0.6.16

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

@@ -25,6 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     padded: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
     header?(_: {}): any;
+    "header-right"?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -0,0 +1,65 @@
+export interface DetailPanelProps {
+    /** Minimum height of the panel */
+    minHeight?: string;
+    /** Maximum height of the panel */
+    maxHeight?: string;
+    /** Show loading state */
+    loading?: boolean;
+    /** Show empty state */
+    empty?: boolean;
+    /** Title for empty state */
+    emptyTitle?: string;
+    /** Description for empty state */
+    emptyDescription?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DetailPanelProps>, {
+    minHeight: string;
+    maxHeight: string;
+    loading: boolean;
+    empty: boolean;
+    emptyTitle: string;
+    emptyDescription: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DetailPanelProps>, {
+    minHeight: string;
+    maxHeight: string;
+    loading: boolean;
+    empty: boolean;
+    emptyTitle: string;
+    emptyDescription: string;
+}>>> & Readonly<{}>, {
+    loading: boolean;
+    empty: boolean;
+    maxHeight: string;
+    minHeight: string;
+    emptyTitle: string;
+    emptyDescription: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    header?(_: {}): any;
+    loading?(_: {}): any;
+    empty?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,96 @@
+export type RightPanelSize = 'sm' | 'md' | 'lg' | 'xl';
+export type MobileBreakpoint = 'sm' | 'md' | 'lg';
+export interface SplitPanelLayoutProps {
+    /** Controls visibility of the right panel */
+    showRightPanel?: boolean;
+    /** Width of the right panel */
+    rightPanelSize?: RightPanelSize;
+    /** Minimum height of the layout container */
+    minHeight?: string;
+    /** Maximum height of the layout container */
+    maxHeight?: string;
+    /** Breakpoint for mobile slide-over behavior */
+    mobileBreakpoint?: MobileBreakpoint;
+    /** Title for mobile slide-over */
+    slideOverTitle?: string;
+    /** Show back button in right panel footer */
+    showBackButton?: boolean;
+    /** Apply rounded corners */
+    rounded?: boolean;
+    /** Apply shadow */
+    shadow?: boolean;
+    /** Apply ring border */
+    ring?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SplitPanelLayoutProps>, {
+    showRightPanel: boolean;
+    rightPanelSize: string;
+    minHeight: string;
+    maxHeight: string;
+    mobileBreakpoint: string;
+    slideOverTitle: string;
+    showBackButton: boolean;
+    rounded: boolean;
+    shadow: boolean;
+    ring: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    back: () => void;
+    "close-right": () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SplitPanelLayoutProps>, {
+    showRightPanel: boolean;
+    rightPanelSize: string;
+    minHeight: string;
+    maxHeight: string;
+    mobileBreakpoint: string;
+    slideOverTitle: string;
+    showBackButton: boolean;
+    rounded: boolean;
+    shadow: boolean;
+    ring: boolean;
+}>>> & Readonly<{
+    onBack?: (() => any) | undefined;
+    "onClose-right"?: (() => any) | undefined;
+}>, {
+    rounded: boolean;
+    ring: boolean;
+    shadow: boolean;
+    maxHeight: string;
+    minHeight: string;
+    showRightPanel: boolean;
+    rightPanelSize: RightPanelSize;
+    mobileBreakpoint: MobileBreakpoint;
+    slideOverTitle: string;
+    showBackButton: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    "left-header"?(_: {}): any;
+    left?(_: {}): any;
+    "left-footer"?(_: {}): any;
+    "right-header"?(_: {}): any;
+    right?(_: {}): any;
+    "right-footer"?(_: {}): any;
+    "right-actions"?(_: {}): any;
+    "mobile-header"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -12,3 +12,5 @@ export { default as ShowcaseCard } from './ShowcaseCard';
 export { default as ShowcaseLayout } from './ShowcaseLayout';
 export { default as SidebarLayout } from './SidebarLayout';
 export { default as StateDisplay } from './StateDisplay';
+export { default as DetailPanel } from './UiDetailPanel';
+export { default as SplitPanelLayout } from './UiSplitPanelLayout';

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

@@ -3,11 +3,16 @@ import { LatLngLiteral, LatLngBoundsLiteral, MapTheme, MapTypeId, GestureHandlin
 import { MapStyles } from '../../utils/mapThemes';
 
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /** Unique map ID */
+    /** Unique map ID (HTML element ID) */
     id: {
         type: StringConstructor;
         default: () => string;
     };
+    /** Google Cloud Map ID (required for Advanced Markers) */
+    googleMapId: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Google Maps API key (optional if provided via plugin) */
     apiKey: {
         type: StringConstructor;
@@ -281,11 +286,16 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     "update:center": (center: LatLngLiteral) => void;
     "update:zoom": (zoom: number) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /** Unique map ID */
+    /** Unique map ID (HTML element ID) */
     id: {
         type: StringConstructor;
         default: () => string;
     };
+    /** Google Cloud Map ID (required for Advanced Markers) */
+    googleMapId: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Google Maps API key (optional if provided via plugin) */
     apiKey: {
         type: StringConstructor;
@@ -571,6 +581,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     styles: MapStyles;
     tilt: number;
     zoomControl: boolean;
+    googleMapId: string;
     autoTheme: boolean;
     lightTheme: MapTheme;
     darkTheme: MapTheme;

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

@@ -2,6 +2,7 @@ import { PropType } from 'vue';
 import { LatLngLiteral, MapMarker, MapCluster, MapTheme, MapMarkerIcon, ClusteringOptions, CoordinateExtractor } from '../../types/maps';
 
 declare function closeInfoWindow(): void;
+declare function _getClusterIcon(cluster: MapCluster): MapMarkerIcon;
 declare function zoomIn(): void;
 declare function zoomOut(): void;
 declare function fitToAllMarkers(): void;
@@ -11,6 +12,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: StringConstructor;
         default: string;
     };
+    /** Google Cloud Map ID (required for Advanced Markers) */
+    googleMapId: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Array of markers or data objects */
     items: {
         type: PropType<MapMarker<unknown>[] | Record<string, unknown>[]>;
@@ -309,6 +315,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     getMarkers: () => MapMarker<unknown>[];
     getVisibleMarkers: () => MapMarker<unknown>[];
     getClusters: () => MapCluster<unknown>[];
+    getClusterIcon: typeof _getClusterIcon;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "marker-click": (payload: {
         marker: MapMarker<unknown>;
@@ -339,6 +346,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: StringConstructor;
         default: string;
     };
+    /** Google Cloud Map ID (required for Advanced Markers) */
+    googleMapId: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Array of markers or data objects */
     items: {
         type: PropType<MapMarker<unknown>[] | Record<string, unknown>[]>;
@@ -537,6 +549,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     height: string;
     apiKey: string;
     zoom: number;
+    googleMapId: string;
     autoTheme: boolean;
     showDefaultZoomControls: boolean;
     controlsPosition: "top-left" | "top-right" | "bottom-left" | "bottom-right";

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { LatLngLiteral, MapMarker, MapMarkerIcon, MapMarkerLabel } from '../../types/maps';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** Geographic position */
     position: {
         type: PropType<LatLngLiteral>;
@@ -72,6 +72,26 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Use legacy Marker instead of AdvancedMarker (no Map ID required) */
+    legacy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Whether this marker represents a cluster */
+    cluster: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Number of items in the cluster (required when cluster=true) */
+    clusterSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Custom cluster color */
+    clusterColor: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (payload: {
         marker: MapMarker<unknown>;
@@ -170,6 +190,26 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Use legacy Marker instead of AdvancedMarker (no Map ID required) */
+    legacy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Whether this marker represents a cluster */
+    cluster: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Number of items in the cluster (required when cluster=true) */
+    clusterSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Custom cluster color */
+    clusterColor: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{
     onClick?: ((payload: {
         marker: MapMarker<unknown>;
@@ -202,21 +242,18 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     size: "sm" | "md" | "lg";
     data: Record<string, any>;
     title: string;
-    color: string;
     animation: "DROP" | "BOUNCE";
     id: string | number;
+    color: string;
     icon: MapMarkerIcon;
     zIndex: number;
     ready: boolean;
     draggable: boolean;
     visible: boolean;
     pin: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
-    content?(_: {}): any;
-}>;
+    legacy: boolean;
+    cluster: boolean;
+    clusterSize: number;
+    clusterColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -0,0 +1,104 @@
+import { PropType } from 'vue';
+
+export type SlideOverPosition = 'left' | 'right';
+export type SlideOverSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    position: {
+        type: PropType<SlideOverPosition>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        type: PropType<SlideOverSize>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    showBackdrop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventAutoClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    close: () => void;
+    contentRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+    close: () => void;
+    "close-requested": () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    position: {
+        type: PropType<SlideOverPosition>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    size: {
+        type: PropType<SlideOverSize>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    showBackdrop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventAutoClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onClose-requested"?: (() => any) | undefined;
+}>, {
+    compact: boolean;
+    size: SlideOverSize;
+    title: string;
+    position: SlideOverPosition;
+    showCloseButton: boolean;
+    showBackdrop: boolean;
+    preventAutoClose: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,3 +1,4 @@
 export { default as AlertModal } from './AlertModal';
 export { default as BaseModal } from './BaseModal';
 export { default as ImageCropperModal } from './ImageCropperModal';
+export { default as IdeOver } from './UiSlideOver';

package/dist/src/components/palettes/UiCommandPalette.d.ts

@@ -0,0 +1,166 @@
+import { PropType, Component } from 'vue';
+
+export interface CommandPaletteCommand {
+    id: string;
+    label: string;
+    icon?: Component;
+    shortcut?: string;
+    loading?: boolean;
+    disabled?: boolean;
+}
+export interface CommandPaletteCategory {
+    id: string;
+    label?: string;
+    icon?: Component;
+}
+export interface CommandPaletteItem {
+    id?: string | number;
+    name?: string;
+    label?: string;
+    description?: string;
+    avatar?: string;
+    initials?: string;
+    icon?: Component;
+    [key: string]: unknown;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    items: {
+        type: PropType<CommandPaletteItem[]>;
+        default: () => never[];
+    };
+    commands: {
+        type: PropType<CommandPaletteCommand[]>;
+        default: () => never[];
+    };
+    categories: {
+        type: PropType<CommandPaletteCategory[]>;
+        default: () => never[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeCategory: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemsLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemKey: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    searchInputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    contentRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+    select: (item: CommandPaletteItem) => void;
+    command: (command: CommandPaletteCommand) => void;
+    "category-change": (categoryId: string) => void;
+    search: (query: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    items: {
+        type: PropType<CommandPaletteItem[]>;
+        default: () => never[];
+    };
+    commands: {
+        type: PropType<CommandPaletteCommand[]>;
+        default: () => never[];
+    };
+    categories: {
+        type: PropType<CommandPaletteCategory[]>;
+        default: () => never[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeCategory: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemsLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    itemKey: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onSelect?: ((item: CommandPaletteItem) => any) | undefined;
+    onSearch?: ((query: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onCommand?: ((command: CommandPaletteCommand) => any) | undefined;
+    "onCategory-change"?: ((categoryId: string) => any) | undefined;
+}>, {
+    placeholder: string;
+    loading: boolean;
+    modelValue: string;
+    items: CommandPaletteItem[];
+    itemKey: string;
+    commands: CommandPaletteCommand[];
+    categories: CommandPaletteCategory[];
+    showSearch: boolean;
+    emptyText: string;
+    activeCategory: string;
+    itemsLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    header?(_: {}): any;
+    "search-right"?(_: {}): any;
+    loading?(_: {}): any;
+    command?(_: {
+        command: CommandPaletteCommand;
+        active: boolean;
+    }): any;
+    item?(_: {
+        item: CommandPaletteItem;
+        active: boolean;
+        index: number;
+    }): any;
+    empty?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as CommandPalette } from './UiCommandPalette';

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

@@ -0,0 +1,36 @@
+import { PropType } from 'vue';
+import { ScreenSize } from '../../composables/useScreenSize';
+
+/**
+ * BreakpointWrapper provides screen size context to child components via Vue's provide/inject.
+ *
+ * Child components can use `useScreenSizeContext()` to access the current breakpoint
+ * and render responsive content accordingly.
+ *
+ * @example
+ * ```vue
+ * <BreakpointWrapper size="md">
+ *   <ResponsiveComponent />
+ * </BreakpointWrapper>
+ * ```
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * The screen size to provide to child components
+     */
+    size: {
+        type: PropType<ScreenSize>;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * The screen size to provide to child components
+     */
+    size: {
+        type: PropType<ScreenSize>;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;