@bcc-code/component-library-vue 0.0.0-dev.cfea1cb → 0.0.0-dev.d10219f

package/dist-types/components/custom/BccAppNavigation/BccAppNavigation.vue.d.ts

@@ -5,6 +5,7 @@ export type BccAppNavigationItem = {
     title: string;
     icon: Component;
     pin?: number;
+    is?: VueComponent;
     /** Any additional properties will be passed to the component.
      * @example
      * {

package/dist-types/components/custom/BccCapacityIndicator/BccCapacityIndicator.vue.d.ts

@@ -1,3 +1,4 @@
+import { BCC_CONTEXT } from '@/contexts';
 export type CapacityIndicatorProps = {
     /** Total capacity; use -1 for “unlimited” (shows an infinity-style icon instead of a bar). */
     total: number;
@@ -11,6 +12,8 @@ export type CapacityIndicatorProps = {
     squared?: boolean;
     /** When true, applies warning/full color states (e.g. color change at high usage). */
     colored?: boolean;
+    /** Design context (e.g. neutral, brand) used for background and text color. */
+    context?: BCC_CONTEXT;
 };
 declare const __VLS_export: import("vue").DefineComponent<CapacityIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CapacityIndicatorProps> & Readonly<{}>, {
     size: "xs" | "sm" | "base" | "lg";

package/dist-types/components/custom/BccGraphic/BccGraphic.vue.d.ts

@@ -9,6 +9,8 @@ export type GraphicProps = {
     ratio?: AspectRatioStyle;
     /** When true, renders the banner image in grayscale. */
     grayscale?: boolean;
+    /** When true, renders the banner image with a brightness of 150%. */
+    highlight?: boolean;
 };
 export declare const ratioClasses: {
     ultraWide: string;
@@ -22,6 +24,7 @@ export declare const roundingClasses: {
     sm: string;
     base: string;
     md: string;
+    lg: string;
     xl: string;
 };
 export type AspectRatioStyle = keyof typeof ratioClasses | string | undefined;
@@ -32,13 +35,13 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Graphi
     rounding: keyof typeof roundingClasses;
     ratio: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    'top-left'?: (props: {}) => any;
+    topLeft?: (props: {}) => any;
 } & {
-    'top-right'?: (props: {}) => any;
+    topRight?: (props: {}) => any;
 } & {
-    'bottom-right'?: (props: {}) => any;
+    bottomRight?: (props: {}) => any;
 } & {
-    'bottom-left'?: (props: {}) => any;
+    bottomLeft?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist-types/components/custom/BccImage/BccImage.vue.d.ts

@@ -0,0 +1,54 @@
+import { type StyleValue } from 'vue';
+import type { LightboxItemInput } from '../../../lightbox/types';
+export type { LightboxItem, LightboxItemInput, LightboxMediaType } from '../../../lightbox/types';
+export type ImageProps = {
+    /** Image URL for the thumbnail and lightbox (when `imgs` is not set). */
+    src?: string;
+    /** Enables click-to-preview in the global lightbox. */
+    preview?: boolean;
+    /** Inline style applied to the thumbnail `<img>`. */
+    imageStyle?: StyleValue;
+    /** Class applied to the thumbnail `<img>`. */
+    imageClass?: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+    /** Gallery items for the lightbox. Falls back to `src` when omitted. */
+    imgs?: LightboxItemInput[];
+    /** Index of the item shown when the lightbox opens. */
+    index?: number;
+    /** Allow looping when navigating a gallery. */
+    loop?: boolean;
+    /** Close the lightbox when clicking the backdrop. */
+    maskClosable?: boolean;
+    /** Accessible label for the preview trigger button. */
+    previewAriaLabel?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    image?: (props: typeof __VLS_1) => any;
+} & {
+    previewicon?: (props: typeof __VLS_3) => any;
+} & {
+    indicatoricon?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (event: Event) => any;
+    show: () => any;
+    hide: () => any;
+}, string, import("vue").PublicProps, Readonly<ImageProps> & Readonly<{
+    onError?: ((event: Event) => any) | undefined;
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+}>, {
+    index: number;
+    loop: boolean;
+    maskClosable: boolean;
+    preview: boolean;
+    previewAriaLabel: string;
+}, {}, {}, {}, 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;
+    };
+};

package/dist-types/components/custom/BccNpsScore/BccNpsScore.vue.d.ts

@@ -25,12 +25,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
 }>, {
     reverse: boolean;
+    disabled: boolean;
     min: number;
     max: number;
     leftLabel: string;
     rightLabel: string;
     labelPosition: "top" | "bottom";
-    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist-types/components/custom/BccReact/BccReact.vue.d.ts

@@ -1,11 +1,12 @@
-import type { ReactProps } from './types';
+import type { ReactInfo, ReactProps } from './types';
 declare const __VLS_export: import("vue").DefineComponent<ReactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     toggle: (id: string) => any;
 }, string, import("vue").PublicProps, Readonly<ReactProps> & Readonly<{
     onToggle?: ((id: string) => any) | undefined;
 }>, {
-    placeholder: string;
     top: boolean;
+    emojis: ReactInfo[];
+    placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist-types/components/custom/BccStepIndicator/BccStepIndicator.vue.d.ts

@@ -11,13 +11,13 @@ export type StepIndicatorProps = {
 };
 type __VLS_Props = StepIndicatorProps;
 type __VLS_ModelProps = {
-    modelValue?: number;
+    modelValue?: number | null;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: number) => any;
+    "update:modelValue": (value: number | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
 }>, {
     context: BCC_CONTEXT;
     hideText: boolean;

package/dist-types/components/custom/BccTag/BccTag.vue.d.ts

@@ -11,6 +11,7 @@ export type TagProps = Omit<BadgeProps, 'value' | 'squared'> & {
     clickable?: boolean;
     /** Label text for the tag when not using the default slot. */
     text?: string;
+    truncate?: boolean;
 };
 declare var __VLS_13: {};
 type __VLS_Slots = {} & {

package/dist-types/components/custom/BccTopNavigation/BccTopNavigation.vue.d.ts

@@ -12,7 +12,7 @@ type __VLS_Props = TopNavigationProps & {
     fixed?: boolean;
     padded?: boolean;
     transparent?: boolean;
-    glass?: boolean;
+    white?: boolean;
     backTitle?: string;
     force?: boolean;
     titleLeft?: boolean;
@@ -22,13 +22,23 @@ declare var __VLS_1: {
         title: string;
         subtitle: string;
     };
-}, __VLS_13: {}, __VLS_20: {};
+}, __VLS_8: {}, __VLS_15: {
+    title: string;
+}, __VLS_17: {
+    subtitle: string;
+}, __VLS_19: {}, __VLS_26: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    right?: (props: typeof __VLS_13) => any;
+    left?: (props: typeof __VLS_8) => any;
 } & {
-    bottom?: (props: typeof __VLS_20) => any;
+    title?: (props: typeof __VLS_15) => any;
+} & {
+    subtitle?: (props: typeof __VLS_17) => any;
+} & {
+    right?: (props: typeof __VLS_19) => any;
+} & {
+    bottom?: (props: typeof __VLS_26) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     back: () => any;

package/dist-types/components/custom/index.d.ts

@@ -5,10 +5,10 @@
 export { default as BccAppNavigation } from './BccAppNavigation/BccAppNavigation.vue';
 export { default as BccBadge } from './BccBadge/BccBadge.vue';
 export { default as BccCapacityIndicator } from './BccCapacityIndicator/BccCapacityIndicator.vue';
-export { default as BccCircleLoader } from './BccCircleLoader/BccCircleLoader.vue';
 export { default as BccDialKnob } from './BccDialKnob/BccDialKnob.vue';
 export { default as BccFrame } from './BccFrame/BccFrame.vue';
 export { default as BccGraphic } from './BccGraphic/BccGraphic.vue';
+export { default as BccImage } from './BccImage/BccImage.vue';
 export { default as BccNpsResult } from './BccNpsResult/BccNpsResult.vue';
 export { default as BccNpsScore } from './BccNpsScore/BccNpsScore.vue';
 export { default as BccReact } from './BccReact/BccReact.vue';
@@ -22,6 +22,7 @@ export type { CapacityIndicatorProps } from './BccCapacityIndicator/BccCapacityI
 export type { KnobProps, KnobSlots } from './BccDialKnob/BccDialKnob.vue';
 export type { FrameProps } from './BccFrame/BccFrame.vue';
 export type { GraphicProps } from './BccGraphic/BccGraphic.vue';
+export type { ImageProps } from './BccImage/BccImage.vue';
 export type { NpsResultProps } from './BccNpsResult/BccNpsResult.vue';
 export type { NpsScoreProps } from './BccNpsScore/BccNpsScore.vue';
 export type { ReactInfo, ReactProps } from './BccReact/types';

package/dist-types/components/wrapped/BccButton.vue.d.ts

@@ -5,11 +5,12 @@ export type ButtonProps = {
     iconRight?: boolean;
     iconClass?: PrimeButtonProps['iconClass'];
     size?: PrimeButtonProps['size'];
+    loadingIcon?: VueComponent;
     useCtx?: boolean;
-} & /* @vue-ignore */ Omit<PrimeButtonProps, 'icon' | 'iconPos'>;
-declare var __VLS_14: {};
+} & /* @vue-ignore */ Omit<PrimeButtonProps, 'icon' | 'iconPos' | 'loadingIcon'>;
+declare var __VLS_20: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist-types/components/wrapped/BccCheckbox.vue.d.ts

@@ -2,6 +2,9 @@ import { type CheckboxProps as PrimeCheckboxProps } from 'primevue/checkbox';
 export type CheckboxProps = PrimeCheckboxProps & {
     label?: string;
     labelLeft?: boolean;
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    labelClass?: string;
+    fluid?: boolean;
 };
 declare var __VLS_18: {};
 type __VLS_Slots = {} & {

package/dist-types/components/wrapped/BccMenu/BccMenu.vue.d.ts

@@ -9,6 +9,20 @@ export type BccMenuItem = Omit<MenuItem, 'icon' | 'items'> & {
 export type MenuProps = {
     model?: BccMenuItem[];
 } & Omit<PrimeMenuProps, 'model'>;
-declare const __VLS_export: import("vue").DefineComponent<MenuProps, PrimeMenuMethods, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare var __VLS_16: {
+    item: MenuItem;
+    label: string | ((...args: any) => string) | undefined;
+    props: import("primevue").MenuRouterBindProps;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<MenuProps, PrimeMenuMethods, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MenuProps> & 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;
+    };
+};

package/dist-types/components/wrapped/BccMessage.vue.d.ts

@@ -3,10 +3,16 @@ import { type MessageProps as PrimeMessageProps } from 'primevue/message';
 export type MessageProps = Omit<PrimeMessageProps, 'icon'> & {
     icon?: boolean | VueComponent;
     iconRight?: VueComponent | boolean;
+    title?: string;
+    message?: string;
 };
-declare var __VLS_14: {};
+declare var __VLS_19: {}, __VLS_21: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_19) => any;
+} & {
+    title?: (props: typeof __VLS_21) => any;
+} & {
+    message?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<MessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist-types/components/wrapped/BccRadioButton.vue.d.ts

@@ -0,0 +1,21 @@
+import { type RadioButtonProps as PrimeRadioButtonProps } from 'primevue/radiobutton';
+export type RadioButtonProps = PrimeRadioButtonProps & {
+    label?: string;
+    labelLeft?: boolean;
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    labelClass?: string;
+    fluid?: boolean;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<RadioButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RadioButtonProps> & 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;
+    };
+};

