@synopackageland/ui 0.25.21 → 0.25.22

package/dist/modules/components/composite/comment-item/PersonInitials2.vue.js

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

package/dist/modules/components/composite/completion-toggle/CompletionToggle.vue.js

@@ -0,0 +1,62 @@
+import { defineComponent as u, ref as c, watch as m, openBlock as f, createElementBlock as p, withModifiers as b, unref as h, createElementVNode as t } from "vue";
+import { useUiText as g } from "../../../i18n/text.js";
+const k = ["aria-checked", "aria-label", "aria-busy", "aria-invalid", "disabled", "data-state", "data-animate", "data-error"], V = /* @__PURE__ */ u({
+  __name: "CompletionToggle",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    pending: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    label: { default: void 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: n }) {
+    const a = e, o = n, d = g(), i = c(!1);
+    m(() => a.modelValue, (l) => {
+      i.value = l;
+    });
+    function s() {
+      a.disabled || a.pending || (o("update:modelValue", !a.modelValue), o("change", !a.modelValue));
+    }
+    return (l, r) => (f(), p("button", {
+      type: "button",
+      role: "checkbox",
+      "aria-checked": e.modelValue ? "true" : "false",
+      "aria-label": e.label ?? h(d)("Done"),
+      "aria-busy": e.pending ? "true" : void 0,
+      "aria-invalid": e.error ? "true" : void 0,
+      disabled: e.disabled,
+      "data-state": e.modelValue ? "done" : "idle",
+      "data-animate": i.value ? "" : void 0,
+      "data-error": e.error ? "" : void 0,
+      class: "ui-completion-toggle inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 outline-none [-webkit-tap-highlight-color:transparent] focus-visible:shadow-[var(--ui-shadow-focus)] disabled:cursor-default disabled:opacity-40 aria-busy:cursor-progress [@media(pointer:coarse)]:size-11",
+      "data-ui-completion-toggle": "",
+      "data-syno-pkg-land-ui": "",
+      onClick: b(s, ["stop"])
+    }, [...r[0] || (r[0] = [
+      t("span", {
+        class: "ui-completion-circle",
+        "aria-hidden": "true"
+      }, [
+        t("svg", {
+          width: "12",
+          height: "12",
+          viewBox: "0 0 12 12",
+          fill: "none"
+        }, [
+          t("path", {
+            class: "ui-completion-check",
+            d: "M2.5 6.2 5 8.6l4.5-5",
+            stroke: "currentColor",
+            "stroke-width": "1.75",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          })
+        ])
+      ], -1)
+    ])], 8, k));
+  }
+});
+export {
+  V as default
+};

package/dist/modules/components/composite/completion-toggle/CompletionToggle2.vue.js

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

package/dist/modules/components/composite/config-provider/ConfigProvider.vue.js

@@ -0,0 +1,20 @@
+import { defineComponent as a, provide as c, computed as s, renderSlot as f } from "vue";
+import { useUiLocale as l, UI_LOCALE_KEY as p } from "../../../i18n/locale.js";
+import { useConfigLayer as m, mergeConfigRecord as d, provideConfigLayer as u } from "../../../composables/configCascade.js";
+const v = /* @__PURE__ */ a({
+  inheritAttrs: !1,
+  __name: "ConfigProvider",
+  props: {
+    config: { default: () => ({}) },
+    locale: {}
+  },
+  setup(o) {
+    const e = o, r = l(() => e.locale);
+    c(p, r);
+    const t = m(), n = s(() => d(t.value, e.config));
+    return u(n), (i, g) => f(i.$slots, "default");
+  }
+});
+export {
+  v as default
+};

package/dist/modules/components/composite/config-provider/ConfigProvider2.vue.js

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

package/dist/modules/components/composite/connection-topology/ConnectionTopology.vue.js

