@leavepulse/ui 0.12.0 → 0.14.4

package/dist/chunks/LpPhoneInput-LQvVFGMw.js

@@ -0,0 +1,199 @@
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, toDisplayString, createTextVNode, Fragment, renderList, createBlock, withModifiers, normalizeStyle } from "vue";
+import { ComboboxRoot, ComboboxAnchor, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxInput, ComboboxViewport, ComboboxEmpty, ComboboxItem } from "reka-ui";
+import { useInputFilter } from "../composables/useInputFilter.js";
+import { matchCountryByValue, loadCountries, flagEmoji } from "../components/countries.js";
+import { POPOVER_PANEL, OPTION_ITEM } from "../components/dropdown.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+const _hoisted_1 = { class: "text-base leading-none" };
+const _hoisted_2 = { class: "border-b border-line p-2" };
+const _hoisted_3 = { class: "text-base leading-none" };
+const _hoisted_4 = { class: "min-w-0 flex-1 truncate" };
+const _hoisted_5 = { class: "shrink-0 text-xs text-muted" };
+const _hoisted_6 = ["value", "placeholder", "disabled", "aria-invalid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpPhoneInput",
+  props: {
+    modelValue: {},
+    only: {},
+    defaultCountry: {},
+    placeholder: { default: "Phone number" },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    size: { default: "md" },
+    emptyText: { default: "No country" },
+    searchPlaceholder: { default: "Search country…" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const PHONE_CHARS = /[\d+()\-\s]/;
+    const { onBeforeInput, onPaste } = useInputFilter({ restrict: () => PHONE_CHARS });
+    const allCountries = ref([]);
+    const countries = computed(() => {
+      if (!props.only?.length) return allCountries.value;
+      const set = new Set(props.only.map((c) => c.toUpperCase()));
+      return allCountries.value.filter((c) => set.has(c.iso2));
+    });
+    const fallback = computed(() => {
+      const iso = props.defaultCountry?.toUpperCase();
+      return iso ? countries.value.find((c) => c.iso2 === iso) : void 0;
+    });
+    const activeCountry = computed(
+      () => matchCountryByValue(props.modelValue ?? "", countries.value) ?? fallback.value
+    );
+    const open = ref(false);
+    const query = ref("");
+    const filtered = computed(() => {
+      const q = query.value.trim().toLowerCase();
+      if (!q) return countries.value;
+      return countries.value.filter(
+        (c) => c.name.toLowerCase().includes(q) || c.dial.includes(q.replace(/\D/g, ""))
+      );
+    });
+    function parse(value) {
+      const country = matchCountryByValue(value, countries.value);
+      const digits = value.replace(/[^\d]/g, "");
+      if (country) {
+        return { country, dialCode: country.dial, number: digits.slice(country.dial.length) };
+      }
+      return { country: void 0, dialCode: "", number: digits };
+    }
+    function setValue(value) {
+      emit("update:modelValue", value);
+      emit("change", parse(value));
+    }
+    function onInput(e) {
+      setValue(e.target.value);
+    }
+    function chooseCountry(c) {
+      const detail = parse(props.modelValue ?? "");
+      const national = detail.number;
+      setValue(`+${c.dial}${national ? " " + national : ""}`);
+      open.value = false;
+      query.value = "";
+    }
+    onMounted(async () => {
+      allCountries.value = await loadCountries();
+      if (!props.modelValue && fallback.value) {
+        emit("update:modelValue", `+${fallback.value.dial} `);
+      }
+    });
+    const sizeClass = {
+      sm: "h-(--size-control-sm) text-xs",
+      md: "h-(--size-control-md) text-sm",
+      lg: "h-(--size-control-lg) text-sm"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["flex w-full items-stretch rounded-control border bg-surface-soft text-ink transition-colors duration-[var(--duration-fast)] focus-within:ring-2 focus-within:ring-ring", [
+          sizeClass[__props.size],
+          __props.invalid ? "border-danger focus-within:border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand",
+          __props.disabled ? "cursor-not-allowed opacity-55" : ""
+        ]])
+      }, [
+        createVNode(unref(ComboboxRoot), {
+          open: open.value,
+          "onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event),
+          "ignore-filter": true,
+          disabled: __props.disabled,
+          class: "flex"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(ComboboxAnchor), { "as-child": "" }, {
+              default: withCtx(() => [
+                createVNode(unref(ComboboxTrigger), {
+                  type: "button",
+                  disabled: __props.disabled,
+                  class: "flex shrink-0 items-center gap-1 rounded-l-control border-r border-line px-2.5 outline-none hover:bg-white/[0.04] data-[state=open]:bg-white/[0.04]",
+                  "aria-label": "Select country"
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("span", _hoisted_1, toDisplayString(activeCountry.value ? unref(flagEmoji)(activeCountry.value.iso2) : "🌐"), 1),
+                    createVNode(_sfc_main$1, {
+                      name: "lucide:chevron-down",
+                      size: 14,
+                      class: "text-muted transition-transform data-[state=open]:rotate-180"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ]),
+              _: 1
+            }),
+            createVNode(unref(ComboboxPortal), null, {
+              default: withCtx(() => [
+                createVNode(unref(ComboboxContent), {
+                  position: "popper",
+                  align: "start",
+                  "side-offset": 6,
+                  class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) max-h-72 w-72 overflow-hidden"])
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_2, [
+                      createVNode(unref(ComboboxInput), {
+                        "model-value": query.value,
+                        placeholder: __props.searchPlaceholder,
+                        "auto-focus": "",
+                        class: "h-(--size-control-sm) w-full rounded-md border border-line bg-surface-soft px-2.5 text-sm text-ink outline-none placeholder:text-muted focus:border-brand",
+                        onInput: _cache[0] || (_cache[0] = ($event) => query.value = $event.target.value)
+                      }, null, 8, ["model-value", "placeholder"])
+                    ]),
+                    createVNode(unref(ComboboxViewport), { class: "max-h-56 overflow-y-auto p-1" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(ComboboxEmpty), { class: "px-3 py-4 text-center text-sm italic text-muted" }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(__props.emptyText), 1)
+                          ]),
+                          _: 1
+                        }),
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(filtered.value, (c, i) => {
+                          return openBlock(), createBlock(unref(ComboboxItem), {
+                            key: c.iso2,
+                            value: c.iso2,
+                            style: normalizeStyle({ animationDelay: `${Math.min(i, 12) * 22}ms` }),
+                            class: normalizeClass([unref(OPTION_ITEM), "gap-2.5"]),
+                            onSelect: withModifiers(($event) => chooseCountry(c), ["prevent"])
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("span", _hoisted_3, toDisplayString(unref(flagEmoji)(c.iso2)), 1),
+                              createElementVNode("span", _hoisted_4, toDisplayString(c.name), 1),
+                              createElementVNode("span", _hoisted_5, "+" + toDisplayString(c.dial), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["value", "style", "class", "onSelect"]);
+                        }), 128))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["open", "disabled"]),
+        createElementVNode("input", {
+          value: __props.modelValue,
+          placeholder: __props.placeholder,
+          disabled: __props.disabled,
+          "aria-invalid": __props.invalid || void 0,
+          type: "tel",
+          inputmode: "tel",
+          autocomplete: "tel",
+          class: "min-w-0 flex-1 bg-transparent px-3 outline-none placeholder:text-muted",
+          onBeforeinput: _cache[2] || (_cache[2] = //@ts-ignore
+          (...args) => unref(onBeforeInput) && unref(onBeforeInput)(...args)),
+          onPaste: _cache[3] || (_cache[3] = //@ts-ignore
+          (...args) => unref(onPaste) && unref(onPaste)(...args)),
+          onInput
+        }, null, 40, _hoisted_6)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpPopover-8268UmlC.js

@@ -0,0 +1,54 @@
+import { defineComponent, useModel, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeClass, mergeModels } from "vue";
+import { PopoverRoot, PopoverTrigger, PopoverPortal, PopoverContent } from "reka-ui";
+import { POPOVER_PANEL } from "../components/dropdown.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpPopover",
+  props: /* @__PURE__ */ mergeModels({
+    side: { default: "bottom" },
+    align: { default: "center" },
+    sideOffset: { default: 6 },
+    panelClass: {}
+  }, {
+    "open": { type: Boolean },
+    "openModifiers": {}
+  }),
+  emits: ["update:open"],
+  setup(__props) {
+    const open = useModel(__props, "open");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PopoverRoot), {
+        open: open.value,
+        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event)
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(PopoverTrigger), { "as-child": "" }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "trigger")
+            ]),
+            _: 3
+          }),
+          createVNode(unref(PopoverPortal), null, {
+            default: withCtx(() => [
+              createVNode(unref(PopoverContent), {
+                side: __props.side,
+                align: __props.align,
+                "side-offset": __props.sideOffset,
+                class: normalizeClass([unref(POPOVER_PANEL), "z-(--z-popover) w-64 rounded-card p-3 text-sm text-ink outline-none", __props.panelClass])
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }, 8, ["side", "align", "side-offset", "class"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpProgress-BhI0IbjC.js

@@ -0,0 +1,37 @@
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass } from "vue";
+import { ProgressRoot, ProgressIndicator } from "reka-ui";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpProgress",
+  props: {
+    value: { default: 0 },
+    max: { default: 100 },
+    tone: { default: "brand" }
+  },
+  setup(__props) {
+    const props = __props;
+    const pct = computed(() => Math.max(0, Math.min(100, props.value / props.max * 100)));
+    const bar = {
+      brand: "bg-brand",
+      action: "bg-action",
+      danger: "bg-danger"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ProgressRoot), {
+        "model-value": __props.value,
+        max: __props.max,
+        class: "h-1.5 w-full overflow-hidden rounded-pill bg-surface-soft"
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(ProgressIndicator), {
+            class: normalizeClass(["h-full rounded-pill transition-[width] duration-slow ease-[var(--ease-emphasized)]", bar[__props.tone]]),
+            style: normalizeStyle({ width: `${pct.value}%` })
+          }, null, 8, ["class", "style"])
+        ]),
+        _: 1
+      }, 8, ["model-value", "max"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpRadio-CL-pI0_O.js

@@ -0,0 +1,39 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { RadioGroupItem, RadioGroupIndicator } from "reka-ui";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpRadio",
+  props: {
+    value: {},
+    label: {},
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["group inline-flex cursor-pointer items-center gap-2 text-sm text-ink", __props.disabled && "cursor-not-allowed opacity-55"])
+      }, [
+        createVNode(unref(RadioGroupItem), {
+          value: __props.value,
+          disabled: __props.disabled,
+          class: "flex size-[18px] shrink-0 items-center justify-center rounded-full border border-line-strong bg-surface-soft outline-none transition-[color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:group-hover:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-brand disabled:cursor-not-allowed disabled:opacity-55"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(RadioGroupIndicator), { class: "flex data-[state=checked]:animate-[indicator-in_140ms_var(--ease-emphasized)]" }, {
+              default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                createElementVNode("span", { class: "size-2 rounded-full bg-brand" }, null, -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["value", "disabled"]),
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(__props.label), 1)
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpRadioGroup-B4yDTmi6.js

@@ -0,0 +1,52 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot, createElementBlock, Fragment, renderList, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { RadioGroupRoot, RadioGroupItem, RadioGroupIndicator } from "reka-ui";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpRadioGroup",
+  props: {
+    modelValue: {},
+    options: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(RadioGroupRoot), {
+        "model-value": __props.modelValue,
+        disabled: __props.disabled,
+        class: "flex flex-col gap-2",
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => _ctx.$emit("update:modelValue", v))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (opt) => {
+              return openBlock(), createElementBlock("label", {
+                key: opt.value,
+                class: "group inline-flex cursor-pointer items-center gap-2 text-sm text-ink"
+              }, [
+                createVNode(unref(RadioGroupItem), {
+                  value: opt.value,
+                  class: "flex size-[18px] items-center justify-center rounded-full border border-line-strong bg-surface-soft outline-none transition-[color,border-color,box-shadow,scale] duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] not-data-[state=checked]:group-hover:border-brand active:scale-90 motion-reduce:active:scale-100 focus-visible:ring-2 focus-visible:ring-ring data-[state=checked]:border-brand disabled:cursor-not-allowed disabled:opacity-55"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(RadioGroupIndicator), { class: "flex data-[state=checked]:animate-[indicator-in_140ms_var(--ease-emphasized)]" }, {
+                      default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                        createElementVNode("span", { class: "size-2 rounded-full bg-brand" }, null, -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["value"]),
+                createTextVNode(" " + toDisplayString(opt.label), 1)
+              ]);
+            }), 128))
+          ])
+        ]),
+        _: 3
+      }, 8, ["model-value", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpScrollArea-CcHul_XS.js

@@ -0,0 +1,67 @@
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createElementVNode, renderSlot, normalizeStyle } from "vue";
+import { ScrollAreaRoot, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb } from "reka-ui";
+const barFade = "data-[state=visible]:animate-[fade-in_180ms_ease] data-[state=hidden]:animate-[fade-out_240ms_ease]";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpScrollArea",
+  props: {
+    fade: { type: Boolean },
+    contentClass: {},
+    barInsetTop: {}
+  },
+  emits: ["scroll"],
+  setup(__props, { expose: __expose }) {
+    const viewportRef = ref(null);
+    const viewportEl = computed(
+      () => viewportRef.value?.viewportElement ?? null
+    );
+    __expose({ viewportEl });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ScrollAreaRoot), {
+        class: "relative overflow-hidden",
+        type: "hover",
+        "scroll-hide-delay": 500
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(ScrollAreaViewport), {
+            ref_key: "viewportRef",
+            ref: viewportRef,
+            class: normalizeClass(["size-full min-w-0 [&>div]:!block [&>div]:!min-w-0", __props.fade ? "[mask-image:linear-gradient(to_bottom,transparent_0,black_14px,black_calc(100%-14px),transparent_100%)]" : ""]),
+            onScrollPassive: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("scroll", $event))
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(__props.contentClass)
+              }, [
+                renderSlot(_ctx.$slots, "default")
+              ], 2)
+            ]),
+            _: 3
+          }, 8, ["class"]),
+          createVNode(unref(ScrollAreaScrollbar), {
+            orientation: "vertical",
+            class: normalizeClass(["group flex w-1 touch-none select-none p-px transition-[width] duration-[var(--duration-fast)] hover:w-1.5", barFade]),
+            style: normalizeStyle(__props.barInsetTop ? { marginTop: __props.barInsetTop } : void 0)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ScrollAreaThumb), { class: "flex-1 rounded-l-pill bg-brand/40 transition-colors group-hover:bg-brand" })
+            ]),
+            _: 1
+          }, 8, ["style"]),
+          createVNode(unref(ScrollAreaScrollbar), {
+            orientation: "horizontal",
+            class: normalizeClass(["group flex h-1 flex-col touch-none select-none p-px transition-[height] duration-[var(--duration-fast)] hover:h-1.5", barFade])
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ScrollAreaThumb), { class: "flex-1 rounded-t-pill bg-brand/40 transition-colors group-hover:bg-brand" })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/chunks/LpSegmented-BmpanyAo.js