package/dist-types/components/wrapped/BccSelectButton.vue.d.ts

@@ -0,0 +1,20 @@
+import type { VueComponent } from '@/types';
+import { type SelectButtonProps as PrimeSelectButtonProps } from 'primevue/selectbutton';
+export type SelectButtonProps = PrimeSelectButtonProps & {
+    optionIcon?: string | ((option: unknown) => VueComponent | null);
+};
+declare var __VLS_9: {
+    option: any;
+};
+type __VLS_Slots = {} & {
+    option?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SelectButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SelectButtonProps> & 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;
+    };
+};

package/dist-types/components/wrapped/index.d.ts

@@ -7,10 +7,11 @@ export { default as BccButton } from './BccButton.vue';
 export { default as BccCheckbox } from './BccCheckbox.vue';
 export { default as BccChip } from './BccChip/BccChip.vue';
 export { default as BccConfirmDialog } from './BccConfirmDialog/BccConfirmDialog.vue';
-export { default as BccImage } from './BccImage.vue';
 export { default as BccInput } from './BccInput.vue';
 export { default as BccMenu } from './BccMenu/BccMenu.vue';
 export { default as BccMessage } from './BccMessage.vue';
+export { default as BccRadioButton } from './BccRadioButton.vue';
+export { default as BccSelectButton } from './BccSelectButton.vue';
 export { default as BccTabs } from './BccTabs/BccTabs.vue';
 export { default as BccToggle } from './BccToggle/BccToggle.vue';
 export { default as BccToggleButton } from './BccToggleButton.vue';
