@expcat/tigercat-vue 1.2.0 → 1.2.14

package/dist/{chunk-EL2224DN.js → chunk-YCBLL5K3.js}

@@ -6,19 +6,19 @@ var _chunk27T3QDSFjs = require('./chunk-27T3QDSF.js');
 var _chunk2LNNB55Ejs = require('./chunk-2LNNB55E.js');
 
 
-var _chunkZED7TU62js = require('./chunk-ZED7TU62.js');
+var _chunk2DC3BMEDjs = require('./chunk-2DC3BMED.js');
 
 
 var _chunk2KDSHEZTjs = require('./chunk-2KDSHEZT.js');
 
 
-var _chunkDUQ7Q2GOjs = require('./chunk-DUQ7Q2GO.js');
+var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
 
 
 var _chunkXGXGAK27js = require('./chunk-XGXGAK27.js');
 
 
-var _chunkWPIDP6IGjs = require('./chunk-WPIDP6IG.js');
+var _chunkZ6HBM73Wjs = require('./chunk-Z6HBM73W.js');
 
 // src/components/ActivityFeed.ts
 var _vue = require('vue');
@@ -40,7 +40,7 @@ var _tigercatcore = require('@expcat/tigercat-core');
 var renderAction = (item, action, index) => {
   const key = _nullishCoalesce(action.key, () => ( `${item.id}-action-${index}`));
   return _vue.h.call(void 0, 
-    _chunkZED7TU62js.Link,
+    _chunk2DC3BMEDjs.Link,
     {
       key,
       size: "sm",
@@ -142,7 +142,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
         },
         [
           _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemLayoutClasses }, [
-            props.showAvatar && item.user ? _vue.h.call(void 0, _chunkWPIDP6IGjs.Avatar, {
+            props.showAvatar && item.user ? _vue.h.call(void 0, _chunkZ6HBM73Wjs.Avatar, {
               size: "sm",
               src: item.user.avatar,
               text: item.user.name,
@@ -152,7 +152,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
               _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemHeaderClasses }, [
                 _vue.h.call(void 0, "div", { class: _tigercatcore.activityItemTitleGroupClasses }, [
                   titleText ? _vue.h.call(void 0, 
-                    _chunkDUQ7Q2GOjs.Text,
+                    _chunkTGHB5XSTjs.Text,
                     { tag: "div", size: "sm", weight: "medium", class: "truncate" },
                     { default: () => titleText }
                   ) : null,
@@ -167,7 +167,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
                   ) : null
                 ]),
                 timeText ? _vue.h.call(void 0, 
-                  _chunkDUQ7Q2GOjs.Text,
+                  _chunkTGHB5XSTjs.Text,
                   {
                     tag: "div",
                     size: "xs",
@@ -178,7 +178,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
                 ) : null
               ]),
               descriptionText ? _vue.h.call(void 0, 
-                _chunkDUQ7Q2GOjs.Text,
+                _chunkTGHB5XSTjs.Text,
                 {
                   tag: "div",
                   size: "sm",
@@ -224,7 +224,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
         );
       }
       if (resolvedGroups.value.length === 0) {
-        const emptyNode = slots.empty ? slots.empty() : _vue.h.call(void 0, _chunkDUQ7Q2GOjs.Text, { tag: "div", size: "sm", color: "muted" }, { default: () => props.emptyText });
+        const emptyNode = slots.empty ? slots.empty() : _vue.h.call(void 0, _chunkTGHB5XSTjs.Text, { tag: "div", size: "sm", color: "muted" }, { default: () => props.emptyText });
         return _vue.h.call(void 0, 
           "div",
           {
@@ -262,7 +262,7 @@ var ActivityFeed = _vue.defineComponent.call(void 0, {
           const timelineItems = _tigercatcore.toActivityTimelineItems.call(void 0, group.items);
           return _vue.h.call(void 0, "div", { key: _nullishCoalesce(group.key, () => ( groupIndex)), class: "space-y-3" }, [
             props.showGroupTitle && groupTitle ? _nullishCoalesce(headerNode, () => ( _vue.h.call(void 0, 
-              _chunkDUQ7Q2GOjs.Text,
+              _chunkTGHB5XSTjs.Text,
               { tag: "div", size: "sm", weight: "medium", color: "muted" },
               { default: () => groupTitle }
             ))) : null,

package/dist/{chunk-2PFP44AI.mjs → chunk-YCBU3C4T.mjs}

@@ -7,13 +7,13 @@ import {
 } from "./chunk-PZH2RTSS.mjs";
 import {
   Button
-} from "./chunk-UM5GGKIX.mjs";
+} from "./chunk-PO5GVU4Q.mjs";
 import {
   Loading
 } from "./chunk-PCUUTKQZ.mjs";
 import {
   Text
-} from "./chunk-6V7XCCXN.mjs";
+} from "./chunk-NN6AINLG.mjs";
 import {
   Card
 } from "./chunk-KOTSKHPQ.mjs";

package/dist/{chunk-TOOENSVT.mjs → chunk-YR75F34D.mjs}

@@ -14,13 +14,6 @@ var DropdownItem = defineComponent({
   name: "TigerDropdownItem",
   inheritAttrs: false,
   props: {
-    /**
-     * Unique key for the dropdown item
-     */
-    itemKey: {
-      type: [String, Number],
-      default: void 0
-    },
     /**
      * Whether the item is disabled
      * @default false

package/dist/{chunk-WPIDP6IG.js → chunk-Z6HBM73W.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Avatar.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkODQOYMUQjs = require('./chunk-ODQOYMUQ.js');
+
+// src/components/Avatar.ts
 var _vue = require('vue');
 
 
@@ -22,7 +26,7 @@ var Avatar = _vue.defineComponent.call(void 0, {
      */
     size: {
       type: String,
-      default: "md"
+      default: void 0
     },
     /**
      * Avatar shape
@@ -84,12 +88,15 @@ var Avatar = _vue.defineComponent.call(void 0, {
   },
   setup(props, { slots, attrs }) {
     const imageError = _vue.ref.call(void 0, false);
+    const group = _vue.inject.call(void 0, _chunkODQOYMUQjs.AVATAR_GROUP_INJECTION_KEY, null);
     const hasImage = _vue.computed.call(void 0, () => Boolean(props.src) && !imageError.value);
+    const resolvedSize = _vue.computed.call(void 0, () => _nullishCoalesce(_nullishCoalesce(props.size, () => ( _optionalChain([group, 'optionalAccess', _ => _.size]))), () => ( "md")));
     const avatarClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, 
         _tigercatcore.avatarBaseClasses,
-        _tigercatcore.avatarSizeClasses[props.size],
+        _tigercatcore.avatarSizeClasses[resolvedSize.value],
         _tigercatcore.avatarShapeClasses[props.shape],
+        _optionalChain([group, 'optionalAccess', _2 => _2.itemClass]),
         !hasImage.value && props.bgColor,
         !hasImage.value && props.textColor
       )
@@ -102,7 +109,7 @@ var Avatar = _vue.defineComponent.call(void 0, {
       const ariaLabelProp = attrsRecord["aria-label"];
       const ariaLabelledbyProp = attrsRecord["aria-labelledby"];
       const ariaHiddenProp = attrsRecord["aria-hidden"];
-      const computedLabel = _nullishCoalesce(_nullishCoalesce(ariaLabelProp, () => ( (props.alt.trim() ? props.alt : void 0))), () => ( (_optionalChain([props, 'access', _ => _.text, 'optionalAccess', _2 => _2.trim, 'call', _3 => _3()]) || void 0)));
+      const computedLabel = _nullishCoalesce(_nullishCoalesce(ariaLabelProp, () => ( (props.alt.trim() ? props.alt : void 0))), () => ( (_optionalChain([props, 'access', _3 => _3.text, 'optionalAccess', _4 => _4.trim, 'call', _5 => _5()]) || void 0)));
       const isDecorative = ariaHiddenProp === true || !computedLabel && !ariaLabelledbyProp;
       const baseSpanProps = {
         ...attrs,
@@ -138,7 +145,7 @@ var Avatar = _vue.defineComponent.call(void 0, {
             "aria-labelledby": ariaLabelledbyProp
           }
         },
-        displayText.value || _optionalChain([slots, 'access', _4 => _4.default, 'optionalCall', _5 => _5()])
+        displayText.value || _optionalChain([slots, 'access', _6 => _6.default, 'optionalCall', _7 => _7()])
       );
     };
   }

package/dist/{chunk-COCECPMG.mjs → chunk-ZCT56WB7.mjs}

@@ -1,5 +1,9 @@
+import {
+  AVATAR_GROUP_INJECTION_KEY
+} from "./chunk-W6ZFHHD3.mjs";
+
 // src/components/Avatar.ts
-import { defineComponent, computed, h, ref } from "vue";
+import { defineComponent, computed, h, ref, inject } from "vue";
 import {
   classNames,
   coerceClassValue,
@@ -22,7 +26,7 @@ var Avatar = defineComponent({
      */
     size: {
       type: String,
-      default: "md"
+      default: void 0
     },
     /**
      * Avatar shape
@@ -84,12 +88,15 @@ var Avatar = defineComponent({
   },
   setup(props, { slots, attrs }) {
     const imageError = ref(false);
+    const group = inject(AVATAR_GROUP_INJECTION_KEY, null);
     const hasImage = computed(() => Boolean(props.src) && !imageError.value);
+    const resolvedSize = computed(() => props.size ?? group?.size ?? "md");
     const avatarClasses = computed(
       () => classNames(
         avatarBaseClasses,
-        avatarSizeClasses[props.size],
+        avatarSizeClasses[resolvedSize.value],
         avatarShapeClasses[props.shape],
+        group?.itemClass,
         !hasImage.value && props.bgColor,
         !hasImage.value && props.textColor
       )

package/dist/{chunk-H4F4G2E4.mjs → chunk-ZYCOHZCM.mjs}

@@ -7,10 +7,12 @@ import {
   getSegmentedIndicatorStyle,
   getSegmentedOptionClasses,
   classNames,
-  coerceClassValue
+  coerceClassValue,
+  mergeStyleValues
 } from "@expcat/tigercat-core";
 var Segmented = defineComponent({
   name: "TigerSegmented",
+  inheritAttrs: false,
   props: {
     modelValue: {
       type: [String, Number],
@@ -22,7 +24,8 @@ var Segmented = defineComponent({
     },
     disabled: { type: Boolean, default: false },
     size: { type: String, default: "md" },
-    block: { type: Boolean, default: false }
+    block: { type: Boolean, default: false },
+    className: { type: String, default: void 0 }
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit, attrs }) {
@@ -35,11 +38,16 @@ var Segmented = defineComponent({
     return () => h(
       "div",
       {
+        ...attrs,
         class: classNames(
           getSegmentedContainerClasses(props.size, props.block),
+          props.className,
           coerceClassValue(attrs.class)
         ),
-        style: getSegmentedContainerStyle(props.options.length),
+        style: mergeStyleValues(
+          attrs.style,
+          getSegmentedContainerStyle(props.options.length)
+        ),
         role: "radiogroup"
       },
       [

package/dist/components/ActivityFeed.d.mts

@@ -109,9 +109,9 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{}>, {
     loadingText: string;
     emptyText: string;
-    loading: boolean;
     className: string;
     style: Record<string, string | number>;
+    loading: boolean;
     groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];

package/dist/components/ActivityFeed.d.ts

@@ -109,9 +109,9 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{}>, {
     loadingText: string;
     emptyText: string;
-    loading: boolean;
     className: string;
     style: Record<string, string | number>;
+    loading: boolean;
     groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];

package/dist/components/ActivityFeed.js

@@ -1,16 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkEL2224DNjs = require('../chunk-EL2224DN.js');
+var _chunkYCBLL5K3js = require('../chunk-YCBLL5K3.js');
 require('../chunk-27T3QDSF.js');
 require('../chunk-2LNNB55E.js');
-require('../chunk-ZED7TU62.js');
+require('../chunk-2DC3BMED.js');
 require('../chunk-JDCVS4SJ.js');
 require('../chunk-2KDSHEZT.js');
-require('../chunk-DUQ7Q2GO.js');
+require('../chunk-TGHB5XST.js');
 require('../chunk-XGXGAK27.js');
-require('../chunk-WPIDP6IG.js');
+require('../chunk-Z6HBM73W.js');
+require('../chunk-ODQOYMUQ.js');
 
 
 
-exports.ActivityFeed = _chunkEL2224DNjs.ActivityFeed; exports.default = _chunkEL2224DNjs.ActivityFeed_default;
+exports.ActivityFeed = _chunkYCBLL5K3js.ActivityFeed; exports.default = _chunkYCBLL5K3js.ActivityFeed_default;

package/dist/components/ActivityFeed.mjs

@@ -1,15 +1,16 @@
 import {
   ActivityFeed,
   ActivityFeed_default
-} from "../chunk-JL526HSV.mjs";
+} from "../chunk-OK7MTFAX.mjs";
 import "../chunk-LBGTABIU.mjs";
 import "../chunk-PCUUTKQZ.mjs";
-import "../chunk-4YHOD7LT.mjs";
+import "../chunk-3MO7A4GU.mjs";
 import "../chunk-7RIWAO2A.mjs";
 import "../chunk-3G4VPV4D.mjs";
-import "../chunk-6V7XCCXN.mjs";
+import "../chunk-NN6AINLG.mjs";
 import "../chunk-KOTSKHPQ.mjs";
-import "../chunk-COCECPMG.mjs";
+import "../chunk-ZCT56WB7.mjs";
+import "../chunk-W6ZFHHD3.mjs";
 export {
   ActivityFeed,
   ActivityFeed_default as default

package/dist/components/Anchor.d.mts

@@ -161,7 +161,7 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "change")[], "click" | "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "click")[], "change" | "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Whether to fix the anchor to the viewport
      * @default true
@@ -233,8 +233,8 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     direction: AnchorDirection;
     className: string;

package/dist/components/Anchor.d.ts

@@ -161,7 +161,7 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "change")[], "click" | "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "click")[], "change" | "click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Whether to fix the anchor to the viewport
      * @default true
@@ -233,8 +233,8 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     direction: AnchorDirection;
     className: string;

package/dist/components/AutoComplete.d.mts

@@ -93,8 +93,8 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
     onSearch?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    disabled: boolean;
     size: AutoCompleteSize;
+    disabled: boolean;
     modelValue: string | number;
     options: AutoCompleteOption[];
     placeholder: string;

package/dist/components/AutoComplete.d.ts

@@ -93,8 +93,8 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
     onSearch?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    disabled: boolean;
     size: AutoCompleteSize;
+    disabled: boolean;
     modelValue: string | number;
     options: AutoCompleteOption[];
     placeholder: string;

package/dist/components/Avatar.d.mts

@@ -20,7 +20,7 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
      */
     size: {
         type: PropType<AvatarSize>;
-        default: AvatarSize;
+        default: undefined;
     };
     /**
      * Avatar shape
@@ -88,7 +88,7 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
      */
     size: {
         type: PropType<AvatarSize>;
-        default: AvatarSize;
+        default: undefined;
     };
     /**
      * Avatar shape

package/dist/components/Avatar.d.ts

@@ -20,7 +20,7 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
      */
     size: {
         type: PropType<AvatarSize>;
-        default: AvatarSize;
+        default: undefined;
     };
     /**
      * Avatar shape
@@ -88,7 +88,7 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
      */
     size: {
         type: PropType<AvatarSize>;
-        default: AvatarSize;
+        default: undefined;
     };
     /**
      * Avatar shape

package/dist/components/Avatar.js

@@ -1,8 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkWPIDP6IGjs = require('../chunk-WPIDP6IG.js');
+var _chunkZ6HBM73Wjs = require('../chunk-Z6HBM73W.js');
+require('../chunk-ODQOYMUQ.js');
 
 
 
-exports.Avatar = _chunkWPIDP6IGjs.Avatar; exports.default = _chunkWPIDP6IGjs.Avatar_default;
+exports.Avatar = _chunkZ6HBM73Wjs.Avatar; exports.default = _chunkZ6HBM73Wjs.Avatar_default;

package/dist/components/Avatar.mjs

@@ -1,7 +1,8 @@
 import {
   Avatar,
   Avatar_default
-} from "../chunk-COCECPMG.mjs";
+} from "../chunk-ZCT56WB7.mjs";
+import "../chunk-W6ZFHHD3.mjs";
 export {
   Avatar,
   Avatar_default as default

package/dist/components/Badge.d.mts

@@ -93,10 +93,10 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     type: BadgeType;
-    variant: BadgeVariant;
     size: BadgeSize;
     className: string;
     style: Record<string, string | number>;
+    variant: BadgeVariant;
     max: number;
     content: string | number;
     position: BadgePosition;

package/dist/components/Badge.d.ts

@@ -93,10 +93,10 @@ declare const Badge: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     type: BadgeType;
-    variant: BadgeVariant;
     size: BadgeSize;
     className: string;
     style: Record<string, string | number>;
+    variant: BadgeVariant;
     max: number;
     content: string | number;
     position: BadgePosition;

package/dist/components/Breadcrumb.d.mts

@@ -4,6 +4,7 @@ import { BreadcrumbSeparator } from '@expcat/tigercat-core';
 
 interface VueBreadcrumbProps {
     separator?: BreadcrumbSeparator;
+    maxItems?: number;
     className?: string;
     style?: Record<string, unknown>;
     extra?: VNodeChild | VNodeChild[];
@@ -152,6 +153,15 @@ declare const Breadcrumb: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<BreadcrumbSeparator>;
         default: BreadcrumbSeparator;
     };
+    /**
+     * Maximum number of visible items before collapsing the middle into '...'.
+     * Shows the first item, the last `maxItems - 1` items, and a clickable
+     * ellipsis for the rest. Ignored when `maxItems <= 0` or `>=` item count.
+     */
+    maxItems: {
+        type: NumberConstructor;
+        default: undefined;
+    };
     /**
      * Additional CSS classes
      */
@@ -184,6 +194,15 @@ declare const Breadcrumb: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<BreadcrumbSeparator>;
         default: BreadcrumbSeparator;
     };
+    /**
+     * Maximum number of visible items before collapsing the middle into '...'.
+     * Shows the first item, the last `maxItems - 1` items, and a clickable
+     * ellipsis for the rest. Ignored when `maxItems <= 0` or `>=` item count.
+     */
+    maxItems: {
+        type: NumberConstructor;
+        default: undefined;
+    };
     /**
      * Additional CSS classes
      */
@@ -210,6 +229,7 @@ declare const Breadcrumb: vue.DefineComponent<vue.ExtractPropTypes<{
     style: Record<string, unknown>;
     separator: string;
     extra: VNodeChild | VNodeChild[];
+    maxItems: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Breadcrumb, type BreadcrumbContext, BreadcrumbContextKey, BreadcrumbItem, type VueBreadcrumbItemProps, type VueBreadcrumbProps, Breadcrumb as default };

package/dist/components/Breadcrumb.d.ts

@@ -4,6 +4,7 @@ import { BreadcrumbSeparator } from '@expcat/tigercat-core';
 
 interface VueBreadcrumbProps {
     separator?: BreadcrumbSeparator;
+    maxItems?: number;
     className?: string;
     style?: Record<string, unknown>;
     extra?: VNodeChild | VNodeChild[];
@@ -152,6 +153,15 @@ declare const Breadcrumb: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<BreadcrumbSeparator>;
         default: BreadcrumbSeparator;
     };
+    /**
+     * Maximum number of visible items before collapsing the middle into '...'.
+     * Shows the first item, the last `maxItems - 1` items, and a clickable
+     * ellipsis for the rest. Ignored when `maxItems <= 0` or `>=` item count.
+     */
+    maxItems: {
+        type: NumberConstructor;
+        default: undefined;
+    };
     /**
      * Additional CSS classes
      */
@@ -184,6 +194,15 @@ declare const Breadcrumb: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<BreadcrumbSeparator>;
         default: BreadcrumbSeparator;
     };
+    /**
+     * Maximum number of visible items before collapsing the middle into '...'.
+     * Shows the first item, the last `maxItems - 1` items, and a clickable
+     * ellipsis for the rest. Ignored when `maxItems <= 0` or `>=` item count.
+     */
+    maxItems: {
+        type: NumberConstructor;
+        default: undefined;
+    };
     /**
      * Additional CSS classes
      */
@@ -210,6 +229,7 @@ declare const Breadcrumb: vue.DefineComponent<vue.ExtractPropTypes<{
     style: Record<string, unknown>;
     separator: string;
     extra: VNodeChild | VNodeChild[];
+    maxItems: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Breadcrumb, type BreadcrumbContext, BreadcrumbContextKey, BreadcrumbItem, type VueBreadcrumbItemProps, type VueBreadcrumbProps, Breadcrumb as default };

package/dist/components/Breadcrumb.js

@@ -3,10 +3,10 @@
 
 
 
-var _chunkWGNJHM34js = require('../chunk-WGNJHM34.js');
+var _chunkEJZBG5RTjs = require('../chunk-EJZBG5RT.js');
 
 
 
 
 
-exports.Breadcrumb = _chunkWGNJHM34js.Breadcrumb; exports.BreadcrumbContextKey = _chunkWGNJHM34js.BreadcrumbContextKey; exports.BreadcrumbItem = _chunkWGNJHM34js.BreadcrumbItem; exports.default = _chunkWGNJHM34js.Breadcrumb_default;
+exports.Breadcrumb = _chunkEJZBG5RTjs.Breadcrumb; exports.BreadcrumbContextKey = _chunkEJZBG5RTjs.BreadcrumbContextKey; exports.BreadcrumbItem = _chunkEJZBG5RTjs.BreadcrumbItem; exports.default = _chunkEJZBG5RTjs.Breadcrumb_default;

package/dist/components/Breadcrumb.mjs

@@ -3,7 +3,7 @@ import {
   BreadcrumbContextKey,
   BreadcrumbItem,
   Breadcrumb_default
-} from "../chunk-J73M5UTG.mjs";
+} from "../chunk-HCANI7ZG.mjs";
 export {
   Breadcrumb,
   BreadcrumbContextKey,

package/dist/components/BreadcrumbItem.js

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkWGNJHM34js = require('../chunk-WGNJHM34.js');
+var _chunkEJZBG5RTjs = require('../chunk-EJZBG5RT.js');
 
 // src/components/BreadcrumbItem.ts
-var BreadcrumbItem_default = _chunkWGNJHM34js.BreadcrumbItem;
+var BreadcrumbItem_default = _chunkEJZBG5RTjs.BreadcrumbItem;
 
 
 
-exports.BreadcrumbItem = _chunkWGNJHM34js.BreadcrumbItem; exports.default = BreadcrumbItem_default;
+exports.BreadcrumbItem = _chunkEJZBG5RTjs.BreadcrumbItem; exports.default = BreadcrumbItem_default;

package/dist/components/BreadcrumbItem.mjs

@@ -1,6 +1,6 @@
 import {
   BreadcrumbItem
-} from "../chunk-J73M5UTG.mjs";
+} from "../chunk-HCANI7ZG.mjs";
 
 // src/components/BreadcrumbItem.ts
 var BreadcrumbItem_default = BreadcrumbItem;