@bcc-code/component-library-vue 0.0.0-dev.1f2ce94

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

@@ -0,0 +1,19 @@
+import type { VueComponent } from '@/types';
+import { type AvatarProps as PrimeAvatarProps } from 'primevue/avatar';
+export type AvatarProps = Omit<PrimeAvatarProps, 'shape' | 'size'> & {
+    /** Affects avatar color for gender-specific defaults. */
+    gender?: 'male' | 'female' | 'M' | 'F' | 'unknown' | 'U';
+    /** When true, applies child-specific color */
+    child?: boolean;
+    /** Shows a person icon when true, or a custom component when provided. Used when no image is set. */
+    icon?: boolean | VueComponent;
+    /** Renders the avatar with rounded corners instead of circular. */
+    squared?: boolean;
+    /** Adds a visible border around the avatar. */
+    bordered?: boolean;
+    /** Controls the avatar dimensions; maps to CSS size classes (xs through xxl). */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+};
+declare const __VLS_export: import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,32 @@
+import { type BCC_CONTEXT } from '@/contexts';
+import type { VueComponent } from '@/types';
+export type BadgeProps = {
+    /** Main content: number, short text, or an icon component. Slot overrides this when provided. */
+    value?: string | number | VueComponent;
+    /** Controls badge dimensions and typography scale (sm through xl). */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Adds a 1px border around the badge. */
+    border?: boolean;
+    /** Adds a 2px border around the badge. */
+    bordered?: boolean;
+    /** Renders with square corners; when false, badge is pill-shaped. */
+    squared?: boolean;
+    /** Design context (e.g. neutral, brand) used for background and text color. */
+    context?: BCC_CONTEXT;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+    size: "sm" | "md" | "lg" | "xl";
+    context: BCC_CONTEXT;
+}, {}, {}, {}, 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/BccCapacityIndicator/BccCapacityIndicator.vue.d.ts

@@ -0,0 +1,23 @@
+export type CapacityIndicatorProps = {
+    /** Total capacity; use -1 for “unlimited” (shows an infinity-style icon instead of a bar). */
+    total: number;
+    /** Amount used; fills the progress arc/bar and drives the displayed remaining value. */
+    used?: number;
+    /** Visual size of the indicator (xs, sm, base, lg); affects SVG and text scale. */
+    size?: 'xs' | 'sm' | 'base' | 'lg';
+    /** Duration in ms for the progress fill animation when `used` changes. */
+    animationDuration?: number;
+    /** When true, uses a rounded square shape instead of a circle for the indicator. */
+    squared?: boolean;
+    /** When true, applies warning/full color states (e.g. color change at high usage). */
+    colored?: boolean;
+};
+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";
+    squared: boolean;
+    used: number;
+    animationDuration: number;
+    colored: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,64 @@
+export type KnobProps = {
+    /** Canvas size in pixels (width and height); affects resolution and touch target. */
+    size?: number;
+    /** Thickness of the arc stroke in pixels. */
+    arcWidth?: number;
+    /** Minimum value in minutes (e.g. -720 for -12h); maps to the leftmost arc angle. */
+    min?: number;
+    /** Maximum value in minutes (e.g. 720 for +12h); maps to the rightmost arc angle. */
+    max?: number;
+    /** Step size in minutes; value is rounded to multiples of this when dragging. */
+    steps?: number;
+    /** When true, uses left/right accent colors (e.g. CSS variables) for the arc and handle. */
+    colored?: boolean;
+    /** When true, draws a more prominent handle circle with a white stroke. */
+    showHandle?: boolean;
+    /** When true, hides the direction arrows drawn on the arc. */
+    hideArrows?: boolean;
+    /** Duration in ms for the value-change animation (e.g. when model updates). */
+    duration?: number;
+    /** Max number of full rotations to animate; 0 or 1 means no rotation limit. */
+    animateRotations?: number;
+};
+export type KnobSlots = {
+    default?: () => unknown;
+    left?: () => unknown;
+    right?: () => unknown;
+};
+type __VLS_Slots = KnobSlots;
+type __VLS_Props = KnobProps;
+type __VLS_ModelProps = {
+    modelValue: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+} & {
+    "drag:start": () => any;
+    "drag:update": () => any;
+    "drag:end": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onDrag:start"?: (() => any) | undefined;
+    "onDrag:update"?: (() => any) | undefined;
+    "onDrag:end"?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    size: number;
+    colored: boolean;
+    arcWidth: number;
+    min: number;
+    max: number;
+    steps: number;
+    showHandle: boolean;
+    hideArrows: boolean;
+    duration: number;
+    animateRotations: number;
+}, {}, {}, {}, 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/BccFrame/BccFrame.vue.d.ts