@@ -18,10 +19,11 @@ export type { AvatarProps } from './BccAvatar/BccAvatar.vue';
 export type { ButtonProps } from './BccButton.vue';
 export type { CheckboxProps } from './BccCheckbox.vue';
 export type { ChipProps } from './BccChip/BccChip.vue';
-export type { ImageProps } from './BccImage.vue';
 export type { InputProps } from './BccInput.vue';
 export type { BccMenuItem, MenuProps } from './BccMenu/BccMenu.vue';
 export type { MessageProps } from './BccMessage.vue';
+export type { RadioButtonProps } from './BccRadioButton.vue';
+export type { SelectButtonProps } from './BccSelectButton.vue';
 export type { TabItem, TabsProps } from './BccTabs/BccTabs.vue';
 export type { ToggleProps } from './BccToggle/BccToggle.vue';
 export type { ToggleButtonProps } from './BccToggleButton.vue';

package/dist-types/index.d.ts

@@ -23,6 +23,7 @@ export { BCC_CONTEXTS, type BCC_CONTEXT } from './contexts';
 export { default as BccComponentLibrary } from './setup';
 export * from './types';
 export * from './components/custom';
+export * from './lightbox';
 export * from './components/wrapped';
 export { default as BccAccordion } from 'primevue/accordion';
 export { default as BccAccordionContent } from 'primevue/accordioncontent';
