@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/{chunk-SB2SX5EH.js → chunk-2VBUCW5G.js}

@@ -1,18 +1,36 @@
-'use strict';
+"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 chunk63LJVB2M_js = require('./chunk-63LJVB2M.js');
-var chunkKVJKG4D3_js = require('./chunk-KVJKG4D3.js');
-var chunk5436FG3B_js = require('./chunk-5436FG3B.js');
-var chunk2LNNB55E_js = require('./chunk-2LNNB55E.js');
-var chunkDUQ7Q2GO_js = require('./chunk-DUQ7Q2GO.js');
-var chunkXGXGAK27_js = require('./chunk-XGXGAK27.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
+var _chunk44N7LE3Qjs = require('./chunk-44N7LE3Q.js');
+
+
+var _chunkS6Q7TD6Hjs = require('./chunk-S6Q7TD6H.js');
+
+
+var _chunk5436FG3Bjs = require('./chunk-5436FG3B.js');
+
+
+var _chunk2LNNB55Ejs = require('./chunk-2LNNB55E.js');
+
+
+var _chunkDUQ7Q2GOjs = require('./chunk-DUQ7Q2GO.js');
+
+
+var _chunkXGXGAK27js = require('./chunk-XGXGAK27.js');
+
+// src/components/NotificationCenter.ts
+var _vue = require('vue');
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var getGroupKey = (group, index) => {
-  return group.key ?? group.title ?? index;
+  return _nullishCoalesce(_nullishCoalesce(group.key, () => ( group.title)), () => ( index));
 };
-var NotificationCenter = vue.defineComponent({
+var NotificationCenter = _vue.defineComponent.call(void 0, {
   name: "TigerNotificationCenter",
   inheritAttrs: false,
   props: {
@@ -111,23 +129,23 @@ var NotificationCenter = vue.defineComponent({
     "item-read-change"
   ],
   setup(props, { emit, attrs }) {
-    const resolvedGroups = vue.computed(
-      () => tigercatCore.buildNotificationGroups(props.items, props.groups, props.groupBy, props.groupOrder)
+    const resolvedGroups = _vue.computed.call(void 0, 
+      () => _tigercatcore.buildNotificationGroups.call(void 0, props.items, props.groups, props.groupBy, props.groupOrder)
     );
-    const internalActiveGroupKey = vue.ref(props.defaultActiveGroupKey);
-    const internalReadFilter = vue.ref(props.defaultReadFilter ?? "all");
+    const internalActiveGroupKey = _vue.ref.call(void 0, props.defaultActiveGroupKey);
+    const internalReadFilter = _vue.ref.call(void 0, _nullishCoalesce(props.defaultReadFilter, () => ( "all")));
     const resolveFirstKey = (groups) => {
       if (groups.length === 0) return void 0;
       return getGroupKey(groups[0], 0);
     };
-    const currentGroupKey = vue.computed(() => {
+    const currentGroupKey = _vue.computed.call(void 0, () => {
       const firstKey = resolveFirstKey(resolvedGroups.value);
-      return props.activeGroupKey ?? internalActiveGroupKey.value ?? firstKey;
+      return _nullishCoalesce(_nullishCoalesce(props.activeGroupKey, () => ( internalActiveGroupKey.value)), () => ( firstKey));
     });
-    const currentReadFilter = vue.computed(() => {
-      return props.readFilter ?? internalReadFilter.value;
+    const currentReadFilter = _vue.computed.call(void 0, () => {
+      return _nullishCoalesce(props.readFilter, () => ( internalReadFilter.value));
     });
-    vue.watch(
+    _vue.watch.call(void 0, 
       resolvedGroups,
       (nextGroups) => {
         if (props.activeGroupKey !== void 0) return;
@@ -142,7 +160,7 @@ var NotificationCenter = vue.defineComponent({
       },
       { immediate: true }
     );
-    vue.computed(() => {
+    const _currentGroup = _vue.computed.call(void 0, () => {
       const groups = resolvedGroups.value;
       if (groups.length === 0) return void 0;
       const activeKey = currentGroupKey.value;
@@ -152,7 +170,7 @@ var NotificationCenter = vue.defineComponent({
       );
       return matchedIndex >= 0 ? groups[matchedIndex] : groups[0];
     });
-    const readStateOverrides = vue.ref(/* @__PURE__ */ new Map());
+    const readStateOverrides = _vue.ref.call(void 0, /* @__PURE__ */ new Map());
     const applyReadOverrides = (items) => {
       if (!props.manageReadState || readStateOverrides.value.size === 0) return items;
       return items.map((item) => {
@@ -160,19 +178,19 @@ var NotificationCenter = vue.defineComponent({
         return override !== void 0 ? { ...item, read: override } : item;
       });
     };
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => props.items,
       () => {
         if (props.manageReadState) readStateOverrides.value = /* @__PURE__ */ new Map();
       }
     );
-    const effectiveGroups = vue.computed(
+    const effectiveGroups = _vue.computed.call(void 0, 
       () => resolvedGroups.value.map((group) => ({
         ...group,
         items: applyReadOverrides(group.items)
       }))
     );
-    const effectiveCurrentGroup = vue.computed(() => {
+    const effectiveCurrentGroup = _vue.computed.call(void 0, () => {
       const groups = effectiveGroups.value;
       if (groups.length === 0) return void 0;
       const activeKey = currentGroupKey.value;
@@ -182,9 +200,9 @@ var NotificationCenter = vue.defineComponent({
       );
       return matchedIndex >= 0 ? groups[matchedIndex] : groups[0];
     });
-    const effectiveCurrentGroupItems = vue.computed(() => effectiveCurrentGroup.value?.items ?? []);
-    const effectiveItems = vue.computed(() => applyReadOverrides(props.items));
-    const totalUnread = vue.computed(() => {
+    const effectiveCurrentGroupItems = _vue.computed.call(void 0, () => _nullishCoalesce(_optionalChain([effectiveCurrentGroup, 'access', _ => _.value, 'optionalAccess', _2 => _2.items]), () => ( [])));
+    const effectiveItems = _vue.computed.call(void 0, () => applyReadOverrides(props.items));
+    const totalUnread = _vue.computed.call(void 0, () => {
       const allItems = effectiveGroups.value.flatMap((group) => group.items);
       if (allItems.length === 0) return effectiveItems.value.filter((item) => !item.read).length;
       return allItems.filter((item) => !item.read).length;
@@ -198,32 +216,32 @@ var NotificationCenter = vue.defineComponent({
         return true;
       });
     };
-    const hasUnread = vue.computed(() => effectiveCurrentGroupItems.value.some((item) => !item.read));
-    const groupTabData = vue.computed(
+    const hasUnread = _vue.computed.call(void 0, () => effectiveCurrentGroupItems.value.some((item) => !item.read));
+    const groupTabData = _vue.computed.call(void 0, 
       () => resolvedGroups.value.map((group, index) => {
         const effectiveGroup = effectiveGroups.value.find(
           (eg, ei) => getGroupKey(eg, ei) === getGroupKey(group, index)
         );
-        const groupItems = effectiveGroup?.items ?? group.items;
+        const groupItems = _nullishCoalesce(_optionalChain([effectiveGroup, 'optionalAccess', _3 => _3.items]), () => ( group.items));
         const unreadCount = groupItems.filter((item) => !item.read).length;
-        const labelBase = group.title || String(group.key ?? index);
+        const labelBase = group.title || String(_nullishCoalesce(group.key, () => ( index)));
         const label = unreadCount > 0 ? `${labelBase} (${unreadCount})` : labelBase;
         const filteredItems = filterItems(groupItems);
         return { key: getGroupKey(group, index), label, filteredItems };
       })
     );
-    const filteredFlatItems = vue.computed(() => filterItems(effectiveItems.value));
-    const wrapperClasses = vue.computed(
-      () => tigercatCore.classNames(
+    const filteredFlatItems = _vue.computed.call(void 0, () => filterItems(effectiveItems.value));
+    const wrapperClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
         "tiger-notification-center",
         "w-full",
         "flex",
         "flex-col",
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
-    const wrapperStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
+    const wrapperStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
     const handleGroupChange = (key) => {
       if (props.activeGroupKey === void 0) {
         internalActiveGroupKey.value = key;
@@ -264,17 +282,17 @@ var NotificationCenter = vue.defineComponent({
         { key: "unread", label: props.unreadLabel },
         { key: "read", label: props.readLabel }
       ];
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           class: "inline-flex self-start rounded-[var(--tiger-radius-sm,0.375rem)] border border-[var(--tiger-border,#e5e7eb)] overflow-hidden"
         },
         options.map(
-          (option) => vue.h(
+          (option) => _vue.h.call(void 0, 
             "button",
             {
               key: option.key,
-              class: tigercatCore.classNames(
+              class: _tigercatcore.classNames.call(void 0, 
                 "px-3 py-1 text-xs font-medium transition-colors",
                 "border-r border-[var(--tiger-border,#e5e7eb)] last:border-r-0",
                 currentReadFilter.value === option.key ? "bg-[var(--tiger-primary,#2563eb)] text-white" : "bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text-muted,#6b7280)] hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
@@ -288,20 +306,20 @@ var NotificationCenter = vue.defineComponent({
     };
     const renderListItem = (item, _index) => {
       const isRead = Boolean(item.read);
-      const timeText = item.time ? tigercatCore.formatActivityTime(item.time) : "";
-      return vue.h(
+      const timeText = item.time ? _tigercatcore.formatActivityTime.call(void 0, item.time) : "";
+      return _vue.h.call(void 0, 
         "div",
         {
-          class: tigercatCore.classNames(
+          class: _tigercatcore.classNames.call(void 0, 
             "flex items-start gap-3 w-full py-0.5 transition-colors",
             !isRead && "border-l-2 border-l-[var(--tiger-primary,#2563eb)] -ml-[2px] pl-[calc(0.75rem-2px)]"
           )
         },
         [
-          vue.h("div", { class: "flex-1 min-w-0" }, [
-            vue.h("div", { class: "flex items-baseline justify-between gap-2" }, [
-              vue.h(
-                chunkDUQ7Q2GO_js.Text,
+          _vue.h.call(void 0, "div", { class: "flex-1 min-w-0" }, [
+            _vue.h.call(void 0, "div", { class: "flex items-baseline justify-between gap-2" }, [
+              _vue.h.call(void 0, 
+                _chunkDUQ7Q2GOjs.Text,
                 {
                   tag: "span",
                   size: "sm",
@@ -309,7 +327,7 @@ var NotificationCenter = vue.defineComponent({
                 },
                 { default: () => item.title }
               ),
-              timeText ? vue.h(
+              timeText ? _vue.h.call(void 0, 
                 "span",
                 {
                   class: "text-xs text-[var(--tiger-text-muted,#6b7280)] whitespace-nowrap flex-shrink-0"
@@ -317,7 +335,7 @@ var NotificationCenter = vue.defineComponent({
                 timeText
               ) : null
             ]),
-            item.description ? vue.h(
+            item.description ? _vue.h.call(void 0, 
               "div",
               {
                 class: "mt-0.5 text-xs text-[var(--tiger-text-muted,#6b7280)] line-clamp-2 leading-relaxed"
@@ -325,8 +343,8 @@ var NotificationCenter = vue.defineComponent({
               item.description
             ) : null
           ]),
-          vue.h(
-            chunk5436FG3B_js.Button,
+          _vue.h.call(void 0, 
+            _chunk5436FG3Bjs.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -340,8 +358,8 @@ var NotificationCenter = vue.defineComponent({
         ]
       );
     };
-    const renderList = (items) => vue.h(
-      chunkKVJKG4D3_js.List,
+    const renderList = (items) => _vue.h.call(void 0, 
+      _chunkS6Q7TD6Hjs.List,
       {
         dataSource: items,
         split: true,
@@ -351,11 +369,11 @@ var NotificationCenter = vue.defineComponent({
         onItemClick: handleItemClick
       },
       {
-        renderItem: ({ item, index }) => renderListItem(item)
+        renderItem: ({ item, index }) => renderListItem(item, index)
       }
     );
-    const renderTabs = () => vue.h(
-      chunk63LJVB2M_js.Tabs,
+    const renderTabs = () => _vue.h.call(void 0, 
+      _chunk44N7LE3Qjs.Tabs,
       {
         type: "line",
         size: "small",
@@ -364,15 +382,15 @@ var NotificationCenter = vue.defineComponent({
       },
       {
         default: () => groupTabData.value.map(
-          (tab) => vue.h(
-            chunk63LJVB2M_js.TabPane,
+          (tab) => _vue.h.call(void 0, 
+            _chunk44N7LE3Qjs.TabPane,
             {
               key: tab.key,
               tabKey: tab.key,
               label: tab.label
             },
             {
-              default: () => vue.h(
+              default: () => _vue.h.call(void 0, 
                 "div",
                 { class: "max-h-[380px] overflow-y-auto" },
                 renderList(tab.filteredItems)
@@ -383,11 +401,11 @@ var NotificationCenter = vue.defineComponent({
       }
     );
     return () => {
-      const header = vue.h("div", { class: "flex flex-col gap-3" }, [
-        vue.h("div", { class: "flex items-center justify-between" }, [
-          vue.h("div", { class: "flex items-center gap-2.5" }, [
-            vue.h(chunkDUQ7Q2GO_js.Text, { tag: "div", size: "base", weight: "bold" }, { default: () => props.title }),
-            totalUnread.value > 0 ? vue.h(
+      const header = _vue.h.call(void 0, "div", { class: "flex flex-col gap-3" }, [
+        _vue.h.call(void 0, "div", { class: "flex items-center justify-between" }, [
+          _vue.h.call(void 0, "div", { class: "flex items-center gap-2.5" }, [
+            _vue.h.call(void 0, _chunkDUQ7Q2GOjs.Text, { tag: "div", size: "base", weight: "bold" }, { default: () => props.title }),
+            totalUnread.value > 0 ? _vue.h.call(void 0, 
               "span",
               {
                 class: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-xs font-semibold rounded-full bg-[var(--tiger-primary,#2563eb)] text-white"
@@ -395,8 +413,8 @@ var NotificationCenter = vue.defineComponent({
               String(totalUnread.value)
             ) : null
           ]),
-          vue.h(
-            chunk5436FG3B_js.Button,
+          _vue.h.call(void 0, 
+            _chunk5436FG3Bjs.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -408,25 +426,25 @@ var NotificationCenter = vue.defineComponent({
         ]),
         renderReadFilterButtons()
       ]);
-      const content = props.loading ? vue.h("div", { class: "flex items-center justify-center py-12" }, [
-        vue.h(chunk2LNNB55E_js.Loading, { text: props.loadingText })
-      ]) : resolvedGroups.value.length > 0 ? vue.h("div", { class: "-mx-4 -mb-4" }, [renderTabs()]) : vue.h("div", { class: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto" }, [
+      const content = props.loading ? _vue.h.call(void 0, "div", { class: "flex items-center justify-center py-12" }, [
+        _vue.h.call(void 0, _chunk2LNNB55Ejs.Loading, { text: props.loadingText })
+      ]) : resolvedGroups.value.length > 0 ? _vue.h.call(void 0, "div", { class: "-mx-4 -mb-4" }, [renderTabs()]) : _vue.h.call(void 0, "div", { class: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto" }, [
         renderList(filteredFlatItems.value)
       ]);
-      const ariaLabel = attrs["aria-label"] ?? (attrs["aria-labelledby"] ? void 0 : props.title);
-      return vue.h(
+      const ariaLabel = _nullishCoalesce(attrs["aria-label"], () => ( (attrs["aria-labelledby"] ? void 0 : props.title)));
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
           class: wrapperClasses.value,
           style: wrapperStyle.value,
-          role: attrs.role ?? "region",
+          role: _nullishCoalesce(attrs.role, () => ( "region")),
           "aria-label": ariaLabel,
           "data-tiger-notification-center": true
         },
         [
-          vue.h(
-            chunkXGXGAK27_js.Card,
+          _vue.h.call(void 0, 
+            _chunkXGXGAK27js.Card,
             { variant: "bordered", className: "w-full" },
             {
               header: () => header,
@@ -440,5 +458,7 @@ var NotificationCenter = vue.defineComponent({
 });
 var NotificationCenter_default = NotificationCenter;
 
-exports.NotificationCenter = NotificationCenter;
-exports.NotificationCenter_default = NotificationCenter_default;
+
+
+
+exports.NotificationCenter = NotificationCenter; exports.NotificationCenter_default = NotificationCenter_default;

package/dist/{chunk-GZK6R2E3.js → chunk-2VOZFFW6.js}

@@ -1,32 +1,35 @@
-'use strict';
+"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/composables/useChartInteraction.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/composables/useChartInteraction.ts
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 function unref(value) {
-  return value?.value !== void 0 ? value.value : value;
+  return _optionalChain([value, 'optionalAccess', _ => _.value]) !== void 0 ? value.value : value;
 }
 function useChartInteraction(options) {
   const { emit, getData, eventNames } = options;
-  const localHoveredIndex = vue.ref(null);
-  const localSelectedIndex = vue.ref(null);
-  const tooltipPosition = vue.ref({ x: 0, y: 0 });
-  const tooltipScheduler = tigercatCore.createChartPointerMoveScheduler({
+  const localHoveredIndex = _vue.ref.call(void 0, null);
+  const localSelectedIndex = _vue.ref.call(void 0, null);
+  const tooltipPosition = _vue.ref.call(void 0, { x: 0, y: 0 });
+  const tooltipScheduler = _tigercatcore.createChartPointerMoveScheduler.call(void 0, {
     onPositionChange: (position) => {
       tooltipPosition.value = position;
     }
   });
-  vue.onScopeDispose(() => tooltipScheduler.cancel());
-  const resolvedHoveredIndex = vue.computed(() => {
-    const prop = options.hoveredIndexProp?.();
+  if (_vue.getCurrentScope.call(void 0, )) {
+    _vue.onScopeDispose.call(void 0, () => tooltipScheduler.cancel());
+  }
+  const resolvedHoveredIndex = _vue.computed.call(void 0, () => {
+    const prop = _optionalChain([options, 'access', _2 => _2.hoveredIndexProp, 'optionalCall', _3 => _3()]);
     return prop !== void 0 ? prop : localHoveredIndex.value;
   });
-  const resolvedSelectedIndex = vue.computed(() => {
-    const prop = options.selectedIndexProp?.();
+  const resolvedSelectedIndex = _vue.computed.call(void 0, () => {
+    const prop = _optionalChain([options, 'access', _4 => _4.selectedIndexProp, 'optionalCall', _5 => _5()]);
     return prop !== void 0 ? prop : localSelectedIndex.value;
   });
-  const activeIndex = vue.computed(() => {
+  const activeIndex = _vue.computed.call(void 0, () => {
     if (resolvedSelectedIndex.value !== null) return resolvedSelectedIndex.value;
     if (unref(options.hoverable) && resolvedHoveredIndex.value !== null) {
       return resolvedHoveredIndex.value;
@@ -34,19 +37,19 @@ function useChartInteraction(options) {
     return null;
   });
   const getElementOpacity = (index) => {
-    return tigercatCore.getChartElementOpacity(index, activeIndex.value, {
+    return _tigercatcore.getChartElementOpacity.call(void 0, index, activeIndex.value, {
       activeOpacity: unref(options.activeOpacity),
       inactiveOpacity: unref(options.inactiveOpacity)
     });
   };
   const handleMouseEnter = (index, event) => {
     if (!unref(options.hoverable)) return;
-    if (options.hoveredIndexProp?.() === void 0) {
+    if (_optionalChain([options, 'access', _6 => _6.hoveredIndexProp, 'optionalCall', _7 => _7()]) === void 0) {
       localHoveredIndex.value = index;
     }
     tooltipPosition.value = { x: event.clientX, y: event.clientY };
     emit("update:hoveredIndex", index);
-    if (eventNames?.hover && getData) {
+    if (_optionalChain([eventNames, 'optionalAccess', _8 => _8.hover]) && getData) {
       emit(eventNames.hover, index, getData(index));
     }
   };
@@ -56,22 +59,22 @@ function useChartInteraction(options) {
   const handleMouseLeave = () => {
     tooltipScheduler.cancel();
     if (!unref(options.hoverable)) return;
-    if (options.hoveredIndexProp?.() === void 0) {
+    if (_optionalChain([options, 'access', _9 => _9.hoveredIndexProp, 'optionalCall', _10 => _10()]) === void 0) {
       localHoveredIndex.value = null;
     }
     emit("update:hoveredIndex", null);
-    if (eventNames?.hover) {
+    if (_optionalChain([eventNames, 'optionalAccess', _11 => _11.hover])) {
       emit(eventNames.hover, null, null);
     }
   };
   const handleClick = (index) => {
     if (!unref(options.selectable)) return;
     const nextIndex = resolvedSelectedIndex.value === index ? null : index;
-    if (options.selectedIndexProp?.() === void 0) {
+    if (_optionalChain([options, 'access', _12 => _12.selectedIndexProp, 'optionalCall', _13 => _13()]) === void 0) {
       localSelectedIndex.value = nextIndex;
     }
     emit("update:selectedIndex", nextIndex);
-    if (eventNames?.click && getData) {
+    if (_optionalChain([eventNames, 'optionalAccess', _14 => _14.click]) && getData) {
       emit(eventNames.click, index, getData(index));
     }
   };
@@ -86,7 +89,7 @@ function useChartInteraction(options) {
   };
   const handleLegendHover = (index) => {
     if (!unref(options.hoverable)) return;
-    if (options.hoveredIndexProp?.() === void 0) {
+    if (_optionalChain([options, 'access', _15 => _15.hoveredIndexProp, 'optionalCall', _16 => _16()]) === void 0) {
       localHoveredIndex.value = index;
     }
     emit("update:hoveredIndex", index);
@@ -94,9 +97,9 @@ function useChartInteraction(options) {
   const handleLegendLeave = () => {
     handleMouseLeave();
   };
-  const wrapperClasses = vue.computed(() => {
-    const position = unref(options.legendPosition) ?? "bottom";
-    return tigercatCore.classNames(
+  const wrapperClasses = _vue.computed.call(void 0, () => {
+    const position = _nullishCoalesce(unref(options.legendPosition), () => ( "bottom"));
+    return _tigercatcore.classNames.call(void 0, 
       "inline-flex",
       position === "right" ? "flex-row items-start gap-4" : position === "left" ? "flex-row-reverse items-start gap-4" : position === "top" ? "flex-col-reverse gap-2" : "flex-col gap-2"
     );
@@ -104,8 +107,8 @@ function useChartInteraction(options) {
   const createLegendItems = (items, palette, labelFormatter) => {
     return items.map((item, index) => ({
       index,
-      label: labelFormatter ? labelFormatter(item, index) : item.label ?? String(item.x ?? index),
-      color: item.color ?? palette[index % palette.length],
+      label: labelFormatter ? labelFormatter(item, index) : _nullishCoalesce(item.label, () => ( String(_nullishCoalesce(item.x, () => ( index))))),
+      color: _nullishCoalesce(item.color, () => ( palette[index % palette.length])),
       active: activeIndex.value === null || activeIndex.value === index
     }));
   };
@@ -130,4 +133,6 @@ function useChartInteraction(options) {
   };
 }
 
+
+
 exports.useChartInteraction = useChartInteraction;

package/dist/chunk-2WJADO6O.mjs

@@ -1,7 +1,19 @@
-import { defineComponent, ref, watch, computed, h } from 'vue';
-import { injectShakeStyle, SHAKE_CLASS, getInputClasses, getInputErrorClasses, getInputClearButtonClasses, getInputPasswordToggleClasses, getInputAffixClasses, classNames, getInputWrapperClasses, coerceClassValue, getInputCountClasses, parseInputValue } from '@expcat/tigercat-core';
-
 // src/components/Input.ts
+import { defineComponent, computed, ref, watch, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getInputClasses,
+  getInputWrapperClasses,
+  getInputAffixClasses,
+  getInputErrorClasses,
+  getInputClearButtonClasses,
+  getInputPasswordToggleClasses,
+  getInputCountClasses,
+  parseInputValue,
+  injectShakeStyle,
+  SHAKE_CLASS
+} from "@expcat/tigercat-core";
 var inputIdCounter = 0;
 var Input = defineComponent({
   name: "TigerInput",
@@ -295,4 +307,7 @@ var Input = defineComponent({
 });
 var Input_default = Input;
 
-export { Input, Input_default };
+export {
+  Input,
+  Input_default
+};

package/dist/chunk-2X3ZPH2H.mjs

@@ -1,7 +1,31 @@
-import { h, defineComponent, ref, computed, watch, onBeforeUnmount, nextTick } from 'vue';
-import { icon20ViewBox, closeSolidIcon20PathD, filterAutoCompleteOptions, classNames, autoCompleteBaseClasses, coerceClassValue, getPickerComboboxAria, getAutoCompleteInputClasses, autoCompleteDropdownClasses, getPickerListboxAria, getAutoCompleteOptionClasses, getPickerOptionAria, getPickerOptionId, autoCompleteEmptyStateClasses, getPickerNavigationIndex, getInitialPickerActiveIndex } from '@expcat/tigercat-core';
-
 // src/components/AutoComplete.ts
+import {
+  defineComponent,
+  h,
+  ref,
+  computed,
+  watch,
+  onBeforeUnmount,
+  nextTick
+} from "vue";
+import {
+  autoCompleteBaseClasses,
+  autoCompleteDropdownClasses,
+  autoCompleteEmptyStateClasses,
+  getAutoCompleteInputClasses,
+  getAutoCompleteOptionClasses,
+  filterAutoCompleteOptions,
+  getInitialPickerActiveIndex,
+  getPickerComboboxAria,
+  getPickerListboxAria,
+  getPickerNavigationIndex,
+  getPickerOptionAria,
+  getPickerOptionId,
+  coerceClassValue,
+  classNames,
+  icon20ViewBox,
+  closeSolidIcon20PathD
+} from "@expcat/tigercat-core";
 var autoCompleteInstanceId = 0;
 var ClearIcon = h(
   "svg",
@@ -248,4 +272,7 @@ var AutoComplete = defineComponent({
 });
 var AutoComplete_default = AutoComplete;
 
-export { AutoComplete, AutoComplete_default };
+export {
+  AutoComplete,
+  AutoComplete_default
+};