@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/{chunk-I6E3GY64.mjs → chunk-3A7H2CTW.mjs}

@@ -1,7 +1,47 @@
-import { createFilledIcon } from './chunk-2TNZ4JNT.mjs';
-import { defineComponent, ref, computed, watch, nextTick, onBeforeUnmount, h } from 'vue';
-import { CalendarIconPath, CloseIconPath, ChevronLeftIconPath, ChevronRightIconPath, parseDate, formatDate, getCalendarDays, getDatePickerLocaleCode, getShortDayNames, getDatePickerLabels, classNames, datePickerBaseClasses, coerceClassValue, mergeStyleValues, getDatePickerInputClasses, getDatePickerIconButtonClasses, datePickerInputWrapperClasses, datePickerClearButtonClasses, datePickerCalendarClasses, datePickerCalendarHeaderClasses, datePickerNavButtonClasses, datePickerMonthYearClasses, formatMonthYear, datePickerCalendarGridClasses, datePickerDayNameClasses, normalizeDate, isSameDay, isToday, getDatePickerDayCellClasses, datePickerFooterButtonClasses, datePickerFooterClasses, isDateInRange } from '@expcat/tigercat-core';
+import {
+  createFilledIcon
+} from "./chunk-2TNZ4JNT.mjs";
 
+// src/components/DatePicker.ts
+import { defineComponent, computed, ref, nextTick, h, watch, onBeforeUnmount } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  parseDate,
+  formatDate,
+  formatMonthYear,
+  isSameDay,
+  isDateInRange,
+  getCalendarDays,
+  getShortDayNames,
+  isToday as isTodayUtil,
+  normalizeDate,
+  datePickerBaseClasses,
+  datePickerInputWrapperClasses,
+  getDatePickerInputClasses,
+  getDatePickerIconButtonClasses,
+  datePickerCalendarClasses,
+  datePickerMobileWheelClasses,
+  datePickerMobileWheelGridClasses,
+  datePickerMobileWheelSelectClasses,
+  datePickerCalendarHeaderClasses,
+  datePickerNavButtonClasses,
+  datePickerMonthYearClasses,
+  datePickerCalendarGridClasses,
+  datePickerDayNameClasses,
+  getDatePickerDayCellClasses,
+  datePickerClearButtonClasses,
+  datePickerFooterClasses,
+  datePickerFooterButtonClasses,
+  CalendarIconPath,
+  CloseIconPath,
+  ChevronLeftIconPath,
+  ChevronRightIconPath,
+  getDatePickerLocaleCode,
+  getDatePickerLabels,
+  getLocaleDirection
+} from "@expcat/tigercat-core";
 var CalendarIcon = createFilledIcon(CalendarIconPath, "w-5 h-5");
 var CloseIcon = createFilledIcon(CloseIconPath, "w-4 h-4");
 var ChevronLeftIcon = createFilledIcon(ChevronLeftIconPath, "w-5 h-5");