@@ -57,6 +58,7 @@ export { default as BccDivider } from 'primevue/divider';
 export { default as BccDock } from 'primevue/dock';
 export { default as BccDrawer } from 'primevue/drawer';
 export { default as BccDynamicDialog } from 'primevue/dynamicdialog';
+export { default as BccEditor } from 'primevue/editor';
 export { default as BccFieldset } from 'primevue/fieldset';
 export { default as BccFileUpload } from 'primevue/fileupload';
 export { default as BccFloatLabel } from 'primevue/floatlabel';
@@ -94,7 +96,6 @@ export { default as BccPopover } from 'primevue/popover';
 export { default as BccPortal } from 'primevue/portal';
 export { default as BccProgressBar } from 'primevue/progressbar';
 export { default as BccProgressSpinner } from 'primevue/progressspinner';
-export { default as BccRadioButton } from 'primevue/radiobutton';
 export { default as BccRadioButtonGroup } from 'primevue/radiobuttongroup';
 export { default as BccRating } from 'primevue/rating';
 export { default as BccRipple } from 'primevue/ripple';
@@ -102,7 +103,6 @@ export { default as BccRow } from 'primevue/row';
 export { default as BccScrollPanel } from 'primevue/scrollpanel';
 export { default as BccScrollTop } from 'primevue/scrolltop';
 export { default as BccSelect } from 'primevue/select';
-export { default as BccSelectButton } from 'primevue/selectbutton';
 export { default as BccSkeleton } from 'primevue/skeleton';
 export { default as BccSlider } from 'primevue/slider';
 export { default as BccSpeedDial } from 'primevue/speeddial';

package/dist-types/lightbox/BccLightboxMedia.vue.d.ts