@@ -0,0 +1,74 @@
+import { defineComponent, useId, openBlock, createBlock, unref, normalizeClass, withCtx, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString } from "vue";
+import { Motion } from "motion-v";
+import { ToggleGroupRoot, ToggleGroupItem } from "reka-ui";
+import { usePillTransition } from "../composables/usePillTransition.js";
+import { _ as _sfc_main$1 } from "./LpIcon-CCnX5_2j.js";
+const _hoisted_1 = {
+  key: 2,
+  class: "relative z-10"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LpSegmented",
+  props: {
+    modelValue: {},
+    options: {},
+    size: { default: "md" },
+    block: { type: Boolean, default: false },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function onChange(v) {
+      if (typeof v === "string" && v) emit("update:modelValue", v);
+    }
+    const sizeCls = {
+      sm: "h-(--size-control-sm) text-xs",
+      md: "h-(--size-control-md) text-sm"
+    };
+    const pillId = `lp-segmented-${useId()}`;
+    const pillTransition = usePillTransition();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ToggleGroupRoot), {
+        "model-value": __props.modelValue,
+        type: "single",
+        disabled: __props.disabled,
+        rovingFocus: true,
+        class: normalizeClass(["inline-flex items-center gap-1 rounded-control border border-line bg-surface-soft p-1", [sizeCls[__props.size], __props.block ? "flex w-full" : ""]]),
+        "onUpdate:modelValue": onChange
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (opt) => {
+            return openBlock(), createBlock(unref(ToggleGroupItem), {
+              key: opt.value,
+              value: opt.value,
+              "aria-label": opt.label ? void 0 : opt.value,
+              class: normalizeClass(["relative inline-flex h-full items-center justify-center gap-1.5 rounded-md px-3 font-medium outline-none transition-colors duration-[var(--duration-fast)] ease-[var(--ease-emphasized)] focus-visible:ring-2 focus-visible:ring-ring data-[state=on]:text-ink data-[state=off]:text-muted data-[state=off]:hover:text-ink disabled:cursor-not-allowed disabled:opacity-55", __props.block ? "flex-1" : ""])
+            }, {
+              default: withCtx(() => [
+                opt.value === __props.modelValue ? (openBlock(), createBlock(unref(Motion), {
+                  key: 0,
+                  "layout-id": pillId,
+                  transition: unref(pillTransition),
+                  class: "absolute inset-0 z-0 rounded-md border border-line bg-surface-raised shadow-sm"
+                }, null, 8, ["transition"])) : createCommentVNode("", true),
+                opt.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                  key: 1,
+                  name: opt.icon,
+                  size: 14,
+                  class: "relative z-10 shrink-0"
+                }, null, 8, ["name"])) : createCommentVNode("", true),
+                opt.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(opt.label), 1)) : createCommentVNode("", true)
+              ]),
+              _: 2
+            }, 1032, ["value", "aria-label", "class"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["model-value", "disabled", "class"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};