@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/{chunk-4BMFV4CH.mjs → chunk-F7G7K3TF.mjs}

@@ -1,7 +1,22 @@
-import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, h } from 'vue';
-import { defaultToolbar, isContentEmpty, sanitizeHtml, classNames, getRichTextContainerClasses, coerceClassValue, getEditorAreaClasses, parseHeight, richTextToolbarClasses, getToolbarButtonClasses, isInlineFormat, richTextPlaceholderClasses, mapToolbarAction, isValidUrl, findHotkeyMatch } from '@expcat/tigercat-core';
-
 // src/components/RichTextEditor.ts
+import { defineComponent, h, ref, computed, watch, onMounted, onBeforeUnmount } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  getRichTextContainerClasses,
+  getToolbarButtonClasses,
+  getEditorAreaClasses,
+  richTextToolbarClasses,
+  richTextToolbarSeparatorClasses,
+  richTextPlaceholderClasses,
+  defaultToolbar,
+  isInlineFormat,
+  findHotkeyMatch,
+  isContentEmpty,
+  parseHeight,
+  builtinRichTextEngine,
+  isToolbarSeparator
+} from "@expcat/tigercat-core";
 var RichTextEditor = defineComponent({
   name: "TigerRichTextEditor",
   props: {
@@ -22,107 +37,75 @@ var RichTextEditor = defineComponent({
     },
     readOnly: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
-    className: { type: String, default: void 0 }
+    className: { type: String, default: void 0 },
+    engine: {
+      type: Object,
+      default: void 0
+    }
   },
   emits: ["update:value", "change"],
   setup(props, { emit, attrs }) {
     const editorRef = ref(null);
     const internalValue = ref(props.defaultValue || "");
     const activeFormats = ref(/* @__PURE__ */ new Set());
+    let engineInstance = null;
     const isControlled = computed(() => props.value !== void 0);
     const currentContent = computed(() => isControlled.value ? props.value : internalValue.value);
-    const toolbarButtons = computed(() => props.toolbar ?? defaultToolbar);
+    const toolbarItems = computed(() => props.toolbar ?? defaultToolbar);
     const isEmpty = computed(() => isContentEmpty(currentContent.value));
     watch(
       () => props.value,
       (newVal) => {
-        if (newVal !== void 0 && editorRef.value) {
-          const sanitized = sanitizeHtml(newVal);
-          if (editorRef.value.innerHTML !== sanitized) {
-            editorRef.value.innerHTML = sanitized;
-          }
+        if (newVal !== void 0 && engineInstance) {
+          engineInstance.setValue(newVal);
         }
       }
     );
+    watch(
+      () => [props.readOnly, props.disabled],
+      ([ro, dis]) => {
+        engineInstance?.setReadOnly(ro, dis);
+      }
+    );
     onMounted(() => {
-      if (editorRef.value) {
-        const initial = sanitizeHtml(currentContent.value);
-        if (initial) {
-          editorRef.value.innerHTML = initial;
+      if (!editorRef.value) return;
+      const engine = props.engine ?? builtinRichTextEngine;
+      engineInstance = engine.create({
+        element: editorRef.value,
+        initialValue: currentContent.value,
+        readOnly: props.readOnly,
+        disabled: props.disabled,
+        placeholder: props.placeholder,
+        toolbar: toolbarItems.value,
+        notifyChange(html) {
+          if (!isControlled.value) internalValue.value = html;
+          emit("update:value", html);
+          emit("change", html);
+        },
+        notifyActiveFormats(next) {
+          activeFormats.value = next;
         }
-      }
+      });
     });
-    function updateActiveFormats() {
-      if (typeof document === "undefined") return;
-      const next = /* @__PURE__ */ new Set();
-      if (document.queryCommandState("bold")) next.add("bold");
-      if (document.queryCommandState("italic")) next.add("italic");
-      if (document.queryCommandState("underline")) next.add("underline");
-      if (document.queryCommandState("strikeThrough")) next.add("strikethrough");
-      if (document.queryCommandState("insertUnorderedList")) next.add("bulletList");
-      if (document.queryCommandState("insertOrderedList")) next.add("orderedList");
-      activeFormats.value = next;
-    }
-    function execAction(actionName) {
+    onBeforeUnmount(() => {
+      engineInstance?.destroy();
+      engineInstance = null;
+    });
+    function execButtonAction(btn) {
       if (props.readOnly || props.disabled) return;
-      editorRef.value?.focus();
-      const mapping = mapToolbarAction(actionName);
-      if (mapping) {
-        document.execCommand(mapping.command, false, mapping.argument);
-        handleInput();
-        updateActiveFormats();
-        return;
-      }
-      if (actionName === "codeBlock") {
-        document.execCommand("formatBlock", false, "PRE");
-        handleInput();
+      if (btn.action && editorRef.value) {
+        btn.action(editorRef.value);
         return;
       }
-      if (actionName === "link") {
-        const url = typeof window !== "undefined" ? window.prompt("Enter URL:") : null;
-        if (url && isValidUrl(url)) {
-          document.execCommand("createLink", false, url);
-          handleInput();
-        }
-        return;
-      }
-      if (actionName === "image") {
-        const url = typeof window !== "undefined" ? window.prompt("Enter image URL:") : null;
-        if (url && isValidUrl(url)) {
-          document.execCommand("insertImage", false, url);
-          handleInput();
-        }
-      }
-    }
-    function handleInput() {
-      if (!editorRef.value) return;
-      const html = editorRef.value.innerHTML;
-      const sanitized = sanitizeHtml(html);
-      if (!isControlled.value) {
-        internalValue.value = sanitized;
-      }
-      emit("update:value", sanitized);
-      emit("change", sanitized);
+      engineInstance?.exec(btn.name);
     }
     function handleKeydown(e) {
-      const match = findHotkeyMatch(toolbarButtons.value, e);
+      const match = findHotkeyMatch(toolbarItems.value, e);
       if (match) {
         e.preventDefault();
-        execAction(match);
+        execButtonAction(match);
       }
     }
-    let selectionHandler = null;
-    onMounted(() => {
-      if (typeof document !== "undefined") {
-        selectionHandler = updateActiveFormats;
-        document.addEventListener("selectionchange", selectionHandler);
-      }
-    });
-    onBeforeUnmount(() => {
-      if (selectionHandler && typeof document !== "undefined") {
-        document.removeEventListener("selectionchange", selectionHandler);
-      }
-    });
     const containerClasses = computed(
       () => classNames(
         getRichTextContainerClasses(props.disabled, props.className),
@@ -143,8 +126,17 @@ var RichTextEditor = defineComponent({
           role: "toolbar",
           "aria-label": "Text formatting"
         },
-        toolbarButtons.value.map(
-          (btn) => h(
+        toolbarItems.value.map((item, idx) => {
+          if (isToolbarSeparator(item)) {
+            return h("div", {
+              key: `sep-${idx}`,
+              class: richTextToolbarSeparatorClasses,
+              role: "separator",
+              "aria-orientation": "vertical"
+            });
+          }
+          const btn = item;
+          return h(
             "button",
             {
               key: btn.name,
@@ -156,24 +148,22 @@ var RichTextEditor = defineComponent({
               disabled: props.disabled || props.readOnly,
               onClick: (e) => {
                 e.preventDefault();
-                execAction(btn.name);
+                execButtonAction(btn);
               }
             },
-            btn.label
-          )
-        )
+            btn.icon ? h("span", { innerHTML: btn.icon }) : btn.label
+          );
+        })
       );
       const editorEl = h("div", {
         ref: editorRef,
         class: editorAreaClasses.value,
-        contenteditable: !(props.readOnly || props.disabled),
         role: "textbox",
         "aria-multiline": true,
         "aria-readonly": props.readOnly || void 0,
         "aria-disabled": props.disabled || void 0,
         "aria-placeholder": props.placeholder,
         "data-placeholder": props.placeholder,
-        onInput: handleInput,
         onKeydown: handleKeydown
       });
       const placeholderEl = isEmpty.value && props.placeholder ? h(
@@ -201,4 +191,7 @@ var RichTextEditor = defineComponent({
 });
 var RichTextEditor_default = RichTextEditor;
 
-export { RichTextEditor, RichTextEditor_default };
+export {
+  RichTextEditor,
+  RichTextEditor_default
+};

package/dist/{chunk-S2PMAXBQ.js → chunk-FAYSOSR7.js}

@@ -1,14 +1,86 @@
-'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 chunkN5I5Y5JG_js = require('./chunk-N5I5Y5JG.js');
-var chunkIVTBNUKQ_js = require('./chunk-IVTBNUKQ.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
+
+var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+
+// src/components/Dropdown.ts
+
+
+
+
+
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var DropdownMenu = _vue.defineComponent.call(void 0, {
+  name: "TigerDropdownMenu",
+  inheritAttrs: false,
+  props: {
+    /**
+     * Additional CSS classes
+     */
+    className: {
+      type: String,
+      default: void 0
+    },
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  setup(props, { slots, attrs }) {
+    const attrsRecord = attrs;
+    const attrsClass = attrsRecord.class;
+    const attrsStyle = attrsRecord.style;
+    const menuClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, _tigercatcore.getDropdownMenuClasses.call(void 0, ), props.className, _tigercatcore.coerceClassValue.call(void 0, attrsClass))
+    );
+    const mergedStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style));
+    return () => {
+      const {
+        class: _class,
+        style: _style,
+        ...restAttrs
+      } = attrsRecord;
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          ...restAttrs,
+          class: menuClasses.value,
+          role: "menu",
+          style: mergedStyle.value
+        },
+        _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()])
+      );
+    };
+  }
+});
 var dropdownIdCounter = 0;
 var createDropdownMenuId = () => `tiger-dropdown-menu-${++dropdownIdCounter}`;
 var DropdownContextKey = /* @__PURE__ */ Symbol("DropdownContext");
-var Dropdown = vue.defineComponent({
+var Dropdown = _vue.defineComponent.call(void 0, {
   name: "TigerDropdown",
   inheritAttrs: false,
   props: {
@@ -92,20 +164,20 @@ var Dropdown = vue.defineComponent({
     const attrsRecord = attrs;
     const attrsClass = attrsRecord.class;
     const attrsStyle = attrsRecord.style;
-    vue.onMounted(() => tigercatCore.injectDropdownStyles());
+    _vue.onMounted.call(void 0, () => _tigercatcore.injectDropdownStyles.call(void 0, ));
     const menuId = createDropdownMenuId();
-    const previousActiveElement = vue.ref(null);
-    const internalVisible = vue.ref(props.defaultOpen);
-    const currentVisible = vue.computed(
+    const previousActiveElement = _vue.ref.call(void 0, null);
+    const internalVisible = _vue.ref.call(void 0, props.defaultOpen);
+    const currentVisible = _vue.computed.call(void 0, 
       () => props.open !== void 0 ? props.open : internalVisible.value
     );
-    const containerRef = vue.ref(null);
-    const triggerRef = vue.ref(null);
-    const floatingRef = vue.ref(null);
+    const containerRef = _vue.ref.call(void 0, null);
+    const triggerRef = _vue.ref.call(void 0, null);
+    const floatingRef = _vue.ref.call(void 0, null);
     const setVisible = (visible) => {
       if (props.disabled && visible) return;
       if (visible && !currentVisible.value) {
-        previousActiveElement.value = tigercatCore.captureActiveElement();
+        previousActiveElement.value = _tigercatcore.captureActiveElement.call(void 0, );
       }
       if (props.open === void 0) {
         internalVisible.value = visible;
@@ -113,13 +185,13 @@ var Dropdown = vue.defineComponent({
       emit("update:open", visible);
       emit("open-change", visible);
       if (visible) {
-        vue.nextTick(() => {
+        _vue.nextTick.call(void 0, () => {
           if (floatingRef.value) {
-            tigercatCore.focusFirstMenuItem(floatingRef.value);
+            _tigercatcore.focusFirstMenuItem.call(void 0, floatingRef.value);
           }
         });
       } else {
-        tigercatCore.restoreFocus(previousActiveElement.value);
+        _tigercatcore.restoreFocus.call(void 0, previousActiveElement.value);
         previousActiveElement.value = null;
       }
     };
@@ -143,29 +215,29 @@ var Dropdown = vue.defineComponent({
     };
     const handleMenuKeyDown = (event) => {
       if (floatingRef.value) {
-        tigercatCore.handleMenuNavigation(floatingRef.value, event);
+        _tigercatcore.handleMenuNavigation.call(void 0, floatingRef.value, event);
       }
     };
     const {
       x,
       y,
       placement: currentPlacement
-    } = chunkIVTBNUKQ_js.useVueFloating({
+    } = _chunkJDCVS4SJjs.useVueFloating.call(void 0, {
       referenceRef: triggerRef,
       floatingRef,
       enabled: currentVisible,
       placement: props.placement,
       offset: props.offset
     });
-    const clickOutsideEnabled = vue.computed(() => currentVisible.value && props.trigger === "click");
+    const clickOutsideEnabled = _vue.computed.call(void 0, () => currentVisible.value && props.trigger === "click");
     let cleanupClickOutside = null;
-    vue.watch(
+    _vue.watch.call(void 0, 
       clickOutsideEnabled,
       (enabled) => {
-        cleanupClickOutside?.();
+        _optionalChain([cleanupClickOutside, 'optionalCall', _3 => _3()]);
         cleanupClickOutside = null;
         if (enabled) {
-          cleanupClickOutside = chunkIVTBNUKQ_js.useVueClickOutside({
+          cleanupClickOutside = _chunkJDCVS4SJjs.useVueClickOutside.call(void 0, {
             enabled: currentVisible,
             containerRef,
             onOutsideClick: () => setVisible(false),
@@ -176,13 +248,13 @@ var Dropdown = vue.defineComponent({
       { immediate: true }
     );
     let cleanupEscapeKey = null;
-    vue.watch(
+    _vue.watch.call(void 0, 
       currentVisible,
       (visible) => {
-        cleanupEscapeKey?.();
+        _optionalChain([cleanupEscapeKey, 'optionalCall', _4 => _4()]);
         cleanupEscapeKey = null;
         if (visible) {
-          cleanupEscapeKey = chunkIVTBNUKQ_js.useVueEscapeKey({
+          cleanupEscapeKey = _chunkJDCVS4SJjs.useVueEscapeKey.call(void 0, {
             enabled: currentVisible,
             onEscape: () => setVisible(false)
           });
@@ -190,48 +262,49 @@ var Dropdown = vue.defineComponent({
       },
       { immediate: true }
     );
-    vue.onBeforeUnmount(() => {
+    _vue.onBeforeUnmount.call(void 0, () => {
       if (hoverTimer) clearTimeout(hoverTimer);
-      cleanupClickOutside?.();
-      cleanupEscapeKey?.();
+      _optionalChain([cleanupClickOutside, 'optionalCall', _5 => _5()]);
+      _optionalChain([cleanupEscapeKey, 'optionalCall', _6 => _6()]);
     });
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getDropdownContainerClasses(),
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getDropdownContainerClasses.call(void 0, ),
         "tiger-dropdown-container",
         props.className,
-        tigercatCore.coerceClassValue(attrsClass)
+        _tigercatcore.coerceClassValue.call(void 0, attrsClass)
       )
     );
-    const mergedStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrsStyle, props.style));
-    const triggerClasses = vue.computed(() => tigercatCore.getDropdownTriggerClasses(props.disabled));
-    const menuWrapperClasses = tigercatCore.classNames("absolute z-50", tigercatCore.DROPDOWN_ENTER_CLASS);
-    const menuWrapperStyles = vue.computed(() => ({
+    const mergedStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style));
+    const triggerClasses = _vue.computed.call(void 0, () => _tigercatcore.getDropdownTriggerClasses.call(void 0, props.disabled));
+    const menuWrapperClasses = _tigercatcore.classNames.call(void 0, "absolute z-50", _tigercatcore.DROPDOWN_ENTER_CLASS);
+    const menuWrapperStyles = _vue.computed.call(void 0, () => ({
       position: "absolute",
       left: `${x.value}px`,
       top: `${y.value}px`,
-      transformOrigin: tigercatCore.getTransformOrigin(currentPlacement.value)
+      transformOrigin: _tigercatcore.getTransformOrigin.call(void 0, currentPlacement.value)
     }));
-    vue.provide(DropdownContextKey, {
+    _vue.provide.call(void 0, DropdownContextKey, {
       closeOnClick: props.closeOnClick,
       handleItemClick
     });
+    const _menuItemTabIndex = -1;
     return () => {
-      const defaultSlot = slots.default?.();
+      const defaultSlot = _optionalChain([slots, 'access', _7 => _7.default, 'optionalCall', _8 => _8()]);
       if (!defaultSlot || defaultSlot.length === 0) return null;
       let triggerNode = null;
       let menuNode = null;
       defaultSlot.forEach((node) => {
-        if (node.type === chunkN5I5Y5JG_js.DropdownMenu) {
+        if (node.type === DropdownMenu) {
           menuNode = node;
           return;
         }
         triggerNode = node;
       });
-      const chevronNode = props.showArrow ? vue.h(
+      const chevronNode = props.showArrow ? _vue.h.call(void 0, 
         "svg",
         {
-          class: tigercatCore.getDropdownChevronClasses(currentVisible.value),
+          class: _tigercatcore.getDropdownChevronClasses.call(void 0, currentVisible.value),
           viewBox: "0 0 24 24",
           fill: "none",
           stroke: "currentColor",
@@ -240,9 +313,9 @@ var Dropdown = vue.defineComponent({
           "stroke-linejoin": "round",
           "aria-hidden": "true"
         },
-        [vue.h("path", { d: tigercatCore.DROPDOWN_CHEVRON_PATH })]
+        [_vue.h.call(void 0, "path", { d: _tigercatcore.DROPDOWN_CHEVRON_PATH })]
       ) : null;
-      const trigger = triggerNode ? vue.h(
+      const trigger = triggerNode ? _vue.h.call(void 0, 
         "div",
         {
           ref: triggerRef,
@@ -256,7 +329,7 @@ var Dropdown = vue.defineComponent({
         },
         [triggerNode, chevronNode]
       ) : null;
-      const menu = menuNode ? vue.h(
+      const menu = menuNode ? _vue.h.call(void 0, 
         "div",
         {
           ref: floatingRef,
@@ -267,22 +340,14 @@ var Dropdown = vue.defineComponent({
           onKeydown: handleMenuKeyDown,
           hidden: !currentVisible.value
         },
-        [
-          vue.h(
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            menuNode.type,
-            { ...menuNode.props || {}, id: menuId },
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            menuNode.children
-          )
-        ]
+        [_vue.cloneVNode.call(void 0, menuNode, { id: menuId })]
       ) : null;
       const {
         class: _class,
         style: _style,
         ...restAttrs
       } = attrsRecord;
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...restAttrs,
@@ -297,6 +362,9 @@ var Dropdown = vue.defineComponent({
 });
 var Dropdown_default = Dropdown;
 
-exports.Dropdown = Dropdown;
-exports.DropdownContextKey = DropdownContextKey;
-exports.Dropdown_default = Dropdown_default;
+
+
+
+
+
+exports.DropdownMenu = DropdownMenu; exports.DropdownContextKey = DropdownContextKey; exports.Dropdown = Dropdown; exports.Dropdown_default = Dropdown_default;

package/dist/chunk-FC7RXQTM.js

@@ -1,11 +1,19 @@
-'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/RadioGroup.ts
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/RadioGroup.ts
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var RadioGroupKey = /* @__PURE__ */ Symbol("RadioGroup");
-var RadioGroup = vue.defineComponent({
+var RadioGroup = _vue.defineComponent.call(void 0, {
   name: "TigerRadioGroup",
   inheritAttrs: false,
   props: {
@@ -67,13 +75,13 @@ var RadioGroup = vue.defineComponent({
     change: (value) => typeof value === "string" || typeof value === "number"
   },
   setup(props, { slots, emit, attrs }) {
-    const instance = vue.getCurrentInstance();
-    const internalValue = vue.ref(props.defaultValue);
-    const isControlled = vue.computed(() => {
-      const rawProps = instance?.vnode.props;
+    const instance = _vue.getCurrentInstance.call(void 0, );
+    const internalValue = _vue.ref.call(void 0, props.defaultValue);
+    const isControlled = _vue.computed.call(void 0, () => {
+      const rawProps = _optionalChain([instance, 'optionalAccess', _ => _.vnode, 'access', _2 => _2.props]);
       return !!rawProps && Object.prototype.hasOwnProperty.call(rawProps, "value");
     });
-    const currentValue = vue.computed(() => isControlled.value ? props.value : internalValue.value);
+    const currentValue = _vue.computed.call(void 0, () => isControlled.value ? props.value : internalValue.value);
     const handleChange = (value) => {
       if (props.disabled) return;
       if (!isControlled.value) {
@@ -83,10 +91,10 @@ var RadioGroup = vue.defineComponent({
       emit("change", value);
     };
     const generatedName = `tiger-radio-group-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
-    const groupName = vue.computed(() => props.name || generatedName);
-    vue.provide(
+    const groupName = _vue.computed.call(void 0, () => props.name || generatedName);
+    _vue.provide.call(void 0, 
       RadioGroupKey,
-      vue.computed(() => ({
+      _vue.computed.call(void 0, () => ({
         value: currentValue.value,
         name: groupName.value,
         disabled: props.disabled,
@@ -119,10 +127,10 @@ var RadioGroup = vue.defineComponent({
     };
     return () => {
       const rootStyle = [attrs.style, props.style];
-      const mergedClass = tigercatCore.classNames(props.className, tigercatCore.coerceClassValue(attrs.class));
-      const rootClass = tigercatCore.getRadioGroupClasses({ className: mergedClass });
+      const mergedClass = _tigercatcore.classNames.call(void 0, props.className, _tigercatcore.coerceClassValue.call(void 0, attrs.class));
+      const rootClass = _tigercatcore.getRadioGroupClasses.call(void 0, { className: mergedClass });
       const { class: _class, style: _style, ...restAttrs } = attrs;
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...restAttrs,
@@ -131,13 +139,15 @@ var RadioGroup = vue.defineComponent({
           role: "radiogroup",
           onKeydown: handleKeyDown
         },
-        slots.default?.()
+        _optionalChain([slots, 'access', _3 => _3.default, 'optionalCall', _4 => _4()])
       );
     };
   }
 });
 var RadioGroup_default = RadioGroup;
 
-exports.RadioGroup = RadioGroup;
-exports.RadioGroupKey = RadioGroupKey;
-exports.RadioGroup_default = RadioGroup_default;
+
+
+
+
+exports.RadioGroupKey = RadioGroupKey; exports.RadioGroup = RadioGroup; exports.RadioGroup_default = RadioGroup_default;