@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/{chunk-D2I2NNYI.js → chunk-GL6KRUVO.js}

@@ -1,12 +1,29 @@
-'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 chunk7VSD3NPI_js = require('./chunk-7VSD3NPI.js');
-var chunkK2U3FEL7_js = require('./chunk-K2U3FEL7.js');
-var chunkU7CCKZAG_js = require('./chunk-U7CCKZAG.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunkBEIZXMHWjs = require('./chunk-BEIZXMHW.js');
 
-var CropUpload = vue.defineComponent({
+
+var _chunkWUEP3PFNjs = require('./chunk-WUEP3PFN.js');
+
+
+var _chunk5436FG3Bjs = require('./chunk-5436FG3B.js');
+
+// src/components/CropUpload.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var CropUpload = _vue.defineComponent.call(void 0, {
   name: "TigerCropUpload",
   inheritAttrs: false,
   props: {
@@ -27,39 +44,42 @@ var CropUpload = vue.defineComponent({
   },
   emits: ["crop-complete", "error"],
   setup(props, { slots, emit, attrs }) {
-    const fileInputRef = vue.ref(null);
-    const modalVisible = vue.ref(false);
-    const imageSrc = vue.ref("");
-    const cropperRef = vue.ref(null);
-    const cropping = vue.ref(false);
+    const fileInputRef = _vue.ref.call(void 0, null);
+    const modalVisible = _vue.ref.call(void 0, false);
+    const imageSrc = _vue.ref.call(void 0, "");
+    const cropperRef = _vue.ref.call(void 0, null);
+    const cropping = _vue.ref.call(void 0, false);
     const handleTriggerClick = () => {
       if (props.disabled) return;
-      fileInputRef.value?.click();
+      _optionalChain([fileInputRef, 'access', _ => _.value, 'optionalAccess', _2 => _2.click, 'call', _3 => _3()]);
     };
     const handleFileChange = (e) => {
       const input = e.target;
-      const file = input.files?.[0];
+      const file = _optionalChain([input, 'access', _4 => _4.files, 'optionalAccess', _5 => _5[0]]);
       if (!file) return;
-      if (props.maxSize && file.size > props.maxSize) {
-        emit("error", new Error(`File size exceeds maximum of ${props.maxSize} bytes`));
+      const sizeError = _tigercatcore.validateUploadFile.call(void 0, file, props.maxSize);
+      if (sizeError) {
+        emit("error", sizeError);
         input.value = "";
         return;
       }
-      const reader = new FileReader();
-      reader.onload = (ev) => {
-        imageSrc.value = ev.target?.result;
+      _tigercatcore.readFileAsDataUrl.call(void 0, file).then((url) => {
+        imageSrc.value = url;
         modalVisible.value = true;
-      };
-      reader.readAsDataURL(file);
+      }).catch((err) => emit("error", err));
       input.value = "";
     };
     const handleConfirm = async () => {
       if (!cropperRef.value) return;
       cropping.value = true;
       try {
-        const result = await cropperRef.value.getCropResult();
-        emit("crop-complete", result);
-        modalVisible.value = false;
+        const result = await _tigercatcore.getCropperResult.call(void 0, 
+          cropperRef.value
+        );
+        if (result) {
+          emit("crop-complete", result);
+          modalVisible.value = false;
+        }
       } catch (err) {
         emit("error", err);
       } finally {
@@ -70,28 +90,28 @@ var CropUpload = vue.defineComponent({
       modalVisible.value = false;
       imageSrc.value = "";
     };
-    const triggerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        props.disabled ? tigercatCore.cropUploadTriggerDisabledClasses : tigercatCore.cropUploadTriggerClasses,
+    const triggerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        props.disabled ? _tigercatcore.cropUploadTriggerDisabledClasses : _tigercatcore.cropUploadTriggerClasses,
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
-    const triggerStyle = vue.computed(
-      () => tigercatCore.mergeStyleValues(attrs.style, props.style)
+    const triggerStyle = _vue.computed.call(void 0, 
+      () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style)
     );
     return () => {
       const forwardedAttrs = Object.fromEntries(
         Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")
       );
-      const fileInput = vue.h("input", {
+      const fileInput = _vue.h.call(void 0, "input", {
         ref: fileInputRef,
         type: "file",
         accept: props.accept,
         style: { display: "none" },
         onChange: handleFileChange
       });
-      const trigger = slots.default ? vue.h(
+      const trigger = slots.default ? _vue.h.call(void 0, 
         "div",
         {
           ...forwardedAttrs,
@@ -103,14 +123,14 @@ var CropUpload = vue.defineComponent({
           "aria-label": "Select image to crop and upload",
           "aria-disabled": props.disabled ? "true" : void 0,
           onKeydown: (e) => {
-            if (e.key === "Enter" || e.key === " ") {
+            if (_tigercatcore.isActivationKey.call(void 0, e)) {
               e.preventDefault();
               handleTriggerClick();
             }
           }
         },
         slots.default()
-      ) : vue.h(
+      ) : _vue.h.call(void 0, 
         "div",
         {
           ...forwardedAttrs,
@@ -122,14 +142,14 @@ var CropUpload = vue.defineComponent({
           "aria-label": "Select image to crop and upload",
           "aria-disabled": props.disabled ? "true" : void 0,
           onKeydown: (e) => {
-            if (e.key === "Enter" || e.key === " ") {
+            if (_tigercatcore.isActivationKey.call(void 0, e)) {
               e.preventDefault();
               handleTriggerClick();
             }
           }
         },
         [
-          vue.h(
+          _vue.h.call(void 0, 
             "svg",
             {
               class: "w-5 h-5",
@@ -139,19 +159,19 @@ var CropUpload = vue.defineComponent({
               stroke: "currentColor"
             },
             [
-              vue.h("path", {
+              _vue.h.call(void 0, "path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
-                d: tigercatCore.uploadPlusIconPath
+                d: _tigercatcore.uploadPlusIconPath
               })
             ]
           ),
-          vue.h("span", null, "\u9009\u62E9\u56FE\u7247")
+          _vue.h.call(void 0, "span", null, "\u9009\u62E9\u56FE\u7247")
         ]
       );
-      const modal = vue.h(
-        chunk7VSD3NPI_js.Modal,
+      const modal = _vue.h.call(void 0, 
+        _chunkBEIZXMHWjs.Modal,
         {
           open: modalVisible.value,
           size: "lg",
@@ -164,26 +184,28 @@ var CropUpload = vue.defineComponent({
           }
         },
         {
-          default: () => imageSrc.value ? vue.h(chunkK2U3FEL7_js.ImageCropper, {
+          default: () => imageSrc.value ? _vue.h.call(void 0, _chunkWUEP3PFNjs.ImageCropper, {
             ref: cropperRef,
             src: imageSrc.value,
             ...props.cropperProps
           }) : null,
-          footer: ({ cancel: _cancel }) => vue.h("div", { class: tigercatCore.modalFooterClasses }, [
-            vue.h(chunkU7CCKZAG_js.Button, { variant: "secondary", onClick: handleCancel }, { default: () => "\u53D6\u6D88" }),
-            vue.h(
-              chunkU7CCKZAG_js.Button,
+          footer: ({ cancel: _cancel }) => _vue.h.call(void 0, "div", { class: _tigercatcore.modalFooterClasses }, [
+            _vue.h.call(void 0, _chunk5436FG3Bjs.Button, { variant: "secondary", onClick: handleCancel }, { default: () => "\u53D6\u6D88" }),
+            _vue.h.call(void 0, 
+              _chunk5436FG3Bjs.Button,
               { onClick: handleConfirm, loading: cropping.value },
               { default: () => "\u786E\u8BA4\u88C1\u526A" }
             )
           ])
         }
       );
-      return vue.h("div", { class: "tiger-crop-upload inline-block" }, [fileInput, trigger, modal]);
+      return _vue.h.call(void 0, "div", { class: "tiger-crop-upload inline-block" }, [fileInput, trigger, modal]);
     };
   }
 });
 var CropUpload_default = CropUpload;
 
-exports.CropUpload = CropUpload;
-exports.CropUpload_default = CropUpload_default;
+
+
+
+exports.CropUpload = CropUpload; exports.CropUpload_default = CropUpload_default;

package/dist/chunk-GOBWUEHV.js

@@ -0,0 +1,197 @@
+"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/RichTextEditor.ts
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var RichTextEditor = _vue.defineComponent.call(void 0, {
+  name: "TigerRichTextEditor",
+  props: {
+    value: { type: String, default: void 0 },
+    defaultValue: { type: String, default: "" },
+    placeholder: { type: String, default: void 0 },
+    mode: {
+      type: String,
+      default: "html"
+    },
+    toolbar: {
+      type: Array,
+      default: void 0
+    },
+    height: {
+      type: [Number, String],
+      default: 300
+    },
+    readOnly: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    className: { type: String, default: void 0 },
+    engine: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["update:value", "change"],
+  setup(props, { emit, attrs }) {
+    const editorRef = _vue.ref.call(void 0, null);
+    const internalValue = _vue.ref.call(void 0, props.defaultValue || "");
+    const activeFormats = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
+    let engineInstance = null;
+    const isControlled = _vue.computed.call(void 0, () => props.value !== void 0);
+    const currentContent = _vue.computed.call(void 0, () => isControlled.value ? props.value : internalValue.value);
+    const toolbarItems = _vue.computed.call(void 0, () => _nullishCoalesce(props.toolbar, () => ( _tigercatcore.defaultToolbar)));
+    const isEmpty = _vue.computed.call(void 0, () => _tigercatcore.isContentEmpty.call(void 0, currentContent.value));
+    _vue.watch.call(void 0, 
+      () => props.value,
+      (newVal) => {
+        if (newVal !== void 0 && engineInstance) {
+          engineInstance.setValue(newVal);
+        }
+      }
+    );
+    _vue.watch.call(void 0, 
+      () => [props.readOnly, props.disabled],
+      ([ro, dis]) => {
+        _optionalChain([engineInstance, 'optionalAccess', _ => _.setReadOnly, 'call', _2 => _2(ro, dis)]);
+      }
+    );
+    _vue.onMounted.call(void 0, () => {
+      if (!editorRef.value) return;
+      const engine = _nullishCoalesce(props.engine, () => ( _tigercatcore.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;
+        }
+      });
+    });
+    _vue.onBeforeUnmount.call(void 0, () => {
+      _optionalChain([engineInstance, 'optionalAccess', _3 => _3.destroy, 'call', _4 => _4()]);
+      engineInstance = null;
+    });
+    function execButtonAction(btn) {
+      if (props.readOnly || props.disabled) return;
+      if (btn.action && editorRef.value) {
+        btn.action(editorRef.value);
+        return;
+      }
+      _optionalChain([engineInstance, 'optionalAccess', _5 => _5.exec, 'call', _6 => _6(btn.name)]);
+    }
+    function handleKeydown(e) {
+      const match = _tigercatcore.findHotkeyMatch.call(void 0, toolbarItems.value, e);
+      if (match) {
+        e.preventDefault();
+        execButtonAction(match);
+      }
+    }
+    const containerClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getRichTextContainerClasses.call(void 0, props.disabled, props.className),
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+      )
+    );
+    const editorAreaClasses = _vue.computed.call(void 0, () => _tigercatcore.getEditorAreaClasses.call(void 0, props.readOnly));
+    const containerStyle = _vue.computed.call(void 0, () => {
+      const ht = _tigercatcore.parseHeight.call(void 0, props.height);
+      if (!ht) return void 0;
+      return { height: ht };
+    });
+    return () => {
+      const toolbarEl = _vue.h.call(void 0, 
+        "div",
+        {
+          class: _tigercatcore.richTextToolbarClasses,
+          role: "toolbar",
+          "aria-label": "Text formatting"
+        },
+        toolbarItems.value.map((item, idx) => {
+          if (_tigercatcore.isToolbarSeparator.call(void 0, item)) {
+            return _vue.h.call(void 0, "div", {
+              key: `sep-${idx}`,
+              class: _tigercatcore.richTextToolbarSeparatorClasses,
+              role: "separator",
+              "aria-orientation": "vertical"
+            });
+          }
+          const btn = item;
+          return _vue.h.call(void 0, 
+            "button",
+            {
+              key: btn.name,
+              type: "button",
+              class: _tigercatcore.getToolbarButtonClasses.call(void 0, activeFormats.value.has(btn.name)),
+              title: _nullishCoalesce(btn.tooltip, () => ( btn.label)),
+              "aria-label": btn.label,
+              "aria-pressed": _tigercatcore.isInlineFormat.call(void 0, btn.name) ? activeFormats.value.has(btn.name) : void 0,
+              disabled: props.disabled || props.readOnly,
+              onClick: (e) => {
+                e.preventDefault();
+                execButtonAction(btn);
+              }
+            },
+            btn.icon ? _vue.h.call(void 0, "span", { innerHTML: btn.icon }) : btn.label
+          );
+        })
+      );
+      const editorEl = _vue.h.call(void 0, "div", {
+        ref: editorRef,
+        class: editorAreaClasses.value,
+        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,
+        onKeydown: handleKeydown
+      });
+      const placeholderEl = isEmpty.value && props.placeholder ? _vue.h.call(void 0, 
+        "div",
+        {
+          class: `${_tigercatcore.richTextPlaceholderClasses} absolute top-0 left-0 p-4 pointer-events-none text-sm`,
+          "aria-hidden": true
+        },
+        props.placeholder
+      ) : null;
+      const editorWrapper = _vue.h.call(void 0, "div", { class: "relative flex-1 overflow-hidden" }, [
+        editorEl,
+        placeholderEl
+      ]);
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          class: containerClasses.value,
+          style: containerStyle.value
+        },
+        [toolbarEl, editorWrapper]
+      );
+    };
+  }
+});
+var RichTextEditor_default = RichTextEditor;
+
+
+
+
+exports.RichTextEditor = RichTextEditor; exports.RichTextEditor_default = RichTextEditor_default;

package/dist/{chunk-665NGSV3.mjs → chunk-GQAVLQEZ.mjs}

@@ -1,8 +1,14 @@
-import { init_ImagePreview, ImagePreview } from './chunk-ZUVR5UZL.mjs';
-import { defineComponent, ref, provide, onBeforeUnmount, h } from 'vue';
+import {
+  ImagePreview
+} from "./chunk-KY3O3FWK.mjs";
 
 // src/components/ImageGroup.ts
-init_ImagePreview();
+import { defineComponent, h, ref, provide, onBeforeUnmount } from "vue";
+import {
+  getImageGroupClasses,
+  registerImageGroupItem,
+  unregisterImageGroupItem
+} from "@expcat/tigercat-core";
 var IMAGE_GROUP_INJECTION_KEY = "tiger-image-group";
 var ImageGroup = defineComponent({
   name: "TigerImageGroup",
@@ -16,15 +22,12 @@ var ImageGroup = defineComponent({
     const previewIndex = ref(0);
     const context = {
       register(src) {
-        const idx = images.value.length;
-        images.value.push(src);
-        return idx;
+        const result = registerImageGroupItem(images.value, src);
+        images.value = result.items;
+        return result.index;
       },
       unregister(src) {
-        const idx = images.value.indexOf(src);
-        if (idx > -1) {
-          images.value.splice(idx, 1);
-        }
+        images.value = unregisterImageGroupItem(images.value, src);
       },
       openPreview(index) {
         if (!props.preview) return;
@@ -51,10 +54,14 @@ var ImageGroup = defineComponent({
           previewIndex.value = val;
         }
       }) : null;
-      return h("div", { class: "tiger-image-group", role: "group" }, [children, preview]);
+      return h("div", { class: getImageGroupClasses(), role: "group" }, [children, preview]);
     };
   }
 });
 var ImageGroup_default = ImageGroup;
 
-export { IMAGE_GROUP_INJECTION_KEY, ImageGroup, ImageGroup_default };
+export {
+  IMAGE_GROUP_INJECTION_KEY,
+  ImageGroup,
+  ImageGroup_default
+};

package/dist/chunk-GQPSQJ5I.mjs

@@ -1,7 +1,6 @@
-import { defineComponent, computed, h } from 'vue';
-import { classNames, layoutContentClasses, coerceClassValue } from '@expcat/tigercat-core';
-
 // src/components/Content.ts
+import { defineComponent, h, computed } from "vue";
+import { classNames, coerceClassValue, layoutContentClasses } from "@expcat/tigercat-core";
 var Content = defineComponent({
   name: "TigerContent",
   inheritAttrs: false,
@@ -34,4 +33,7 @@ var Content = defineComponent({
 });
 var Content_default = Content;
 
-export { Content, Content_default };
+export {
+  Content,
+  Content_default
+};

package/dist/{chunk-IOBJYUUO.mjs → chunk-GVZRR2WP.mjs}

@@ -1,7 +1,22 @@
-import { useFloatingPopup } from './chunk-6A57RY3H.mjs';
-import { defineComponent, computed, h } from 'vue';
-import { createFloatingIdFactory, classNames, getPopoverContainerClasses, coerceClassValue, getPopoverTriggerClasses, getPopoverContentClasses, POPOVER_TITLE_CLASSES, POPOVER_TEXT_CLASSES } from '@expcat/tigercat-core';
+import {
+  useFloatingPopup
+} from "./chunk-DBTS5QBX.mjs";
+import {
+  renderVueBodyTeleport
+} from "./chunk-7RIWAO2A.mjs";
 
+// src/components/Popover.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  createFloatingIdFactory,
+  getPopoverContainerClasses,
+  getPopoverTriggerClasses,
+  getPopoverContentClasses,
+  POPOVER_TITLE_CLASSES,
+  POPOVER_TEXT_CLASSES
+} from "@expcat/tigercat-core";
 var createPopoverId = createFloatingIdFactory("popover");
 var Popover = defineComponent({
   name: "TigerPopover",
@@ -80,31 +95,33 @@ var Popover = defineComponent({
             defaultSlot
           ),
           // Floating content
-          currentVisible.value ? h("div", { ref: floatingRef, style: floatingStyles.value, "aria-hidden": false }, [
-            h(
-              "div",
-              {
-                id: popoverId,
-                role: "dialog",
-                "aria-modal": "false",
-                "aria-labelledby": hasTitle ? titleId : void 0,
-                "aria-describedby": hasContent ? contentId : void 0,
-                class: contentClasses.value
-              },
-              [
-                hasTitle && h(
-                  "div",
-                  { id: titleId, class: POPOVER_TITLE_CLASSES },
-                  slots.title ? slots.title() : props.title
-                ),
-                hasContent && h(
-                  "div",
-                  { id: contentId, class: POPOVER_TEXT_CLASSES },
-                  slots.content ? slots.content() : props.content
-                )
-              ].filter(Boolean)
-            )
-          ]) : null
+          currentVisible.value ? renderVueBodyTeleport(
+            h("div", { ref: floatingRef, style: floatingStyles.value, "aria-hidden": false }, [
+              h(
+                "div",
+                {
+                  id: popoverId,
+                  role: "dialog",
+                  "aria-modal": "false",
+                  "aria-labelledby": hasTitle ? titleId : void 0,
+                  "aria-describedby": hasContent ? contentId : void 0,
+                  class: contentClasses.value
+                },
+                [
+                  hasTitle && h(
+                    "div",
+                    { id: titleId, class: POPOVER_TITLE_CLASSES },
+                    slots.title ? slots.title() : props.title
+                  ),
+                  hasContent && h(
+                    "div",
+                    { id: contentId, class: POPOVER_TEXT_CLASSES },
+                    slots.content ? slots.content() : props.content
+                  )
+                ].filter(Boolean)
+              )
+            ])
+          ) : null
         ]
       );
     };
@@ -112,4 +129,7 @@ var Popover = defineComponent({
 });
 var Popover_default = Popover;
 
-export { Popover, Popover_default };
+export {
+  Popover,
+  Popover_default
+};

package/dist/chunk-H4F4G2E4.mjs

@@ -0,0 +1,84 @@
+// src/components/Segmented.ts
+import { defineComponent, h } from "vue";
+import {
+  getSegmentedContainerClasses,
+  getSegmentedContainerStyle,
+  getSegmentedIndicatorClasses,
+  getSegmentedIndicatorStyle,
+  getSegmentedOptionClasses,
+  classNames,
+  coerceClassValue
+} from "@expcat/tigercat-core";
+var Segmented = defineComponent({
+  name: "TigerSegmented",
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: void 0
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    disabled: { type: Boolean, default: false },
+    size: { type: String, default: "md" },
+    block: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(props, { emit, attrs }) {
+    function handleSelect(option) {
+      if (option.disabled || props.disabled) return;
+      if (option.value === props.modelValue) return;
+      emit("update:modelValue", option.value);
+      emit("change", option.value);
+    }
+    return () => h(
+      "div",
+      {
+        class: classNames(
+          getSegmentedContainerClasses(props.size, props.block),
+          coerceClassValue(attrs.class)
+        ),
+        style: getSegmentedContainerStyle(props.options.length),
+        role: "radiogroup"
+      },
+      [
+        h("div", {
+          "data-tiger-segmented-indicator": "true",
+          "aria-hidden": "true",
+          class: getSegmentedIndicatorClasses(props.size),
+          style: getSegmentedIndicatorStyle(
+            props.options.findIndex((opt) => opt.value === props.modelValue),
+            props.options.length,
+            props.size
+          )
+        }),
+        ...props.options.map((opt) => {
+          const selected = opt.value === props.modelValue;
+          const isDisabled = !!opt.disabled || props.disabled;
+          return h(
+            "label",
+            {
+              key: opt.value,
+              class: classNames(
+                getSegmentedOptionClasses(props.size, selected, isDisabled),
+                props.block ? "flex-1 text-center" : ""
+              ),
+              role: "radio",
+              "aria-checked": selected,
+              "aria-disabled": isDisabled,
+              onClick: () => handleSelect(opt)
+            },
+            [h("span", null, opt.label)]
+          );
+        })
+      ]
+    );
+  }
+});
+var Segmented_default = Segmented;
+
+export {
+  Segmented,
+  Segmented_default
+};