@@ -0,0 +1,39 @@
+export type FrameProps = {
+    /** Adds a drop shadow around the frame. */
+    shadow?: boolean;
+    /** Applies rounded corners to the frame. */
+    rounded?: boolean;
+    /** Sunken appearance (inset); use only one of sunken, raised, or overlay. */
+    sunken?: boolean;
+    /** Raised/elevated appearance; use only one of sunken, raised, or overlay. */
+    raised?: boolean;
+    /** Overlay style (e.g. floating panel); use only one of sunken, raised, or overlay. */
+    overlay?: boolean;
+    /** Flex: center content on both axes. */
+    center?: boolean;
+    /** Flex: space-between for main-axis distribution. */
+    between?: boolean;
+    /** Flex: align content to the left. */
+    left?: boolean;
+    /** Flex: align content to the right. */
+    right?: boolean;
+    /** Flex: align content to the top. */
+    top?: boolean;
+    /** Flex: align content to the bottom. */
+    bottom?: boolean;
+    /** Flex: stretch children to fill the frame. */
+    stretch?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<FrameProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FrameProps> & 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/custom/BccGraphic/BccGraphic.vue.d.ts

@@ -0,0 +1,47 @@
+export type GraphicProps = {
+    /** Image URL for the main banner/background; drives aspect-ratio box and loading state. */
+    bannerSrc?: string;
+    /** Image URL for the logo overlay (e.g. centered on the graphic). */
+    logoSrc?: string;
+    /** Border radius preset: none, sm, base, md, xl; applied to banner and container. */
+    rounding?: keyof typeof roundingClasses;
+    /** Aspect ratio of the graphic (e.g. 'wide' for 16:9, or a custom value like '21/9'). */
+    ratio?: AspectRatioStyle;
+    /** When true, renders the banner image in grayscale. */
+    grayscale?: boolean;
+};
+export declare const ratioClasses: {
+    ultraWide: string;
+    wide: string;
+    landscape: string;
+    square: string;
+    portrait: string;
+};
+export declare const roundingClasses: {
+    none: string;
+    sm: string;
+    base: string;
+    md: string;
+    xl: string;
+};
+export type AspectRatioStyle = keyof typeof ratioClasses | string | undefined;
+export declare function getAspectRatioStyle(ratio: AspectRatioStyle): string;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<GraphicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GraphicProps> & Readonly<{}>, {
+    rounding: keyof typeof roundingClasses;
+    ratio: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    'top-left'?: (props: {}) => any;
+} & {
+    'top-right'?: (props: {}) => any;
+} & {
+    'bottom-right'?: (props: {}) => any;
+} & {
+    'bottom-left'?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,21 @@
+export type NpsResultProps = {
+    /** NPS score between -100 and 100; drives the gauge needle angle and position. */
+    score: number;
+    /** Controls the size of the gauge and optional text (lg, md, sm, xs). */
+    size?: 'lg' | 'md' | 'sm' | 'xs';
+    /** Text shown as the main heading; defaults to the numeric score when unset. */
+    display?: string;
+    /** Secondary label shown under the main heading. */
+    underline?: string;
+    /** When true, hides the heading and underline so only the gauge is shown. */
+    hideText?: boolean;
+    /** When true, the gauge needle animates to the score on mount/update. */
+    animated?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<NpsResultProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NpsResultProps> & Readonly<{}>, {
+    size: "lg" | "md" | "sm" | "xs";
+    hideText: boolean;
+    animated: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,36 @@
+export type NpsScoreProps = {
+    /** When true, reverses the visual order of the scale (e.g. high-to-low left-to-right). */
+    reverse?: boolean;
+    /** Label at the left end of the scale (e.g. "Not likely"). */
+    leftLabel?: string;
+    /** Label at the right end of the scale (e.g. "Very likely"). */
+    rightLabel?: string;
+    /** Puts the labels above or below the score bar. */
+    labelPosition?: 'top' | 'bottom';
+    /** Minimum selectable score (inclusive). */
+    min?: number;
+    /** Maximum selectable score (inclusive). */
+    max?: number;
+    /** Disables all score buttons and prevents selection. */
+    disabled?: boolean;
+};
+type __VLS_Props = NpsScoreProps;
+type __VLS_ModelProps = {
+    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 | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+}>, {
+    reverse: 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

@@ -0,0 +1,11 @@
+import type { 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;
+}>, {
+    top: boolean;
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,4 @@
+import type { ReactInfo } from './types';
+declare const __VLS_export: import("vue").DefineComponent<ReactInfo, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ReactInfo> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,18 @@
+export type ReactInfo = {
+    /** Unique id for this reaction option (e.g. for toggle events). */
+    id: string;
+    /** Emoji character to display (e.g. "👍"). */
+    emoji: string;
+    /** Number of times this reaction was chosen; shown next to the emoji when > 1. */
+    count?: number;
+    /** When true, indicates the current user has selected this reaction; affects styling. */
+    selected?: boolean;
+};
+export type ReactProps = {
+    /** List of reaction options with id, emoji, count, and selected state. */
+    emojis: ReactInfo[];
+    /** When true, the reaction picker is positioned above the list and opens upward. */
+    top?: boolean;
+    /** Message shown when there are no reactions yet (e.g. "Be the first to react"). */
+    placeholder?: string;
+};

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

@@ -0,0 +1,38 @@
+import type { VueComponent } from '@/types';
+import { type TabsProps as PrimeTabsProps } from 'primevue/tabs';
+import { type BadgeProps } from '../BccBadge/BccBadge.vue';
+export interface TabItem {
+    title: string;
+    icon?: VueComponent;
+    badge?: BadgeProps;
+    as?: VueComponent;
+    value?: string;
+}
+export type TabsProps = Omit<PrimeTabsProps, 'value'> & {
+    tabs: TabItem[];
+    fill?: boolean;
+    modelValue?: number;
+    noPanels?: boolean;
+};
+type __VLS_Props = TabsProps;
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_48: `tab-${number}`, __VLS_49: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_48>]?: (props: typeof __VLS_49) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,27 @@
+import type { VueComponent } from '@/types';
+import { type BadgeProps } from '../BccBadge/BccBadge.vue';
+export type TagProps = Omit<BadgeProps, 'value' | 'squared'> & {
+    /** Icon component shown on the left (or right when iconRight is true). */
+    icon?: VueComponent;
+    /** When true, icon slot is on the right; when a component, shows that icon on the right. */
+    iconRight?: VueComponent | boolean;
+    /** When true, tag uses rounded corners; when false, passes squared to BccBadge. */
+    rounded?: boolean;
+    /** Applies hover/pointer styles so the tag looks and behaves like a clickable control. */
+    clickable?: boolean;
+    /** Label text for the tag when not using the default slot. */
+    text?: string;
+};
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TagProps> & 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/custom/BccToggle/BccToggle.vue.d.ts

@@ -0,0 +1,19 @@
+import type { VueComponent } from '@/types';
+import { type ToggleSwitchProps } from 'primevue';
+export type ToggleProps = ToggleSwitchProps & {
+    /** Text shown next to the switch; also used for the label’s `for` attribute. */
+    label?: string;
+    /** Custom icon component rendered inside the toggle handle (replaces check/cross when set). */
+    icon?: VueComponent;
+    /** When true, shows check/cross icons in the handle based on checked state. */
+    withIcon?: boolean;
+    /** When true, shows a loading spinner in the handle and typically disables interaction. */
+    loading?: boolean;
+    /** Applies “toggled” visual state (e.g. for post-click feedback) independent of current value. */
+    wasToggled?: boolean;
+    /** When true, applies context-aware styling (e.g. from design tokens/theme). */
+    useCtx?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<ToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,30 @@
+/**
+ * Custom BCC components (not based on PrimeVue).
+ * Add new custom components here and export them from this file.
+ */
+export { default as BccAvatar } from './BccAvatar/BccAvatar.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 BccNpsResult } from './BccNpsResult/BccNpsResult.vue';
+export { default as BccNpsScore } from './BccNpsScore/BccNpsScore.vue';
+export { default as BccReact } from './BccReact/BccReact.vue';
+export { default as BccReactEmoji } from './BccReact/BccReactEmoji.vue';
+export { default as BccTabs } from './BccTabs/BccTabs.vue';
+export { default as BccTag } from './BccTag/BccTag.vue';
+export { default as BccToggle } from './BccToggle/BccToggle.vue';
+export type { AvatarProps } from './BccAvatar/BccAvatar.vue';
+export type { BadgeProps } from './BccBadge/BccBadge.vue';
+export type { CapacityIndicatorProps } from './BccCapacityIndicator/BccCapacityIndicator.vue';
+export type { KnobProps, KnobSlots } from './BccDialKnob/BccDialKnob.vue';
+export type { FrameProps } from './BccFrame/BccFrame.vue';
+export type { GraphicProps } from './BccGraphic/BccGraphic.vue';
+export type { NpsResultProps } from './BccNpsResult/BccNpsResult.vue';
+export type { NpsScoreProps } from './BccNpsScore/BccNpsScore.vue';
+export type { ReactInfo, ReactProps } from './BccReact/types';
+export type { TabItem, TabsProps } from './BccTabs/BccTabs.vue';
+export type { TagProps } from './BccTag/BccTag.vue';
+export type { ToggleProps } from './BccToggle/BccToggle.vue';

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

@@ -0,0 +1,21 @@
+import type { VueComponent } from '@/types';
+import { type ButtonProps as PrimeButtonProps } from 'primevue/button';
+export type ButtonProps = {
+    icon?: VueComponent;
+    iconRight?: boolean;
+    size?: PrimeButtonProps['size'];
+    useCtx?: boolean;
+} & /* @vue-ignore */ Omit<PrimeButtonProps, 'icon' | 'iconPos'>;
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,17 @@
+import { type CheckboxProps as PrimeCheckboxProps } from 'primevue/checkbox';
+export type CheckboxProps = PrimeCheckboxProps & {
+    label?: string;
+};
+declare var __VLS_18: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CheckboxProps> & 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/BccInput.vue.d.ts

@@ -0,0 +1,48 @@
+import type { VueComponent } from '@/types';
+import { type InputNumberProps } from 'primevue/inputnumber';
+import { type InputTextProps } from 'primevue/inputtext';
+export type InputProps = {
+    id?: string;
+    size?: InputTextProps['size'];
+    icon?: VueComponent;
+    iconRight?: VueComponent | boolean;
+    loading?: boolean;
+    numeric?: boolean;
+} & /* @vue-ignore */ (InputTextProps | ({
+    numeric: true;
+} & InputNumberProps));
+declare const __VLS_export: import("vue").DefineComponent<({
+    id?: string;
+    size?: InputTextProps["size"];
+    icon?: VueComponent;
+    iconRight?: VueComponent | boolean;
+    loading?: boolean;
+    numeric?: boolean;
+} & InputTextProps) | ({
+    id?: string;
+    size?: InputTextProps["size"];
+    icon?: VueComponent;
+    iconRight?: VueComponent | boolean;
+    loading?: boolean;
+    numeric?: boolean;
+} & {
+    numeric: true;
+} & InputNumberProps), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<({
+    id?: string;
+    size?: InputTextProps["size"];
+    icon?: VueComponent;
+    iconRight?: VueComponent | boolean;
+    loading?: boolean;
+    numeric?: boolean;
+} & InputTextProps) | ({
+    id?: string;
+    size?: InputTextProps["size"];
+    icon?: VueComponent;
+    iconRight?: VueComponent | boolean;
+    loading?: boolean;
+    numeric?: boolean;
+} & {
+    numeric: true;
+} & InputNumberProps)> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,19 @@
+import type { VueComponent } from '@/types';
+import { type MessageProps as PrimeMessageProps } from 'primevue/message';
+export type MessageProps = Omit<PrimeMessageProps, 'icon'> & {
+    icon?: boolean | VueComponent;
+    iconRight?: VueComponent | boolean;
+};
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,21 @@
+import type { VueComponent } from '@/types';
+import { type ToggleButtonProps as PrimeToggleButtonProps } from 'primevue/togglebutton';
+export type ToggleButtonProps = Omit<PrimeToggleButtonProps, 'onIcon' | 'offIcon'> & {
+    /** Custom icon component rendered inside the button when checked. */
+    onIcon?: VueComponent;
+    /** Custom icon component rendered inside the button when unchecked. */
+    offIcon?: VueComponent;
+};
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ToggleButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToggleButtonProps> & 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

@@ -0,0 +1,14 @@
+/**
+ * Wrapped PrimeVue components with BCC defaults or extensions.
+ * Add new wrapped components here and export them from this file.
+ */
+export { default as BccButton } from './BccButton.vue';
+export { default as BccCheckbox } from './BccCheckbox.vue';
+export { default as BccInput } from './BccInput.vue';
+export { default as BccMessage } from './BccMessage.vue';
+export { default as BccToggleButton } from './BccToggleButton.vue';
+export type { ButtonProps } from './BccButton.vue';
+export type { CheckboxProps } from './BccCheckbox.vue';
+export type { InputProps } from './BccInput.vue';
+export type { MessageProps } from './BccMessage.vue';
+export type { ToggleButtonProps } from './BccToggleButton.vue';

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

@@ -0,0 +1,4 @@
+import { type Ref } from 'vue';
+export default function useAnimatedNumber(to: Ref<number>, from?: number, duration?: number): {
+    value: Ref<number, number>;
+};