@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/{chunk-PBQVYZRB.js → chunk-L5E3L6ID.js}

@@ -1,39 +1,67 @@
-'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 chunkEHBPMUT2_js = require('./chunk-EHBPMUT2.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunk5F6P5Y4Kjs = require('./chunk-5F6P5Y4K.js');
 
-var spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
+// src/components/Tree.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
 var ExpandIcon = (expanded, hasChildren) => {
   if (!hasChildren) {
-    return vue.h("span", { class: tigercatCore.treeNodeIndentClasses });
+    return _vue.h.call(void 0, "span", { class: _tigercatcore.treeNodeIndentClasses });
   }
-  return vue.h(
+  return _vue.h.call(void 0, 
     "svg",
     {
-      class: tigercatCore.getTreeNodeExpandIconClasses(expanded),
+      class: _tigercatcore.getTreeNodeExpandIconClasses.call(void 0, expanded),
       width: "16",
       height: "16",
       viewBox: "0 0 16 16",
       fill: "currentColor"
     },
-    [vue.h("path", { d: "M6 4l4 4-4 4V4z" })]
+    [_vue.h.call(void 0, "path", { d: "M6 4l4 4-4 4V4z" })]
   );
 };
 var LoadingSpinner = () => {
-  return vue.h(
+  return _vue.h.call(void 0, 
     "svg",
     {
-      class: tigercatCore.treeLoadingClasses,
+      class: _tigercatcore.treeLoadingClasses,
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: spinnerSvg.viewBox
     },
-    spinnerSvg.elements.map((el) => vue.h(el.type, tigercatCore.normalizeSvgAttrs(el.attrs)))
+    spinnerSvg.elements.map((el) => _vue.h.call(void 0, el.type, _tigercatcore.normalizeSvgAttrs.call(void 0, el.attrs)))
   );
 };
-var Tree = vue.defineComponent({
+var Tree = _vue.defineComponent.call(void 0, {
   name: "TigerTree",
   inheritAttrs: false,
   props: {
@@ -228,6 +256,13 @@ var Tree = vue.defineComponent({
     itemHeight: {
       type: Number,
       default: 32
+    },
+    /**
+     * Additional CSS classes (applied to root element)
+     */
+    className: {
+      type: String,
+      default: void 0
     }
   },
   emits: [
@@ -243,21 +278,21 @@ var Tree = vue.defineComponent({
     "drop"
   ],
   setup(props, { emit, attrs }) {
-    const rootEl = vue.ref(null);
-    const effectiveSelectable = vue.computed(() => {
+    const rootEl = _vue.ref.call(void 0, null);
+    const effectiveSelectable = _vue.computed.call(void 0, () => {
       if (props.selectionMode !== void 0) {
         return props.selectionMode !== "none";
       }
       return props.selectable;
     });
-    const effectiveMultiple = vue.computed(() => {
+    const effectiveMultiple = _vue.computed.call(void 0, () => {
       if (props.selectionMode !== void 0) {
         return props.selectionMode === "multiple";
       }
       return props.multiple;
     });
-    const internalExpandedKeys = vue.ref(/* @__PURE__ */ new Set());
-    const dragNodeKey = vue.ref(null);
+    const internalExpandedKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
+    const dragNodeKey = _vue.ref.call(void 0, null);
     function handleTreeDragStart(key) {
       dragNodeKey.value = key;
     }
@@ -278,85 +313,85 @@ var Tree = vue.defineComponent({
     function handleTreeDragEnd() {
       dragNodeKey.value = null;
     }
-    const internalSelectedKeys = vue.ref(
-      new Set(props.selectedKeys ?? props.defaultSelectedKeys)
+    const internalSelectedKeys = _vue.ref.call(void 0, 
+      new Set(_nullishCoalesce(props.selectedKeys, () => ( props.defaultSelectedKeys)))
     );
-    const internalCheckedState = vue.ref(
+    const internalCheckedState = _vue.ref.call(void 0, 
       (() => {
         if (props.checkedKeys !== void 0) {
           if (Array.isArray(props.checkedKeys)) {
-            return tigercatCore.calculateCheckedState(props.treeData, props.checkedKeys, props.checkStrictly);
+            return _tigercatcore.calculateCheckedState.call(void 0, props.treeData, props.checkedKeys, props.checkStrictly);
           }
           return props.checkedKeys;
         }
-        return tigercatCore.calculateCheckedState(props.treeData, props.defaultCheckedKeys, props.checkStrictly);
+        return _tigercatcore.calculateCheckedState.call(void 0, props.treeData, props.defaultCheckedKeys, props.checkStrictly);
       })()
     );
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => [props.treeData, props.defaultExpandAll],
       () => {
         if (props.expandedKeys === void 0) {
-          const keys = props.defaultExpandedKeys.length > 0 ? props.defaultExpandedKeys : props.defaultExpandAll ? tigercatCore.getAllKeys(props.treeData) : [];
+          const keys = props.defaultExpandedKeys.length > 0 ? props.defaultExpandedKeys : props.defaultExpandAll ? _tigercatcore.getAllKeys.call(void 0, props.treeData) : [];
           internalExpandedKeys.value = new Set(keys);
         }
       },
       { immediate: true }
     );
-    const loadingNodes = vue.ref(/* @__PURE__ */ new Set());
-    const filteredNodeKeys = vue.ref(/* @__PURE__ */ new Set());
-    const activeKey = vue.ref();
-    const computedExpandedKeys = vue.computed(() => {
+    const loadingNodes = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
+    const filteredNodeKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
+    const activeKey = _vue.ref.call(void 0, );
+    const computedExpandedKeys = _vue.computed.call(void 0, () => {
       if (props.expandedKeys !== void 0) {
         return new Set(props.expandedKeys);
       }
       return internalExpandedKeys.value;
     });
-    const computedSelectedKeys = vue.computed(() => {
+    const computedSelectedKeys = _vue.computed.call(void 0, () => {
       if (props.selectedKeys !== void 0) {
         return new Set(props.selectedKeys);
       }
       return internalSelectedKeys.value;
     });
-    const computedCheckedState = vue.computed(() => {
+    const computedCheckedState = _vue.computed.call(void 0, () => {
       if (props.checkedKeys !== void 0) {
         if (Array.isArray(props.checkedKeys)) {
-          return tigercatCore.calculateCheckedState(props.treeData, props.checkedKeys, props.checkStrictly);
+          return _tigercatcore.calculateCheckedState.call(void 0, props.treeData, props.checkedKeys, props.checkStrictly);
         }
         return props.checkedKeys;
       }
       return internalCheckedState.value;
     });
-    const checkedSets = vue.computed(() => tigercatCore.checkedSetsFromState(computedCheckedState.value));
-    const visibleItems = vue.computed(
-      () => tigercatCore.getVisibleTreeItems(props.treeData, computedExpandedKeys.value, filteredNodeKeys.value)
+    const checkedSets = _vue.computed.call(void 0, () => _tigercatcore.checkedSetsFromState.call(void 0, computedCheckedState.value));
+    const visibleItems = _vue.computed.call(void 0, 
+      () => _tigercatcore.getVisibleTreeItems.call(void 0, props.treeData, computedExpandedKeys.value, filteredNodeKeys.value)
     );
-    const focusableKeys = vue.computed(
+    const focusableKeys = _vue.computed.call(void 0, 
       () => visibleItems.value.filter((i) => !i.node.disabled).map((i) => i.key)
     );
-    const defaultActiveKey = vue.computed(() => focusableKeys.value[0]);
-    vue.watch(
+    const defaultActiveKey = _vue.computed.call(void 0, () => focusableKeys.value[0]);
+    _vue.watch.call(void 0, 
       () => activeKey.value,
       async (key) => {
         if (key === void 0) return;
-        await vue.nextTick();
-        const target = rootEl.value?.querySelector(
+        await _vue.nextTick.call(void 0, );
+        const target = _optionalChain([rootEl, 'access', _ => _.value, 'optionalAccess', _2 => _2.querySelector, 'call', _3 => _3(
           `[data-tiger-treeitem-key="${String(key)}"]`
-        );
-        target?.focus();
+        )]);
+        _optionalChain([target, 'optionalAccess', _4 => _4.focus, 'call', _5 => _5()]);
       }
     );
-    const internalSearchValue = vue.ref("");
-    const effectiveFilterValue = vue.computed(
+    const internalSearchValue = _vue.ref.call(void 0, "");
+    const effectiveFilterValue = _vue.computed.call(void 0, 
       () => props.searchable ? internalSearchValue.value : props.filterValue
     );
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => effectiveFilterValue.value,
       (newValue) => {
         if (newValue) {
-          const matched = tigercatCore.filterTreeNodes(props.treeData, newValue, props.filterFn);
+          const matched = _tigercatcore.filterTreeNodes.call(void 0, props.treeData, newValue, props.filterFn);
           filteredNodeKeys.value = matched;
           if (props.autoExpandParent) {
-            const autoExpand = tigercatCore.getAutoExpandKeys(props.treeData, matched);
+            const autoExpand = _tigercatcore.getAutoExpandKeys.call(void 0, props.treeData, matched);
             if (props.expandedKeys === void 0) {
               internalExpandedKeys.value = /* @__PURE__ */ new Set([...internalExpandedKeys.value, ...autoExpand]);
             }
@@ -368,7 +403,7 @@ var Tree = vue.defineComponent({
       { immediate: true }
     );
     function handleExpand(nodeKey) {
-      const node = tigercatCore.findNode(props.treeData, nodeKey);
+      const node = _tigercatcore.findNode.call(void 0, props.treeData, nodeKey);
       if (!node) return;
       const newExpandedKeys = new Set(computedExpandedKeys.value);
       const isExpanded = newExpandedKeys.has(nodeKey);
@@ -385,7 +420,6 @@ var Tree = vue.defineComponent({
             loadingNodes.value.delete(nodeKey);
           }).catch(() => {
             loadingNodes.value.delete(nodeKey);
-            newExpandedKeys.delete(nodeKey);
           });
         }
       }
@@ -399,7 +433,7 @@ var Tree = vue.defineComponent({
       });
     }
     function handleSelect(nodeKey, event) {
-      const node = tigercatCore.findNode(props.treeData, nodeKey);
+      const node = _tigercatcore.findNode.call(void 0, props.treeData, nodeKey);
       if (!node || node.disabled || !effectiveSelectable.value) return;
       const newSelectedKeys = new Set(computedSelectedKeys.value);
       if (effectiveMultiple.value) {
@@ -419,16 +453,16 @@ var Tree = vue.defineComponent({
       emit("update:selectedKeys", selectedKeysArray);
       emit("select", selectedKeysArray, {
         selected: newSelectedKeys.has(nodeKey),
-        selectedNodes: selectedKeysArray.map((k) => tigercatCore.findNode(props.treeData, k)).filter(Boolean),
+        selectedNodes: selectedKeysArray.map((k) => _tigercatcore.findNode.call(void 0, props.treeData, k)).filter(Boolean),
         node,
         event
       });
     }
     function handleCheck(nodeKey, checked) {
-      const node = tigercatCore.findNode(props.treeData, nodeKey);
+      const node = _tigercatcore.findNode.call(void 0, props.treeData, nodeKey);
       if (!node || node.disabled) return;
       const currentCheckedKeys = computedCheckedState.value.checked;
-      const newCheckedState = tigercatCore.handleNodeCheck(
+      const newCheckedState = _tigercatcore.handleNodeCheck.call(void 0, 
         props.treeData,
         nodeKey,
         checked,
@@ -438,7 +472,7 @@ var Tree = vue.defineComponent({
       if (props.checkedKeys === void 0) {
         internalCheckedState.value = newCheckedState;
       }
-      const returnKeys = tigercatCore.getCheckedKeysByStrategy(
+      const returnKeys = _tigercatcore.getCheckedKeysByStrategy.call(void 0, 
         newCheckedState,
         props.treeData,
         props.checkStrategy
@@ -446,7 +480,7 @@ var Tree = vue.defineComponent({
       emit("update:checkedKeys", returnKeys);
       emit("check", returnKeys, {
         checked,
-        checkedNodes: newCheckedState.checked.map((k) => tigercatCore.findNode(props.treeData, k)).filter(Boolean),
+        checkedNodes: newCheckedState.checked.map((k) => _tigercatcore.findNode.call(void 0, props.treeData, k)).filter(Boolean),
         node,
         checkedNodesPositions: newCheckedState
       });
@@ -460,7 +494,7 @@ var Tree = vue.defineComponent({
       activeKey.value = key;
     }
     function getCurrentKey(fallbackKey) {
-      return activeKey.value ?? defaultActiveKey.value ?? fallbackKey;
+      return _nullishCoalesce(_nullishCoalesce(activeKey.value, () => ( defaultActiveKey.value)), () => ( fallbackKey));
     }
     function getNavigationIndex(key) {
       return focusableKeys.value.findIndex((k) => k === key);
@@ -488,17 +522,17 @@ var Tree = vue.defineComponent({
       const isMatched = filteredNodeKeys.value.has(node.key);
       const isVisible = !isFiltered || isMatched;
       const isExpandable = hasChildren || !!(props.loadData && !node.isLeaf);
-      const isFocusable = !node.disabled && node.key === (activeKey.value ?? defaultActiveKey.value);
+      const isFocusable = !node.disabled && node.key === (_nullishCoalesce(activeKey.value, () => ( defaultActiveKey.value)));
       if (!isVisible) {
         return null;
       }
       const indent = [];
       for (let i = 0; i < level; i++) {
-        indent.push(vue.h("span", { key: i, class: tigercatCore.treeNodeIndentClasses }));
+        indent.push(_vue.h.call(void 0, "span", { key: i, class: _tigercatcore.treeNodeIndentClasses }));
       }
       const nodeContent = [
         ...indent,
-        vue.h(
+        _vue.h.call(void 0, 
           "span",
           {
             class: isExpandable ? "cursor-pointer" : "",
@@ -512,9 +546,9 @@ var Tree = vue.defineComponent({
           },
           [ExpandIcon(isExpanded, isExpandable)]
         ),
-        props.checkable ? vue.h("input", {
+        props.checkable ? _vue.h.call(void 0, "input", {
           type: "checkbox",
-          class: tigercatCore.treeNodeCheckboxClasses,
+          class: _tigercatcore.treeNodeCheckboxClasses,
           checked: isChecked,
           indeterminate: isHalfChecked,
           disabled: node.disabled,
@@ -525,12 +559,12 @@ var Tree = vue.defineComponent({
             handleCheck(node.key, target.checked);
           }
         }) : null,
-        props.showIcon && node.icon ? vue.h("span", { class: tigercatCore.treeNodeIconClasses }, node.icon) : null,
-        vue.h(
+        props.showIcon && node.icon ? _vue.h.call(void 0, "span", { class: _tigercatcore.treeNodeIconClasses }, node.icon) : null,
+        _vue.h.call(void 0, 
           "span",
           {
-            class: tigercatCore.classNames(
-              tigercatCore.treeNodeLabelClasses,
+            class: _tigercatcore.classNames.call(void 0, 
+              _tigercatcore.treeNodeLabelClasses,
               isFiltered && isMatched ? "font-semibold text-[var(--tiger-primary,#2563eb)]" : ""
             )
           },
@@ -538,10 +572,10 @@ var Tree = vue.defineComponent({
         ),
         isLoading ? LoadingSpinner() : null
       ].filter(Boolean);
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
-          class: tigercatCore.getTreeNodeClasses(isSelected, !!node.disabled, props.blockNode),
+          class: _tigercatcore.getTreeNodeClasses.call(void 0, isSelected, !!node.disabled, props.blockNode),
           "data-tiger-treeitem-key": String(node.key),
           role: "treeitem",
           "aria-level": level + 1,
@@ -569,26 +603,26 @@ var Tree = vue.defineComponent({
             if (node.disabled) return;
             const currentKey = getCurrentKey(node.key);
             const currentIndex = getNavigationIndex(currentKey);
-            const parents = tigercatCore.getParentKeys(props.treeData, node.key);
+            const parents = _tigercatcore.getParentKeys.call(void 0, props.treeData, node.key);
             const parentKey = parents[parents.length - 1];
             if (e.key === "ArrowDown") {
               e.preventDefault();
-              focusKey(focusableKeys.value[currentIndex + 1] ?? currentKey);
+              focusKey(_nullishCoalesce(focusableKeys.value[currentIndex + 1], () => ( currentKey)));
               return;
             }
             if (e.key === "ArrowUp") {
               e.preventDefault();
-              focusKey(focusableKeys.value[currentIndex - 1] ?? currentKey);
+              focusKey(_nullishCoalesce(focusableKeys.value[currentIndex - 1], () => ( currentKey)));
               return;
             }
             if (e.key === "Home") {
               e.preventDefault();
-              focusKey(focusableKeys.value[0] ?? currentKey);
+              focusKey(_nullishCoalesce(focusableKeys.value[0], () => ( currentKey)));
               return;
             }
             if (e.key === "End") {
               e.preventDefault();
-              focusKey(focusableKeys.value[focusableKeys.value.length - 1] ?? currentKey);
+              focusKey(_nullishCoalesce(focusableKeys.value[focusableKeys.value.length - 1], () => ( currentKey)));
               return;
             }
             if (e.key === "ArrowRight") {
@@ -598,7 +632,7 @@ var Tree = vue.defineComponent({
                 return;
               }
               if (isExpandable && isExpanded) {
-                focusKey(getFirstChildKey(node.key) ?? currentKey);
+                focusKey(_nullishCoalesce(getFirstChildKey(node.key), () => ( currentKey)));
               }
               return;
             }
@@ -608,7 +642,7 @@ var Tree = vue.defineComponent({
                 handleExpand(node.key);
                 return;
               }
-              focusKey(parentKey ?? currentKey);
+              focusKey(_nullishCoalesce(parentKey, () => ( currentKey)));
               return;
             }
             if (e.key === "Escape") {
@@ -667,18 +701,18 @@ var Tree = vue.defineComponent({
       if (!isVisible) {
         return null;
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           key: node.key,
-          class: tigercatCore.treeNodeWrapperClasses
+          class: _tigercatcore.treeNodeWrapperClasses
         },
         [
           renderTreeRow(node, level),
-          hasChildren && isExpanded && vue.h(
+          hasChildren && isExpanded && _vue.h.call(void 0, 
             "div",
             {
-              class: tigercatCore.classNames(tigercatCore.treeNodeChildrenClasses, props.showLine && tigercatCore.treeLineClasses)
+              class: _tigercatcore.classNames.call(void 0, _tigercatcore.treeNodeChildrenClasses, props.showLine && _tigercatcore.treeLineClasses)
             },
             node.children.map((child) => renderTreeNode(child, level + 1))
           )
@@ -686,20 +720,24 @@ var Tree = vue.defineComponent({
       );
     }
     return () => {
-      const rootClass = tigercatCore.classNames(tigercatCore.treeBaseClasses, tigercatCore.coerceClassValue(attrs.class));
+      const rootClass = _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.treeBaseClasses,
+        props.className,
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+      );
       if (!props.treeData || props.treeData.length === 0) {
-        return vue.h(
+        return _vue.h.call(void 0, 
           "div",
           {
             ...attrs,
-            class: tigercatCore.classNames(rootClass, "p-4"),
+            class: _tigercatcore.classNames.call(void 0, rootClass, "p-4"),
             role: "tree",
             "aria-label": props.ariaLabel
           },
-          [vue.h("div", { class: tigercatCore.treeEmptyStateClasses }, props.emptyText)]
+          [_vue.h.call(void 0, "div", { class: _tigercatcore.treeEmptyStateClasses }, props.emptyText)]
         );
       }
-      const searchInput = props.searchable ? vue.h("input", {
+      const searchInput = props.searchable ? _vue.h.call(void 0, "input", {
         type: "text",
         class: "w-full mb-2 px-2 py-1 text-sm border border-[var(--tiger-border,#e5e7eb)] rounded bg-[var(--tiger-surface,#ffffff)] focus:outline-none focus:ring-1 focus:ring-[var(--tiger-primary,#2563eb)]",
         placeholder: "Search...",
@@ -708,7 +746,7 @@ var Tree = vue.defineComponent({
           internalSearchValue.value = e.target.value;
         }
       }) : null;
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
@@ -720,8 +758,8 @@ var Tree = vue.defineComponent({
         },
         [
           searchInput,
-          props.virtual ? vue.h(
-            chunkEHBPMUT2_js.VirtualList,
+          props.virtual ? _vue.h.call(void 0, 
+            _chunk5F6P5Y4Kjs.VirtualList,
             {
               itemCount: visibleItems.value.length,
               itemHeight: props.itemHeight,
@@ -742,5 +780,7 @@ var Tree = vue.defineComponent({
 });
 var Tree_default = Tree;
 
-exports.Tree = Tree;
-exports.Tree_default = Tree_default;
+
+
+
+exports.Tree = Tree; exports.Tree_default = Tree_default;

package/dist/chunk-LBGTABIU.mjs

@@ -1,7 +1,20 @@
-import { defineComponent, computed, h } from 'vue';
-import { classNames, getTimelineContainerClasses, timelineListClasses, coerceClassValue, mergeStyleValues, getTimelineItemClasses, getTimelineHeadClasses, getTimelineContentClasses, timelineDescriptionClasses, getTimelineTailClasses, timelineLabelClasses, getTimelineDotClasses, getPendingDotClasses } from '@expcat/tigercat-core';
-
 // src/components/Timeline.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  getTimelineContainerClasses,
+  getTimelineItemClasses,
+  getTimelineTailClasses,
+  getTimelineHeadClasses,
+  getTimelineDotClasses,
+  getTimelineContentClasses,
+  getPendingDotClasses,
+  timelineListClasses,
+  timelineLabelClasses,
+  timelineDescriptionClasses
+} from "@expcat/tigercat-core";
 var Timeline = defineComponent({
   name: "TigerTimeline",
   inheritAttrs: false,
@@ -170,4 +183,7 @@ var Timeline = defineComponent({
 });
 var Timeline_default = Timeline;
 
-export { Timeline, Timeline_default };
+export {
+  Timeline,
+  Timeline_default
+};

package/dist/{chunk-EZXW4HIZ.mjs → chunk-LD7ZJCTO.mjs}

@@ -1,14 +1,28 @@
-import { defineComponent, ref, computed, h } from 'vue';
-import { getMonthDays, classNames, getCalendarContainerClasses, coerceClassValue, calendarHeaderClasses, calendarNavButtonClasses, calendarTitleClasses, MONTHS, getCalendarMonthClasses, WEEKDAYS, calendarWeekdayClasses, isSameDay, getCalendarDayClasses } from '@expcat/tigercat-core';
-
 // src/components/Calendar.ts
+import { defineComponent, h, ref, computed } from "vue";
+import { classNames, coerceClassValue } from "@expcat/tigercat-core";
+import {
+  getCalendarContainerClasses,
+  calendarHeaderClasses,
+  calendarNavButtonClasses,
+  calendarTitleClasses,
+  calendarWeekdayClasses,
+  getCalendarDayClasses,
+  getCalendarMonthClasses,
+  WEEKDAYS,
+  MONTHS,
+  isSameDay,
+  getMonthDays
+} from "@expcat/tigercat-core";
 var Calendar = defineComponent({
   name: "TigerCalendar",
+  inheritAttrs: false,
   props: {
     modelValue: { type: Date, default: void 0 },
     mode: { type: String, default: "month" },
     fullscreen: { type: Boolean, default: false },
-    disabledDate: { type: Function, default: void 0 }
+    disabledDate: { type: Function, default: void 0 },
+    className: { type: String, default: void 0 }
   },
   emits: ["update:modelValue", "change", "panel-change"],
   setup(props, { emit, attrs }) {
@@ -54,6 +68,7 @@ var Calendar = defineComponent({
     return () => {
       const containerClass = classNames(
         getCalendarContainerClasses(!!props.fullscreen),
+        props.className,
         coerceClassValue(attrs.class)
       );
       const header = h("div", { class: calendarHeaderClasses }, [
@@ -140,10 +155,13 @@ var Calendar = defineComponent({
         );
         body = h("div", {}, [weekdayRow, dayGrid]);
       }
-      return h("div", { class: containerClass, role: "group" }, [header, body]);
+      return h("div", { ...attrs, class: containerClass, role: "group" }, [header, body]);
     };
   }
 });
 var Calendar_default = Calendar;
 
-export { Calendar, Calendar_default };
+export {
+  Calendar,
+  Calendar_default
+};