@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/chunk-X6FG4RPF.js

@@ -0,0 +1,367 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/ImagePreview.ts
+
+
+
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var svgIcon = (d, cls = "w-5 h-5") => _vue.h.call(void 0, 
+  "svg",
+  {
+    class: cls,
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor"
+  },
+  [
+    _vue.h.call(void 0, "path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d
+    })
+  ]
+);
+var ImagePreview = _vue.defineComponent.call(void 0, {
+  name: "TigerImagePreview",
+  inheritAttrs: false,
+  props: {
+    open: { type: Boolean, default: void 0 },
+    images: { type: Array, default: () => [] },
+    currentIndex: { type: Number, default: 0 },
+    zIndex: { type: Number, default: 1050 },
+    maskClosable: { type: Boolean, default: true },
+    scaleStep: { type: Number, default: 0.5 },
+    minScale: { type: Number, default: 0.25 },
+    maxScale: { type: Number, default: 5 }
+  },
+  emits: ["update:open", "update:currentIndex", "scale-change"],
+  setup(props, { emit }) {
+    const scale = _vue.ref.call(void 0, 1);
+    const rotation = _vue.ref.call(void 0, 0);
+    const offsetX = _vue.ref.call(void 0, 0);
+    const offsetY = _vue.ref.call(void 0, 0);
+    const index = _vue.ref.call(void 0, props.currentIndex);
+    const dragging = _vue.ref.call(void 0, false);
+    const dragStart = _vue.ref.call(void 0, { x: 0, y: 0, ox: 0, oy: 0 });
+    let panState = _tigercatcore.createPanState.call(void 0, );
+    let pinchState = _tigercatcore.createPinchState.call(void 0, );
+    const resetTransform = () => {
+      scale.value = 1;
+      rotation.value = 0;
+      offsetX.value = 0;
+      offsetY.value = 0;
+      panState = _tigercatcore.createPanState.call(void 0, );
+      pinchState = _tigercatcore.createPinchState.call(void 0, );
+    };
+    _vue.watch.call(void 0, 
+      () => props.currentIndex,
+      (val) => {
+        index.value = val;
+        resetTransform();
+      }
+    );
+    const isOpen = _vue.computed.call(void 0, () => _nullishCoalesce(props.open, () => ( false)));
+    _vue.watch.call(void 0, 
+      () => isOpen.value,
+      (val) => {
+        if (val) {
+          resetTransform();
+          index.value = props.currentIndex;
+          document.body.style.overflow = "hidden";
+        } else {
+          document.body.style.overflow = "";
+        }
+      }
+    );
+    const navState = _vue.computed.call(void 0, () => _tigercatcore.getPreviewNavState.call(void 0, index.value, props.images.length));
+    const handleClose = () => {
+      emit("update:open", false);
+    };
+    const handleZoomIn = () => {
+      scale.value = _tigercatcore.clampScale.call(void 0, scale.value + props.scaleStep, props.minScale, props.maxScale);
+      emit("scale-change", scale.value);
+    };
+    const handleZoomOut = () => {
+      scale.value = _tigercatcore.clampScale.call(void 0, scale.value - props.scaleStep, props.minScale, props.maxScale);
+      emit("scale-change", scale.value);
+    };
+    const handleReset = () => {
+      resetTransform();
+      emit("scale-change", 1);
+    };
+    const handleRotateLeft = () => {
+      rotation.value = _tigercatcore.normalizeRotation.call(void 0, rotation.value - 90);
+    };
+    const handleRotateRight = () => {
+      rotation.value = _tigercatcore.normalizeRotation.call(void 0, rotation.value + 90);
+    };
+    const handlePrev = () => {
+      if (navState.value.hasPrev) {
+        index.value--;
+        resetTransform();
+        emit("update:currentIndex", index.value);
+      }
+    };
+    const handleNext = () => {
+      if (navState.value.hasNext) {
+        index.value++;
+        resetTransform();
+        emit("update:currentIndex", index.value);
+      }
+    };
+    const handleWheel = (e) => {
+      e.preventDefault();
+      const delta = e.deltaY > 0 ? -props.scaleStep : props.scaleStep;
+      scale.value = _tigercatcore.clampScale.call(void 0, scale.value + delta, props.minScale, props.maxScale);
+      emit("scale-change", scale.value);
+    };
+    const handleMouseDown = (e) => {
+      if (e.button !== 0) return;
+      e.preventDefault();
+      dragging.value = true;
+      dragStart.value = {
+        x: e.clientX,
+        y: e.clientY,
+        ox: offsetX.value,
+        oy: offsetY.value
+      };
+    };
+    const handleMouseMove = (e) => {
+      if (!dragging.value) return;
+      offsetX.value = dragStart.value.ox + (e.clientX - dragStart.value.x);
+      offsetY.value = dragStart.value.oy + (e.clientY - dragStart.value.y);
+    };
+    const handleMouseUp = () => {
+      dragging.value = false;
+    };
+    const handleTouchStart = (e) => {
+      if (e.touches.length === 2) {
+        e.preventDefault();
+        pinchState = _tigercatcore.startPinch.call(void 0, e.touches[0], e.touches[1], scale.value);
+        return;
+      }
+      if (e.touches.length === 1) {
+        panState = _tigercatcore.startPan.call(void 0, 
+          e.touches[0].clientX,
+          e.touches[0].clientY,
+          offsetX.value,
+          offsetY.value
+        );
+      }
+    };
+    const handleTouchMove = (e) => {
+      if (e.touches.length === 2 && pinchState.isPinching) {
+        e.preventDefault();
+        scale.value = _tigercatcore.movePinch.call(void 0, 
+          pinchState,
+          e.touches[0],
+          e.touches[1],
+          props.minScale,
+          props.maxScale
+        );
+        emit("scale-change", scale.value);
+        return;
+      }
+      if (e.touches.length === 1 && panState.isPanning) {
+        const next = _tigercatcore.movePan.call(void 0, panState, e.touches[0].clientX, e.touches[0].clientY);
+        offsetX.value = next.translateX;
+        offsetY.value = next.translateY;
+      }
+    };
+    const handleTouchEnd = () => {
+      panState = _tigercatcore.createPanState.call(void 0, );
+      pinchState = _tigercatcore.createPinchState.call(void 0, );
+    };
+    const handleMaskClick = (e) => {
+      if (props.maskClosable && e.target === e.currentTarget) {
+        handleClose();
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (!isOpen.value) return;
+      switch (e.key) {
+        case "Escape":
+          handleClose();
+          break;
+        case "ArrowLeft":
+          handlePrev();
+          break;
+        case "ArrowRight":
+          handleNext();
+          break;
+      }
+    };
+    _vue.onMounted.call(void 0, () => {
+      document.addEventListener("keydown", handleKeyDown);
+    });
+    _vue.onBeforeUnmount.call(void 0, () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = "";
+    });
+    const transform = _vue.computed.call(void 0, 
+      () => `${_tigercatcore.calculateTransform.call(void 0, scale.value, offsetX.value, offsetY.value)} rotate(${rotation.value}deg)`
+    );
+    return () => {
+      if (!isOpen.value || !props.images.length) return null;
+      const currentSrc = props.images[index.value] || props.images[0];
+      const mask = _vue.h.call(void 0, "div", {
+        class: _tigercatcore.imagePreviewMaskClasses,
+        "aria-hidden": "true"
+      });
+      const img = _vue.h.call(void 0, "img", {
+        src: currentSrc,
+        class: _tigercatcore.imagePreviewImgClasses,
+        style: { transform: transform.value },
+        alt: `Preview image ${index.value + 1}`,
+        draggable: false,
+        onMousedown: handleMouseDown,
+        onMousemove: handleMouseMove,
+        onMouseup: handleMouseUp,
+        onMouseleave: handleMouseUp,
+        onTouchstart: handleTouchStart,
+        onTouchmove: handleTouchMove,
+        onTouchend: handleTouchEnd,
+        onTouchcancel: handleTouchEnd
+      });
+      const closeBtn = _vue.h.call(void 0, 
+        "button",
+        {
+          class: _tigercatcore.imagePreviewCloseBtnClasses,
+          onClick: handleClose,
+          "aria-label": "Close preview",
+          type: "button"
+        },
+        [svgIcon(_tigercatcore.previewCloseIconPath)]
+      );
+      const toolbar = _vue.h.call(void 0, "div", { class: _tigercatcore.imagePreviewToolbarClasses }, [
+        _vue.h.call(void 0, 
+          "button",
+          {
+            class: _tigercatcore.imagePreviewToolbarBtnClasses,
+            onClick: handleZoomOut,
+            "aria-label": "Zoom out",
+            type: "button"
+          },
+          [svgIcon(_tigercatcore.zoomOutIconPath)]
+        ),
+        _vue.h.call(void 0, 
+          "button",
+          {
+            class: _tigercatcore.imagePreviewToolbarBtnClasses,
+            onClick: handleReset,
+            "aria-label": "Reset",
+            type: "button"
+          },
+          [svgIcon(_tigercatcore.resetIconPath)]
+        ),
+        _vue.h.call(void 0, 
+          "button",
+          {
+            class: _tigercatcore.imagePreviewToolbarBtnClasses,
+            onClick: handleZoomIn,
+            "aria-label": "Zoom in",
+            type: "button"
+          },
+          [svgIcon(_tigercatcore.zoomInIconPath)]
+        ),
+        _vue.h.call(void 0, 
+          "button",
+          {
+            class: _tigercatcore.imagePreviewToolbarBtnClasses,
+            onClick: handleRotateLeft,
+            "aria-label": "Rotate left",
+            type: "button"
+          },
+          [svgIcon(_tigercatcore.imageViewerIcons.rotateLeft)]
+        ),
+        _vue.h.call(void 0, 
+          "button",
+          {
+            class: _tigercatcore.imagePreviewToolbarBtnClasses,
+            onClick: handleRotateRight,
+            "aria-label": "Rotate right",
+            type: "button"
+          },
+          [svgIcon(_tigercatcore.imageViewerIcons.rotateRight)]
+        ),
+        navState.value.counter ? _vue.h.call(void 0, "span", { class: _tigercatcore.imagePreviewCounterClasses }, navState.value.counter) : null
+      ]);
+      const prevBtn = props.images.length > 1 ? _vue.h.call(void 0, 
+        "button",
+        {
+          class: _tigercatcore.classNames.call(void 0, _tigercatcore.imagePreviewNavBtnClasses, "left-4"),
+          onClick: handlePrev,
+          disabled: !navState.value.hasPrev,
+          "aria-label": "Previous image",
+          type: "button"
+        },
+        [svgIcon(_tigercatcore.prevIconPath)]
+      ) : null;
+      const nextBtn = props.images.length > 1 ? _vue.h.call(void 0, 
+        "button",
+        {
+          class: _tigercatcore.classNames.call(void 0, _tigercatcore.imagePreviewNavBtnClasses, "right-4"),
+          onClick: handleNext,
+          disabled: !navState.value.hasNext,
+          "aria-label": "Next image",
+          type: "button"
+        },
+        [svgIcon(_tigercatcore.nextIconPath)]
+      ) : null;
+      const wrapper = _vue.h.call(void 0, 
+        "div",
+        {
+          class: _tigercatcore.imagePreviewWrapperClasses,
+          style: { zIndex: props.zIndex },
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": "Image preview",
+          onClick: handleMaskClick,
+          onWheel: handleWheel
+        },
+        [mask, img, closeBtn, prevBtn, nextBtn, toolbar]
+      );
+      return _vue.h.call(void 0, _vue.Teleport, { to: "body" }, [wrapper]);
+    };
+  }
+});
+var ImagePreview_default = ImagePreview;
+
+
+
+
+exports.ImagePreview = ImagePreview; exports.ImagePreview_default = ImagePreview_default;

