@bcc-code/component-library-vue 0.0.0-dev.7eb462c → 0.0.0-dev.8d92bd0

package/dist/theme.css

@@ -1,10 +1,10 @@
 /* Layer order: Tailwind base/utilities first, then PrimeVue so component styles win */
 @layer theme, base, tailwind, primevue;
-@import "@bcc-code/design-tokens/css";
+@import '@bcc-code/design-tokens/css';
 
-@import "tailwindcss";
-@import "@bcc-code/design-tokens/tailwind";
-@import "@bcc-code/design-tokens/primevue/overrides";
+@import 'tailwindcss';
+@import '@bcc-code/design-tokens/tailwind';
+@import '@bcc-code/design-tokens/primevue/overrides';
 
 
 /* === ./styles/theme.css === */
@@ -1832,6 +1832,7 @@
 .p-menu-overlay,
 .p-multiselect-overlay,
 .p-select-overlay,
+.p-datepicker-panel,
 .p-treeselect-overlay {
 	margin: var(--p-anchor-gutter) 0;
 }
@@ -1852,6 +1853,12 @@
 	--p-form-field-lg-font-size: var(--icon-size-md);
 }
 
+.p-autocomplete .p-autocomplete-clear-icon {
+	/** middle-align the icon */
+	top: calc(50% - var(--icon-size-sm) / 2);
+	margin-top: 0;
+}
+
 .p-autocomplete-clearable .p-inputtext {
 	flex-grow: 1;
 }
@@ -1888,71 +1895,142 @@
 	--p-select-placeholder-color: var(--color-dark-neutral-1000);
 }
 
+/** 
+* Fix issue with icons inside Input within an InputGroup being hidden when Input is in focus
+**/
+.p-inputicon {
+	z-index: 2;
+}
+
+.p-dialog-close-button {
+	--p-icon-size: var(--icon-size-sm);
+}
+.p-dialog .p-button-icon:empty {
+	display: none;
+}
+
+.p-togglebutton {
+	font-size: var(--text-sm);
+	border: 0;
+}
+
+.p-togglebutton-sm {
+	font-size: var(--text-sm);
+}
+
+.p-togglebutton-lg {
+	font-size: var(--text-md);
+}
+
 
 
 
 /* === ./components/custom/styles.css === */
 
