@expcat/tigercat-vue 1.2.52 → 1.3.1

package/dist/{chunk-OU6PJQXN.mjs → chunk-43EMBXIF.mjs}

@@ -1,12 +1,12 @@
 import {
   Table
-} from "./chunk-NF5O27AM.mjs";
+} from "./chunk-CFWGZ4QP.mjs";
 import {
   Select
-} from "./chunk-PYT5DTQQ.mjs";
+} from "./chunk-IZQ7BRHC.mjs";
 import {
   Popover
-} from "./chunk-PT4Q7C2A.mjs";
+} from "./chunk-6OQLZCQK.mjs";
 import {
   useTigerConfig
 } from "./chunk-VG6E4NX6.mjs";

package/dist/{chunk-W5GVB54A.js → chunk-6NFACBDB.js}

@@ -927,6 +927,7 @@ var SubMenu = _vue.defineComponent.call(void 0, {
           "aria-expanded": isExpanded.value ? "true" : "false",
           "aria-haspopup": "true",
           "aria-disabled": props.disabled ? "true" : void 0,
+          "data-state": isExpanded.value ? "open" : "closed",
           disabled: props.disabled,
           tabindex: -1,
           ...passthroughAttrs.value

package/dist/{chunk-PT4Q7C2A.mjs → chunk-6OQLZCQK.mjs}

@@ -64,8 +64,8 @@ var Popover = defineComponent({
     const triggerClasses = computed(() => getPopoverTriggerClasses(props.disabled));
     const contentClasses = computed(() => getPopoverContentClasses(props.width));
     return () => {
-      const defaultSlot = slots.default?.();
-      if (!defaultSlot || defaultSlot.length === 0) return null;
+      const triggerSlotContent = slots.trigger ? slots.trigger({ open: currentVisible.value }) : slots.default?.();
+      if (!triggerSlotContent || triggerSlotContent.length === 0) return null;
       const {
         class: _class,
         style: _style,
@@ -90,9 +90,14 @@ var Popover = defineComponent({
               class: triggerClasses.value,
               "aria-haspopup": "dialog",
               "aria-disabled": props.disabled ? "true" : void 0,
+              // `data-state` is the stable styling hook. `aria-expanded` is
+              // intentionally omitted: the trigger is a generic wrapper without
+              // an interactive role, where `aria-expanded` is invalid (the
+              // user's own interactive element carries the real semantics).
+              "data-state": currentVisible.value ? "open" : "closed",
               ...triggerHandlers.value
             },
-            defaultSlot
+            triggerSlotContent
           ),
           // Floating content
           currentVisible.value ? renderVueBodyTeleport(

package/dist/{chunk-BGMAWKWV.js → chunk-AEOREYSJ.js}

@@ -550,7 +550,8 @@ var Select = _vue.defineComponent.call(void 0, {
             "aria-haspopup": "listbox",
             "aria-expanded": isOpen.value,
             "aria-controls": listboxId,
-            "aria-activedescendant": isOpen.value && activeIndex.value >= 0 ? getOptionId(activeIndex.value) : void 0
+            "aria-activedescendant": isOpen.value && activeIndex.value >= 0 ? getOptionId(activeIndex.value) : void 0,
+            "data-state": isOpen.value ? "open" : "closed"
           },
           [
             _vue.h.call(void 0, 

package/dist/{chunk-6YI6UAEY.js → chunk-AP42636I.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkR62HQDKSjs = require('./chunk-R62HQDKS.js');
+var _chunkUWZSTI3Ejs = require('./chunk-UWZSTI3E.js');
 
 // src/components/DropdownItem.ts
 var _vue = require('vue');
@@ -47,7 +47,7 @@ var DropdownItem = _vue.defineComponent.call(void 0, {
     const attrsRecord = attrs;
     const attrsClass = attrsRecord.class;
     const attrsStyle = attrsRecord.style;
-    const context = _vue.inject.call(void 0, _chunkR62HQDKSjs.DropdownContextKey, null);
+    const context = _vue.inject.call(void 0, _chunkUWZSTI3Ejs.DropdownContextKey, null);
     const handleClick = (event) => {
       if (props.disabled) {
         event.preventDefault();

package/dist/{chunk-NF5O27AM.mjs → chunk-CFWGZ4QP.mjs}

@@ -1,6 +1,6 @@
 import {
   Select
-} from "./chunk-PYT5DTQQ.mjs";
+} from "./chunk-IZQ7BRHC.mjs";
 import {
   Radio
 } from "./chunk-YZP4K6KI.mjs";
@@ -31,6 +31,7 @@ import {
   formatTableSortByText,
   getCardColumns,
   getCardGridInfo,
+  getTableColgroup,
   getImmediateTigerLocale,
   getTableLabels,
   getTableWrapperClasses,
@@ -231,7 +232,8 @@ import {
   groupDataByColumn,
   getFixedColumnOffsets,
   getFixedVirtualRange,
-  filterHiddenColumns
+  filterHiddenColumns,
+  freezeTableColumnWidths
 } from "@expcat/tigercat-core";
 import { exportTableData, downloadTableExport } from "@expcat/tigercat-core";
 function useTableState(props, emit, measuredColumnWidths) {
@@ -347,6 +349,18 @@ function useTableState(props, emit, measuredColumnWidths) {
   const fixedColumnsInfo = computed(() => {
     return getFixedColumnOffsets(displayColumns.value, measuredColumnWidths.value);
   });
+  const frozenColumnWidths = ref({});
+  watch(
+    [() => measuredColumnWidths.value, displayColumns],
+    () => {
+      frozenColumnWidths.value = freezeTableColumnWidths(
+        displayColumns.value,
+        measuredColumnWidths.value,
+        frozenColumnWidths.value
+      );
+    },
+    { immediate: true }
+  );
   const columnByKey = computed(() => {
     const map = {};
     for (const column of displayColumns.value) {
@@ -615,6 +629,7 @@ function useTableState(props, emit, measuredColumnWidths) {
     paginationConfig,
     displayColumns,
     fixedColumnsInfo,
+    frozenColumnWidths,
     columnByKey,
     processedData,
     paginatedData,
@@ -1383,7 +1398,24 @@ var Table = defineComponent({
         ...resolvedProps,
         emptyText: tableLabels.value.emptyText
       };
+      const shouldPinColumns = resolvedProps.columnLockable || ctx.fixedColumnsInfo.value.hasFixedColumns;
+      const colgroup = shouldPinColumns ? h6(
+        "colgroup",
+        getTableColgroup({
+          columns: ctx.displayColumns.value,
+          frozenWidths: ctx.frozenColumnWidths.value,
+          size: resolvedProps.size,
+          hasSelectionColumn: !!resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false,
+          expand: resolvedProps.expandable ? resolvedProps.expandable.expandIconPosition === "end" ? "end" : "start" : false
+        }).map(
+          (entry, index) => h6("col", {
+            key: `${entry.key}-${index}`,
+            style: entry.width ? { width: entry.width } : void 0
+          })
+        )
+      ) : null;
       const tableChildren = [
+        colgroup,
         renderTableHeader(ctx, renderProps, slots),
         renderTableBody(ctx, renderProps, slots),
         renderSummaryRow(ctx, renderProps)

package/dist/{chunk-ZONC44YH.js → chunk-E3GVL5S4.js}

@@ -1,12 +1,12 @@
 "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 _chunkO4V7VULFjs = require('./chunk-O4V7VULF.js');
+var _chunkZ26QGWO7js = require('./chunk-Z26QGWO7.js');
 
 
-var _chunkBGMAWKWVjs = require('./chunk-BGMAWKWV.js');
+var _chunkAEOREYSJjs = require('./chunk-AEOREYSJ.js');
 
 
-var _chunkLUAI6VXVjs = require('./chunk-LUAI6VXV.js');
+var _chunkXV6IYXAPjs = require('./chunk-XV6IYXAP.js');
 
 
 var _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
@@ -357,7 +357,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
       const lockedKeys = new Set(_nullishCoalesce(_optionalChain([props, 'access', _35 => _35.toolbar, 'optionalAccess', _36 => _36.columnSettings, 'optionalAccess', _37 => _37.lockedColumnKeys]), () => ( [])));
       const panelTitle = _nullishCoalesce(_optionalChain([props, 'access', _38 => _38.toolbar, 'optionalAccess', _39 => _39.columnSettings, 'optionalAccess', _40 => _40.title]), () => ( tableLabels.value.columnSettingsText));
       return _vue.h.call(void 0, 
-        _chunkLUAI6VXVjs.Popover,
+        _chunkXV6IYXAPjs.Popover,
         {
           trigger: "click",
           placement: "bottom-end"
@@ -532,7 +532,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
               class: _nullishCoalesce(filter.itemClass, () => ( "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]")),
               style: filter.itemStyle
             }, [
-              _vue.h.call(void 0, _chunkBGMAWKWVjs.Select, {
+              _vue.h.call(void 0, _chunkAEOREYSJjs.Select, {
                 size: "sm",
                 options: (_nullishCoalesce(filter.options, () => ( []))).map((opt) => ({
                   label: opt.label,
@@ -668,7 +668,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
           style: wrapperStyle.value,
           "data-tiger-data-table-with-toolbar": ""
         },
-        [renderToolbar(), _vue.h.call(void 0, _chunkO4V7VULFjs.Table, tableProps, tableSlots)]
+        [renderToolbar(), _vue.h.call(void 0, _chunkZ26QGWO7js.Table, tableProps, tableSlots)]
       );
     };
   }

package/dist/{chunk-5HNDLUUM.mjs → chunk-FSGD24HV.mjs}

@@ -303,15 +303,23 @@ var Dropdown = defineComponent({
     const _menuItemTabIndex = -1;
     return () => {
       const defaultSlot = slots.default?.();
-      if (!defaultSlot || defaultSlot.length === 0) return null;
+      const triggerSlot = slots.trigger?.({ open: currentVisible.value });
+      if ((!defaultSlot || defaultSlot.length === 0) && (!triggerSlot || triggerSlot.length === 0)) {
+        return null;
+      }
       let triggerNode = null;
       let menuNode = null;
-      defaultSlot.forEach((node) => {
+      if (triggerSlot && triggerSlot.length > 0) {
+        triggerNode = triggerSlot.length === 1 ? triggerSlot[0] : h("span", triggerSlot);
+      }
+      defaultSlot?.forEach((node) => {
         if (node.type === DropdownMenu) {
           menuNode = node;
           return;
         }
-        triggerNode = node;
+        if (!triggerSlot) {
+          triggerNode = node;
+        }
       });
       const chevronNode = props.showArrow ? h(
         "svg",

package/dist/{chunk-PYT5DTQQ.mjs → chunk-IZQ7BRHC.mjs}

@@ -550,7 +550,8 @@ var Select = defineComponent({
             "aria-haspopup": "listbox",
             "aria-expanded": isOpen.value,
             "aria-controls": listboxId,
-            "aria-activedescendant": isOpen.value && activeIndex.value >= 0 ? getOptionId(activeIndex.value) : void 0
+            "aria-activedescendant": isOpen.value && activeIndex.value >= 0 ? getOptionId(activeIndex.value) : void 0,
+            "data-state": isOpen.value ? "open" : "closed"
           },
           [
             h(

package/dist/{chunk-XP6C3MNM.mjs → chunk-NUABW6IB.mjs}

@@ -1,6 +1,6 @@
 import {
   DropdownContextKey
-} from "./chunk-5HNDLUUM.mjs";
+} from "./chunk-FSGD24HV.mjs";
 
 // src/components/DropdownItem.ts
 import { defineComponent, inject, computed, h } from "vue";

package/dist/{chunk-R62HQDKS.js → chunk-UWZSTI3E.js}

@@ -303,16 +303,24 @@ var Dropdown = _vue.defineComponent.call(void 0, {
     const _menuItemTabIndex = -1;
     return () => {
       const defaultSlot = _optionalChain([slots, 'access', _7 => _7.default, 'optionalCall', _8 => _8()]);
-      if (!defaultSlot || defaultSlot.length === 0) return null;
+      const triggerSlot = _optionalChain([slots, 'access', _9 => _9.trigger, 'optionalCall', _10 => _10({ open: currentVisible.value })]);
+      if ((!defaultSlot || defaultSlot.length === 0) && (!triggerSlot || triggerSlot.length === 0)) {
+        return null;
+      }
       let triggerNode = null;
       let menuNode = null;
-      defaultSlot.forEach((node) => {
+      if (triggerSlot && triggerSlot.length > 0) {
+        triggerNode = triggerSlot.length === 1 ? triggerSlot[0] : _vue.h.call(void 0, "span", triggerSlot);
+      }
+      _optionalChain([defaultSlot, 'optionalAccess', _11 => _11.forEach, 'call', _12 => _12((node) => {
         if (node.type === DropdownMenu) {
           menuNode = node;
           return;
         }
-        triggerNode = node;
-      });
+        if (!triggerSlot) {
+          triggerNode = node;
+        }
+      })]);
       const chevronNode = props.showArrow ? _vue.h.call(void 0, 
         "svg",
         {

package/dist/{chunk-GD2WAN62.js → chunk-VH2GDZBH.js}

@@ -129,7 +129,8 @@ var Popconfirm = _vue.defineComponent.call(void 0, {
     const iconClasses = _vue.computed.call(void 0, () => _tigercatcore.getPopconfirmIconClasses.call(void 0, props.icon));
     const okButtonClasses = _vue.computed.call(void 0, () => _tigercatcore.getPopconfirmOkButtonClasses.call(void 0, props.okType));
     return () => {
-      const defaultSlot = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
+      const useTriggerSlot = Boolean(slots.trigger);
+      const defaultSlot = useTriggerSlot ? slots.trigger({ open: currentVisible.value }) : _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
       if (!defaultSlot || defaultSlot.length === 0) return null;
       const {
         class: _class,
@@ -140,10 +141,11 @@ var Popconfirm = _vue.defineComponent.call(void 0, {
         "aria-haspopup": "dialog",
         "aria-expanded": Boolean(currentVisible.value),
         "aria-controls": currentVisible.value ? popconfirmId : void 0,
-        "aria-disabled": props.disabled ? "true" : void 0
+        "aria-disabled": props.disabled ? "true" : void 0,
+        "data-state": currentVisible.value ? "open" : "closed"
       };
       const trigger = (() => {
-        if (defaultSlot.length === 1) {
+        if (!useTriggerSlot && defaultSlot.length === 1) {
           const only = defaultSlot[0];
           if (_vue.isVNode.call(void 0, only)) {
             const existingProps = _nullishCoalesce(only.props, () => ( {}));

package/dist/{chunk-RGAHV6QG.mjs → chunk-WUHW7AIM.mjs}

@@ -927,6 +927,7 @@ var SubMenu = defineComponent({
           "aria-expanded": isExpanded.value ? "true" : "false",
           "aria-haspopup": "true",
           "aria-disabled": props.disabled ? "true" : void 0,
+          "data-state": isExpanded.value ? "open" : "closed",
           disabled: props.disabled,
           tabindex: -1,
           ...passthroughAttrs.value

package/dist/{chunk-FI2EIJIF.mjs → chunk-XMGNMKWW.mjs}

@@ -129,7 +129,8 @@ var Popconfirm = defineComponent({
     const iconClasses = computed(() => getPopconfirmIconClasses(props.icon));
     const okButtonClasses = computed(() => getPopconfirmOkButtonClasses(props.okType));
     return () => {
-      const defaultSlot = slots.default?.();
+      const useTriggerSlot = Boolean(slots.trigger);
+      const defaultSlot = useTriggerSlot ? slots.trigger({ open: currentVisible.value }) : slots.default?.();
       if (!defaultSlot || defaultSlot.length === 0) return null;
       const {
         class: _class,
@@ -140,10 +141,11 @@ var Popconfirm = defineComponent({
         "aria-haspopup": "dialog",
         "aria-expanded": Boolean(currentVisible.value),
         "aria-controls": currentVisible.value ? popconfirmId : void 0,
-        "aria-disabled": props.disabled ? "true" : void 0
+        "aria-disabled": props.disabled ? "true" : void 0,
+        "data-state": currentVisible.value ? "open" : "closed"
       };
       const trigger = (() => {
-        if (defaultSlot.length === 1) {
+        if (!useTriggerSlot && defaultSlot.length === 1) {
           const only = defaultSlot[0];
           if (isVNode(only)) {
             const existingProps = only.props ?? {};

package/dist/{chunk-LUAI6VXV.js → chunk-XV6IYXAP.js}

@@ -64,8 +64,8 @@ var Popover = _vue.defineComponent.call(void 0, {
     const triggerClasses = _vue.computed.call(void 0, () => _tigercatcore.getPopoverTriggerClasses.call(void 0, props.disabled));
     const contentClasses = _vue.computed.call(void 0, () => _tigercatcore.getPopoverContentClasses.call(void 0, props.width));
     return () => {
-      const defaultSlot = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
-      if (!defaultSlot || defaultSlot.length === 0) return null;
+      const triggerSlotContent = slots.trigger ? slots.trigger({ open: currentVisible.value }) : _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
+      if (!triggerSlotContent || triggerSlotContent.length === 0) return null;
       const {
         class: _class,
         style: _style,
@@ -90,9 +90,14 @@ var Popover = _vue.defineComponent.call(void 0, {
               class: triggerClasses.value,
               "aria-haspopup": "dialog",
               "aria-disabled": props.disabled ? "true" : void 0,
+              // `data-state` is the stable styling hook. `aria-expanded` is
+              // intentionally omitted: the trigger is a generic wrapper without
+              // an interactive role, where `aria-expanded` is invalid (the
+              // user's own interactive element carries the real semantics).
+              "data-state": currentVisible.value ? "open" : "closed",
               ...triggerHandlers.value
             },
-            defaultSlot
+            triggerSlotContent
           ),
           // Floating content
           currentVisible.value ? _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, 

package/dist/{chunk-O4V7VULF.js → chunk-Z26QGWO7.js}

@@ -1,6 +1,6 @@
 "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 _chunkBGMAWKWVjs = require('./chunk-BGMAWKWV.js');
+var _chunkAEOREYSJjs = require('./chunk-AEOREYSJ.js');
 
 
 var _chunk3QV2D54Hjs = require('./chunk-3QV2D54H.js');
@@ -45,6 +45,7 @@ var _vue = require('vue');
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -234,6 +235,7 @@ var tableEmits = [
 
 
 
+
 function useTableState(props, emit, measuredColumnWidths) {
   const paginationConfig = _vue.computed.call(void 0, () => {
     return props.pagination !== false && typeof props.pagination === "object" ? props.pagination : null;
@@ -347,6 +349,18 @@ function useTableState(props, emit, measuredColumnWidths) {
   const fixedColumnsInfo = _vue.computed.call(void 0, () => {
     return _tigercatcore.getFixedColumnOffsets.call(void 0, displayColumns.value, measuredColumnWidths.value);
   });
+  const frozenColumnWidths = _vue.ref.call(void 0, {});
+  _vue.watch.call(void 0, 
+    [() => measuredColumnWidths.value, displayColumns],
+    () => {
+      frozenColumnWidths.value = _tigercatcore.freezeTableColumnWidths.call(void 0, 
+        displayColumns.value,
+        measuredColumnWidths.value,
+        frozenColumnWidths.value
+      );
+    },
+    { immediate: true }
+  );
   const columnByKey = _vue.computed.call(void 0, () => {
     const map = {};
     for (const column of displayColumns.value) {
@@ -615,6 +629,7 @@ function useTableState(props, emit, measuredColumnWidths) {
     paginationConfig,
     displayColumns,
     fixedColumnsInfo,
+    frozenColumnWidths,
     columnByKey,
     processedData,
     paginatedData,
@@ -1383,7 +1398,24 @@ var Table = _vue.defineComponent.call(void 0, {
         ...resolvedProps,
         emptyText: tableLabels.value.emptyText
       };
+      const shouldPinColumns = resolvedProps.columnLockable || ctx.fixedColumnsInfo.value.hasFixedColumns;
+      const colgroup = shouldPinColumns ? _vue.h.call(void 0, 
+        "colgroup",
+        _tigercatcore.getTableColgroup.call(void 0, {
+          columns: ctx.displayColumns.value,
+          frozenWidths: ctx.frozenColumnWidths.value,
+          size: resolvedProps.size,
+          hasSelectionColumn: !!resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false,
+          expand: resolvedProps.expandable ? resolvedProps.expandable.expandIconPosition === "end" ? "end" : "start" : false
+        }).map(
+          (entry, index) => _vue.h.call(void 0, "col", {
+            key: `${entry.key}-${index}`,
+            style: entry.width ? { width: entry.width } : void 0
+          })
+        )
+      ) : null;
       const tableChildren = [
+        colgroup,
         renderTableHeader(ctx, renderProps, slots),
         renderTableBody(ctx, renderProps, slots),
         renderSummaryRow(ctx, renderProps)
@@ -1448,7 +1480,7 @@ var Table = _vue.defineComponent.call(void 0, {
                 class: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] px-3 py-2"
               },
               [
-                _vue.h.call(void 0, _chunkBGMAWKWVjs.Select, {
+                _vue.h.call(void 0, _chunkAEOREYSJjs.Select, {
                   size: "sm",
                   modelValue: ctx.sortState.value.key && ctx.sortState.value.direction ? `${ctx.sortState.value.key}:${ctx.sortState.value.direction}` : "",
                   options: [

package/dist/components/ActivityFeed.d.mts

@@ -107,18 +107,18 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    loadingText: string;
-    emptyText: string;
-    className: string;
-    style: Record<string, string | number>;
-    loading: boolean;
-    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
+    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
+    loading: boolean;
+    loadingText: string;
+    emptyText: string;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;
+    className: string;
+    style: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };

package/dist/components/ActivityFeed.d.ts

@@ -107,18 +107,18 @@ declare const ActivityFeed: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    loadingText: string;
-    emptyText: string;
-    className: string;
-    style: Record<string, string | number>;
-    loading: boolean;
-    groupBy: (item: ActivityItem) => string;
     items: ActivityItem[];
     groups: ActivityGroup[];
+    groupBy: (item: ActivityItem) => string;
     groupOrder: string[];
+    loading: boolean;
+    loadingText: string;
+    emptyText: string;
     showAvatar: boolean;
     showTime: boolean;
     showGroupTitle: boolean;
+    className: string;
+    style: Record<string, string | number>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { ActivityFeed, type VueActivityFeedProps, ActivityFeed as default };

package/dist/components/Alert.d.mts

@@ -204,14 +204,14 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: AlertType;
-    closeAriaLabel: string;
     size: AlertSize;
     className: string;
     style: Record<string, string | number>;
+    type: AlertType;
     title: string;
-    description: string;
     closable: boolean;
+    closeAriaLabel: string;
+    description: string;
     showIcon: boolean;
     duration: number;
     banner: boolean;

package/dist/components/Alert.d.ts

@@ -204,14 +204,14 @@ declare const Alert: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: AlertType;
-    closeAriaLabel: string;
     size: AlertSize;
     className: string;
     style: Record<string, string | number>;
+    type: AlertType;
     title: string;
-    description: string;
     closable: boolean;
+    closeAriaLabel: string;
+    description: string;
     showIcon: boolean;
     duration: number;
     banner: boolean;

package/dist/components/Anchor.d.mts

@@ -236,9 +236,9 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    direction: AnchorDirection;
     className: string;
     style: Record<string, unknown>;
+    direction: AnchorDirection;
     offsetTop: number;
     targetOffset: number;
     bounds: number;

package/dist/components/Anchor.d.ts

@@ -236,9 +236,9 @@ declare const Anchor: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    direction: AnchorDirection;
     className: string;
     style: Record<string, unknown>;
+    direction: AnchorDirection;
     offsetTop: number;
     targetOffset: number;
     bounds: number;

package/dist/components/AreaChart.d.mts

@@ -403,12 +403,12 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    width: number;
-    height: number;
     padding: ChartPadding;
-    gradient: boolean;
     hoverable: boolean;
     strokeWidth: number;
+    width: number;
+    height: number;
+    gradient: boolean;
     fillOpacity: number;
     selectable: boolean;
     xTicks: number;

package/dist/components/AreaChart.d.ts

@@ -403,12 +403,12 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSeries-click"?: ((...args: any[]) => any) | undefined;
     "onSeries-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    width: number;
-    height: number;
     padding: ChartPadding;
-    gradient: boolean;
     hoverable: boolean;
     strokeWidth: number;
+    width: number;
+    height: number;
+    gradient: boolean;
     fillOpacity: number;
     selectable: boolean;
     xTicks: number;

package/dist/components/AutoComplete.d.mts

@@ -46,7 +46,7 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("search" | "select" | "change" | "update:modelValue")[], "search" | "select" | "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "select" | "search" | "update:modelValue")[], "change" | "select" | "search" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: PropType<string | number>;
         default: string;
@@ -88,8 +88,8 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
 }>> & Readonly<{
-    onSelect?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {

package/dist/components/AutoComplete.d.ts

@@ -46,7 +46,7 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("search" | "select" | "change" | "update:modelValue")[], "search" | "select" | "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "select" | "search" | "update:modelValue")[], "change" | "select" | "search" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: PropType<string | number>;
         default: string;
@@ -88,8 +88,8 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
 }>> & Readonly<{
-    onSelect?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {

package/dist/components/Avatar.d.mts

@@ -151,9 +151,9 @@ declare const Avatar: vue.DefineComponent<vue.ExtractPropTypes<{
     size: AvatarSize;
     className: string;
     style: Record<string, string | number>;
-    text: string;
     src: string;
     alt: string;
+    text: string;
     shape: AvatarShape;
     bgColor: string;
     textColor: string;