@bcc-code/component-library-vue 0.0.0-dev.b82d660 → 0.0.0-dev.e513497

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

@@ -2,7 +2,7 @@ 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';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
     /** Text shown as the main heading; defaults to the numeric score when unset. */
     display?: string;
     /** Secondary label shown under the main heading. */
@@ -13,7 +13,7 @@ export type NpsResultProps = {
     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";
+    size: "xs" | "sm" | "md" | "lg" | "xl" | "full";
     hideText: boolean;
     animated: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -0,0 +1,28 @@
+import { type BCC_CONTEXT } from '@/contexts';
+export type StepIndicatorProps = {
+    steps: string[];
+    additionalText?: boolean;
+    showStepLabel?: boolean;
+    left?: boolean;
+    right?: boolean;
+    context?: BCC_CONTEXT;
+    headingFn?: (currentStep: number, totalSteps: number) => string;
+    clickable?: boolean;
+};
+type __VLS_Props = StepIndicatorProps;
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+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;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    context: BCC_CONTEXT;
+    additionalText: boolean;
+    showStepLabel: boolean;
+    headingFn: (currentStep: number, totalSteps: number) => string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -2,7 +2,6 @@
  * 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';
@@ -13,10 +12,8 @@ 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 BccStepIndicator } from './BccStepIndicator/BccStepIndicator.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';
@@ -25,6 +22,5 @@ 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 { StepIndicatorProps } from './BccStepIndicator/BccStepIndicator.vue';
 export type { TagProps } from './BccTag/BccTag.vue';
-export type { ToggleProps } from './BccToggle/BccToggle.vue';

package/dist-types/components/{custom → wrapped}/BccAvatar/BccAvatar.vue.d.ts

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

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

@@ -3,6 +3,7 @@ import { type ButtonProps as PrimeButtonProps } from 'primevue/button';
 export type ButtonProps = {
     icon?: VueComponent;
     iconRight?: boolean;
+    iconClass?: PrimeButtonProps['iconClass'];
     size?: PrimeButtonProps['size'];
     useCtx?: boolean;
 } & /* @vue-ignore */ Omit<PrimeButtonProps, 'icon' | 'iconPos'>;

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