package/dist/chunk-XAQID5IO.js

@@ -0,0 +1,167 @@
+"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/Calendar.ts
+var _vue = require('vue');
+var _tigercatcore = require('@expcat/tigercat-core');
+
+
+
+
+
+
+
+
+
+
+
+
+
+var Calendar = _vue.defineComponent.call(void 0, {
+  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 },
+    className: { type: String, default: void 0 }
+  },
+  emits: ["update:modelValue", "change", "panel-change"],
+  setup(props, { emit, attrs }) {
+    const today = /* @__PURE__ */ new Date();
+    const viewYear = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([props, 'access', _ => _.modelValue, 'optionalAccess', _2 => _2.getFullYear, 'call', _3 => _3()]), () => ( today.getFullYear())));
+    const viewMonth = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([props, 'access', _4 => _4.modelValue, 'optionalAccess', _5 => _5.getMonth, 'call', _6 => _6()]), () => ( today.getMonth())));
+    const days = _vue.computed.call(void 0, () => _tigercatcore.getMonthDays.call(void 0, viewYear.value, viewMonth.value));
+    function prevMonth() {
+      if (viewMonth.value === 0) {
+        viewMonth.value = 11;
+        viewYear.value--;
+      } else {
+        viewMonth.value--;
+      }
+      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
+    }
+    function nextMonth() {
+      if (viewMonth.value === 11) {
+        viewMonth.value = 0;
+        viewYear.value++;
+      } else {
+        viewMonth.value++;
+      }
+      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
+    }
+    function prevYear() {
+      viewYear.value--;
+      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
+    }
+    function nextYear() {
+      viewYear.value++;
+      emit("panel-change", new Date(viewYear.value, viewMonth.value, 1), props.mode);
+    }
+    function selectDay(date) {
+      if (_optionalChain([props, 'access', _7 => _7.disabledDate, 'optionalCall', _8 => _8(date)])) return;
+      emit("update:modelValue", date);
+      emit("change", date);
+    }
+    function selectMonth(monthIdx) {
+      viewMonth.value = monthIdx;
+      emit("panel-change", new Date(viewYear.value, monthIdx, 1), props.mode);
+    }
+    return () => {
+      const containerClass = _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getCalendarContainerClasses.call(void 0, !!props.fullscreen),
+        props.className,
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+      );
+      const header = _vue.h.call(void 0, "div", { class: _tigercatcore.calendarHeaderClasses }, [
+        _vue.h.call(void 0, 
+          "button",
+          {
+            type: "button",
+            class: _tigercatcore.calendarNavButtonClasses,
+            "aria-label": props.mode === "month" ? "Previous month" : "Previous year",
+            onClick: props.mode === "month" ? prevMonth : prevYear
+          },
+          "\u2039"
+        ),
+        _vue.h.call(void 0, 
+          "span",
+          { class: _tigercatcore.calendarTitleClasses },
+          props.mode === "month" ? `${_tigercatcore.MONTHS[viewMonth.value]} ${viewYear.value}` : `${viewYear.value}`
+        ),
+        _vue.h.call(void 0, 
+          "button",
+          {
+            type: "button",
+            class: _tigercatcore.calendarNavButtonClasses,
+            "aria-label": props.mode === "month" ? "Next month" : "Next year",
+            onClick: props.mode === "month" ? nextMonth : nextYear
+          },
+          "\u203A"
+        )
+      ]);
+      let body;
+      if (props.mode === "year") {
+        body = _vue.h.call(void 0, 
+          "div",
+          { class: "grid grid-cols-3 gap-2" },
+          _tigercatcore.MONTHS.map(
+            (m, i) => _vue.h.call(void 0, 
+              "div",
+              {
+                key: i,
+                class: _tigercatcore.getCalendarMonthClasses.call(void 0, viewMonth.value === i),
+                onClick: () => selectMonth(i)
+              },
+              m
+            )
+          )
+        );
+      } else {
+        const weekdayRow = _vue.h.call(void 0, 
+          "div",
+          { class: "grid grid-cols-7" },
+          _tigercatcore.WEEKDAYS.map((wd) => _vue.h.call(void 0, "div", { key: wd, class: _tigercatcore.calendarWeekdayClasses }, wd))
+        );
+        const dayGrid = _vue.h.call(void 0, 
+          "div",
+          { class: "grid grid-cols-7" },
+          days.value.map((date, i) => {
+            const isCurrentMonth = date.getMonth() === viewMonth.value;
+            const isSelected = props.modelValue ? _tigercatcore.isSameDay.call(void 0, date, props.modelValue) : false;
+            const isTodayDate = _tigercatcore.isSameDay.call(void 0, date, today);
+            const isDisabled = !!_optionalChain([props, 'access', _9 => _9.disabledDate, 'optionalCall', _10 => _10(date)]);
+            return _vue.h.call(void 0, 
+              "div",
+              {
+                key: i,
+                class: "flex items-center justify-center py-0.5"
+              },
+              [
+                _vue.h.call(void 0, 
+                  "div",
+                  {
+                    class: _tigercatcore.getCalendarDayClasses.call(void 0, 
+                      isSelected,
+                      isTodayDate,
+                      isCurrentMonth,
+                      isDisabled
+                    ),
+                    onClick: () => selectDay(date)
+                  },
+                  date.getDate()
+                )
+              ]
+            );
+          })
+        );
+        body = _vue.h.call(void 0, "div", {}, [weekdayRow, dayGrid]);
+      }
+      return _vue.h.call(void 0, "div", { ...attrs, class: containerClass, role: "group" }, [header, body]);
+    };
+  }
+});
+var Calendar_default = Calendar;
+
+
+
+
+exports.Calendar = Calendar; exports.Calendar_default = Calendar_default;