@@ -0,0 +1,18 @@
+import type { LightboxItem } from './types';
+type __VLS_Props = {
+    item: LightboxItem;
+    zoomEnabled: boolean;
+};
+declare function rotateLeft(): void;
+declare function rotateRight(): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    isImage: import("vue").ComputedRef<boolean>;
+    rotateLeft: typeof rotateLeft;
+    rotateRight: typeof rotateRight;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    swipe: (direction: "left" | "right") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSwipe?: ((direction: "left" | "right") => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist-types/lightbox/composables.d.ts

@@ -0,0 +1,23 @@
+import { type Ref } from 'vue';
+import { openLightbox } from './state';
+import { type LightboxApi } from './types';
+export declare function useLightbox(): LightboxApi;
+/** Open the global lightbox without using inject (e.g. imperative usage). */
+export declare const openBccLightbox: typeof openLightbox;
+/** Close the global lightbox without using inject. */
+export declare const closeBccLightbox: LightboxApi['close'];
+export declare function usePinchPan(zoomEnabled: Ref<boolean>, options?: {
+    swipeEnabled?: Ref<boolean>;
+    onSwipe?: (direction: 'left' | 'right') => void;
+    swipeThreshold?: number;
+}): {
+    scale: Ref<number, number>;
+    transformStyle: import("vue").ComputedRef<{
+        transform: string;
+    }>;
+    reset: () => void;
+    onPointerDown: (event: PointerEvent) => void;
+    onPointerMove: (event: PointerEvent) => void;
+    onPointerUp: (event: PointerEvent) => void;
+    onWheel: (event: WheelEvent) => void;
+};

package/dist-types/lightbox/detectMedia.d.ts

@@ -0,0 +1,4 @@
+import type { LightboxItem, LightboxItemInput, LightboxMediaType } from './types';
+export declare function detectMediaType(src: string, type?: LightboxMediaType): LightboxMediaType;
+export declare function normalizeLightboxItem(input: LightboxItemInput): LightboxItem;
+export declare function normalizeLightboxItems(items: LightboxItemInput[]): LightboxItem[];

package/dist-types/lightbox/index.d.ts

@@ -0,0 +1,7 @@
+export { default as BccLightbox } from './BccLightbox.vue';
+export { closeBccLightbox, openBccLightbox, useLightbox, usePinchPan } from './composables';
+export { detectMediaType, normalizeLightboxItem, normalizeLightboxItems } from './detectMedia';
+export { canGoNext, canGoPrevious, closeLightbox, goToNextItem, goToPreviousItem, installLightbox, lightboxState, openLightbox, setLightboxIndex, } from './state';
+export type { LightboxState } from './state';
+export { LIGHTBOX_KEY } from './types';
+export type { LightboxApi, LightboxItem, LightboxItemInput, LightboxMediaType, LightboxOpenOptions } from './types';

package/dist-types/lightbox/state.d.ts

@@ -0,0 +1,30 @@
+import type { App } from 'vue';
+import { type LightboxItem, type LightboxOpenOptions } from './types';
+export type LightboxState = {
+    visible: boolean;
+    items: LightboxItem[];
+    index: number;
+    loop: boolean;
+    maskClosable: boolean;
+};
+export declare const lightboxState: {
+    readonly visible: boolean;
+    readonly items: readonly {
+        readonly src: string;
+        readonly type?: import("./types").LightboxMediaType | undefined;
+        readonly alt?: string | undefined;
+        readonly title?: string | undefined;
+        readonly poster?: string | undefined;
+    }[];
+    readonly index: number;
+    readonly loop: boolean;
+    readonly maskClosable: boolean;
+};
+export declare function openLightbox(options: LightboxOpenOptions): void;
+export declare function closeLightbox(): void;
+export declare function setLightboxIndex(index: number): void;
+export declare function goToPreviousItem(): void;
+export declare function goToNextItem(): void;
+export declare function canGoPrevious(): boolean;
+export declare function canGoNext(): boolean;
+export declare function installLightbox(app: App): void;

package/dist-types/lightbox/types.d.ts

@@ -0,0 +1,24 @@
+import type { InjectionKey } from 'vue';
+export type LightboxMediaType = 'image' | 'video';
+export type LightboxItem = {
+    src: string;
+    type?: LightboxMediaType;
+    alt?: string;
+    title?: string;
+    /** Poster image for video items. */
+    poster?: string;
+};
+export type LightboxItemInput = string | LightboxItem;
+export type LightboxOpenOptions = {
+    items: LightboxItemInput[];
+    index?: number;
+    loop?: boolean;
+    maskClosable?: boolean;
+    onShow?: () => void;
+    onHide?: () => void;
+};
+export type LightboxApi = {
+    open: (options: LightboxOpenOptions) => void;
+    close: () => void;
+};
+export declare const LIGHTBOX_KEY: InjectionKey<LightboxApi>;