+/* from ./BccAppNavigation/BccAppNavigation.css */
+@layer components {
+	.bcc-app-nav {
+		@apply bg-elevation-surface-default dark:border-brand-800 sticky inset-x-0 bottom-0 z-20 overflow-visible shadow-md sm:rounded-t-xl dark:border-t;
+	}
+	.bcc-app-nav-container {
+		@apply center pb-inset-bottom-1 mx-auto max-w-lg pt-1;
+	}
+
+	.bcc-app-nav-item {
+		@apply ctx-gray-subtlest text-ctx relative flex h-12 flex-1 flex-col items-center justify-center gap-1 transition-colors focus:ring-0 focus:outline-none;
+	}
+
+	.bcc-nav-item-icon {
+		@apply size-6 opacity-50;
+	}
+
+	.bcc-nav-item-badge {
+		@apply absolute top-0 right-1 opacity-75;
+	}
+
+	.bcc-nav-item-title {
+		@apply text-heading-xs text-center opacity-50;
+	}
+
+	.bcc-app-nav-item--active {
+		@apply text-selected;
+	}
+
+	.bcc-app-nav-item--active .bcc-nav-item-icon,
+	.bcc-app-nav-item--active .bcc-nav-item-badge,
+	.bcc-app-nav-item--active .bcc-nav-item-title {
+		@apply opacity-100;
+	}
+}
+
+
+
 /* from ./BccBadge/BccBadge.css */
 @layer components {
-  .bcc-badge {
-    @apply inline-flex shrink-0 gap-1 items-center justify-center rounded-full leading-none whitespace-nowrap;
-  
-    @apply bg-ctx text-ctx;
-  }
+	.bcc-badge {
+		@apply inline-flex shrink-0 items-center justify-center gap-1 rounded-full leading-none whitespace-nowrap;
 
-  .bcc-badge.capital {
-    @apply inline-flex;
-  }
-  .bcc-badge.sm {
-    @apply w-4 h-4 text-heading-xs;
-  }
-  .bcc-badge.md {
-    @apply h-5 w-5 text-heading-sm;
-  }
-  .bcc-badge.lg {
-    @apply w-6 h-6 text-heading-md;
-  }
-  .bcc-badge.xl {
-    @apply w-8 h-8 text-heading-md;
-  }
+		@apply bg-ctx text-ctx;
+	}
 
-  .bcc-badge .bcc-badge-icon {
-    @apply size-4;
-  }
-  .bcc-badge.lg .bcc-badge-icon {
-    @apply size-5;
-  }
-  .bcc-badge.xl .bcc-badge-icon {
-    @apply size-6;
-  }
+	.bcc-badge.capital {
+		@apply inline-flex;
+	}
+	.bcc-badge.gradient {
+		@apply ctx-gradient;
+	}
+	.bcc-badge.sm {
+		@apply text-heading-xs h-4 w-4;
+	}
+	.bcc-badge.md {
+		@apply text-heading-sm h-5 w-5;
+	}
+	.bcc-badge.lg {
+		@apply text-heading-md h-6 w-6;
+	}
+	.bcc-badge.xl {
+		@apply text-heading-md h-8 w-8;
+	}
 
-  .bcc-badge.bcc-badge-text {
-    @apply w-auto px-2;
-  }
-  .bcc-badge-text.lg, .bcc-badge-text.xl { 
-    @apply px-3;
-  }
-  .bcc-badge-text.border.lg, .bcc-badge-text.border.xl { 
-    @apply px-2;
-  }
-  .bcc-badge-text.bordered.lg, .bcc-badge-text.bordered.xl { 
-    @apply px-1;
-  }
+	.bcc-badge .bcc-badge-icon {
+		@apply size-4;
+	}
+	.bcc-badge.lg .bcc-badge-icon {
+		@apply size-5;
+	}
+	.bcc-badge.xl .bcc-badge-icon {
+		@apply size-6;
+	}
 
-  .bcc-badge.border {
-    @apply border-1;
-    border-color: var(--ctx-background-pressed);
-  }
+	.bcc-badge.bcc-badge-text {
+		@apply w-auto px-2;
+	}
+	.bcc-badge-text.lg,
+	.bcc-badge-text.xl {
+		@apply px-3;
+	}
+	.bcc-badge-text.border.lg,
+	.bcc-badge-text.border.xl {
+		@apply px-2;
+	}
+	.bcc-badge-text.bordered.lg,
+	.bcc-badge-text.bordered.xl {
+		@apply px-1;
+	}
 
-  .bcc-badge.bordered {
-    @apply border-2;
-    border-color: var(--ctx-background-pressed);
-  }
+	.bcc-badge.border {
+		@apply border-1;
+		border-color: var(--ctx-background-pressed);
+	}
 
-  .bcc-badge.squared  {
-    @apply rounded-sm;
-  }
+	.bcc-badge.bordered {
+		@apply border-2;
+		border-color: var(--ctx-background-pressed);
+	}
+
+	.bcc-badge.squared {
+		@apply rounded-sm;
+	}
 }
 
 