@@ -0,0 +1,253 @@
+import { defineComponent as et, computed as h, useTemplateRef as ot, watch as at, nextTick as nt, onBeforeUnmount as it, openBlock as l, createElementBlock as s, normalizeStyle as O, unref as m, createElementVNode as g, createVNode as u, toDisplayString as x, createCommentVNode as j, Fragment as S, renderList as F, createBlock as z, resolveDynamicComponent as lt, withCtx as w, createSlots as W, renderSlot as $ } from "vue";
+import { useElementWidth as st } from "../../../composables/elementWidth.js";
+import { useLocalizedDefaults as rt, useUiText as dt } from "../../../i18n/text.js";
+import N from "./TopologyLink.vue.js";
+import v from "./TopologyNode.vue.js";
+const ct = ["aria-label", "data-compact", "data-dense", "data-cards", "data-columns"], ut = { class: "ui-topology-lanes" }, ft = {
+  key: 0,
+  class: "ui-topology-lane",
+  "data-topology-empty": ""
+}, mt = { class: "ui-topology-row" }, pt = {
+  class: "ui-topology-caption",
+  "aria-hidden": "true"
+}, yt = ["data-lane-id"], gt = {
+  key: 1,
+  class: "ui-topology-junction",
+  "data-topology-junction": "",
+  "data-slot": "via",
+  "aria-hidden": "true"
+}, vt = ["data-caption-start", "data-caption-end"], kt = { "data-topology-text": "" }, bt = {
+  key: 3,
+  class: "ui-topology-caption ui-topology-caption-links",
+  "aria-hidden": "true"
+}, ht = ["data-link-caption"], wt = {
+  key: 0,
+  class: "ui-topology-footer"
+}, Ft = /* @__PURE__ */ et({
+  __name: "ConnectionTopology",
+  props: {
+    target: {},
+    lanes: {},
+    ariaLabel: {},
+    compact: { type: Boolean, default: !1 },
+    selectable: { type: Boolean, default: !0 },
+    emptyLabel: {},
+    selectedLane: { default: void 0 },
+    text: {},
+    labelLines: {},
+    cards: { type: Boolean, default: !1 },
+    layout: { default: "stacked" }
+  },
+  emits: ["select-lane"],
+  setup(i, { emit: U }) {
+    const n = rt(i, { emptyLabel: "No connections" }), H = U, f = dt(), B = h(() => ({
+      active: f("Connected"),
+      pending: f("Connecting"),
+      attention: f("Needs attention"),
+      error: f("Failed"),
+      idle: f("Not set up"),
+      unknown: f("Unknown"),
+      ...n.text
+    })), P = (e) => e.label || B.value[e.state], k = (e) => e.label ?? B.value[e.state], V = (e) => `${[e.source, e.via, n.target].filter((o) => o).map((o) => o.label).join(", ")}: ${e.links.map(P).join(", ")}`;
+    function K(e) {
+      const o = e.links.map((t) => k(t));
+      if (!e.via) {
+        const t = [...new Set(o.filter((a) => a))];
+        if (t.length === 1) return [{ key: "path", text: t[0], from: 2, to: 4 }];
+      }
+      return o.flatMap((t, a) => t ? [{ key: String(a), text: t, from: a ? 4 : 2, to: a ? 4 : 2 }] : []);
+    }
+    const D = (e) => n.cards && !e.via && e.links[0].state === e.links[1].state && !e.links[0].icon && !e.links[1].icon, q = (e) => n.selectedLane !== void 0 && String(e.id) === String(n.selectedLane), p = ot("root"), d = st(p), y = h(() => n.cards || n.compact || d.value > 0 && d.value < 640), G = h(() => n.cards && n.layout === "columns" && (d.value === 0 || d.value >= 560)), I = h(() => !n.cards && y.value && d.value > 0 && d.value < 240), A = ["", "words", "all"], J = (e) => A.indexOf(e.getAttribute("data-wrap") ?? "");
+    function Q(e, o) {
+      o ? e.setAttribute("data-wrap", A[o]) : e.removeAttribute("data-wrap");
+    }
+    function E(e) {
+      if (e.scrollWidth > e.clientWidth + 1) return !1;
+      const o = [...e.querySelectorAll(":scope > .ui-topology-node")].filter((t) => t.getClientRects().length).map((t) => t.getBoundingClientRect());
+      return o.every((t) => t.top < o[0].bottom - 1 && t.bottom > o[0].top + 1);
+    }
+    const M = () => [...p.value?.querySelectorAll(".ui-topology-row") ?? []];
+    function R() {
+      const e = M();
+      if (e.forEach((o) => o.removeAttribute("data-wrap")), !(!y.value || n.cards)) {
+        for (const o of ["words", "all"])
+          e.filter((a) => a.getAttribute("data-wrap") !== "all" && !E(a)).forEach((a) => a.setAttribute("data-wrap", o));
+        C = /* @__PURE__ */ new WeakMap(), T();
+      }
+    }
+    let b, r = 0, L = !1, C = /* @__PURE__ */ new WeakMap();
+    function X(e) {
+      r && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
+        r = requestAnimationFrame(() => {
+          r = 0, e();
+        });
+      });
+    }
+    function T() {
+      L = !0, X(() => {
+        let e = !1;
+        for (const o of M()) {
+          const t = J(o), a = C.get(o) ?? /* @__PURE__ */ new Set();
+          C.set(o, a);
+          let c = t;
+          E(o) ? t > 0 && !a.has(t - 1) && (c = t - 1) : (a.add(t), c = Math.min(t + 1, A.length - 1)), c !== t && (Q(o, c), e = !0);
+        }
+        e ? T() : L = !1;
+      });
+    }
+    function Y() {
+      !L && !r && (r = requestAnimationFrame(() => {
+        r = 0, R();
+      }));
+    }
+    function Z() {
+      b?.disconnect(), !(!y.value || n.cards || typeof ResizeObserver > "u") && (b ??= new ResizeObserver(Y), p.value?.querySelectorAll(".ui-topology-row > .ui-topology-node").forEach((e) => b.observe(e)));
+    }
+    at([y, d, () => n.lanes], () => nt(() => {
+      R(), Z();
+    }), { deep: !0 }), it(() => {
+      b?.disconnect(), r && cancelAnimationFrame(r);
+    });
+    function _(e) {
+      const o = e.target?.closest?.("[data-topology-text]");
+      if (!o) return;
+      o.scrollHeight > o.clientHeight + 1 || o.scrollWidth > o.clientWidth + 1 ? o.title = o.textContent ?? "" : o.removeAttribute("title");
+    }
+    function tt(e) {
+      const o = [...p.value?.querySelectorAll("[data-topology-row]:not(:disabled)") ?? []], t = o.indexOf(e.currentTarget), a = { ArrowDown: t + 1, ArrowUp: t - 1, Home: 0, End: o.length - 1 }[e.key];
+      a !== void 0 && (e.preventDefault(), o[Math.min(Math.max(a, 0), o.length - 1)]?.focus());
+    }
+    return (e, o) => (l(), s("div", {
+      ref_key: "root",
+      ref: p,
+      class: "ui-topology",
+      role: "group",
+      "aria-label": i.ariaLabel,
+      "data-compact": y.value ? "" : void 0,
+      "data-dense": I.value ? "" : void 0,
+      "data-cards": m(n).cards ? "" : void 0,
+      "data-columns": G.value ? "" : void 0,
+      style: O(m(n).labelLines ? { "--ui-topology-label-lines": m(n).labelLines } : void 0),
+      "data-syno-pkg-land-ui": "",
+      onPointerover: _
+    }, [
+      g("ul", ut, [
+        i.lanes.length ? j("", !0) : (l(), s("li", ft, [
+          g("div", mt, [
+            u(N, {
+              link: { state: "idle" },
+              text: m(n).emptyLabel
+            }, null, 8, ["text"]),
+            g("span", pt, [
+              g("span", null, x(m(n).emptyLabel), 1)
+            ]),
+            u(v, {
+              class: "ui-topology-target-stub",
+              node: i.target
+            }, null, 8, ["node"])
+          ])
+        ])),
+        (l(!0), s(S, null, F(i.lanes, (t) => (l(), s("li", {
+          key: t.id,
+          class: "ui-topology-lane",
+          "data-lane-id": t.id
+        }, [
+          (l(), z(lt(i.selectable ? "button" : "div"), {
+            class: "ui-topology-row",
+            "data-topology-row": "",
+            type: i.selectable ? "button" : void 0,
+            disabled: i.selectable && t.disabled ? !0 : void 0,
+            "aria-label": i.selectable ? V(t) : void 0,
+            "aria-pressed": i.selectable && q(t) ? "true" : void 0,
+            "data-selected": q(t) ? "true" : void 0,
+            "data-direct": t.via ? void 0 : "",
+            onClick: (a) => i.selectable && H("select-lane", t.id),
+            onKeydown: o[0] || (o[0] = (a) => i.selectable && tt(a))
+          }, {
+            default: w(() => [
+              u(v, {
+                node: t.source,
+                "data-slot": "source"
+              }, W({ _: 2 }, [
+                e.$slots[`node-${t.source.id}`] ? {
+                  name: "default",
+                  fn: w(({ node: a }) => [
+                    $(e.$slots, `node-${t.source.id}`, { node: a })
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["node"]),
+              u(N, {
+                link: t.links[0],
+                text: k(t.links[0]),
+                "data-slot": "link-0",
+                "data-twin": D(t) ? "first" : void 0
+              }, null, 8, ["link", "text", "data-twin"]),
+              t.via ? (l(), z(v, {
+                key: 0,
+                node: t.via,
+                "data-slot": "via"
+              }, W({ _: 2 }, [
+                e.$slots[`node-${t.via.id}`] ? {
+                  name: "default",
+                  fn: w(({ node: a }) => [
+                    $(e.$slots, `node-${t.via.id}`, { node: a })
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["node"])) : (l(), s("span", gt)),
+              u(N, {
+                link: t.links[1],
+                text: k(t.links[1]),
+                "data-slot": "link-1",
+                "data-twin": D(t) ? "second" : void 0
+              }, null, 8, ["link", "text", "data-twin"]),
+              u(v, {
+                class: "ui-topology-target-stub",
+                node: i.target,
+                "data-slot": "target",
+                "aria-hidden": "true"
+              }, null, 8, ["node"]),
+              m(n).cards ? (l(!0), s(S, { key: 2 }, F(K(t), (a) => (l(), s("span", {
+                key: a.key,
+                class: "ui-topology-card-caption",
+                "data-card-caption": "",
+                "data-caption-start": a.from,
+                "data-caption-end": a.to,
+                style: O({ gridColumn: `${a.from} / ${a.to + 1}` }),
+                "aria-hidden": "true"
+              }, [
+                g("span", kt, x(a.text), 1)
+              ], 12, vt))), 128)) : (l(), s("span", bt, [
+                (l(!0), s(S, null, F(t.links, (a, c) => (l(), s("span", {
+                  key: c,
+                  "data-link-caption": c
+                }, x(k(a)), 9, ht))), 128))
+              ]))
+            ]),
+            _: 2
+          }, 1064, ["type", "disabled", "aria-label", "aria-pressed", "data-selected", "data-direct", "onClick"])),
+          e.$slots[`lane-footer-${t.id}`] ? (l(), s("div", wt, [
+            $(e.$slots, `lane-footer-${t.id}`, { lane: t })
+          ])) : j("", !0)
+        ], 8, yt))), 128))
+      ]),
+      u(v, {
+        class: "ui-topology-target",
+        node: i.target,
+        "data-topology-target": ""
+      }, W({ _: 2 }, [
+        e.$slots[`node-${i.target.id}`] ? {
+          name: "default",
+          fn: w(({ node: t }) => [
+            $(e.$slots, `node-${i.target.id}`, { node: t })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["node"])
+    ], 44, ct));
+  }
+});
+export {
+  Ft as default
+};

package/dist/modules/components/composite/connection-topology/ConnectionTopology2.vue.js

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

package/dist/modules/components/composite/connection-topology/TopologyLink.vue.js

@@ -0,0 +1,70 @@
+import { defineComponent as r, computed as k, openBlock as e, createElementBlock as o, createElementVNode as u, createCommentVNode as n, createBlock as s, unref as d, createVNode as y, resolveDynamicComponent as g, toDisplayString as p } from "vue";
+import { CircleQuestionMark as h, X as m, TriangleAlert as f, Check as x, ChevronRight as v } from "@lucide/vue";
+import C from "../../primitives/status-dot/StatusDot.vue.js";
+const w = ["data-link-state"], B = {
+  class: "ui-topology-line",
+  "aria-hidden": "true",
+  focusable: "false"
+}, N = {
+  key: 0,
+  class: "ui-topology-flow",
+  x1: "0",
+  y1: "50%",
+  x2: "100%",
+  y2: "50%"
+}, V = {
+  key: 1,
+  class: "ui-topology-glyph",
+  "data-link-glyph": "",
+  "aria-hidden": "true"
+}, b = {
+  key: 2,
+  class: "ui-topology-glyph",
+  "data-link-glyph": "",
+  "aria-hidden": "true"
+}, D = {
+  key: 3,
+  class: "ui-topology-link-label",
+  "data-topology-text": ""
+}, L = /* @__PURE__ */ r({
+  __name: "TopologyLink",
+  props: {
+    link: {},
+    text: {}
+  },
+  setup(t) {
+    const i = t, c = { active: x, attention: f, error: m, unknown: h }, a = k(() => i.link.icon ?? c[i.link.state]);
+    return (E, l) => (e(), o("span", {
+      class: "ui-topology-link",
+      "data-link-state": t.link.state
+    }, [
+      (e(), o("svg", B, [
+        l[0] || (l[0] = u("line", {
+          class: "ui-topology-track",
+          x1: "0",
+          y1: "50%",
+          x2: "100%",
+          y2: "50%"
+        }, null, -1)),
+        t.link.state === "active" || t.link.state === "pending" ? (e(), o("line", N)) : n("", !0)
+      ])),
+      t.link.state === "active" ? (e(), s(d(v), {
+        key: 0,
+        class: "ui-topology-arrow",
+        "aria-hidden": "true"
+      })) : n("", !0),
+      t.link.state === "pending" && !t.link.icon ? (e(), o("span", V, [
+        y(C, {
+          tone: "warning",
+          pulse: ""
+        })
+      ])) : a.value ? (e(), o("span", b, [
+        (e(), s(g(a.value), { "stroke-width": 3 }))
+      ])) : n("", !0),
+      t.text ? (e(), o("span", D, p(t.text), 1)) : n("", !0)
+    ], 8, w));
+  }
+});
+export {
+  L as default
+};

package/dist/modules/components/composite/connection-topology/TopologyLink2.vue.js

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

package/dist/modules/components/composite/connection-topology/TopologyNode.vue.js

@@ -0,0 +1,44 @@
+import { defineComponent as h, computed as r, openBlock as o, createElementBlock as e, renderSlot as k, createBlock as _, resolveDynamicComponent as b, createCommentVNode as a, createElementVNode as i, Fragment as l, renderList as u, createTextVNode as p, toDisplayString as y } from "vue";
+const f = { class: "ui-topology-node" }, v = { class: "ui-topology-node-text" }, N = ["data-topology-host"], w = { key: 0 }, x = {
+  key: 0,
+  class: "ui-topology-node-caption",
+  "data-topology-text": ""
+}, B = { key: 0 }, D = /* @__PURE__ */ h({
+  __name: "TopologyNode",
+  props: {
+    node: {}
+  },
+  setup(t) {
+    const c = t, g = r(() => c.node.caption?.split(new RegExp("(?<=[.-])")) ?? []), d = r(() => c.node.label.split(new RegExp("(?<=\\.)(?=\\w)")));
+    return (m, C) => (o(), e("span", f, [
+      k(m.$slots, "default", { node: t.node }, () => [
+        t.node.icon ? (o(), _(b(t.node.icon), {
+          key: 0,
+          class: "ui-topology-node-icon",
+          "aria-hidden": "true"
+        })) : a("", !0),
+        i("span", v, [
+          i("span", {
+            class: "ui-topology-node-label",
+            "data-topology-text": "",
+            "data-topology-host": d.value.length > 1 ? "" : void 0
+          }, [
+            (o(!0), e(l, null, u(d.value, (s, n) => (o(), e(l, { key: n }, [
+              n ? (o(), e("wbr", w)) : a("", !0),
+              p(y(s), 1)
+            ], 64))), 128))
+          ], 8, N),
+          t.node.caption ? (o(), e("span", x, [
+            (o(!0), e(l, null, u(g.value, (s, n) => (o(), e(l, { key: n }, [
+              n ? (o(), e("wbr", B)) : a("", !0),
+              p(y(s), 1)
+            ], 64))), 128))
+          ])) : a("", !0)
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  D as default
+};

package/dist/modules/components/composite/connection-topology/TopologyNode2.vue.js

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

package/dist/modules/components/composite/copy-button/CopyButton.vue.js

@@ -0,0 +1,112 @@
+import { defineComponent as g, computed as f, ref as x, onBeforeUnmount as E, openBlock as l, createElementBlock as v, createBlock as d, mergeProps as C, withCtx as w, resolveDynamicComponent as z, createTextVNode as S, toDisplayString as T, createElementVNode as D, nextTick as L } from "vue";
+import { Check as M, X as N, Copy as U } from "@lucide/vue";
+import V from "../../primitives/button/Button.vue.js";
+import A from "../../primitives/button/IconButton.vue.js";
+import { writeClipboard as H } from "../../../lib/clipboard.js";
+import { useUiText as K } from "../../../i18n/text.js";
+const O = {
+  class: "inline-flex shrink-0 align-middle",
+  "data-ui-copy-button": ""
+}, P = {
+  class: "sr-only",
+  role: "status",
+  "aria-live": "polite",
+  "data-copy-announcement": ""
+}, X = 1800, j = 400, R = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "CopyButton",
+  props: {
+    text: {},
+    label: { default: void 0 },
+    words: { default: void 0 },
+    icon: { default: void 0 },
+    labelled: { type: Boolean, default: !1 },
+    variant: { default: "ghost" },
+    size: { default: "sm" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["copied", "failed"],
+  setup(i, { emit: h }) {
+    const o = i, p = h, c = K(), m = f(() => o.label ?? c("Copy")), e = x(), n = x(""), y = f(() => e.value === "copied" ? M : e.value === "failed" ? N : o.icon ?? U), b = f(() => e.value === "copied" || e.value === "failed" ? e.value : "idle");
+    let u = !1, r = !1, s;
+    async function k() {
+      if (!(u || o.disabled)) {
+        u = !0;
+        try {
+          const t = typeof o.text == "function" ? await o.text() : o.text;
+          if (t === void 0 || r) return;
+          const a = await H(t);
+          if (r) return;
+          B(a ? "copied" : "failed"), p(a ? "copied" : "failed", t);
+        } finally {
+          u = !1;
+        }
+      }
+    }
+    function B(t) {
+      clearTimeout(s), e.value = t, n.value = "";
+      const a = t === "copied" ? o.words?.copied ?? c("Copied") : o.words?.failed ?? c("Couldn't copy");
+      L(() => {
+        e.value === t && (n.value = a);
+      }), s = setTimeout(() => {
+        e.value = "settling", n.value = "", s = setTimeout(() => {
+          e.value = void 0;
+        }, j);
+      }, X);
+    }
+    return E(() => {
+      r = !0, clearTimeout(s);
+    }), (t, a) => (l(), v("span", O, [
+      i.labelled ? (l(), d(V, C({ key: 0 }, t.$attrs, {
+        class: "ui-copy-button",
+        variant: i.variant,
+        size: i.size,
+        disabled: i.disabled,
+        "data-copy-state": e.value,
+        onClick: a[0] || (a[0] = ($) => {
+          k();
+        })
+      }), {
+        default: w(() => [
+          (l(), v("span", {
+            key: b.value,
+            class: "inline-flex",
+            "data-copy-icon": "",
+            "data-icon": "",
+            "aria-hidden": "true"
+          }, [
+            (l(), d(z(y.value), { class: "size-4" }))
+          ])),
+          S(T(m.value), 1)
+        ]),
+        _: 1
+      }, 16, ["variant", "size", "disabled", "data-copy-state"])) : (l(), d(A, C({ key: 1 }, t.$attrs, {
+        class: "ui-copy-button",
+        label: m.value,
+        variant: i.variant,
+        size: i.size,
+        disabled: i.disabled,
+        "data-copy-state": e.value,
+        onClick: a[1] || (a[1] = ($) => {
+          k();
+        })
+      }), {
+        default: w(() => [
+          (l(), v("span", {
+            key: b.value,
+            class: "inline-flex",
+            "data-copy-icon": "",
+            "aria-hidden": "true"
+          }, [
+            (l(), d(z(y.value), { class: "size-4" }))
+          ]))
+        ]),
+        _: 1
+      }, 16, ["label", "variant", "size", "disabled", "data-copy-state"])),
+      D("span", P, T(n.value), 1)
+    ]));
+  }
+});
+export {
+  R as default
+};

package/dist/modules/components/composite/copy-button/CopyButton2.vue.js

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