@@ -172,9 +212,11 @@ var DatePicker = defineComponent({
   setup(props, { emit, attrs }) {
     const isOpen = ref(false);
     const calendarRef = ref(null);
+    const mobileCalendarRef = ref(null);
     const inputWrapperRef = ref(null);
     const inputRef = ref(null);
     const activeDateIso = ref(null);
+    const activeRangePart = ref("start");
     const pendingFocusIso = ref(null);
     const restoreFocusEl = ref(null);
     const isRangeMode = computed(() => props.range);
@@ -190,6 +232,7 @@ var DatePicker = defineComponent({
     });
     const minDateParsed = computed(() => parseDate(props.minDate));
     const maxDateParsed = computed(() => parseDate(props.maxDate));
+    const localeCode = computed(() => getDatePickerLocaleCode(props.locale));
     const viewingMonth = ref(
       (selectedDate.value ?? selectedRange.value[0])?.getMonth() ?? (/* @__PURE__ */ new Date()).getMonth()
     );
@@ -198,11 +241,11 @@ var DatePicker = defineComponent({
     );
     const displayValue = computed(() => {
       if (!isRangeMode.value) {
-        return selectedDate.value ? formatDate(selectedDate.value, props.format) : "";
+        return selectedDate.value ? formatDate(selectedDate.value, props.format, localeCode.value) : "";
       }
       const [start, end] = selectedRange.value;
-      const startText = start ? formatDate(start, props.format) : "";
-      const endText = end ? formatDate(end, props.format) : "";
+      const startText = start ? formatDate(start, props.format, localeCode.value) : "";
+      const endText = end ? formatDate(end, props.format, localeCode.value) : "";
       if (!startText && !endText) return "";
       if (startText && endText) return `${startText} - ${endText}`;
       return startText ? `${startText} - ` : ` - ${endText}`;
@@ -219,9 +262,25 @@ var DatePicker = defineComponent({
     const calendarDays = computed(() => {
       return getCalendarDays(viewingYear.value, viewingMonth.value);
     });
-    const localeCode = computed(() => getDatePickerLocaleCode(props.locale));
     const dayNames = computed(() => getShortDayNames(localeCode.value));
+    const isRtl = computed(() => getLocaleDirection(localeCode.value) === "rtl");
+    const previousMonthIcon = computed(() => isRtl.value ? ChevronRightIcon : ChevronLeftIcon);
+    const nextMonthIcon = computed(() => isRtl.value ? ChevronLeftIcon : ChevronRightIcon);
     const labels = computed(() => getDatePickerLabels(props.locale, props.labels));
+    const mobileDate = computed(() => {
+      if (!isRangeMode.value) return selectedDate.value ?? normalizeDate(/* @__PURE__ */ new Date());
+      const [start, end] = selectedRange.value;
+      return (activeRangePart.value === "start" ? start : end) ?? start ?? end ?? normalizeDate(/* @__PURE__ */ new Date());
+    });
+    const mobileYears = computed(() => {
+      const baseYear = mobileDate.value.getFullYear();
+      return Array.from({ length: 101 }, (_, index) => baseYear - 50 + index);
+    });
+    const mobileDays = computed(() => {
+      const date = mobileDate.value;
+      const daysInMonth = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
+      return Array.from({ length: daysInMonth }, (_, index) => index + 1);
+    });
     const emitValue = (value) => {
       emit("update:modelValue", value);
       emit("change", value);
@@ -261,6 +320,7 @@ var DatePicker = defineComponent({
       const target = restoreFocusEl.value ?? inputRef.value;
       if (!target) return;
       if (typeof target.focus === "function") {
+        ;
         target.focus();
       }
     };
@@ -381,6 +441,31 @@ var DatePicker = defineComponent({
       }
       emitValue([start, normalizedDate < start ? start : normalizedDate]);
     }
+    function commitMobileDate(date) {
+      const normalized = normalizeDate(date);
+      if (!isDateInRange(normalized, minDateParsed.value, maxDateParsed.value)) return;
+      viewingYear.value = normalized.getFullYear();
+      viewingMonth.value = normalized.getMonth();
+      if (!isRangeMode.value) {
+        emitValue(normalized);
+        return;
+      }
+      const [start, end] = selectedRange.value;
+      if (activeRangePart.value === "start") {
+        emitValue([normalized, end && end < normalized ? normalized : end]);
+        activeRangePart.value = "end";
+        return;
+      }
+      emitValue([start ?? normalized, start && normalized < start ? start : normalized]);
+    }
+    function updateMobileDate(part, value) {
+      const base = mobileDate.value;
+      const nextYear = part === "year" ? value : base.getFullYear();
+      const nextMonth2 = part === "month" ? value : base.getMonth();
+      const maxDay = new Date(nextYear, nextMonth2 + 1, 0).getDate();
+      const nextDay = Math.min(part === "day" ? value : base.getDate(), maxDay);
+      commitMobileDate(new Date(nextYear, nextMonth2, nextDay));
+    }
     function clearDate(event) {
       event.stopPropagation();
       emitValue(!isRangeMode.value ? null : [null, null]);
@@ -411,7 +496,7 @@ var DatePicker = defineComponent({
       return date.getMonth() === viewingMonth.value;
     }
     function handleClickOutside(event) {
-      if (calendarRef.value && inputWrapperRef.value && !calendarRef.value.contains(event.target) && !inputWrapperRef.value.contains(event.target)) {
+      if (inputWrapperRef.value && !calendarRef.value?.contains(event.target) && !mobileCalendarRef.value?.contains(event.target) && !inputWrapperRef.value.contains(event.target)) {
         closeCalendar();
       }
     }
@@ -507,6 +592,86 @@ var DatePicker = defineComponent({
             ]
           ),
           // Calendar dropdown
+          isOpen.value && h(
+            "div",
+            {
+              ref: mobileCalendarRef,
+              class: datePickerMobileWheelClasses,
+              role: "group",
+              "aria-label": labels.value.calendar
+            },
+            [
+              isRangeMode.value ? h("div", { class: "mb-3 flex items-center gap-2" }, [
+                h(
+                  "button",
+                  {
+                    type: "button",
+                    class: datePickerFooterButtonClasses,
+                    "aria-selected": activeRangePart.value === "start",
+                    onClick: () => activeRangePart.value = "start"
+                  },
+                  "Start"
+                ),
+                h(
+                  "button",
+                  {
+                    type: "button",
+                    class: datePickerFooterButtonClasses,
+                    "aria-selected": activeRangePart.value === "end",
+                    onClick: () => activeRangePart.value = "end"
+                  },
+                  "End"
+                )
+              ]) : null,
+              h("div", { class: datePickerMobileWheelGridClasses }, [
+                h(
+                  "select",
+                  {
+                    class: datePickerMobileWheelSelectClasses,
+                    value: mobileDate.value.getFullYear(),
+                    "aria-label": "Year",
+                    onChange: (event) => updateMobileDate("year", Number(event.target.value))
+                  },
+                  mobileYears.value.map((year) => h("option", { value: year }, year))
+                ),
+                h(
+                  "select",
+                  {
+                    class: datePickerMobileWheelSelectClasses,
+                    value: mobileDate.value.getMonth(),
+                    "aria-label": "Month",
+                    onChange: (event) => updateMobileDate("month", Number(event.target.value))
+                  },
+                  Array.from(
+                    { length: 12 },
+                    (_, month) => h("option", { value: month }, month + 1)
+                  )
+                ),
+                h(
+                  "select",
+                  {
+                    class: datePickerMobileWheelSelectClasses,
+                    value: mobileDate.value.getDate(),
+                    "aria-label": "Day",
+                    onChange: (event) => updateMobileDate("day", Number(event.target.value))
+                  },
+                  mobileDays.value.map((day) => h("option", { value: day }, day))
+                )
+              ]),
+              h("div", { class: "mt-4 flex justify-end gap-2" }, [
+                h(
+                  "button",
+                  {
+                    type: "button",
+                    class: datePickerFooterButtonClasses,
+                    "aria-label": `Mobile ${labels.value.ok}`,
+                    onClick: closeCalendar
+                  },
+                  labels.value.ok
+                )
+              ])
+            ]
+          ),
           isOpen.value && h(
             "div",
             {
@@ -528,7 +693,7 @@ var DatePicker = defineComponent({
                     onClick: previousMonth,
                     "aria-label": labels.value.previousMonth
                   },
-                  ChevronLeftIcon
+                  previousMonthIcon.value
                 ),
                 h(
                   "div",
@@ -543,7 +708,7 @@ var DatePicker = defineComponent({
                     onClick: nextMonth,
                     "aria-label": labels.value.nextMonth
                   },
-                  ChevronRightIcon
+                  nextMonthIcon.value
                 )
               ]),
               // Day names header
@@ -583,7 +748,7 @@ var DatePicker = defineComponent({
                       const isInRange = isRangeMode.value && normStart && normEnd && normDate >= normStart && normDate <= normEnd;
                       const isSelected = !isRangeMode.value ? selectedDate.value ? isSameDay(date, selectedDate.value) : false : isRangeStart || isRangeEnd;
                       const isCurrentMonthDay = isCurrentMonth(date);
-                      const isTodayDay = isToday(date);
+                      const isTodayDay = isTodayUtil(date);
                       const isBeforeRangeStart = isSelectingEnd && normStart && normDate < normStart;
                       const isDisabled = isDateDisabled(date) || Boolean(isBeforeRangeStart);
                       const iso = formatDate(date, "yyyy-MM-dd");
@@ -667,4 +832,7 @@ var DatePicker = defineComponent({
 });
 var DatePicker_default = DatePicker;
 
-export { DatePicker, DatePicker_default };
+export {
+  DatePicker,
+  DatePicker_default
+};

package/dist/{chunk-DIQGHFAT.mjs → chunk-3AF4VRCD.mjs}

@@ -1,7 +1,10 @@
-import { defineComponent, computed, h } from 'vue';
-import { getSwitchClasses, getSwitchThumbClasses } from '@expcat/tigercat-core';
-
 // src/components/Switch.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  getSwitchClasses,
+  getSwitchThumbClasses,
+  mergeStyleValues
+} from "@expcat/tigercat-core";
 var Switch = defineComponent({
   name: "TigerSwitch",
   inheritAttrs: false,
@@ -74,7 +77,7 @@ var Switch = defineComponent({
         "aria-checked": props.checked,
         "aria-disabled": props.disabled ? "true" : void 0,
         class: switchClasses.value,
-        style: props.style,
+        style: mergeStyleValues(attrs.style, props.style),
         disabled: props.disabled,
         tabindex: props.disabled ? -1 : attrs.tabindex,
         onClick: emitChange,
@@ -91,4 +94,7 @@ var Switch = defineComponent({
 });
 var Switch_default = Switch;
 
-export { Switch, Switch_default };
+export {
+  Switch,
+  Switch_default
+};

package/dist/chunk-3G4VPV4D.mjs

@@ -1,7 +1,20 @@
-import { defineComponent, ref, computed, h } from 'vue';
-import { classNames, tagBaseClasses, getTagVariantClasses, tagSizeClasses, defaultTagThemeColors, tagCloseButtonBaseClasses, mergeStyleValues, coerceClassValue, icon24ViewBox, icon24StrokeWidth, tagCloseIconPath, icon24PathStrokeLinejoin, icon24PathStrokeLinecap } from '@expcat/tigercat-core';
-
 // src/components/Tag.ts
+import { defineComponent, computed, h, ref } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getTagVariantClasses,
+  defaultTagThemeColors,
+  icon24PathStrokeLinecap,
+  icon24PathStrokeLinejoin,
+  icon24StrokeWidth,
+  icon24ViewBox,
+  mergeStyleValues,
+  tagBaseClasses,
+  tagSizeClasses,
+  tagCloseButtonBaseClasses,
+  tagCloseIconPath
+} from "@expcat/tigercat-core";
 var CloseIcon = () => h(
   "svg",
   {
@@ -129,4 +142,7 @@ var Tag = defineComponent({
 });
 var Tag_default = Tag;
 
-export { Tag, Tag_default };
+export {
+  Tag,
+  Tag_default
+};

package/dist/{chunk-4YHOD7LT.mjs → chunk-3MO7A4GU.mjs}

@@ -1,9 +1,16 @@
-import { defineComponent, computed, h } from 'vue';
-import { classNames, linkBaseClasses, getLinkVariantClasses, linkSizeClasses, linkDisabledClasses, getSecureRel } from '@expcat/tigercat-core';
-
 // src/components/Link.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  classNames,
+  getLinkVariantClasses,
+  getSecureRel,
+  linkBaseClasses,
+  linkDisabledClasses,
+  linkSizeClasses
+} from "@expcat/tigercat-core";
 var Link = defineComponent({
   name: "TigerLink",
+  inheritAttrs: false,
   props: {
     /** @default 'primary' */
     variant: {
@@ -79,4 +86,7 @@ var Link = defineComponent({
 });
 var Link_default = Link;
 
-export { Link, Link_default };
+export {
+  Link,
+  Link_default
+};

package/dist/chunk-3NRRNQYJ.js

@@ -0,0 +1,106 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/QRCode.ts
+var _vue = require('vue');
+var _tigercatcore = require('@expcat/tigercat-core');
+
+
+
+
+
+
+
+var QRCode = _vue.defineComponent.call(void 0, {
+  name: "TigerQRCode",
+  inheritAttrs: false,
+  props: {
+    value: { type: String, required: true },
+    size: { type: Number, default: 128 },
+    color: { type: String, default: "#000000" },
+    bgColor: { type: String, default: "#ffffff" },
+    level: { type: String, default: "M" },
+    status: { type: String, default: "active" },
+    className: { type: String, default: void 0 }
+  },
+  emits: ["refresh"],
+  setup(props, { emit, attrs }) {
+    const matrix = _vue.computed.call(void 0, () => _tigercatcore.generateQRMatrix.call(void 0, props.value));
+    const moduleSize = _vue.computed.call(void 0, () => {
+      const mLen = matrix.value.length;
+      return props.size / mLen;
+    });
+    return () => {
+      const attrsRecord = attrs;
+      const containerClass = _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.qrcodeContainerClasses,
+        props.className,
+        _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)
+      );
+      const mSize = moduleSize.value;
+      const modules = matrix.value;
+      const rects = modules.flatMap(
+        (row, r) => row.map(
+          (cell, c) => cell ? _vue.h.call(void 0, "rect", {
+            key: `${r}-${c}`,
+            x: c * mSize,
+            y: r * mSize,
+            width: mSize,
+            height: mSize,
+            fill: props.color
+          }) : null
+        ).filter(Boolean)
+      );
+      const svg = _vue.h.call(void 0, 
+        "svg",
+        {
+          width: props.size,
+          height: props.size,
+          viewBox: `0 0 ${props.size} ${props.size}`,
+          xmlns: "http://www.w3.org/2000/svg",
+          role: "img",
+          "aria-label": "QR Code"
+        },
+        [_vue.h.call(void 0, "rect", { width: props.size, height: props.size, fill: props.bgColor }), ...rects]
+      );
+      const children = [svg];
+      if (props.status === "expired") {
+        children.push(
+          _vue.h.call(void 0, "div", { class: _tigercatcore.qrcodeOverlayClasses }, [
+            _vue.h.call(void 0, "span", { class: _tigercatcore.qrcodeExpiredTextClasses }, "QR code expired"),
+            _vue.h.call(void 0, 
+              "span",
+              {
+                class: _tigercatcore.qrcodeRefreshClasses,
+                onClick: () => emit("refresh")
+              },
+              "Refresh"
+            )
+          ])
+        );
+      }
+      if (props.status === "loading") {
+        children.push(
+          _vue.h.call(void 0, "div", { class: _tigercatcore.qrcodeOverlayClasses }, [
+            _vue.h.call(void 0, "span", { class: "text-sm text-gray-500" }, "Loading...")
+          ])
+        );
+      }
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          ...attrs,
+          class: containerClass,
+          style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, {
+            width: `${props.size}px`,
+            height: `${props.size}px`
+          })
+        },
+        children
+      );
+    };
+  }
+});
+var QRCode_default = QRCode;
+
+
+
+
+exports.QRCode = QRCode; exports.QRCode_default = QRCode_default;

package/dist/chunk-3QV2D54H.js

@@ -1,10 +1,26 @@
-'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; }
 
-var chunkFC7RXQTM_js = require('./chunk-FC7RXQTM.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunkFC7RXQTMjs = require('./chunk-FC7RXQTM.js');
 
-var Radio = vue.defineComponent({
+// src/components/Radio.ts
+
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var Radio = _vue.defineComponent.call(void 0, {
   name: "TigerRadio",
   inheritAttrs: false,
   props: {
@@ -73,46 +89,46 @@ var Radio = vue.defineComponent({
     "update:checked": (value) => typeof value === "boolean"
   },
   setup(props, { slots, emit, attrs }) {
-    const instance = vue.getCurrentInstance();
-    const groupContextRef = vue.inject(chunkFC7RXQTM_js.RadioGroupKey, null);
-    const groupContext = vue.computed(() => groupContextRef?.value);
-    const internalChecked = vue.ref(props.defaultChecked);
-    const isCheckedControlled = vue.computed(() => {
-      const rawProps = instance?.vnode.props;
+    const instance = _vue.getCurrentInstance.call(void 0, );
+    const groupContextRef = _vue.inject.call(void 0, _chunkFC7RXQTMjs.RadioGroupKey, null);
+    const groupContext = _vue.computed.call(void 0, () => _optionalChain([groupContextRef, 'optionalAccess', _ => _.value]));
+    const internalChecked = _vue.ref.call(void 0, props.defaultChecked);
+    const isCheckedControlled = _vue.computed.call(void 0, () => {
+      const rawProps = _optionalChain([instance, 'optionalAccess', _2 => _2.vnode, 'access', _3 => _3.props]);
       return !!rawProps && Object.prototype.hasOwnProperty.call(rawProps, "checked");
     });
-    const isInGroup = vue.computed(() => !!groupContext.value);
-    const actualSize = vue.computed(() => props.size || groupContext.value?.size || "md");
-    const actualDisabled = vue.computed(() => {
+    const isInGroup = _vue.computed.call(void 0, () => !!groupContext.value);
+    const actualSize = _vue.computed.call(void 0, () => props.size || _optionalChain([groupContext, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.size]) || "md");
+    const actualDisabled = _vue.computed.call(void 0, () => {
       if (props.disabled !== void 0) return props.disabled;
-      return groupContext.value?.disabled || false;
+      return _optionalChain([groupContext, 'access', _6 => _6.value, 'optionalAccess', _7 => _7.disabled]) || false;
     });
-    const actualName = vue.computed(() => props.name || groupContext.value?.name);
-    const isChecked = vue.computed(() => {
+    const actualName = _vue.computed.call(void 0, () => props.name || _optionalChain([groupContext, 'access', _8 => _8.value, 'optionalAccess', _9 => _9.name]));
+    const isChecked = _vue.computed.call(void 0, () => {
       if (isCheckedControlled.value) return props.checked;
-      if (isInGroup.value) return groupContext.value?.value === props.value;
+      if (isInGroup.value) return _optionalChain([groupContext, 'access', _10 => _10.value, 'optionalAccess', _11 => _11.value]) === props.value;
       return internalChecked.value;
     });
-    const radioClasses = vue.computed(
-      () => tigercatCore.getRadioVisualClasses({
+    const radioClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.getRadioVisualClasses.call(void 0, {
         size: actualSize.value,
         checked: !!isChecked.value,
         disabled: actualDisabled.value,
-        colors: tigercatCore.defaultRadioColors
+        colors: _tigercatcore.defaultRadioColors
       })
     );
-    const dotClasses = vue.computed(
-      () => tigercatCore.getRadioDotClasses({
+    const dotClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.getRadioDotClasses.call(void 0, {
         size: actualSize.value,
         checked: !!isChecked.value,
-        colors: tigercatCore.defaultRadioColors
+        colors: _tigercatcore.defaultRadioColors
       })
     );
-    const labelClasses = vue.computed(
-      () => tigercatCore.getRadioLabelClasses({
+    const labelClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.getRadioLabelClasses.call(void 0, {
         size: actualSize.value,
         disabled: actualDisabled.value,
-        colors: tigercatCore.defaultRadioColors
+        colors: _tigercatcore.defaultRadioColors
       })
     );
     const handleChange = (event) => {
@@ -138,13 +154,13 @@ var Radio = vue.defineComponent({
     };
     return () => {
       const rootStyle = [attrs.style, props.style];
-      const rootClass = tigercatCore.classNames(
-        tigercatCore.radioRootBaseClasses,
+      const rootClass = _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.radioRootBaseClasses,
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
       const { class: _class, style: _style, ...restAttrs } = attrs;
-      return vue.h(
+      return _vue.h.call(void 0, 
         "label",
         {
           class: rootClass,
@@ -152,7 +168,7 @@ var Radio = vue.defineComponent({
         },
         [
           // Hidden native radio input
-          vue.h("input", {
+          _vue.h.call(void 0, "input", {
             ...restAttrs,
             type: "radio",
             class: "sr-only peer",
@@ -164,20 +180,20 @@ var Radio = vue.defineComponent({
             onKeydown: handleKeyDown
           }),
           // Custom radio visual
-          vue.h(
+          _vue.h.call(void 0, 
             "span",
             {
               class: radioClasses.value,
               "aria-hidden": "true"
             },
             [
-              vue.h("span", {
+              _vue.h.call(void 0, "span", {
                 class: dotClasses.value
               })
             ]
           ),
           // Label content
-          slots.default && vue.h("span", { class: labelClasses.value }, slots.default())
+          slots.default && _vue.h.call(void 0, "span", { class: labelClasses.value }, slots.default())
         ]
       );
     };
@@ -185,5 +201,7 @@ var Radio = vue.defineComponent({
 });
 var Radio_default = Radio;
 
-exports.Radio = Radio;
-exports.Radio_default = Radio_default;
+
+
+
+exports.Radio = Radio; exports.Radio_default = Radio_default;