@@ -2001,6 +2079,7 @@
 
     .bcc-capacity-indicator.is-warning {
         @apply ctx-yellow-subtlest;
+        --bcc-capacity-indicator-circle: var(--ctx-background);
     }
 
     .bcc-capacity-indicator.is-full {
@@ -2354,78 +2433,74 @@
 
 /* from ./BccAvatar/BccAvatar.css */
 @layer components {
-    .bcc-avatar {
-        --p-avatar-background: var(--ctx-background);
-        --p-avatar-color: var(--ctx-text);
-        --bcc-avatar-border: var(--ctx-border);
-        @apply overflow-hidden shrink-0 ctx-gray-subtler;
-    }
-    .bcc-avatar.male,
-    .bcc-avatar.M {
-        @apply ctx-blue-subtler;
-    }
-    .bcc-avatar.female,
-    .bcc-avatar.F {
-        @apply ctx-purple-subtler;
-    }
-    .bcc-avatar.male.child,
-    .bcc-avatar.M.child {
-        @apply ctx-teal-subtler;
-    }
-    .bcc-avatar.female.child,
-    .bcc-avatar.F.child {
-        @apply ctx-magenta-subtler;
-    }
-    .bcc-avatar.bordered {
-        @apply border-2 border-ctx;
-    }
-    .bcc-avatar.xs {
-        @apply size-5 text-xs;
-    }
-    .bcc-avatar.sm {
-        @apply size-6 text-sm;
-    }
-    .bcc-avatar.md {
-        @apply size-8 text-base;
-    }
-    .bcc-avatar.lg {
-        @apply size-10 text-lg;
-    }
-    .bcc-avatar.xl {
-        @apply size-12 text-xl;
-    }
-    .bcc-avatar.xxl {
-        @apply size-20 text-3xl;
-    }
-    .bcc-avatar.xxxl {
-        @apply size-24 text-4xl;
-    }
+	.bcc-avatar {
+		--p-avatar-background: var(--ctx-background);
+		--p-avatar-color: var(--ctx-text);
+		--bcc-avatar-border: var(--ctx-border);
+		--p-icon-size: var(--icon-size-sm);
+		@apply ctx-gray-subtler shrink-0 overflow-hidden text-sm;
+	}
 
-    .bcc-avatar.squared.lg {
-        @apply text-xl;
-    }
-    .bcc-avatar.squared.xl {
-        @apply text-2xl;
-    }
-    .bcc-avatar.squared.xxl {
-        @apply text-4xl;
-    }
-    .bcc-avatar.squared.xxxl {
-        @apply text-5xl;
-    }
+	.bcc-avatar.male,
+	.bcc-avatar.M {
+		@apply ctx-blue-subtler;
+	}
+	.bcc-avatar.female,
+	.bcc-avatar.F {
+		@apply ctx-purple-subtler;
+	}
+	.bcc-avatar.male.child,
+	.bcc-avatar.M.child {
+		@apply ctx-teal-subtler;
+	}
+	.bcc-avatar.female.child,
+	.bcc-avatar.F.child {
+		@apply ctx-magenta-subtler;
+	}
+	.bcc-avatar.bordered {
+		@apply border-ctx border-2;
+	}
+	.bcc-avatar.xs {
+		@apply size-5 text-xs;
+		--p-icon-size: var(--icon-size-xs);
+	}
+	.bcc-avatar.sm {
+		@apply size-6 text-xs;
+		--p-icon-size: var(--icon-size-xs);
+	}
+	/* .bcc-avatar.md {
+        same as default 
+    }*/
+	.bcc-avatar.lg {
+		@apply text-md size-10;
+		--p-icon-size: var(--icon-size-md);
+	}
+	.bcc-avatar.xl {
+		@apply size-12 text-xl;
+		--p-icon-size: var(--icon-size-lg);
+	}
+	.bcc-avatar.xxl {
+		@apply size-20 text-3xl;
+		--p-icon-size: var(--icon-size-xl);
+	}
+	.bcc-avatar.xxxl {
+		@apply size-24 text-4xl;
+		--p-icon-size: var(--icon-size-xl);
+	}
 
-    .p-overlaybadge .bcc-avatar.p-avatar-circle.lg~.p-badge,
-    .p-overlaybadge .bcc-avatar.p-avatar-circle.xl~.p-badge {
-        transform: translate(40%, -40%);
-    }
+	.p-overlaybadge .bcc-avatar.p-avatar-circle.lg ~ .p-badge,
+	.p-overlaybadge .bcc-avatar.p-avatar-circle.xl ~ .p-badge {
+		transform: translate(40%, -40%);
+	}
 
-    .p-overlaybadge .bcc-avatar.p-avatar-circle.xxxl~.p-badge,
-    .p-overlaybadge .bcc-avatar.p-avatar-circle.xxl~.p-badge {
-        transform: translate(20%, -20%);
-    }
+	.p-overlaybadge .bcc-avatar.p-avatar-circle.xxxl ~ .p-badge,
+	.p-overlaybadge .bcc-avatar.p-avatar-circle.xxl ~ .p-badge {
+		transform: translate(20%, -20%);
+	}
 }
 
 
+
 /* from ./BccTabs/BccTabs.css */
 @layer components {
     .bcc-tabs-fill.p-tabs {
@@ -2444,6 +2519,9 @@
         height: 100%;
         overflow: auto;
     }
+    .bcc-tabs-fluid.p-tabs {
+        width: 100%;
+    }
 }
 
 
@@ -2466,24 +2544,30 @@
 
 
 
-:root, :host {
+:root,
+:host {
 	--font-sans: 'Archivo', system-ui, sans-serif;
-  @apply font-sans antialiased p-0 m-0;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+	@apply m-0 p-0 font-sans antialiased;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	line-height: 1.2;
+	font-kerning: normal;
+}
 
+hr {
+	border-color: var(--color-border-default);
 }
 
 b,
 strong,
 .bold {
-  font-weight: bold;
-  --ctx-text: var(--ctx-text-bold);
+	font-weight: bold;
+	--ctx-text: var(--ctx-text-bold);
 }
 
 /* Disable state */
 :disabled,
 .disabled {
-  cursor: not-allowed;
-  pointer-events: none;
+	cursor: not-allowed;
+	pointer-events: none;
 }

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

@@ -0,0 +1,32 @@
+import type { VueComponent } from '@/types';
+import { type Component } from 'vue';
+export type BccAppNavigationItem = {
+    key: string;
+    title: string;
+    icon: Component;
+    pin?: number;
+    /** Any additional properties will be passed to the component.
+     * @example
+     * {
+     *   href: '/',
+     *   target: '_blank',
+     * } or for router link:
+     * {
+     *   to: '/',
+     *   replace: true,
+     * }
+     */
+    [key: string]: unknown;
+};
+type __VLS_Props = {
+    items: BccAppNavigationItem[];
+    linkComponent?: VueComponent;
+    activeKey?: BccAppNavigationItem['key'] | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (item: BccAppNavigationItem) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((item: BccAppNavigationItem) => any) | undefined;
+}>, {}, {}, {}, {}, 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

@@ -13,6 +13,7 @@ export type BadgeProps = {
     squared?: boolean;
     /** Design context (e.g. neutral, brand) used for background and text color. */
     context?: BCC_CONTEXT;
+    gradient?: boolean;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -21,6 +22,7 @@ type __VLS_Slots = {} & {
 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;
+    gradient: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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/BccDialKnob/BccDialKnob.vue.d.ts

@@ -44,6 +44,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
     size: number;
+    duration: number;
     colored: boolean;
     arcWidth: number;
     min: number;
@@ -51,7 +52,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     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>;

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

@@ -4,8 +4,8 @@ declare const __VLS_export: import("vue").DefineComponent<ReactProps, {}, {}, {}
 }, string, import("vue").PublicProps, Readonly<ReactProps> & Readonly<{
     onToggle?: ((id: string) => any) | undefined;
 }>, {
-    top: boolean;
     placeholder: string;
+    top: boolean;
 }, {}, {}, {}, 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

@@ -1,8 +1,8 @@
 import { type BCC_CONTEXT } from '@/contexts';
 export type StepIndicatorProps = {
-    steps: string[];
-    additionalText?: boolean;
-    showStepLabel?: boolean;
+    steps: string[] | number;
+    hideText?: boolean;
+    hideLabel?: boolean;
     left?: boolean;
     right?: boolean;
     context?: BCC_CONTEXT;
@@ -20,8 +20,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
     context: BCC_CONTEXT;
-    additionalText: boolean;
-    showStepLabel: boolean;
+    hideText: boolean;
+    hideLabel: boolean;
     headingFn: (currentStep: number, totalSteps: number) => string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -0,0 +1,47 @@
+import { type Component } from 'vue';
+export type TopNavigationProps = {
+    title?: string | (() => string);
+    subtitle?: string | (() => string);
+    left?: ((...args: unknown[]) => Component | null) | Component | string | 'event-logo';
+    right?: ((...args: unknown[]) => Component | null) | Component | string;
+    hideBack?: boolean;
+    backTitle?: string;
+};
+type __VLS_Props = TopNavigationProps & {
+    relative?: boolean;
+    fixed?: boolean;
+    padded?: boolean;
+    transparent?: boolean;
+    glass?: boolean;
+    backTitle?: string;
+    force?: boolean;
+    titleLeft?: boolean;
+};
+declare var __VLS_1: {
+    title: {
+        title: string;
+        subtitle: string;
+    };
+}, __VLS_13: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    right?: (props: typeof __VLS_13) => any;
+} & {
+    bottom?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    back: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBack?: (() => any) | undefined;
+}>, {
+    hideBack: boolean;
+}, {}, {}, {}, 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/index.d.ts

@@ -2,6 +2,7 @@
  * Custom BCC components (not based on PrimeVue).
  * Add new custom components here and export them from this file.
  */
+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';
@@ -14,6 +15,8 @@ export { default as BccReact } from './BccReact/BccReact.vue';
 export { default as BccReactEmoji } from './BccReact/BccReactEmoji.vue';
 export { default as BccStepIndicator } from './BccStepIndicator/BccStepIndicator.vue';
 export { default as BccTag } from './BccTag/BccTag.vue';
+export { default as BccTopNavigation } from './BccTopNavigation/BccTopNavigation.vue';
+export type { BccAppNavigationItem } from './BccAppNavigation/BccAppNavigation.vue';
 export type { BadgeProps } from './BccBadge/BccBadge.vue';
 export type { CapacityIndicatorProps } from './BccCapacityIndicator/BccCapacityIndicator.vue';
 export type { KnobProps, KnobSlots } from './BccDialKnob/BccDialKnob.vue';
@@ -24,3 +27,4 @@ export type { NpsScoreProps } from './BccNpsScore/BccNpsScore.vue';
 export type { ReactInfo, ReactProps } from './BccReact/types';
 export type { StepIndicatorProps } from './BccStepIndicator/BccStepIndicator.vue';
 export type { TagProps } from './BccTag/BccTag.vue';
+export type { TopNavigationProps } from './BccTopNavigation/BccTopNavigation.vue';

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

@@ -12,7 +12,7 @@ export type AvatarProps = Omit<PrimeAvatarProps, 'shape' | 'size'> & {
     /** Adds a visible border around the avatar. */
     bordered?: boolean;
     /** Controls the avatar dimensions; maps to CSS size classes (xs through xxl). Default: md */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
 };
 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;

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

@@ -0,0 +1,17 @@
+import { type ImageProps as PrimeImageProps } from 'primevue/image';
+export type ImageProps = PrimeImageProps;
+declare var __VLS_9: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    refresh?: (props: typeof __VLS_9) => any;
+} & {
+    undo?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PrimeImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PrimeImageProps> & 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/BccMenu/BccMenu.vue.d.ts

@@ -1,14 +1,14 @@
 import type { VueComponent } from '@/types';
+import { type MenuMethods as PrimeMenuMethods, type MenuProps as PrimeMenuProps } from 'primevue/menu';
 import type { MenuItem } from 'primevue/menuitem';
 /** Menu item model for BccMenu: icon can be a PrimeVue icon class string or a Vue icon component. */
 export type BccMenuItem = Omit<MenuItem, 'icon' | 'items'> & {
-    icon?: string | VueComponent;
+    icon?: VueComponent;
     items?: BccMenuItem[];
 };
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    toggle: (event: Event, target?: unknown) => void | undefined;
-    show: (event: Event, target?: unknown) => void | undefined;
-    hide: () => void | undefined;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+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 const _default: typeof __VLS_export;
 export default _default;

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

@@ -3,10 +3,12 @@ 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: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_19) => 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>;