@bcc-code/component-library-vue 0.0.0-dev.9f82662 → 0.0.0-dev.a17f70e

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

@@ -1,3 +1,11 @@
-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>;
+type __VLS_Props = {
+    icon?: string;
+    size?: 'sm' | 'md' | 'base' | 'lg' | 'xl' | '2xl' | '3xl';
+    left?: boolean;
+    right?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "sm" | "md" | "base" | "lg" | "xl" | "2xl" | "3xl";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

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

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

@@ -0,0 +1,55 @@
+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: {
+    title: string;
+}, __VLS_15: {
+    subtitle: string;
+}, __VLS_17: {}, __VLS_24: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_13) => any;
+} & {
+    subtitle?: (props: typeof __VLS_15) => any;
+} & {
+    right?: (props: typeof __VLS_17) => any;
+} & {
+    bottom?: (props: typeof __VLS_24) => 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/BccMenu/BccMenu.vue.d.ts

@@ -1,5 +1,5 @@
 import type { VueComponent } from '@/types';
-import { type MenuProps as PrimeMenuProps } from 'primevue/menu';
+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'> & {
@@ -9,10 +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, {
-    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<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,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>;

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

@@ -0,0 +1,19 @@
+import { type RadioButtonProps as PrimeRadioButtonProps } from 'primevue/radiobutton';
+export type RadioButtonProps = PrimeRadioButtonProps & {
+    label?: string;
+    labelLeft?: boolean;
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+};
+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/BccTabs/BccTabs.vue.d.ts

@@ -13,6 +13,8 @@ export type TabsProps = Omit<PrimeTabsProps, 'value'> & {
     fill?: boolean;
     modelValue?: number;
     noPanels?: boolean;
+    fluid?: boolean;
+    bold?: boolean;
 };
 type __VLS_Props = TabsProps;
 type __VLS_ModelProps = {

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

@@ -11,6 +11,8 @@ 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';
@@ -22,6 +24,8 @@ 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

@@ -94,7 +94,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 +101,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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bcc-code/component-library-vue",
-	"version": "0.0.0-dev.9f82662",
+	"version": "0.0.0-dev.a17f70e",
 	"type": "module",
 	"description": "Extended Vue component library based on PrimeVue and BCC design tokens",
 	"repository": "https://github.com/bcc-code/bcc-design.git",
@@ -53,7 +53,7 @@
 		"create-version": "node ./scripts/version.cjs"
 	},
 	"dependencies": {
-		"@bcc-code/design-tokens": "^5.1.42",
+		"@bcc-code/design-tokens": "^5.1.65",
 		"@bcc-code/icons-vue": "^1.4.0",
 		"@primeuix/themes": "^2.0.3",
 		"@tailwindcss/vite": "^4.1.18",