@@ -1,6 +1,7 @@
 import { type CheckboxProps as PrimeCheckboxProps } from 'primevue/checkbox';
 export type CheckboxProps = PrimeCheckboxProps & {
     label?: string;
+    labelLeft?: boolean;
 };
 declare var __VLS_18: {};
 type __VLS_Slots = {} & {

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

@@ -0,0 +1,18 @@
+import type { VueComponent } from '@/types';
+import { type ChipProps as PrimeChipProps } from 'primevue/chip';
+export type ChipProps = {
+    icon?: VueComponent;
+} & /* @vue-ignore */ Omit<PrimeChipProps, 'icon' | 'iconPos'>;
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChipProps> & 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

@@ -0,0 +1,14 @@
+import type { VueComponent } from '@/types';
+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;
+    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>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist-types/components/{custom → wrapped}/BccTabs/BccTabs.vue.d.ts

@@ -1,6 +1,6 @@
 import type { VueComponent } from '@/types';
 import { type TabsProps as PrimeTabsProps } from 'primevue/tabs';
-import { type BadgeProps } from '../BccBadge/BccBadge.vue';
+import { type BadgeProps } from '../../custom';
 export interface TabItem {
     title: string;
     icon?: VueComponent;

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

@@ -2,13 +2,23 @@
  * Wrapped PrimeVue components with BCC defaults or extensions.
  * Add new wrapped components here and export them from this file.
  */
+export { default as BccAvatar } from './BccAvatar/BccAvatar.vue';
 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 BccInput } from './BccInput.vue';
+export { default as BccMenu } from './BccMenu/BccMenu.vue';
 export { default as BccMessage } from './BccMessage.vue';
+export { default as BccTabs } from './BccTabs/BccTabs.vue';
+export { default as BccToggle } from './BccToggle/BccToggle.vue';
 export { default as BccToggleButton } from './BccToggleButton.vue';
+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 { InputProps } from './BccInput.vue';
+export type { BccMenuItem } from './BccMenu/BccMenu.vue';
 export type { MessageProps } from './BccMessage.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

@@ -16,6 +16,7 @@
  * 2. Alternative: Pre-built CSS only (no Tailwind in your app; library styles + components only):
  *    - main.ts: import "@bcc-code/component-library-vue/style.css";
  */
+import type { ConfirmationOptions } from 'primevue/confirmationoptions';
 import './style.css';
 export { default as BccPreset } from '@bcc-code/design-tokens/primevue';
 export { BCC_CONTEXTS, type BCC_CONTEXT } from './contexts';
@@ -45,7 +46,6 @@ export { default as BccColorPicker } from 'primevue/colorpicker';
 export { default as BccColumn } from 'primevue/column';
 export { default as BccColumnGroup } from 'primevue/columngroup';
 export { default as BccConfig } from 'primevue/config';
-export { default as BccConfirmDialog } from 'primevue/confirmdialog';
 export { default as BccConfirmPopup } from 'primevue/confirmpopup';
 export { default as BccContextMenu } from 'primevue/contextmenu';
 export { default as BccDataTable } from 'primevue/datatable';
@@ -80,7 +80,7 @@ export { default as BccKeyFilter } from 'primevue/keyfilter';
 export { default as BccKnob } from 'primevue/knob';
 export { default as BccListbox } from 'primevue/listbox';
 export { default as BccMegaMenu } from 'primevue/megamenu';
-export { default as BccMenu } from 'primevue/menu';
+export { BccMenu, type BccMenuItem } from './components/wrapped';
 export { default as BccMenubar } from 'primevue/menubar';
 export { default as BccMeterGroup } from 'primevue/metergroup';
 export { default as BccMultiSelect } from 'primevue/multiselect';
@@ -133,14 +133,23 @@ export { default as BccTieredMenu } from 'primevue/tieredmenu';
 export { default as BccTimeline } from 'primevue/timeline';
 export { default as BccToast } from 'primevue/toast';
 export { default as BccToastService } from 'primevue/toastservice';
-export { default as BccToggleSwitch } from 'primevue/toggleswitch';
 export { default as BccToolbar } from 'primevue/toolbar';
 export { default as BccTooltip } from 'primevue/tooltip';
 export { default as BccTree } from 'primevue/tree';
 export { default as BccTreeSelect } from 'primevue/treeselect';
 export { default as BccTreeTable } from 'primevue/treetable';
-export { default as BccVirtualScroller } from 'primevue/virtualscroller';
-export { useConfirm } from 'primevue/useconfirm';
 export { useDialog } from 'primevue/usedialog';
 export { useToast } from 'primevue/usetoast';
+export { default as BccVirtualScroller } from 'primevue/virtualscroller';
 export { default as useAnimatedNumber } from './composables/animatedNumber';
+import type { VueComponent } from './types';
+interface UseConfirmOptions extends Omit<ConfirmationOptions, 'icon' | 'acceptIcon' | 'rejectIcon'> {
+    icon?: VueComponent | undefined;
+    acceptIcon?: VueComponent | undefined;
+    rejectIcon?: VueComponent | undefined;
+}
+type UseConfirmReturn = {
+    require: (option: UseConfirmOptions) => void;
+    close: () => void;
+};
+export declare function useConfirm(): UseConfirmReturn;

package/package.json

@@ -1,103 +1,105 @@
 {
-  "name": "@bcc-code/component-library-vue",
-  "version": "0.0.0-dev.b82d660",
-  "type": "module",
-  "description": "Extended Vue component library based on PrimeVue and BCC design tokens",
-  "repository": "https://github.com/bcc-code/bcc-design.git",
-  "license": "Apache-2.0",
-  "publishConfig": {
-    "access": "public"
-  },
-  "packageManager": "pnpm@9.15.0",
-  "files": [
-    "dist",
-    "dist-types",
-    "dist-css"
-  ],
-  "main": "./dist/component-library.umd.cjs",
-  "module": "./dist/component-library.js",
-  "types": "./dist-types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist-types/index.d.ts",
-        "default": "./dist/component-library.js"
-      },
-      "require": {
-        "types": "./dist-types/index.d.ts",
-        "default": "./dist/component-library.umd.cjs"
-      }
-    },
-    "./style.css": "./dist/index.css",
-    "./theme.css": "./dist/theme.css",
-    "./archivo-font.css": "./dist/archivo-font.css",
-    "./tailwind.css": "./dist-css/tailwind.css"
-  },
-  "scripts": {
-    "start": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "build": "run-p typecheck build:types build:vite",
-    "build:vite": "rimraf dist && vite build && node scripts/build-theme-css.mjs",
-    "build:types": "rimraf dist-types && vue-tsc -p tsconfig.build.json",
-    "generate:semantic": "node scripts/restructure-semantic-primitives.mjs",
-    "generate:semantic-css": "node scripts/generate-semantic-css.mjs",
-    "generate:context-modes": "node scripts/generate-context-modes.mjs",
-    "generate:context-css": "node scripts/generate-context-css.mjs",
-    "generate": "pnpm run generate:semantic && pnpm run generate:semantic-css && pnpm run generate:context-modes && pnpm run generate:context-css",
-    "sync:primevue-icon-patches": "node scripts/sync-primevue-icon-patches.mjs",
-    "typecheck": "vue-tsc --noEmit",
-    "lint": "eslint src/**/*.ts src/**/*.vue",
-    "lint:fix": "eslint --fix src/**/*.ts src/**/*.vue",
-    "test:unit": "vitest run",
-    "release-channel": "node ./scripts/release-channel.cjs",
-    "create-version": "node ./scripts/version.cjs"
-  },
-  "dependencies": {
-    "@bcc-code/icons-vue": "^1.4.0",
-    "@primeuix/themes": "^2.0.3",
-    "@tailwindcss/vite": "^4.1.18",
-    "primevue": "^4.5.4",
-    "tailwindcss": "^4.0.0"
-  },
-  "peerDependencies": {
-    "@bcc-code/design-tokens": "^5.1.0",
-    "vue": "^3.5.0"
-  },
-  "devDependencies": {
-    "@bcc-code/design-tokens": "^5.1.0",
-    "@eslint/js": "^9.39.2",
-    "@primevue/auto-import-resolver": "^4.5.4",
-    "@storybook/addon-docs": "^10.2.8",
-    "@storybook/vue3": "^10.0.0",
-    "@storybook/vue3-vite": "^10.0.0",
-    "@types/node": "^22.0.0",
-    "@vitejs/plugin-vue": "^6.0.0",
-    "@vue/eslint-config-prettier": "^10.2.0",
-    "@vue/test-utils": "^2.4.6",
-    "@vue/tsconfig": "^0.7.0",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^9.39.2",
-    "eslint-plugin-prettier": "^5.5.5",
-    "eslint-plugin-vue": "^10.7.0",
-    "globals": "^17.3.0",
-    "jiti": "^2.6.1",
-    "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.49",
-    "prettier": "^3.8.1",
-    "prettier-plugin-tailwindcss": "^0.7.2",
-    "rimraf": "^6.0.0",
-    "storybook": "^10.0.0",
-    "typescript": "~5.7.0",
-    "typescript-eslint": "^8.54.0",
-    "unplugin-vue-components": "^31.0.0",
-    "vite": "^7.3.0",
-    "vitest": "^4.0.18",
-    "vue": "^3.5.0",
-    "vue-tsc": "^3.2.4"
-  },
-  "pnpm": {
-    "patchedDependencies": {
-      "@primevue/icons": "patches/@primevue__icons.patch"
-    }
-  }
+	"name": "@bcc-code/component-library-vue",
+	"version": "0.0.0-dev.e513497",
+	"type": "module",
+	"description": "Extended Vue component library based on PrimeVue and BCC design tokens",
+	"repository": "https://github.com/bcc-code/bcc-design.git",
+	"license": "Apache-2.0",
+	"publishConfig": {
+		"access": "public"
+	},
+	"packageManager": "pnpm@9.15.0",
+	"files": [
+		"dist",
+		"dist-types",
+		"dist-css"
+	],
+	"main": "./dist/component-library.umd.cjs",
+	"module": "./dist/component-library.js",
+	"types": "./dist-types/index.d.ts",
+	"exports": {
+		".": {
+			"import": {
+				"types": "./dist-types/index.d.ts",
+				"default": "./dist/component-library.js"
+			},
+			"require": {
+				"types": "./dist-types/index.d.ts",
+				"default": "./dist/component-library.umd.cjs"
+			}
+		},
+		"./style.css": "./dist/index.css",
+		"./theme.css": "./dist/theme.css",
+		"./archivo-font.css": "./dist/archivo-font.css",
+		"./tailwind.css": "./dist-css/tailwind.css"
+	},
+	"scripts": {
+		"start": "storybook dev -p 6006",
+		"build-storybook": "storybook build",
+		"build": "run-p typecheck build:types build:vite",
+		"build:vite": "rimraf dist && vite build && node scripts/build-theme-css.mjs",
+		"build:types": "rimraf dist-types && vue-tsc -p tsconfig.build.json",
+		"generate:semantic": "node scripts/restructure-semantic-primitives.mjs",
+		"generate:semantic-css": "node scripts/generate-semantic-css.mjs",
+		"generate:context-modes": "node scripts/generate-context-modes.mjs",
+		"generate:context-css": "node scripts/generate-context-css.mjs",
+		"generate": "pnpm run generate:semantic && pnpm run generate:semantic-css && pnpm run generate:context-modes && pnpm run generate:context-css",
+		"sync:primevue-icon-patches": "node scripts/sync-primevue-icon-patches.mjs",
+		"typecheck": "vue-tsc --noEmit",
+		"lint": "eslint src/**/*.ts src/**/*.vue",
+		"lint:fix": "eslint --fix src/**/*.ts src/**/*.vue",
+		"test:unit": "vitest run",
+		"release-channel": "node ./scripts/release-channel.cjs",
+		"create-version": "node ./scripts/version.cjs"
+	},
+	"dependencies": {
+		"@bcc-code/design-tokens": "^5.1.34",
+		"@bcc-code/icons-vue": "^1.4.0",
+		"@primeuix/themes": "^2.0.3",
+		"@tailwindcss/vite": "^4.1.18",
+		"primevue": "^4.5.4",
+		"tailwindcss": "^4.0.0"
+	},
+	"peerDependencies": {
+		"vue": "^3.5.0"
+	},
+	"devDependencies": {
+		"@eslint/js": "^9.39.2",
+		"@primevue/auto-import-resolver": "^4.5.4",
+		"@storybook/addon-docs": "^10.2.8",
+		"@storybook/manager-api": "^8.6.14",
+		"@storybook/theming": "^8.6.14",
+		"@storybook/vue3": "^10.0.0",
+		"@storybook/vue3-vite": "^10.0.0",
+		"@types/node": "^22.0.0",
+		"@vitejs/plugin-vue": "^6.0.0",
+		"@vue/eslint-config-prettier": "^10.2.0",
+		"@vue/test-utils": "^2.4.6",
+		"@vue/tsconfig": "^0.7.0",
+		"autoprefixer": "^10.4.20",
+		"eslint": "^9.39.2",
+		"eslint-plugin-prettier": "^5.5.5",
+		"eslint-plugin-vue": "^10.7.0",
+		"globals": "^17.3.0",
+		"jiti": "^2.6.1",
+		"npm-run-all": "^4.1.5",
+		"postcss": "^8.4.49",
+		"prettier": "^3.8.1",
+		"prettier-plugin-tailwindcss": "^0.7.2",
+		"remark-gfm": "^4.0.0",
+		"rimraf": "^6.0.0",
+		"storybook": "^10.0.0",
+		"typescript": "~5.7.0",
+		"typescript-eslint": "^8.54.0",
+		"unplugin-vue-components": "^31.0.0",
+		"vite": "^7.3.0",
+		"vitest": "^4.0.18",
+		"vue": "^3.5.0",
+		"vue-tsc": "^3.2.4"
+	},
+	"pnpm": {
+		"patchedDependencies": {
+			"@primevue/icons": "patches/@primevue__icons.patch"
+		}
+	}
 }