@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/{chunk-XOLTA3IE.js → chunk-VAXO5NEM.js}

@@ -1,12 +1,26 @@
-'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 chunkGZK6R2E3_js = require('./chunk-GZK6R2E3.js');
-var chunkZOUJFFG4_js = require('./chunk-ZOUJFFG4.js');
-var chunkUHVUKLHF_js = require('./chunk-UHVUKLHF.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunk2VOZFFW6js = require('./chunk-2VOZFFW6.js');
 
-var HeatmapChart = vue.defineComponent({
+
+var _chunkZOUJFFG4js = require('./chunk-ZOUJFFG4.js');
+
+
+var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
+
+// src/components/HeatmapChart.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var HeatmapChart = _vue.defineComponent.call(void 0, {
   name: "TigerHeatmapChart",
   props: {
     width: { type: Number, default: 400 },
@@ -43,7 +57,7 @@ var HeatmapChart = vue.defineComponent({
   },
   emits: ["update:hoveredIndex", "update:selectedIndex", "cell-click", "cell-hover"],
   setup(props, { emit }) {
-    const canvasRef = vue.ref(null);
+    const canvasRef = _vue.ref.call(void 0, null);
     const {
       tooltipPosition,
       resolvedHoveredIndex,
@@ -53,20 +67,20 @@ var HeatmapChart = vue.defineComponent({
       handleMouseLeave,
       handleClick,
       wrapperClasses: _wrapperClasses
-    } = chunkGZK6R2E3_js.useChartInteraction({
-      hoverable: vue.computed(() => props.hoverable),
+    } = _chunk2VOZFFW6js.useChartInteraction.call(void 0, {
+      hoverable: _vue.computed.call(void 0, () => props.hoverable),
       hoveredIndexProp: () => props.hoveredIndex,
-      selectable: vue.computed(() => props.selectable),
+      selectable: _vue.computed.call(void 0, () => props.selectable),
       selectedIndexProp: () => props.selectedIndex,
-      activeOpacity: vue.computed(() => props.activeOpacity),
-      inactiveOpacity: vue.computed(() => props.inactiveOpacity),
+      activeOpacity: _vue.computed.call(void 0, () => props.activeOpacity),
+      inactiveOpacity: _vue.computed.call(void 0, () => props.inactiveOpacity),
       emit,
       getData: (index) => props.data[index],
       eventNames: { hover: "cell-hover", click: "cell-click" }
     });
-    const innerRect = vue.computed(() => tigercatCore.getChartInnerRect(props.width, props.height, props.padding));
-    const cells = vue.computed(
-      () => tigercatCore.computeHeatmapCells(props.data, {
+    const innerRect = _vue.computed.call(void 0, () => _tigercatcore.getChartInnerRect.call(void 0, props.width, props.height, props.padding));
+    const cells = _vue.computed.call(void 0, 
+      () => _tigercatcore.computeHeatmapCells.call(void 0, props.data, {
         xLabels: props.xLabels,
         yLabels: props.yLabels,
         width: innerRect.value.width,
@@ -77,20 +91,20 @@ var HeatmapChart = vue.defineComponent({
         colorSpace: props.colorSpace
       })
     );
-    const tooltipContent = vue.computed(
-      () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex.value, cells.value, void 0, (cell) => {
+    const tooltipContent = _vue.computed.call(void 0, 
+      () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex.value, cells.value, void 0, (cell) => {
         const val = props.valueFormatter ? props.valueFormatter(cell.value) : `${cell.value}`;
         return `${cell.xLabel} \xD7 ${cell.yLabel}: ${val}`;
       })
     );
-    const resolvedRenderMode = vue.computed(
-      () => tigercatCore.resolveHeatmapRenderMode(cells.value.length, {
+    const resolvedRenderMode = _vue.computed.call(void 0, 
+      () => _tigercatcore.resolveHeatmapRenderMode.call(void 0, cells.value.length, {
         renderMode: props.renderMode,
         canvasThreshold: props.canvasThreshold
       })
     );
-    const shouldRenderCanvas = vue.computed(() => resolvedRenderMode.value === "canvas");
-    vue.watchEffect(() => {
+    const shouldRenderCanvas = _vue.computed.call(void 0, () => resolvedRenderMode.value === "canvas");
+    _vue.watchEffect.call(void 0, () => {
       if (!shouldRenderCanvas.value) return;
       const rect = innerRect.value;
       const cellList = cells.value;
@@ -100,19 +114,19 @@ var HeatmapChart = vue.defineComponent({
       const currentCellRadius = props.cellRadius;
       const currentShowValues = props.showValues;
       const formatter = props.valueFormatter;
-      vue.nextTick(() => {
+      _vue.nextTick.call(void 0, () => {
         const canvas = canvasRef.value;
-        const context = canvas?.getContext("2d");
+        const context = _optionalChain([canvas, 'optionalAccess', _ => _.getContext, 'call', _2 => _2("2d")]);
         if (!canvas || !context) return;
         context.clearRect(0, 0, rect.width, rect.height);
         context.textAlign = "center";
         context.textBaseline = "middle";
         context.font = "10px sans-serif";
         cellList.forEach((cell, idx) => {
-          context.globalAlpha = tigercatCore.getChartElementOpacity(idx, currentActiveIndex, {
+          context.globalAlpha = _nullishCoalesce(_tigercatcore.getChartElementOpacity.call(void 0, idx, currentActiveIndex, {
             activeOpacity: currentActiveOpacity,
             inactiveOpacity: currentInactiveOpacity
-          }) ?? 1;
+          }), () => ( 1));
           context.fillStyle = cell.fill;
           const radius = Math.max(0, Math.min(currentCellRadius, cell.w / 2, cell.h / 2));
           if (radius > 0) {
@@ -161,7 +175,7 @@ var HeatmapChart = vue.defineComponent({
     };
     const handleCanvasMouseMove = (event) => {
       const point = getCanvasPoint(event);
-      const index = tigercatCore.getHeatmapCellIndexAtPoint(cells.value, point.x, point.y);
+      const index = _tigercatcore.getHeatmapCellIndexAtPoint.call(void 0, cells.value, point.x, point.y);
       if (index === null) {
         handleMouseLeave();
         return;
@@ -171,7 +185,7 @@ var HeatmapChart = vue.defineComponent({
     };
     const handleCanvasClick = (event) => {
       const point = getCanvasPoint(event);
-      const index = tigercatCore.getHeatmapCellIndexAtPoint(cells.value, point.x, point.y);
+      const index = _tigercatcore.getHeatmapCellIndexAtPoint.call(void 0, cells.value, point.x, point.y);
       if (index !== null) {
         handleClick(index);
       }
@@ -179,27 +193,27 @@ var HeatmapChart = vue.defineComponent({
     return () => {
       const interactive = props.hoverable || props.selectable;
       const rect = innerRect.value;
-      const chart = vue.h(
-        chunkUHVUKLHF_js.ChartCanvas,
+      const chart = _vue.h.call(void 0, 
+        _chunkUHVUKLHFjs.ChartCanvas,
         {
           width: props.width,
           height: props.height,
           padding: props.padding,
           title: props.title,
           desc: props.desc,
-          className: tigercatCore.classNames(props.className)
+          className: _tigercatcore.classNames.call(void 0, props.className)
         },
         {
           default: () => {
             const xAxisLabels = props.xLabels.map((label, i) => {
               const cellW = (rect.width - props.cellGap * (props.xLabels.length - 1)) / props.xLabels.length;
-              return vue.h(
+              return _vue.h.call(void 0, 
                 "text",
                 {
                   key: `x-${i}`,
                   x: i * (cellW + props.cellGap) + cellW / 2,
                   y: rect.height + 16,
-                  class: tigercatCore.chartAxisTickTextClasses,
+                  class: _tigercatcore.chartAxisTickTextClasses,
                   "text-anchor": "middle"
                 },
                 label
@@ -207,13 +221,13 @@ var HeatmapChart = vue.defineComponent({
             });
             const yAxisLabels = props.yLabels.map((label, i) => {
               const cellH = (rect.height - props.cellGap * (props.yLabels.length - 1)) / props.yLabels.length;
-              return vue.h(
+              return _vue.h.call(void 0, 
                 "text",
                 {
                   key: `y-${i}`,
                   x: -8,
                   y: i * (cellH + props.cellGap) + cellH / 2,
-                  class: tigercatCore.chartAxisTickTextClasses,
+                  class: _tigercatcore.chartAxisTickTextClasses,
                   "text-anchor": "end",
                   "dominant-baseline": "middle"
                 },
@@ -221,12 +235,12 @@ var HeatmapChart = vue.defineComponent({
               );
             });
             const cellElems = shouldRenderCanvas.value ? [] : cells.value.map((cell, idx) => {
-              const opacity = tigercatCore.getChartElementOpacity(idx, activeIndex.value, {
+              const opacity = _tigercatcore.getChartElementOpacity.call(void 0, idx, activeIndex.value, {
                 activeOpacity: props.activeOpacity,
                 inactiveOpacity: props.inactiveOpacity
               });
               const elems = [
-                vue.h("rect", {
+                _vue.h.call(void 0, "rect", {
                   key: `cell-${idx}`,
                   x: cell.x,
                   y: cell.y,
@@ -235,9 +249,9 @@ var HeatmapChart = vue.defineComponent({
                   rx: props.cellRadius,
                   fill: cell.fill,
                   opacity,
-                  class: tigercatCore.classNames(interactive && "cursor-pointer"),
+                  class: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
                   style: {
-                    transition: "opacity 0.2s ease-out",
+                    transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
                     rx: `var(--tiger-chart-block-radius, ${props.cellRadius}px)`
                   },
                   onMouseenter: (e) => handleMouseEnter(idx, e),
@@ -249,7 +263,7 @@ var HeatmapChart = vue.defineComponent({
               if (props.showValues) {
                 const val = props.valueFormatter ? props.valueFormatter(cell.value) : `${cell.value}`;
                 elems.push(
-                  vue.h(
+                  _vue.h.call(void 0, 
                     "text",
                     {
                       key: `val-${idx}`,
@@ -269,17 +283,17 @@ var HeatmapChart = vue.defineComponent({
           }
         }
       );
-      const tooltip = props.showTooltip && props.hoverable ? vue.h(chunkZOUJFFG4_js.ChartTooltip, {
+      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkZOUJFFG4js.ChartTooltip, {
         content: tooltipContent.value,
         visible: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
         y: tooltipPosition.value.y
       }) : null;
-      const canvas = shouldRenderCanvas.value ? vue.h("canvas", {
+      const canvas = shouldRenderCanvas.value ? _vue.h.call(void 0, "canvas", {
         ref: canvasRef,
         width: rect.width,
         height: rect.height,
-        class: tigercatCore.classNames(interactive && "cursor-pointer"),
+        class: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
         style: {
           position: "absolute",
           left: `${rect.x}px`,
@@ -294,11 +308,13 @@ var HeatmapChart = vue.defineComponent({
         onMouseleave: interactive ? handleMouseLeave : void 0,
         onClick: interactive ? handleCanvasClick : void 0
       }) : null;
-      return vue.h("div", { class: "inline-block relative" }, [chart, canvas, tooltip]);
+      return _vue.h.call(void 0, "div", { class: "inline-block relative" }, [chart, canvas, tooltip]);
     };
   }
 });
 var HeatmapChart_default = HeatmapChart;
 
-exports.HeatmapChart = HeatmapChart;
-exports.HeatmapChart_default = HeatmapChart_default;
+
+
+
+exports.HeatmapChart = HeatmapChart; exports.HeatmapChart_default = HeatmapChart_default;

package/dist/{chunk-E3BSOB7P.mjs → chunk-VG6E4NX6.mjs}

@@ -1,7 +1,21 @@
-import { defineComponent, ref, watch, computed, provide, inject } from 'vue';
-import { getImmediateTigerLocale, isLazyTigerLocale, resolveTigerLocale, mergeTigerLocale, ThemeManager } from '@expcat/tigercat-core';
-
 // src/components/ConfigProvider.ts
+import {
+  defineComponent,
+  computed,
+  inject,
+  onBeforeUnmount,
+  provide,
+  ref,
+  watch
+} from "vue";
+import {
+  mergeTigerLocale,
+  isLazyTigerLocale,
+  getImmediateTigerLocale,
+  resolveTigerLocale,
+  getLocaleDirection,
+  ThemeManager
+} from "@expcat/tigercat-core";
 var TigerConfigKey = /* @__PURE__ */ Symbol("TigerConfig");
 function useTigerConfig() {
   return inject(
@@ -9,22 +23,27 @@ function useTigerConfig() {
     computed(() => ({}))
   );
 }
+var configProviderProps = {
+  locale: {
+    type: [Object, Function, Promise],
+    default: void 0
+  },
+  direction: {
+    type: String,
+    default: void 0
+  },
+  theme: {
+    type: String,
+    default: void 0
+  },
+  colorScheme: {
+    type: String,
+    default: void 0
+  }
+};
 var ConfigProvider = defineComponent({
   name: "TigerConfigProvider",
-  props: {
-    locale: {
-      type: [Object, Function, Promise],
-      default: void 0
-    },
-    theme: {
-      type: String,
-      default: void 0
-    },
-    colorScheme: {
-      type: String,
-      default: void 0
-    }
-  },
+  props: configProviderProps,
   setup(props, { slots }) {
     const parent = useTigerConfig();
     const resolvedLocale = ref(
@@ -62,6 +81,7 @@ var ConfigProvider = defineComponent({
       return {
         locale: mergeTigerLocale(parent.value.locale, resolvedLocale.value),
         localeLoading: localeLoading.value || parent.value.localeLoading,
+        direction: props.direction ?? resolvedLocale.value?.direction ?? parent.value.direction ?? (resolvedLocale.value?.locale ? getLocaleDirection(resolvedLocale.value) : void 0),
         theme: props.theme ?? parent.value.theme,
         colorScheme: props.colorScheme ?? parent.value.colorScheme
       };
@@ -80,10 +100,40 @@ var ConfigProvider = defineComponent({
       },
       { immediate: true }
     );
+    let previousDir = null;
+    let previousDataDir = null;
+    watch(
+      () => merged.value.direction,
+      (direction) => {
+        if (!direction || typeof document === "undefined") return;
+        const root = document.documentElement;
+        if (previousDir === null && previousDataDir === null) {
+          previousDir = root.getAttribute("dir");
+          previousDataDir = root.getAttribute("data-tiger-dir");
+        }
+        root.setAttribute("dir", direction);
+        root.setAttribute("data-tiger-dir", direction);
+      },
+      { immediate: true }
+    );
+    onBeforeUnmount(() => {
+      if (typeof document === "undefined") return;
+      const root = document.documentElement;
+      if (previousDir === null) root.removeAttribute("dir");
+      else root.setAttribute("dir", previousDir);
+      if (previousDataDir === null) root.removeAttribute("data-tiger-dir");
+      else root.setAttribute("data-tiger-dir", previousDataDir);
+    });
     provide(TigerConfigKey, merged);
     return () => slots.default?.();
   }
 });
 var ConfigProvider_default = ConfigProvider;
 
-export { ConfigProvider, ConfigProvider_default, TigerConfigKey, useTigerConfig };
+export {
+  TigerConfigKey,
+  useTigerConfig,
+  configProviderProps,
+  ConfigProvider,
+  ConfigProvider_default
+};

package/dist/chunk-VIIGYWUY.mjs

@@ -1,7 +1,11 @@
-import { defineComponent, provide, computed, h, inject } from 'vue';
-import { classNames, getInputGroupClasses, coerceClassValue, getInputGroupAddonClasses } from '@expcat/tigercat-core';
-
 // src/components/InputGroup.ts
+import { defineComponent, h, provide, inject, computed } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getInputGroupClasses,
+  getInputGroupAddonClasses
+} from "@expcat/tigercat-core";
 var INPUT_GROUP_INJECTION_KEY = /* @__PURE__ */ Symbol("TigerInputGroup");
 var InputGroup = defineComponent({
   name: "TigerInputGroup",
@@ -80,4 +84,9 @@ var InputGroupAddon = defineComponent({
 });
 var InputGroup_default = InputGroup;
 
-export { INPUT_GROUP_INJECTION_KEY, InputGroup, InputGroupAddon, InputGroup_default };
+export {
+  INPUT_GROUP_INJECTION_KEY,
+  InputGroup,
+  InputGroupAddon,
+  InputGroup_default
+};

package/dist/chunk-VJ6YM2EW.mjs

@@ -0,0 +1,192 @@
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
+
+// src/components/OrgChart.ts
+import { computed, defineComponent, h, ref } from "vue";
+import {
+  classNames,
+  computeOrgChartLayout,
+  getChartInnerRect,
+  getOrgChartNodeAriaLabel,
+  getOrgChartNodeClasses,
+  orgChartLinkClasses,
+  orgChartNodeLabelClasses,
+  orgChartNodeRectClasses,
+  orgChartNodeSubtitleClasses,
+  orgChartNodeTitleClasses
+} from "@expcat/tigercat-core";
+var OrgChart = defineComponent({
+  name: "TigerOrgChart",
+  props: {
+    data: { type: [Object, Array], required: true },
+    width: { type: Number, default: 720 },
+    height: { type: Number, default: 420 },
+    padding: { type: [Number, Object], default: 24 },
+    nodeWidth: { type: Number, default: 160 },
+    nodeHeight: { type: Number, default: 72 },
+    levelGap: { type: Number, default: 80 },
+    siblingGap: { type: Number, default: 32 },
+    direction: { type: String, default: "vertical" },
+    showAvatars: { type: Boolean, default: true },
+    showSubtitles: { type: Boolean, default: true },
+    hoverable: { type: Boolean, default: false },
+    selectable: { type: Boolean, default: false },
+    selectedId: {
+      type: [String, Number, null],
+      default: void 0
+    },
+    activeOpacity: { type: Number, default: 1 },
+    inactiveOpacity: { type: Number, default: 0.35 },
+    colors: { type: Array },
+    title: { type: String },
+    desc: { type: String },
+    ariaLabel: { type: String, default: "Organization chart" },
+    className: { type: String }
+  },
+  emits: ["update:selectedId", "node-click", "node-hover"],
+  setup(props, { emit }) {
+    const innerSelectedId = ref(null);
+    const hoveredId = ref(null);
+    const resolvedSelectedId = computed(
+      () => props.selectedId === void 0 ? innerSelectedId.value : props.selectedId
+    );
+    const innerRect = computed(() => getChartInnerRect(props.width, props.height, props.padding));
+    const layout = computed(
+      () => computeOrgChartLayout(props.data, {
+        nodeWidth: props.nodeWidth,
+        nodeHeight: props.nodeHeight,
+        levelGap: props.levelGap,
+        siblingGap: props.siblingGap,
+        direction: props.direction,
+        colors: props.colors
+      })
+    );
+    const offsetX = computed(() => Math.max(0, (innerRect.value.width - layout.value.width) / 2));
+    const offsetY = computed(() => Math.max(0, (innerRect.value.height - layout.value.height) / 2));
+    const activeId = computed(() => resolvedSelectedId.value ?? hoveredId.value);
+    const selectNode = (node) => {
+      if (props.selectable && !node.node.disabled) {
+        const nextId = resolvedSelectedId.value === node.id ? null : node.id;
+        innerSelectedId.value = nextId;
+        emit("update:selectedId", nextId);
+      }
+      emit("node-click", node.node);
+    };
+    const setHoveredNode = (node) => {
+      if (!props.hoverable) return;
+      hoveredId.value = node?.id ?? null;
+      emit("node-hover", node?.node ?? null);
+    };
+    const getNodeOpacity = (node) => {
+      if (activeId.value === null) return props.activeOpacity;
+      return activeId.value === node.id ? props.activeOpacity : props.inactiveOpacity;
+    };
+    return () => h(
+      ChartCanvas,
+      {
+        width: props.width,
+        height: props.height,
+        padding: props.padding,
+        title: props.title,
+        desc: props.desc,
+        className: classNames(props.className),
+        role: "img",
+        "aria-label": props.ariaLabel
+      },
+      {
+        default: () => h(
+          "g",
+          {
+            transform: `translate(${offsetX.value}, ${offsetY.value})`,
+            "data-series-type": "org-chart"
+          },
+          [
+            h(
+              "g",
+              { "data-org-chart-links": "true" },
+              layout.value.links.map(
+                (link) => h("path", {
+                  key: `${link.sourceId}-${link.targetId}`,
+                  d: link.path,
+                  class: orgChartLinkClasses
+                })
+              )
+            ),
+            h(
+              "g",
+              { "data-org-chart-nodes": "true" },
+              layout.value.nodes.map((node) => {
+                const selected = resolvedSelectedId.value === node.id;
+                const interactive = (props.hoverable || props.selectable) && !node.node.disabled;
+                const textStart = props.showAvatars && node.node.avatar ? 58 : 16;
+                return h(
+                  "g",
+                  {
+                    key: node.id,
+                    transform: `translate(${node.x}, ${node.y})`,
+                    class: getOrgChartNodeClasses(interactive, selected),
+                    opacity: getNodeOpacity(node),
+                    role: interactive ? "button" : "group",
+                    tabindex: interactive ? 0 : void 0,
+                    "aria-label": getOrgChartNodeAriaLabel(node.node),
+                    onMouseenter: () => setHoveredNode(node),
+                    onMouseleave: () => setHoveredNode(null),
+                    onClick: () => selectNode(node),
+                    onKeydown: (event) => {
+                      if (event.key === "Enter" || event.key === " ") {
+                        event.preventDefault();
+                        selectNode(node);
+                      }
+                    }
+                  },
+                  [
+                    h("rect", {
+                      width: node.width,
+                      height: node.height,
+                      rx: 8,
+                      class: orgChartNodeRectClasses,
+                      stroke: selected ? node.color : void 0,
+                      strokeWidth: selected ? 2 : 1
+                    }),
+                    h("rect", { width: 4, height: node.height, rx: 2, fill: node.color }),
+                    props.showAvatars && node.node.avatar ? h("image", {
+                      href: node.node.avatar,
+                      x: 16,
+                      y: 16,
+                      width: 32,
+                      height: 32,
+                      preserveAspectRatio: "xMidYMid slice",
+                      "aria-hidden": "true"
+                    }) : void 0,
+                    h(
+                      "text",
+                      { x: textStart, y: 26, class: orgChartNodeLabelClasses },
+                      node.node.label
+                    ),
+                    node.node.title ? h(
+                      "text",
+                      { x: textStart, y: 44, class: orgChartNodeTitleClasses },
+                      node.node.title
+                    ) : void 0,
+                    props.showSubtitles && node.node.subtitle ? h(
+                      "text",
+                      { x: textStart, y: 60, class: orgChartNodeSubtitleClasses },
+                      node.node.subtitle
+                    ) : void 0
+                  ]
+                );
+              })
+            )
+          ]
+        )
+      }
+    );
+  }
+});
+var OrgChart_default = OrgChart;
+
+export {
+  OrgChart,
+  OrgChart_default
+};

package/dist/chunk-VL7GENWD.mjs

@@ -1,7 +1,6 @@
-import { defineComponent, computed, resolveDynamicComponent, h } from 'vue';
-import { getContainerClasses } from '@expcat/tigercat-core';
-
 // src/components/Container.ts
+import { defineComponent, computed, h, resolveDynamicComponent } from "vue";
+import { getContainerClasses } from "@expcat/tigercat-core";
 var Container = defineComponent({
   name: "TigerContainer",
   inheritAttrs: false,
@@ -64,4 +63,7 @@ var Container = defineComponent({
 });
 var Container_default = Container;
 
-export { Container, Container_default };
+export {
+  Container,
+  Container_default
+};