@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/{chunk-GDKYQ7U6.js → chunk-XMGU52S5.js}

@@ -1,14 +1,30 @@
-'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 chunk6FXYRDYH_js = require('./chunk-6FXYRDYH.js');
-var chunk5436FG3B_js = require('./chunk-5436FG3B.js');
-var chunk2KDSHEZT_js = require('./chunk-2KDSHEZT.js');
-var chunkDUQ7Q2GO_js = require('./chunk-DUQ7Q2GO.js');
-var chunkWPIDP6IG_js = require('./chunk-WPIDP6IG.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunk6FXYRDYHjs = require('./chunk-6FXYRDYH.js');
 
-var CommentThread = vue.defineComponent({
+
+var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
+
+
+var _chunk2KDSHEZTjs = require('./chunk-2KDSHEZT.js');
+
+
+var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
+
+
+var _chunkZ6HBM73Wjs = require('./chunk-Z6HBM73W.js');
+
+// src/components/CommentThread.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var CommentThread = _vue.defineComponent.call(void 0, {
   name: "TigerCommentThread",
   inheritAttrs: false,
   props: {
@@ -103,24 +119,24 @@ var CommentThread = vue.defineComponent({
   },
   emits: ["like", "reply", "more", "action", "expand-change", "load-more"],
   setup(props, { emit, attrs }) {
-    const innerExpandedKeys = vue.ref([...props.defaultExpandedKeys]);
-    const expandedAllKeys = vue.ref(/* @__PURE__ */ new Set());
-    const replyingTo = vue.ref(null);
-    const replyValue = vue.ref("");
-    const mergedExpandedKeys = vue.computed(() => props.expandedKeys ?? innerExpandedKeys.value);
-    const expandedSet = vue.computed(() => new Set(mergedExpandedKeys.value));
-    const resolvedNodes = vue.computed(() => {
-      const tree = props.nodes && props.nodes.length > 0 ? props.nodes : tigercatCore.buildCommentTree(props.items ?? []);
-      return tigercatCore.clipCommentTreeDepth(tree, props.maxDepth);
+    const innerExpandedKeys = _vue.ref.call(void 0, [...props.defaultExpandedKeys]);
+    const expandedAllKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
+    const replyingTo = _vue.ref.call(void 0, null);
+    const replyValue = _vue.ref.call(void 0, "");
+    const mergedExpandedKeys = _vue.computed.call(void 0, () => _nullishCoalesce(props.expandedKeys, () => ( innerExpandedKeys.value)));
+    const expandedSet = _vue.computed.call(void 0, () => new Set(mergedExpandedKeys.value));
+    const resolvedNodes = _vue.computed.call(void 0, () => {
+      const tree = props.nodes && props.nodes.length > 0 ? props.nodes : _tigercatcore.buildCommentTree.call(void 0, _nullishCoalesce(props.items, () => ( [])));
+      return _tigercatcore.clipCommentTreeDepth.call(void 0, tree, props.maxDepth);
     });
-    const wrapperClasses = vue.computed(
-      () => tigercatCore.classNames(
+    const wrapperClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
         "tiger-comment-thread 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 updateExpandedKeys = (next) => {
       if (!props.expandedKeys) {
         innerExpandedKeys.value = next;
@@ -150,13 +166,13 @@ var CommentThread = vue.defineComponent({
     const BTN_BASE = "px-1.5 py-0.5 h-auto min-h-0 text-xs rounded";
     const ACTION_BTN = `${BTN_BASE} text-gray-400 hover:text-gray-600 font-normal hover:bg-gray-50`;
     const PRIMARY_BTN = `${BTN_BASE} text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary-hover,#1d4ed8)] font-medium hover:bg-[var(--tiger-primary,#2563eb)]/5`;
-    const renderActionButton = (label, key, onClick, active) => vue.h(
-      chunk5436FG3B_js.Button,
+    const renderActionButton = (label, key, onClick, active) => _vue.h.call(void 0, 
+      _chunk4VLNT2EDjs.Button,
       {
         key,
         size: "sm",
         variant: "ghost",
-        className: tigercatCore.classNames(
+        className: _tigercatcore.classNames.call(void 0, 
           ACTION_BTN,
           active && "text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary,#2563eb)] font-medium"
         ),
@@ -198,18 +214,18 @@ var CommentThread = vue.defineComponent({
       }
       if (node.actions && node.actions.length > 0) {
         node.actions.forEach((action, index) => {
-          const actionKey = action.key ?? `${node.id}-action-${index}`;
+          const actionKey = _nullishCoalesce(action.key, () => ( `${node.id}-action-${index}`));
           actions.push(
-            vue.h(
-              chunk5436FG3B_js.Button,
+            _vue.h.call(void 0, 
+              _chunk4VLNT2EDjs.Button,
               {
                 key: actionKey,
                 size: "sm",
-                variant: action.variant ?? "ghost",
+                variant: _nullishCoalesce(action.variant, () => ( "ghost")),
                 className: ACTION_BTN,
                 disabled: action.disabled,
                 onClick: () => {
-                  action.onClick?.(node, action);
+                  _optionalChain([action, 'access', _ => _.onClick, 'optionalCall', _2 => _2(node, action)]);
                   emit("action", node, action);
                 }
               },
@@ -218,10 +234,10 @@ var CommentThread = vue.defineComponent({
           );
         });
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
-          class: tigercatCore.classNames(
+          class: _tigercatcore.classNames.call(void 0, 
             "tiger-comment-thread-item",
             depth === 1 && "py-4",
             depth === 1 && !isLast && props.showDivider && "border-b border-[var(--tiger-border,#e5e7eb)]"
@@ -229,62 +245,62 @@ var CommentThread = vue.defineComponent({
           key: node.id
         },
         [
-          vue.h("div", { class: "flex gap-3" }, [
-            props.showAvatar && node.user ? vue.h(chunkWPIDP6IG_js.Avatar, {
+          _vue.h.call(void 0, "div", { class: "flex gap-3" }, [
+            props.showAvatar && node.user ? _vue.h.call(void 0, _chunkZ6HBM73Wjs.Avatar, {
               size: depth === 1 ? "md" : "sm",
               src: node.user.avatar,
               text: node.user.name,
               className: "shrink-0 mt-0.5"
             }) : null,
-            vue.h("div", { class: "flex-1 min-w-0" }, [
-              vue.h("div", { class: "flex items-center gap-2 flex-wrap" }, [
-                node.user?.name ? 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-center gap-2 flex-wrap" }, [
+                _optionalChain([node, 'access', _3 => _3.user, 'optionalAccess', _4 => _4.name]) ? _vue.h.call(void 0, 
+                  _chunkTGHB5XSTjs.Text,
                   { tag: "span", size: "sm", weight: "bold" },
-                  { default: () => node.user?.name }
+                  { default: () => _optionalChain([node, 'access', _5 => _5.user, 'optionalAccess', _6 => _6.name]) }
                 ) : null,
-                node.user?.title ? vue.h(
-                  chunkDUQ7Q2GO_js.Text,
+                _optionalChain([node, 'access', _7 => _7.user, 'optionalAccess', _8 => _8.title]) ? _vue.h.call(void 0, 
+                  _chunkTGHB5XSTjs.Text,
                   { tag: "span", size: "xs", color: "muted" },
-                  { default: () => node.user?.title }
+                  { default: () => _optionalChain([node, 'access', _9 => _9.user, 'optionalAccess', _10 => _10.title]) }
                 ) : null,
-                node.tag ? vue.h(
-                  chunk2KDSHEZT_js.Tag,
-                  { size: "sm", variant: node.tag.variant ?? "default" },
-                  { default: () => node.tag?.label }
+                node.tag ? _vue.h.call(void 0, 
+                  _chunk2KDSHEZTjs.Tag,
+                  { size: "sm", variant: _nullishCoalesce(node.tag.variant, () => ( "default")) },
+                  { default: () => _optionalChain([node, 'access', _11 => _11.tag, 'optionalAccess', _12 => _12.label]) }
                 ) : null,
-                ...(node.tags ?? []).map(
-                  (tag, index) => vue.h(
-                    chunk2KDSHEZT_js.Tag,
+                ...(_nullishCoalesce(node.tags, () => ( []))).map(
+                  (tag, index) => _vue.h.call(void 0, 
+                    _chunk2KDSHEZTjs.Tag,
                     {
                       key: `${node.id}-tag-${index}`,
                       size: "sm",
-                      variant: tag.variant ?? "default"
+                      variant: _nullishCoalesce(tag.variant, () => ( "default"))
                     },
                     { default: () => tag.label }
                   )
                 ),
-                node.time ? vue.h(
-                  chunkDUQ7Q2GO_js.Text,
+                node.time ? _vue.h.call(void 0, 
+                  _chunkTGHB5XSTjs.Text,
                   { tag: "span", size: "xs", color: "muted", class: "ml-auto" },
-                  { default: () => tigercatCore.formatCommentTime(node.time) }
+                  { default: () => _tigercatcore.formatCommentTime.call(void 0, node.time) }
                 ) : null
               ]),
-              vue.h(
+              _vue.h.call(void 0, 
                 "div",
                 {
                   class: "text-sm text-[var(--tiger-text-secondary,#4b5563)] leading-relaxed break-words mt-1.5 mb-2"
                 },
                 String(node.content)
               ),
-              actions.length > 0 ? vue.h("div", { class: "flex flex-wrap items-center gap-1" }, actions) : null,
-              replyingTo.value === node.id ? vue.h(
+              actions.length > 0 ? _vue.h.call(void 0, "div", { class: "flex flex-wrap items-center gap-1" }, actions) : null,
+              replyingTo.value === node.id ? _vue.h.call(void 0, 
                 "div",
                 {
                   class: "mt-3 space-y-2 bg-[var(--tiger-surface-muted,#f9fafb)] p-3 rounded-[var(--tiger-radius-md,0.5rem)]"
                 },
                 [
-                  vue.h(chunk6FXYRDYH_js.Textarea, {
+                  _vue.h.call(void 0, _chunk6FXYRDYHjs.Textarea, {
                     rows: 2,
                     modelValue: replyValue.value,
                     placeholder: props.replyPlaceholder,
@@ -293,9 +309,9 @@ var CommentThread = vue.defineComponent({
                       replyValue.value = value;
                     }
                   }),
-                  vue.h("div", { class: "flex items-center gap-2 justify-end" }, [
-                    vue.h(
-                      chunk5436FG3B_js.Button,
+                  _vue.h.call(void 0, "div", { class: "flex items-center gap-2 justify-end" }, [
+                    _vue.h.call(void 0, 
+                      _chunk4VLNT2EDjs.Button,
                       {
                         size: "sm",
                         variant: "ghost",
@@ -306,8 +322,8 @@ var CommentThread = vue.defineComponent({
                       },
                       { default: () => props.cancelReplyText }
                     ),
-                    vue.h(
-                      chunk5436FG3B_js.Button,
+                    _vue.h.call(void 0, 
+                      _chunk4VLNT2EDjs.Button,
                       {
                         size: "sm",
                         variant: "primary",
@@ -318,12 +334,12 @@ var CommentThread = vue.defineComponent({
                   ])
                 ]
               ) : null,
-              hasChildren ? vue.h(
-                chunk5436FG3B_js.Button,
+              hasChildren ? _vue.h.call(void 0, 
+                _chunk4VLNT2EDjs.Button,
                 {
                   size: "sm",
                   variant: "ghost",
-                  className: tigercatCore.classNames("mt-2", PRIMARY_BTN),
+                  className: _tigercatcore.classNames.call(void 0, "mt-2", PRIMARY_BTN),
                   "aria-expanded": isExpanded,
                   "aria-controls": repliesId,
                   onClick: () => toggleExpanded(node.id)
@@ -332,7 +348,7 @@ var CommentThread = vue.defineComponent({
                   default: () => isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${node.children.length} \u6761\u56DE\u590D`
                 }
               ) : null,
-              showReplies ? vue.h(
+              showReplies ? _vue.h.call(void 0, 
                 "div",
                 {
                   id: repliesId,
@@ -342,8 +358,8 @@ var CommentThread = vue.defineComponent({
                   ...visibleChildren.map(
                     (child, index) => renderNode(child, depth + 1, index === visibleChildren.length - 1)
                   ),
-                  showLoadMore ? vue.h(
-                    chunk5436FG3B_js.Button,
+                  showLoadMore ? _vue.h.call(void 0, 
+                    _chunk4VLNT2EDjs.Button,
                     {
                       size: "sm",
                       variant: "ghost",
@@ -360,23 +376,23 @@ var CommentThread = vue.defineComponent({
       );
     };
     return () => {
-      const ariaLabel = attrs["aria-label"] ?? (attrs["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B");
+      const ariaLabel = _nullishCoalesce(attrs["aria-label"], () => ( (attrs["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B")));
       const children = resolvedNodes.value.length === 0 ? [
-        vue.h(
-          chunkDUQ7Q2GO_js.Text,
+        _vue.h.call(void 0, 
+          _chunkTGHB5XSTjs.Text,
           { tag: "div", size: "sm", color: "muted", class: "text-center py-8" },
           { default: () => props.emptyText }
         )
       ] : resolvedNodes.value.map(
         (node, index) => renderNode(node, 1, index === resolvedNodes.value.length - 1)
       );
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
           class: wrapperClasses.value,
           style: wrapperStyle.value,
-          role: attrs.role ?? "feed",
+          role: _nullishCoalesce(attrs.role, () => ( "feed")),
           "data-tiger-comment-thread": true,
           "aria-label": ariaLabel
         },
@@ -387,5 +403,7 @@ var CommentThread = vue.defineComponent({
 });
 var CommentThread_default = CommentThread;
 
-exports.CommentThread = CommentThread;
-exports.CommentThread_default = CommentThread_default;
+
+
+
+exports.CommentThread = CommentThread; exports.CommentThread_default = CommentThread_default;

package/dist/chunk-XSMDZOBF.js

@@ -0,0 +1,154 @@
+"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/ColorSwatch.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var checkPathD = "M5 10.5 8 13.5 15 6.5";
+var ColorSwatch = _vue.defineComponent.call(void 0, {
+  name: "TigerColorSwatch",
+  props: {
+    modelValue: { type: String, default: void 0 },
+    disabled: { type: Boolean, default: false },
+    size: { type: String, default: "md" },
+    colors: { type: Array, default: void 0 },
+    groups: { type: Array, default: void 0 },
+    columns: { type: Number, default: 6 },
+    ariaLabel: { type: String, default: "Color swatches" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(props, { attrs, emit }) {
+    const focusIndex = _vue.ref.call(void 0, -1);
+    const optionRefs = _vue.ref.call(void 0, []);
+    const normalizedGroups = _vue.computed.call(void 0, () => _tigercatcore.normalizeColorSwatchGroups.call(void 0, props.groups, props.colors));
+    const options = _vue.computed.call(void 0, () => _tigercatcore.flattenColorSwatchGroups.call(void 0, normalizedGroups.value));
+    const selectedIndex = _vue.computed.call(void 0, 
+      () => options.value.findIndex((option) => _tigercatcore.isColorSwatchSelected.call(void 0, option.value, props.modelValue))
+    );
+    const firstEnabledIndex = _vue.computed.call(void 0, () => options.value.findIndex((option) => !option.disabled));
+    const activeIndex = _vue.computed.call(void 0, 
+      () => selectedIndex.value >= 0 ? selectedIndex.value : firstEnabledIndex.value
+    );
+    function handleSelect(option) {
+      if (props.disabled || option.disabled) return;
+      emit("update:modelValue", option.value);
+      emit("change", option.value, option);
+    }
+    function handleKeydown(optionIndex, event) {
+      if (props.disabled) return;
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        const option = options.value[optionIndex];
+        if (option) handleSelect(option);
+        return;
+      }
+      const nextIndex = _tigercatcore.getNextColorSwatchIndex.call(void 0, 
+        options.value,
+        optionIndex,
+        event.key,
+        props.columns
+      );
+      if (nextIndex === -1 || nextIndex === optionIndex) return;
+      event.preventDefault();
+      focusIndex.value = nextIndex;
+      _vue.nextTick.call(void 0, () => _optionalChain([optionRefs, 'access', _ => _.value, 'access', _2 => _2[nextIndex], 'optionalAccess', _3 => _3.focus, 'call', _4 => _4()]));
+    }
+    return () => {
+      let flatIndex = 0;
+      optionRefs.value = [];
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          class: _tigercatcore.classNames.call(void 0, _tigercatcore.colorSwatchBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
+          role: "radiogroup",
+          "aria-label": props.ariaLabel,
+          "aria-disabled": props.disabled || void 0
+        },
+        normalizedGroups.value.map(
+          (group, groupIndex) => _vue.h.call(void 0, 
+            "div",
+            { key: `${groupIndex}-${_nullishCoalesce(group.label, () => ( "group"))}`, class: _tigercatcore.colorSwatchGroupClasses },
+            [
+              group.label ? _vue.h.call(void 0, "div", { class: _tigercatcore.colorSwatchGroupLabelClasses }, group.label) : null,
+              _vue.h.call(void 0, 
+                "div",
+                {
+                  class: _tigercatcore.colorSwatchGridClasses,
+                  style: { gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))` }
+                },
+                group.colors.map((option) => {
+                  const optionIndex = flatIndex;
+                  flatIndex += 1;
+                  const selected = _tigercatcore.isColorSwatchSelected.call(void 0, option.value, props.modelValue);
+                  const optionDisabled = props.disabled || !!option.disabled;
+                  const tabIndex = !optionDisabled && optionIndex === (focusIndex.value >= 0 ? focusIndex.value : activeIndex.value) ? 0 : -1;
+                  return _vue.h.call(void 0, 
+                    "button",
+                    {
+                      key: `${option.groupIndex}-${option.index}-${option.value}`,
+                      ref: ((el) => {
+                        if (el instanceof HTMLElement) optionRefs.value[optionIndex] = el;
+                      }),
+                      type: "button",
+                      class: _tigercatcore.getColorSwatchButtonClasses.call(void 0, props.size, selected, optionDisabled),
+                      style: { backgroundColor: option.value },
+                      role: "radio",
+                      "aria-checked": selected,
+                      "aria-label": option.label,
+                      "aria-disabled": optionDisabled || void 0,
+                      tabindex: tabIndex,
+                      onFocus: () => {
+                        focusIndex.value = optionIndex;
+                      },
+                      onClick: () => handleSelect(option),
+                      onKeydown: (event) => handleKeydown(optionIndex, event)
+                    },
+                    selected ? _vue.h.call(void 0, 
+                      "span",
+                      { class: _tigercatcore.getColorSwatchCheckClasses.call(void 0, props.size), "aria-hidden": "true" },
+                      [
+                        _vue.h.call(void 0, 
+                          "svg",
+                          {
+                            viewBox: "0 0 20 20",
+                            fill: "none",
+                            stroke: "currentColor",
+                            strokeWidth: "2.5",
+                            class: "h-full w-full"
+                          },
+                          [
+                            _vue.h.call(void 0, "path", {
+                              d: checkPathD,
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round"
+                            })
+                          ]
+                        )
+                      ]
+                    ) : void 0
+                  );
+                })
+              )
+            ]
+          )
+        )
+      );
+    };
+  }
+});
+var ColorSwatch_default = ColorSwatch;
+
+
+
+
+exports.ColorSwatch = ColorSwatch; exports.ColorSwatch_default = ColorSwatch_default;

package/dist/chunk-XTMGF5YP.js

@@ -1,10 +1,14 @@
-'use strict';
+"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; }// src/components/PrintLayout.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/PrintLayout.ts
-var PrintLayout = vue.defineComponent({
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var PrintLayout = _vue.defineComponent.call(void 0, {
   name: "TigerPrintLayout",
   inheritAttrs: false,
   props: {
@@ -42,34 +46,34 @@ var PrintLayout = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const classes = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getPrintLayoutClasses(props.pageSize, props.orientation, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
+    const classes = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getPrintLayoutClasses.call(void 0, props.pageSize, props.orientation, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
     return () => {
       const children = [];
       if (props.showHeader && (props.headerText || slots.header)) {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
-            { class: tigercatCore.printLayoutHeaderClasses },
+            { class: _tigercatcore.printLayoutHeaderClasses },
             slots.header ? slots.header() : props.headerText
           )
         );
       }
-      children.push(vue.h("div", { class: "tiger-print-content" }, slots.default?.()));
+      children.push(_vue.h.call(void 0, "div", { class: "tiger-print-content" }, _optionalChain([slots, 'access', _2 => _2.default, 'optionalCall', _3 => _3()])));
       if (props.showFooter && (props.footerText || slots.footer)) {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
-            { class: tigercatCore.printLayoutFooterClasses },
+            { class: _tigercatcore.printLayoutFooterClasses },
             slots.footer ? slots.footer() : props.footerText
           )
         );
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
@@ -80,18 +84,20 @@ var PrintLayout = vue.defineComponent({
     };
   }
 });
-var PrintPageBreak = vue.defineComponent({
+var PrintPageBreak = _vue.defineComponent.call(void 0, {
   name: "TigerPrintPageBreak",
   setup(_, { attrs }) {
-    return () => vue.h("div", {
+    return () => _vue.h.call(void 0, "div", {
       ...attrs,
-      class: tigercatCore.classNames(tigercatCore.printLayoutPageBreakClasses, "print:break-before-page"),
+      class: _tigercatcore.classNames.call(void 0, _tigercatcore.printLayoutPageBreakClasses, "print:break-before-page"),
       "aria-hidden": "true"
     });
   }
 });
 var PrintLayout_default = PrintLayout;
 
-exports.PrintLayout = PrintLayout;
-exports.PrintLayout_default = PrintLayout_default;
-exports.PrintPageBreak = PrintPageBreak;
+
+
+
+
+exports.PrintLayout = PrintLayout; exports.PrintPageBreak = PrintPageBreak; exports.PrintLayout_default = PrintLayout_default;

package/dist/chunk-XUOGT4HG.js

@@ -1,11 +1,14 @@
-'use strict';
+"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; }// src/components/Row.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Row.ts
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var RowContextKey = /* @__PURE__ */ Symbol("RowContext");
-var Row = vue.defineComponent({
+var Row = _vue.defineComponent.call(void 0, {
   name: "TigerRow",
   props: {
     /**
@@ -42,30 +45,32 @@ var Row = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const gutter = vue.computed(() => props.gutter);
-    const rowStyle = vue.computed(() => tigercatCore.getRowGutterStyleVars(gutter.value));
-    const rowClasses = vue.computed(() => {
-      return tigercatCore.classNames(
+    const gutter = _vue.computed.call(void 0, () => props.gutter);
+    const rowStyle = _vue.computed.call(void 0, () => _tigercatcore.getRowGutterStyleVars.call(void 0, gutter.value));
+    const rowClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.classNames.call(void 0, 
         "flex",
         "w-full",
         props.wrap && "flex-wrap",
-        tigercatCore.getRowGutterClasses(gutter.value),
-        tigercatCore.getAlignClasses(props.align),
-        tigercatCore.getJustifyClasses(props.justify)
+        _tigercatcore.getRowGutterClasses.call(void 0, gutter.value),
+        _tigercatcore.getAlignClasses.call(void 0, props.align),
+        _tigercatcore.getJustifyClasses.call(void 0, props.justify)
       );
     });
-    vue.provide(RowContextKey, { gutter });
-    return () => vue.h(
+    _vue.provide.call(void 0, RowContextKey, { gutter });
+    return () => _vue.h.call(void 0, 
       "div",
       {
         ...attrs,
         class: [rowClasses.value, attrs.class],
         style: [rowStyle.value, attrs.style]
       },
-      slots.default?.()
+      _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
     );
   }
 });
 
-exports.Row = Row;
-exports.RowContextKey = RowContextKey;
+
+
+
+exports.RowContextKey = RowContextKey; exports.Row = Row;