@scalar/components 0.20.9 → 0.20.11

package/dist/components/ScalarSidebar/ScalarSidebarNestedItems.vue.js

@@ -1,126 +0,0 @@
-import { defineComponent as g, mergeModels as u, useModel as h, useTemplateRef as T, ref as x, createElementBlock as f, openBlock as m, normalizeStyle as z, normalizeClass as N, renderSlot as t, createVNode as o, mergeProps as A, unref as r, createSlots as I, withCtx as s, Transition as M, createCommentVNode as P, normalizeProps as R, guardReactiveProps as V, createTextVNode as q, nextTick as p } from "vue";
-import { ScalarIconArrowRight as w, ScalarIconCaretLeft as E } from "@scalar/icons";
-import v from "./ScalarSidebarButton.vue.js";
-import L from "./ScalarSidebarItems.vue.js";
-/* empty css                        */
-import O from "./ScalarSidebarSpacer.vue.js";
-import { findScrollContainer as b } from "./findScrollContainer.js";
-import { useSidebarGroups as j } from "./useSidebarGroups.js";
-import { useSidebarNestedItem as F } from "./useSidebarNestedItems.js";
-const G = {
-  key: 0,
-  class: "absolute inset-0 translate-x-full"
-}, _ = {}, Z = /* @__PURE__ */ g({
-  ..._,
-  inheritAttrs: !1,
-  __name: "ScalarSidebarNestedItems",
-  props: /* @__PURE__ */ u({
-    is: {},
-    icon: { type: [Object, Function] },
-    active: { type: Boolean },
-    selected: { type: Boolean },
-    disabled: { type: Boolean },
-    indent: {},
-    controlled: { type: Boolean },
-    discrete: { type: Boolean }
-  }, {
-    open: { type: Boolean, default: !1 },
-    openModifiers: {}
-  }),
-  emits: /* @__PURE__ */ u(["click", "back"], ["update:open"]),
-  setup(l, { emit: k }) {
-    const c = k, a = h(l, "open");
-    F(a);
-    const { level: y } = j({ reset: !0 }), n = T("el"), i = x(0);
-    function S() {
-      i.value = b(n.value).scrollTop ?? 0, p(
-        () => n.value?.querySelector('button:not([aria-expanded="true"])')?.focus({ preventScroll: !0 })
-      );
-    }
-    function $() {
-      p(() => {
-        n.value?.querySelector("button")?.focus({ preventScroll: !0 }), b(n.value).scrollTop = i.value;
-      });
-    }
-    const C = (e) => {
-      c("click", e), l.controlled || (a.value = !0);
-    }, B = (e) => {
-      c("back", e), l.controlled || (a.value = !1);
-    };
-    return (e, d) => (m(), f("li", {
-      ref_key: "el",
-      ref: n,
-      class: N(["group/item group/nested-items contents", { "group/nested-items-open": a.value }]),
-      style: z({ "--nested-items-offset": `${i.value}px` })
-    }, [
-      t(e.$slots, "button", {}, () => [
-        o(v, A({
-          is: "button",
-          "aria-expanded": a.value,
-          disabled: l.disabled,
-          icon: l.icon,
-          indent: r(y),
-          selected: l.selected
-        }, e.$attrs, { onClick: C }), I({
-          aside: s(() => [
-            t(e.$slots, "aside", {}, () => [
-              o(r(w), { class: "size-4 text-sidebar-c-2" })
-            ])
-          ]),
-          default: s(() => [
-            t(e.$slots, "default")
-          ]),
-          _: 2
-        }, [
-          e.$slots.icon ? {
-            name: "icon",
-            fn: s(() => [
-              t(e.$slots, "icon")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["aria-expanded", "disabled", "icon", "indent", "selected"])
-      ]),
-      o(M, {
-        duration: 300,
-        enterActiveClass: "top-(--nested-items-offset)",
-        leaveActiveClass: "top-(--nested-items-offset)",
-        onEnter: S,
-        onLeave: $
-      }, {
-        default: s(() => [
-          a.value ? (m(), f("div", G, [
-            o(L, R(V(e.$attrs)), {
-              default: s(() => [
-                t(e.$slots, "back", {}, () => [
-                  o(v, {
-                    is: "button",
-                    class: "text-sidebar-c-1 font-sidebar-active hover:text-sidebar-c-1",
-                    onClick: B
-                  }, {
-                    icon: s(() => [
-                      o(r(E), { class: "size-4 -m-px text-sidebar-c-2" })
-                    ]),
-                    default: s(() => [
-                      t(e.$slots, "back-label", {}, () => [
-                        d[0] || (d[0] = q("Back", -1))
-                      ])
-                    ]),
-                    _: 3
-                  })
-                ]),
-                o(O, { class: "h-3" }),
-                t(e.$slots, "items")
-              ]),
-              _: 3
-            }, 16)
-          ])) : P("", !0)
-        ]),
-        _: 3
-      })
-    ], 6));
-  }
-});
-export {
-  Z as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarNestedItems.vue2.js

@@ -1,4 +0,0 @@
-import f from "./ScalarSidebarNestedItems.vue.js";
-export {
-  f as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarSearchButton.vue.js

@@ -1,39 +0,0 @@
-import { defineComponent as l, createElementBlock as s, openBlock as o, mergeProps as c, unref as n, createVNode as i, createElementVNode as r, createCommentVNode as p, renderSlot as a, createTextVNode as u } from "vue";
-import { ScalarIconMagnifyingGlass as m } from "@scalar/icons";
-import { useBindCx as b } from "@scalar/use-hooks/useBindCx";
-const f = { class: "flex-1 text-left leading-none" }, x = {
-  key: 0,
-  class: "uppercase text-sidebar-c-2 leading-none py-1 px-1.25 rounded text-xs font-medium border"
-}, _ = /* @__PURE__ */ l({
-  inheritAttrs: !1,
-  __name: "ScalarSidebarSearchButton",
-  setup(h) {
-    const { cx: d } = b();
-    return (t, e) => (o(), s("button", c(
-      {
-        role: "search",
-        type: "button"
-      },
-      n(d)(
-        "flex items-center rounded border text-base h-8 gap-1 pl-2 pr-1",
-        "bg-sidebar-b-search border-sidebar-border-search text-sidebar-c-search"
-      )
-    ), [
-      i(n(m), { class: "size-4" }),
-      r("span", f, [
-        a(t.$slots, "default", {}, () => [
-          e[0] || (e[0] = u("Search...", -1))
-        ])
-      ]),
-      t.$slots.shortcut ? (o(), s("span", x, [
-        e[1] || (e[1] = r("span", { class: "sr-only" }, "Keyboard Shortcut:", -1)),
-        r("kbd", null, [
-          a(t.$slots, "shortcut")
-        ])
-      ])) : p("", !0)
-    ], 16));
-  }
-});
-export {
-  _ as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarSearchButton.vue2.js

@@ -1,4 +0,0 @@
-import f from "./ScalarSidebarSearchButton.vue.js";
-export {
-  f as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.vue.js

@@ -1,66 +0,0 @@
-import { defineComponent as u, mergeModels as f, ref as m, useModel as b, onMounted as p, createElementBlock as h, openBlock as l, normalizeProps as v, guardReactiveProps as g, unref as a, createVNode as x, withDirectives as k, createBlock as s, createCommentVNode as y, createElementVNode as S, mergeProps as C, vModelText as M, withModifiers as V } from "vue";
-import { ScalarIconMagnifyingGlass as z, ScalarIconX as B } from "@scalar/icons";
-import { useBindCx as A } from "@scalar/use-hooks/useBindCx";
-import w from "../ScalarLoading/ScalarLoading.vue.js";
-import E from "../ScalarIconButton/ScalarIconButton.vue.js";
-const I = ["aria-label"], L = /* @__PURE__ */ u({
-  inheritAttrs: !1,
-  __name: "ScalarSidebarSearchInput",
-  props: /* @__PURE__ */ f({
-    autofocus: { type: Boolean },
-    loader: {},
-    label: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const o = m(null), r = b(e, "modelValue");
-    function n() {
-      r.value = "", o.value && o.value.focus();
-    }
-    const { stylingAttrsCx: c, otherAttrs: i } = A();
-    return p(() => e.autofocus && o.value?.focus()), (N, t) => (l(), h("label", v(g(
-      a(c)(
-        "flex items-center rounded border text-base has-[:focus-visible]:bg-sidebar-b-1 has-[:focus-visible]:outline h-8 gap-1 pl-2 pr-1.5",
-        "bg-sidebar-b-search border-sidebar-border-search",
-        r.value ? "text-sidebar-c-1" : "text-sidebar-c-search"
-      )
-    )), [
-      x(a(z), { class: "text-sidebar-c-search size-4" }),
-      k(S("input", C({
-        ref_key: "inputRef",
-        ref: o
-      }, a(i), {
-        "onUpdate:modelValue": t[0] || (t[0] = (d) => r.value = d),
-        "aria-label": e.label ?? "Enter search query",
-        autocapitalize: "off",
-        autocomplete: "off",
-        autocorrect: "off",
-        class: "flex-1 appearance-none rounded border-none bg-transparent outline-none",
-        placeholder: "Search...",
-        spellcheck: "false",
-        type: "search"
-      }), null, 16, I), [
-        [M, r.value]
-      ]),
-      e.loader && e.loader.isActive ? (l(), s(a(w), {
-        key: 0,
-        class: "mr-3 self-center",
-        loader: e.loader,
-        size: "md"
-      }, null, 8, ["loader"])) : r.value ? (l(), s(a(E), {
-        key: 1,
-        class: "p-0.25 size-4",
-        icon: a(B),
-        label: "Clear Search",
-        weight: "bold",
-        onClick: V(n, ["stop", "prevent"])
-      }, null, 8, ["icon"])) : y("", !0)
-    ], 16));
-  }
-});
-export {
-  L as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.vue2.js

@@ -1,4 +0,0 @@
-import f from "./ScalarSidebarSearchInput.vue.js";
-export {
-  f as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarSection.vue.js

@@ -1,52 +0,0 @@
-import { defineComponent as c, createBlock as d, openBlock as p, resolveDynamicComponent as f, normalizeProps as m, guardReactiveProps as u, unref as e, withCtx as s, createVNode as n, createElementVNode as _, renderSlot as r } from "vue";
-import { useBindCx as b } from "@scalar/use-hooks/useBindCx";
-import x from "./ScalarSidebarButton.vue.js";
-import a from "./ScalarSidebarSpacer.vue.js";
-import { useSidebarGroups as g } from "./useSidebarGroups.js";
-const h = { class: "flex flex-col gap-px" }, y = {}, N = /* @__PURE__ */ c({
-  ...y,
-  inheritAttrs: !1,
-  __name: "ScalarSidebarSection",
-  props: {
-    is: { default: "li" },
-    icon: { type: [Object, Function] },
-    active: { type: Boolean },
-    selected: { type: Boolean },
-    disabled: { type: Boolean },
-    indent: {}
-  },
-  setup(o) {
-    const { level: t } = g({ increment: !1 }), { cx: l } = b();
-    return (i, B) => (p(), d(f(o.is), m(u(e(l)("group/item group/sidebar-section contents"))), {
-      default: s(() => [
-        n(a, {
-          class: "group/spacer-before h-3",
-          indent: e(t)
-        }, null, 8, ["indent"]),
-        n(x, {
-          is: "div",
-          class: "text-sm/4 py-1.75 font-bold",
-          disabled: "",
-          icon: o.icon,
-          indent: e(t)
-        }, {
-          default: s(() => [
-            r(i.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["icon", "indent"]),
-        _("ul", h, [
-          r(i.$slots, "items")
-        ]),
-        n(a, {
-          class: "group/spacer-after h-3",
-          indent: e(t)
-        }, null, 8, ["indent"])
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  N as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarSection.vue3.js

@@ -1,5 +0,0 @@
-import o from "./ScalarSidebarSection.vue.js";
-/* empty css                          */
-export {
-  o as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarSpacer.vue.js

@@ -1,20 +0,0 @@
-import { defineComponent as t, createElementBlock as r, openBlock as a, normalizeProps as o, guardReactiveProps as i, unref as c, createVNode as d } from "vue";
-import { useBindCx as l } from "@scalar/use-hooks/useBindCx";
-import p from "./ScalarSidebarIndent.vue.js";
-const s = {}, S = /* @__PURE__ */ t({
-  ...s,
-  inheritAttrs: !1,
-  __name: "ScalarSidebarSpacer",
-  props: {
-    indent: { default: 0 }
-  },
-  setup(e) {
-    const { cx: n } = l();
-    return (f, m) => (a(), r("div", o(i(c(n)("flex px-2 h-1"))), [
-      d(p, { indent: e.indent }, null, 8, ["indent"])
-    ], 16));
-  }
-});
-export {
-  S as default
-};

package/dist/components/ScalarSidebar/ScalarSidebarSpacer.vue2.js

@@ -1,4 +0,0 @@
-import f from "./ScalarSidebarSpacer.vue.js";
-export {
-  f as default
-};

package/dist/components/ScalarSidebar/findScrollContainer.js

@@ -1,22 +0,0 @@
-function r(o) {
-  const t = window.getComputedStyle(o), [e, n] = t.overflow.split(" ");
-  return {
-    x: t.overflowX || e,
-    y: t.overflowY || n || e
-  };
-}
-function u(o, t = "y") {
-  if (!o)
-    return document.documentElement;
-  let e = o.parentElement;
-  for (; e; ) {
-    const l = r(e)[t];
-    if (l === "auto" || l === "scroll")
-      return e;
-    e = e.parentElement;
-  }
-  return document.documentElement;
-}
-export {
-  u as findScrollContainer
-};

package/dist/components/ScalarSidebar/useSidebarGroups.js

@@ -1,9 +0,0 @@
-import { inject as i, provide as o } from "vue";
-const s = /* @__PURE__ */ Symbol(), c = (r = {}) => {
-  const { increment: t = !1, reset: n = !1 } = r, e = i(s, 0);
-  return n ? o(s, 0) : t && e < 6 ? o(s, e + 1) : o(s, e), { level: e };
-};
-export {
-  s as SIDEBAR_GROUPS_SYMBOL,
-  c as useSidebarGroups
-};

package/dist/components/ScalarSidebar/useSidebarNestedItems.js

@@ -1,17 +0,0 @@
-import { ref as n, computed as r, provide as u, inject as c, onBeforeUnmount as i } from "vue";
-const s = /* @__PURE__ */ Symbol(), l = (t) => {
-  const e = c(s);
-  e && (e.value.push(t), i(() => {
-    e.value = e.value.filter((o) => o !== t);
-  }));
-}, m = () => {
-  const t = n([]), e = r(() => t.value.some((o) => o.value));
-  return u(s, t), {
-    /** Whether or not any nested child items are open */
-    open: e
-  };
-};
-export {
-  l as useSidebarNestedItem,
-  m as useSidebarNestedItems
-};

package/dist/components/ScalarTeleport/ScalarTeleport.vue.js

@@ -1,30 +0,0 @@
-import { defineComponent as a, createBlock as r, openBlock as l, Teleport as s, unref as d, createElementVNode as n, mergeProps as i, renderSlot as c } from "vue";
-import { useTeleport as m } from "./useTeleport.js";
-const p = {}, y = /* @__PURE__ */ a({
-  ...p,
-  inheritAttrs: !1,
-  __name: "ScalarTeleport",
-  props: {
-    to: {},
-    immediate: { type: Boolean },
-    disabled: { type: Boolean }
-  },
-  setup(e) {
-    const o = m();
-    return (t, f) => (l(), r(s, {
-      defer: !e.immediate,
-      disabled: e.disabled,
-      to: e.to || d(o)
-    }, [
-      n("div", i({
-        class: "scalar-app",
-        style: { display: "contents" }
-      }, t.$attrs), [
-        c(t.$slots, "default")
-      ], 16)
-    ], 8, ["defer", "disabled", "to"]));
-  }
-});
-export {
-  y as default
-};

package/dist/components/ScalarTeleport/ScalarTeleport.vue2.js

@@ -1,4 +0,0 @@
-import f from "./ScalarTeleport.vue.js";
-export {
-  f as default
-};

package/dist/components/ScalarTeleport/ScalarTeleportRoot.vue.js

@@ -1,23 +0,0 @@
-import { defineComponent as r, createElementBlock as n, openBlock as s, Fragment as l, renderSlot as a, createElementVNode as c, unref as p } from "vue";
-import { useProvideTeleport as d } from "./useTeleport.js";
-const i = ["id"], _ = {}, k = /* @__PURE__ */ r({
-  ..._,
-  inheritAttrs: !1,
-  __name: "ScalarTeleportRoot",
-  props: {
-    id: {}
-  },
-  setup(e) {
-    const t = d(e.id);
-    return (o, u) => (s(), n(l, null, [
-      a(o.$slots, "default"),
-      c("div", {
-        id: p(t),
-        class: "scalar-teleport-root contents"
-      }, null, 8, i)
-    ], 64));
-  }
-});
-export {
-  k as default
-};

package/dist/components/ScalarTeleport/ScalarTeleportRoot.vue2.js

@@ -1,4 +0,0 @@
-import f from "./ScalarTeleportRoot.vue.js";
-export {
-  f as default
-};

package/dist/components/ScalarTeleport/useTeleport.js

@@ -1,11 +0,0 @@
-import { nanoid as r } from "nanoid";
-import { inject as n, provide as p } from "vue";
-const t = /* @__PURE__ */ Symbol(), i = () => n(t, "body"), d = (e) => {
-  const o = e ?? `scalar-teleport-${r()}`;
-  return p(t, `#${o}`), o;
-};
-export {
-  t as TELEPORT_SYMBOL,
-  d as useProvideTeleport,
-  i as useTeleport
-};

package/dist/components/ScalarTextArea/ScalarTextArea.vue.js

@@ -1,45 +0,0 @@
-import { defineComponent as u, useModel as m, onMounted as f, createBlock as d, openBlock as c, unref as t, mergeProps as l, withCtx as p, withDirectives as x, createElementVNode as _, vModelText as v } from "vue";
-import { useBindCx as g } from "@scalar/use-hooks/useBindCx";
-import { useTextareaAutosize as h } from "@vueuse/core";
-import k from "../ScalarForm/ScalarFormInput.vue.js";
-const A = {}, B = /* @__PURE__ */ u({
-  ...A,
-  inheritAttrs: !1,
-  __name: "ScalarTextArea",
-  props: {
-    modelValue: { default: "" },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(a) {
-    const o = m(a, "modelValue"), { textarea: r } = h({
-      input: o,
-      styleProp: "minHeight"
-    }), { stylingAttrsCx: i, otherAttrs: n } = g();
-    return f(() => {
-      "autofocus" in n.value && r.value?.focus();
-    }), (C, e) => (c(), d(t(k), l(
-      { is: "div" },
-      t(i)(
-        "custom-scroll flex items-start text-c-1 min-h-0 shrink cursor-text leading-snug"
-      ),
-      {
-        onClick: e[1] || (e[1] = (s) => t(r)?.focus())
-      }
-    ), {
-      default: p(() => [
-        x(_("textarea", l({
-          ref_key: "textarea",
-          ref: r,
-          "onUpdate:modelValue": e[0] || (e[0] = (s) => o.value = s)
-        }, t(n), { class: "w-full resize-none border-none bg-transparent text-sm focus-within:outline-none" }), null, 16), [
-          [v, o.value]
-        ])
-      ]),
-      _: 1
-    }, 16));
-  }
-});
-export {
-  B as default
-};

package/dist/components/ScalarTextArea/ScalarTextArea.vue2.js

@@ -1,4 +0,0 @@
-import f from "./ScalarTextArea.vue.js";
-export {
-  f as default
-};

package/dist/components/ScalarTextInput/ScalarTextInput.vue.js

@@ -1,76 +0,0 @@
-import { defineComponent as k, mergeModels as f, useModel as $, ref as w, onMounted as _, createBlock as C, openBlock as o, unref as a, mergeProps as m, withCtx as g, createElementVNode as d, renderSlot as n, createElementBlock as l, createCommentVNode as i, withDirectives as V, vModelDynamic as b, toDisplayString as B } from "vue";
-import { useBindCx as M } from "@scalar/use-hooks/useBindCx";
-import A from "../ScalarForm/ScalarFormInput.vue.js";
-const D = { class: "flex items-center flex-1 relative" }, S = {
-  key: 0,
-  class: "select-none whitespace-nowrap text-transparent"
-}, E = ["aria-readonly", "readonly"], N = {
-  key: 1,
-  class: "absolute flex items-center inset-0 select-none overflow-hidden whitespace-nowrap"
-}, z = {
-  key: 0,
-  class: "text-c-2"
-}, I = { class: "text-transparent" }, P = {
-  key: 1,
-  class: "text-c-2"
-}, T = {}, F = /* @__PURE__ */ k({
-  ...T,
-  inheritAttrs: !1,
-  __name: "ScalarTextInput",
-  props: /* @__PURE__ */ f({
-    readonly: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ f(["click"], ["update:modelValue"]),
-  setup(t, { emit: p }) {
-    const h = p, r = $(t, "modelValue"), s = w(), { stylingAttrsCx: y, otherAttrs: c } = M();
-    _(() => {
-      "autofocus" in c.value && s.value?.focus();
-    });
-    function v(e) {
-      h("click", e), t.readonly ? s.value?.select() : s.value?.focus();
-    }
-    return (e, u) => (o(), C(a(A), m(
-      { is: "div" },
-      a(y)(
-        "cursor-text text-c-1",
-        t.readonly ? "" : "focus-within:bg-b-1"
-      ),
-      { onClick: v }
-    ), {
-      default: g(() => [
-        d("div", D, [
-          e.$slots.prefix ? (o(), l("div", S, [
-            n(e.$slots, "prefix")
-          ])) : i("", !0),
-          V(d("input", m({
-            ref_key: "input",
-            ref: s,
-            "onUpdate:modelValue": u[0] || (u[0] = (x) => r.value = x),
-            "aria-readonly": t.readonly || void 0,
-            class: "z-1 min-w-0 flex-1 rounded-none border-none bg-transparent placeholder:font-[inherit] focus-within:outline-none",
-            readonly: t.readonly
-          }, a(c)), null, 16, E), [
-            [b, r.value]
-          ]),
-          e.$slots.prefix || e.$slots.suffix ? (o(), l("div", N, [
-            e.$slots.prefix ? (o(), l("span", z, [
-              n(e.$slots, "prefix")
-            ])) : i("", !0),
-            d("span", I, B(r.value || e.$attrs.placeholder), 1),
-            e.$slots.suffix ? (o(), l("span", P, [
-              n(e.$slots, "suffix")
-            ])) : i("", !0)
-          ])) : i("", !0)
-        ]),
-        n(e.$slots, "aside")
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  F as default
-};

package/dist/components/ScalarTextInput/ScalarTextInput.vue2.js

@@ -1,4 +0,0 @@
-import f from "./ScalarTextInput.vue.js";
-export {
-  f as default
-};

package/dist/components/ScalarTextInput/ScalarTextInputCopy.vue.js

@@ -1,68 +0,0 @@
-import { defineComponent as c, mergeModels as f, onMounted as v, useModel as p, watch as y, createBlock as $, openBlock as b, unref as d, withCtx as t, createVNode as r, withModifiers as k, createSlots as C, renderSlot as s } from "vue";
-import { useClipboard as V } from "@vueuse/core";
-import M from "./ScalarTextInput.vue.js";
-import B from "../ScalarCopy/ScalarCopyButton.vue.js";
-import g from "../ScalarCopy/ScalarCopyBackdrop.vue.js";
-const w = {}, T = /* @__PURE__ */ c({
-  ...w,
-  __name: "ScalarTextInputCopy",
-  props: /* @__PURE__ */ f({
-    duration: { default: 1500 },
-    editable: { type: Boolean },
-    immediate: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {},
-    copied: { type: Boolean, default: !1 },
-    copiedModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:copied"],
-  setup(a) {
-    v(() => {
-      a.immediate && e.value && i(e.value);
-    });
-    const e = p(a, "modelValue"), u = p(a, "copied"), { copy: i, copied: m } = V({
-      legacy: !0,
-      copiedDuring: a.duration
-    });
-    return y(m, (o) => u.value = o), (o, l) => (b(), $(M, {
-      modelValue: e.value,
-      "onUpdate:modelValue": l[1] || (l[1] = (n) => e.value = n),
-      readonly: !a.editable,
-      onClick: l[2] || (l[2] = (n) => e.value && d(i)(e.value))
-    }, {
-      aside: t(() => [
-        r(d(B), {
-          class: "z-1",
-          copied: u.value || d(m),
-          placement: "left",
-          onClick: l[0] || (l[0] = k((n) => e.value && d(i)(e.value), ["stop"]))
-        }, C({
-          backdrop: t(() => [
-            r(d(g), { class: "bg-b-1.5" })
-          ]),
-          _: 2
-        }, [
-          o.$slots.copy ? {
-            name: "copy",
-            fn: t(() => [
-              s(o.$slots, "copy")
-            ]),
-            key: "0"
-          } : void 0,
-          o.$slots.copied ? {
-            name: "copied",
-            fn: t(() => [
-              s(o.$slots, "copied")
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1032, ["copied"])
-      ]),
-      _: 3
-    }, 8, ["modelValue", "readonly"]));
-  }
-});
-export {
-  T as default
-};