package/dist/chunk-XGXGAK27.js

@@ -1,10 +1,20 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Card.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Card.ts
-var Card = vue.defineComponent({
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Card = _vue.defineComponent.call(void 0, {
   name: "TigerCard",
   inheritAttrs: false,
   props: {
@@ -70,52 +80,52 @@ var Card = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const cardClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getCardClasses(props.variant, props.hoverable),
-        tigercatCore.cardDirectionClasses[props.direction],
-        !props.cover && tigercatCore.cardSizeClasses[props.size]
+    const cardClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getCardClasses.call(void 0, props.variant, props.hoverable),
+        _tigercatcore.cardDirectionClasses[props.direction],
+        !props.cover && _tigercatcore.cardSizeClasses[props.size]
       )
     );
-    const isHorizontal = vue.computed(() => props.direction === "horizontal");
-    const sectionSizeClass = vue.computed(() => props.cover ? tigercatCore.cardSizeClasses[props.size] : void 0);
-    const getSectionClasses = (baseClasses) => tigercatCore.classNames(baseClasses, sectionSizeClass.value);
+    const isHorizontal = _vue.computed.call(void 0, () => props.direction === "horizontal");
+    const sectionSizeClass = _vue.computed.call(void 0, () => props.cover ? _tigercatcore.cardSizeClasses[props.size] : void 0);
+    const getSectionClasses = (baseClasses) => _tigercatcore.classNames.call(void 0, baseClasses, sectionSizeClass.value);
     return () => {
       const attrsRecord = attrs;
       const attrsClass = attrsRecord.class;
       const attrsStyle = attrsRecord.style;
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
-          class: tigercatCore.classNames(cardClasses.value, props.className, tigercatCore.coerceClassValue(attrsClass)),
-          style: tigercatCore.mergeStyleValues(attrsStyle, props.style)
+          class: _tigercatcore.classNames.call(void 0, cardClasses.value, props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
+          style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style)
         },
         [
-          props.cover ? vue.h("div", { class: tigercatCore.cardCoverWrapperClasses }, [
-            vue.h("img", {
+          props.cover ? _vue.h.call(void 0, "div", { class: _tigercatcore.cardCoverWrapperClasses }, [
+            _vue.h.call(void 0, "img", {
               src: props.cover,
               alt: props.coverAlt,
-              class: tigercatCore.classNames(
-                tigercatCore.cardCoverClasses,
+              class: _tigercatcore.classNames.call(void 0, 
+                _tigercatcore.cardCoverClasses,
                 isHorizontal.value && "h-full w-48 object-cover"
               )
             })
           ]) : null,
           (() => {
             const bodyChildren = [
-              slots.header ? vue.h("div", { class: getSectionClasses(tigercatCore.cardHeaderClasses) }, slots.header()) : null,
-              slots.default ? vue.h("div", { class: sectionSizeClass.value }, slots.default()) : null,
-              slots.footer ? vue.h("div", { class: getSectionClasses(tigercatCore.cardFooterClasses) }, slots.footer()) : null,
-              slots.actions ? vue.h(
+              slots.header ? _vue.h.call(void 0, "div", { class: getSectionClasses(_tigercatcore.cardHeaderClasses) }, slots.header()) : null,
+              slots.default ? _vue.h.call(void 0, "div", { class: sectionSizeClass.value }, slots.default()) : null,
+              slots.footer ? _vue.h.call(void 0, "div", { class: getSectionClasses(_tigercatcore.cardFooterClasses) }, slots.footer()) : null,
+              slots.actions ? _vue.h.call(void 0, 
                 "div",
                 {
-                  class: getSectionClasses(tigercatCore.classNames(tigercatCore.cardActionsClasses, tigercatCore.cardFooterClasses))
+                  class: getSectionClasses(_tigercatcore.classNames.call(void 0, _tigercatcore.cardActionsClasses, _tigercatcore.cardFooterClasses))
                 },
                 slots.actions()
               ) : null
             ];
-            return isHorizontal.value ? vue.h("div", { class: tigercatCore.cardHorizontalBodyClasses }, bodyChildren) : bodyChildren;
+            return isHorizontal.value ? _vue.h.call(void 0, "div", { class: _tigercatcore.cardHorizontalBodyClasses }, bodyChildren) : bodyChildren;
           })()
         ]
       );
@@ -124,5 +134,7 @@ var Card = vue.defineComponent({
 });
 var Card_default = Card;
 
-exports.Card = Card;
-exports.Card_default = Card_default;
+
+
+
+exports.Card = Card; exports.Card_default = Card_default;