@leodamours/ds-components 0.1.0

package/dist/index.js

@@ -0,0 +1,3015 @@
+import { defineComponent as V, ref as j, watch as we, computed as k, openBlock as g, createElementBlock as v, normalizeClass as T, toDisplayString as B, createCommentVNode as D, renderSlot as N, createTextVNode as X, createBlock as I, resolveDynamicComponent as $e, normalizeStyle as he, createElementVNode as $, shallowRef as kt, getCurrentScope as Ft, onScopeDispose as Ct, shallowReadonly as be, unref as R, mergeProps as de, createVNode as ne, withCtx as Re, Teleport as Oe, withModifiers as $t, Fragment as se, renderList as re, nextTick as je, withKeys as st, onBeforeUnmount as rt, Transition as at, onMounted as Dt, TransitionGroup as Et } from "vue";
+const At = ["aria-label"], Bt = ["src", "alt"], Qo = /* @__PURE__ */ V({
+  __name: "DsAvatar",
+  props: {
+    src: {},
+    alt: {},
+    name: {},
+    size: { default: "md" },
+    variant: { default: "brand" }
+  },
+  setup(e) {
+    const t = e, n = j(!1);
+    we(() => t.src, () => {
+      n.value = !1;
+    });
+    const o = k(() => t.name ? t.name.split(" ").map((a) => a[0]).slice(0, 2).join("").toUpperCase() : "?"), s = k(() => [
+      "inline-flex",
+      "items-center",
+      "justify-center",
+      "rounded-full",
+      "overflow-hidden",
+      "shrink-0",
+      {
+        sm: "w-6 h-6 text-xs",
+        md: "w-8 h-8 text-sm",
+        lg: "w-10 h-10 text-base",
+        xl: "w-12 h-12 text-lg"
+      }[t.size]
+    ].join(" ")), r = k(() => [
+      "w-full",
+      "h-full",
+      "flex",
+      "items-center",
+      "justify-center",
+      "font-medium",
+      "select-none",
+      {
+        brand: "bg-brand-soft text-brand-on-soft",
+        neutral: "bg-neutral-soft text-neutral-on-soft"
+      }[t.variant]
+    ].join(" "));
+    return (a, l) => (g(), v("span", {
+      class: T(s.value),
+      role: "img",
+      "aria-label": e.alt || e.name
+    }, [
+      e.src && !n.value ? (g(), v("img", {
+        key: 0,
+        src: e.src,
+        alt: e.alt || e.name || "",
+        class: "w-full h-full object-cover rounded-full",
+        onError: l[0] || (l[0] = (i) => n.value = !0)
+      }, null, 40, Bt)) : (g(), v("span", {
+        key: 1,
+        class: T(r.value),
+        "aria-hidden": "true"
+      }, B(o.value), 3))
+    ], 10, At));
+  }
+}), Zo = /* @__PURE__ */ V({
+  __name: "DsBadge",
+  props: {
+    label: {},
+    variant: { default: "neutral" },
+    size: { default: "md" },
+    dot: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, n = k(() => {
+      const s = [
+        "inline-flex",
+        "items-center",
+        "font-medium",
+        "rounded-full",
+        "whitespace-nowrap"
+      ], r = t.dot ? { sm: "px-1.5 py-0.5", md: "px-2 py-0.5", lg: "px-2.5 py-1" } : { sm: "px-1.5 py-0.5 text-xs", md: "px-2 py-0.5 text-xs", lg: "px-2.5 py-1 text-sm" }, a = {
+        brand: "bg-brand-soft text-brand-on-soft",
+        neutral: "bg-neutral-soft text-neutral-on-soft",
+        error: "bg-error-soft text-error-on-soft",
+        success: "bg-success-soft text-success-on-soft",
+        warning: "bg-warning-soft text-warning-on-soft",
+        info: "bg-info-soft text-info-on-soft",
+        processing: "bg-processing-soft text-processing-on-soft"
+      };
+      return [
+        ...s,
+        r[t.size],
+        a[t.variant]
+      ].join(" ");
+    }), o = k(() => {
+      const s = { sm: "w-1.5 h-1.5", md: "w-2 h-2", lg: "w-2.5 h-2.5" }, r = {
+        brand: "bg-brand",
+        neutral: "bg-neutral",
+        error: "bg-error",
+        success: "bg-success",
+        warning: "bg-warning",
+        info: "bg-info",
+        processing: "bg-processing"
+      };
+      return ["inline-block", "rounded-full", s[t.size], r[t.variant]].join(" ");
+    });
+    return (s, r) => (g(), v("span", {
+      class: T(n.value)
+    }, [
+      e.dot ? (g(), v("span", {
+        key: 0,
+        class: T(o.value),
+        "aria-hidden": "true"
+      }, null, 2)) : D("", !0),
+      e.dot ? D("", !0) : N(s.$slots, "default", { key: 1 }, () => [
+        X(B(e.label), 1)
+      ])
+    ], 2));
+  }
+}), Tt = ["type", "disabled", "aria-label", "aria-busy"], Rt = { key: 1 }, Ot = /* @__PURE__ */ V({
+  __name: "DsButton",
+  props: {
+    label: {},
+    variant: { default: "primary" },
+    size: { default: "medium" },
+    htmlType: { default: "button" },
+    disabled: { type: Boolean, default: !1 },
+    iconLeft: {},
+    iconRight: {},
+    fullWidth: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    ariaLabel: {}
+  },
+  emits: ["click"],
+  setup(e) {
+    const t = e, n = k(() => {
+      const s = [
+        "inline-flex",
+        "items-center",
+        "justify-center",
+        "font-sans",
+        "font-medium",
+        "rounded-lg",
+        "transition-colors",
+        "focus-visible:outline-none",
+        "focus-visible:ring-2",
+        "focus-visible:ring-brand",
+        "focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed",
+        "disabled:opacity-95",
+        "border-solid"
+      ], r = {
+        small: ["px-3", "py-1.5", "text-xs"],
+        medium: ["px-4", "py-2", "text-sm"],
+        large: ["px-6", "py-3", "text-base"]
+      }, a = {
+        primary: [
+          "bg-brand",
+          "text-brand-on-solid",
+          "border",
+          "border-brand-active",
+          "hover:bg-brand-hover",
+          "active:bg-brand-active",
+          "disabled:bg-brand-disabled"
+        ],
+        secondary: [
+          "bg-neutral-soft",
+          "text-neutral-on-soft",
+          "border",
+          "border-neutral-border-strong",
+          "hover:bg-neutral-soft-hover",
+          "active:bg-neutral-soft-active"
+        ],
+        outline: [
+          "bg-transparent",
+          "text-brand",
+          "border",
+          "border-brand",
+          "hover:bg-brand-soft",
+          "active:bg-brand-soft-hover"
+        ],
+        ghost: [
+          "bg-transparent",
+          "text-fg-secondary",
+          "border",
+          "border-transparent",
+          "hover:text-fg",
+          "hover:bg-surface-hover-light"
+        ],
+        success: [
+          "bg-success",
+          "text-success-on-solid",
+          "border",
+          "border-success-border-strong",
+          "hover:bg-success-hover"
+        ],
+        danger: [
+          "bg-error",
+          "text-error-on-solid",
+          "border",
+          "border-error-border-strong",
+          "hover:bg-error-hover",
+          "active:bg-error-active"
+        ]
+      }, l = t.fullWidth ? ["w-full"] : [];
+      return [
+        ...s,
+        ...r[t.size],
+        ...a[t.variant],
+        ...l
+      ].join(" ");
+    }), o = k(() => ({
+      small: "w-3 h-3",
+      medium: "w-4 h-4",
+      large: "w-5 h-5"
+    })[t.size]);
+    return (s, r) => (g(), v("button", {
+      type: e.htmlType,
+      disabled: e.disabled || e.loading,
+      "aria-label": e.ariaLabel,
+      "aria-busy": e.loading ? "true" : void 0,
+      class: T(n.value),
+      onClick: r[0] || (r[0] = (a) => s.$emit("click", a))
+    }, [
+      e.iconLeft ? (g(), I($e(e.iconLeft), {
+        key: 0,
+        class: T(o.value),
+        style: he(e.label || s.$slots.default ? "margin-right: 0.375rem" : ""),
+        "aria-hidden": "true"
+      }, null, 8, ["class", "style"])) : D("", !0),
+      e.label ? (g(), v("span", Rt, B(e.label), 1)) : N(s.$slots, "default", { key: 2 }),
+      e.iconRight ? (g(), I($e(e.iconRight), {
+        key: 3,
+        class: T(o.value),
+        style: he(e.label || s.$slots.default ? "margin-left: 0.375rem" : ""),
+        "aria-hidden": "true"
+      }, null, 8, ["class", "style"])) : D("", !0)
+    ], 10, Tt));
+  }
+}), Lt = ["id", "checked", "disabled", "value"], _o = /* @__PURE__ */ V({
+  __name: "DsCheckbox",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    label: {},
+    id: {},
+    value: { type: [String, Number, Boolean] },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "medium" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, s = k(() => {
+      const l = [
+        "rounded",
+        "border",
+        "border-solid",
+        "border-border",
+        "transition-colors",
+        "focus-visible:outline-none",
+        "focus-visible:ring-2",
+        "focus-visible:ring-brand",
+        "focus-visible:ring-offset-2"
+      ], i = {
+        small: ["w-3", "h-3"],
+        medium: ["w-4", "h-4"],
+        large: ["w-5", "h-5"]
+      }, f = n.disabled ? ["cursor-not-allowed", "opacity-95"] : ["cursor-pointer"];
+      return [
+        ...l,
+        ...i[n.size],
+        ...f
+      ].join(" ");
+    }), r = k(() => [
+      "font-sans",
+      "select-none",
+      "transition-colors",
+      {
+        small: "text-xs ml-1.5",
+        medium: "text-sm ml-2",
+        large: "text-base ml-2.5"
+      }[n.size]
+    ].join(" ")), a = (l) => {
+      if (n.disabled) return;
+      const f = l.target.checked;
+      o("update:modelValue", f), o("change", f, l);
+    };
+    return (l, i) => (g(), v("label", {
+      class: T([
+        "inline-flex items-center",
+        e.disabled ? "cursor-not-allowed opacity-75" : "cursor-pointer"
+      ])
+    }, [
+      $("input", {
+        id: e.id,
+        type: "checkbox",
+        checked: e.modelValue,
+        disabled: e.disabled,
+        value: e.value,
+        class: T(s.value),
+        onChange: a
+      }, null, 42, Lt),
+      e.label || l.$slots.default ? (g(), v("span", {
+        key: 0,
+        class: T(r.value)
+      }, [
+        N(l.$slots, "default", {}, () => [
+          X(B(e.label), 1)
+        ])
+      ], 2)) : D("", !0)
+    ], 2));
+  }
+}), ae = Math.min, q = Math.max, De = Math.round, Ce = Math.floor, Z = (e) => ({
+  x: e,
+  y: e
+}), St = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Vt = {
+  start: "end",
+  end: "start"
+};
+function Pe(e, t, n) {
+  return q(e, ae(t, n));
+}
+function pe(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function le(e) {
+  return e.split("-")[0];
+}
+function ye(e) {
+  return e.split("-")[1];
+}
+function lt(e) {
+  return e === "x" ? "y" : "x";
+}
+function He(e) {
+  return e === "y" ? "height" : "width";
+}
+const zt = /* @__PURE__ */ new Set(["top", "bottom"]);
+function te(e) {
+  return zt.has(le(e)) ? "y" : "x";
+}
+function qe(e) {
+  return lt(te(e));
+}
+function Mt(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = ye(e), s = qe(e), r = He(s);
+  let a = s === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return t.reference[r] > t.floating[r] && (a = Ee(a)), [a, Ee(a)];
+}
+function jt(e) {
+  const t = Ee(e);
+  return [Ie(e), t, Ie(t)];
+}
+function Ie(e) {
+  return e.replace(/start|end/g, (t) => Vt[t]);
+}
+const Je = ["left", "right"], Qe = ["right", "left"], Pt = ["top", "bottom"], It = ["bottom", "top"];
+function Nt(e, t, n) {
+  switch (e) {
+    case "top":
+    case "bottom":
+      return n ? t ? Qe : Je : t ? Je : Qe;
+    case "left":
+    case "right":
+      return t ? Pt : It;
+    default:
+      return [];
+  }
+}
+function Wt(e, t, n, o) {
+  const s = ye(e);
+  let r = Nt(le(e), n === "start", o);
+  return s && (r = r.map((a) => a + "-" + s), t && (r = r.concat(r.map(Ie)))), r;
+}
+function Ee(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => St[t]);
+}
+function Ht(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function it(e) {
+  return typeof e != "number" ? Ht(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function Ae(e) {
+  const {
+    x: t,
+    y: n,
+    width: o,
+    height: s
+  } = e;
+  return {
+    width: o,
+    height: s,
+    top: n,
+    left: t,
+    right: t + o,
+    bottom: n + s,
+    x: t,
+    y: n
+  };
+}
+function Ze(e, t, n) {
+  let {
+    reference: o,
+    floating: s
+  } = e;
+  const r = te(t), a = qe(t), l = He(a), i = le(t), f = r === "y", d = o.x + o.width / 2 - s.width / 2, u = o.y + o.height / 2 - s.height / 2, b = o[l] / 2 - s[l] / 2;
+  let c;
+  switch (i) {
+    case "top":
+      c = {
+        x: d,
+        y: o.y - s.height
+      };
+      break;
+    case "bottom":
+      c = {
+        x: d,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      c = {
+        x: o.x + o.width,
+        y: u
+      };
+      break;
+    case "left":
+      c = {
+        x: o.x - s.width,
+        y: u
+      };
+      break;
+    default:
+      c = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (ye(t)) {
+    case "start":
+      c[a] -= b * (n && f ? -1 : 1);
+      break;
+    case "end":
+      c[a] += b * (n && f ? -1 : 1);
+      break;
+  }
+  return c;
+}
+async function qt(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: o,
+    y: s,
+    platform: r,
+    rects: a,
+    elements: l,
+    strategy: i
+  } = e, {
+    boundary: f = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: u = "floating",
+    altBoundary: b = !1,
+    padding: c = 0
+  } = pe(t, e), m = it(c), y = l[b ? u === "floating" ? "reference" : "floating" : u], w = Ae(await r.getClippingRect({
+    element: (n = await (r.isElement == null ? void 0 : r.isElement(y))) == null || n ? y : y.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
+    boundary: f,
+    rootBoundary: d,
+    strategy: i
+  })), F = u === "floating" ? {
+    x: o,
+    y: s,
+    width: a.floating.width,
+    height: a.floating.height
+  } : a.reference, x = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating)), C = await (r.isElement == null ? void 0 : r.isElement(x)) ? await (r.getScale == null ? void 0 : r.getScale(x)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, A = Ae(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: F,
+    offsetParent: x,
+    strategy: i
+  }) : F);
+  return {
+    top: (w.top - A.top + m.top) / C.y,
+    bottom: (A.bottom - w.bottom + m.bottom) / C.y,
+    left: (w.left - A.left + m.left) / C.x,
+    right: (A.right - w.right + m.right) / C.x
+  };
+}
+const Kt = async (e, t, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: s = "absolute",
+    middleware: r = [],
+    platform: a
+  } = n, l = r.filter(Boolean), i = await (a.isRTL == null ? void 0 : a.isRTL(t));
+  let f = await a.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: s
+  }), {
+    x: d,
+    y: u
+  } = Ze(f, o, i), b = o, c = {}, m = 0;
+  for (let y = 0; y < l.length; y++) {
+    var h;
+    const {
+      name: w,
+      fn: F
+    } = l[y], {
+      x,
+      y: C,
+      data: A,
+      reset: L
+    } = await F({
+      x: d,
+      y: u,
+      initialPlacement: o,
+      placement: b,
+      strategy: s,
+      middlewareData: c,
+      rects: f,
+      platform: {
+        ...a,
+        detectOverflow: (h = a.detectOverflow) != null ? h : qt
+      },
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    d = x ?? d, u = C ?? u, c = {
+      ...c,
+      [w]: {
+        ...c[w],
+        ...A
+      }
+    }, L && m <= 50 && (m++, typeof L == "object" && (L.placement && (b = L.placement), L.rects && (f = L.rects === !0 ? await a.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: s
+    }) : L.rects), {
+      x: d,
+      y: u
+    } = Ze(f, b, i)), y = -1);
+  }
+  return {
+    x: d,
+    y: u,
+    placement: b,
+    strategy: s,
+    middlewareData: c
+  };
+}, Ut = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: n,
+      y: o,
+      placement: s,
+      rects: r,
+      platform: a,
+      elements: l,
+      middlewareData: i
+    } = t, {
+      element: f,
+      padding: d = 0
+    } = pe(e, t) || {};
+    if (f == null)
+      return {};
+    const u = it(d), b = {
+      x: n,
+      y: o
+    }, c = qe(s), m = He(c), h = await a.getDimensions(f), y = c === "y", w = y ? "top" : "left", F = y ? "bottom" : "right", x = y ? "clientHeight" : "clientWidth", C = r.reference[m] + r.reference[c] - b[c] - r.floating[m], A = b[c] - r.reference[c], L = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(f));
+    let E = L ? L[x] : 0;
+    (!E || !await (a.isElement == null ? void 0 : a.isElement(L))) && (E = l.floating[x] || r.floating[m]);
+    const z = C / 2 - A / 2, M = E / 2 - h[m] / 2 - 1, W = ae(u[w], M), Y = ae(u[F], M), U = W, p = E - h[m] - Y, O = E / 2 - h[m] / 2 + z, S = Pe(U, O, p), P = !i.arrow && ye(s) != null && O !== S && r.reference[m] / 2 - (O < U ? W : Y) - h[m] / 2 < 0, H = P ? O < U ? O - U : O - p : 0;
+    return {
+      [c]: b[c] + H,
+      data: {
+        [c]: S,
+        centerOffset: O - S - H,
+        ...P && {
+          alignmentOffset: H
+        }
+      },
+      reset: P
+    };
+  }
+}), Xt = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: s,
+        middlewareData: r,
+        rects: a,
+        initialPlacement: l,
+        platform: i,
+        elements: f
+      } = t, {
+        mainAxis: d = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: b,
+        fallbackStrategy: c = "bestFit",
+        fallbackAxisSideDirection: m = "none",
+        flipAlignment: h = !0,
+        ...y
+      } = pe(e, t);
+      if ((n = r.arrow) != null && n.alignmentOffset)
+        return {};
+      const w = le(s), F = te(l), x = le(l) === l, C = await (i.isRTL == null ? void 0 : i.isRTL(f.floating)), A = b || (x || !h ? [Ee(l)] : jt(l)), L = m !== "none";
+      !b && L && A.push(...Wt(l, h, m, C));
+      const E = [l, ...A], z = await i.detectOverflow(t, y), M = [];
+      let W = ((o = r.flip) == null ? void 0 : o.overflows) || [];
+      if (d && M.push(z[w]), u) {
+        const O = Mt(s, a, C);
+        M.push(z[O[0]], z[O[1]]);
+      }
+      if (W = [...W, {
+        placement: s,
+        overflows: M
+      }], !M.every((O) => O <= 0)) {
+        var Y, U;
+        const O = (((Y = r.flip) == null ? void 0 : Y.index) || 0) + 1, S = E[O];
+        if (S && (!(u === "alignment" ? F !== te(S) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        W.every((G) => te(G.placement) === F ? G.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: O,
+              overflows: W
+            },
+            reset: {
+              placement: S
+            }
+          };
+        let P = (U = W.filter((H) => H.overflows[0] <= 0).sort((H, G) => H.overflows[1] - G.overflows[1])[0]) == null ? void 0 : U.placement;
+        if (!P)
+          switch (c) {
+            case "bestFit": {
+              var p;
+              const H = (p = W.filter((G) => {
+                if (L) {
+                  const oe = te(G.placement);
+                  return oe === F || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  oe === "y";
+                }
+                return !0;
+              }).map((G) => [G.placement, G.overflows.filter((oe) => oe > 0).reduce((oe, wt) => oe + wt, 0)]).sort((G, oe) => G[1] - oe[1])[0]) == null ? void 0 : p[0];
+              H && (P = H);
+              break;
+            }
+            case "initialPlacement":
+              P = l;
+              break;
+          }
+        if (s !== P)
+          return {
+            reset: {
+              placement: P
+            }
+          };
+      }
+      return {};
+    }
+  };
+}, Yt = /* @__PURE__ */ new Set(["left", "top"]);
+async function Gt(e, t) {
+  const {
+    placement: n,
+    platform: o,
+    elements: s
+  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), a = le(n), l = ye(n), i = te(n) === "y", f = Yt.has(a) ? -1 : 1, d = r && i ? -1 : 1, u = pe(t, e);
+  let {
+    mainAxis: b,
+    crossAxis: c,
+    alignmentAxis: m
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: u.mainAxis || 0,
+    crossAxis: u.crossAxis || 0,
+    alignmentAxis: u.alignmentAxis
+  };
+  return l && typeof m == "number" && (c = l === "end" ? m * -1 : m), i ? {
+    x: c * d,
+    y: b * f
+  } : {
+    x: b * f,
+    y: c * d
+  };
+}
+const Jt = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        x: s,
+        y: r,
+        placement: a,
+        middlewareData: l
+      } = t, i = await Gt(t, e);
+      return a === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
+        x: s + i.x,
+        y: r + i.y,
+        data: {
+          ...i,
+          placement: a
+        }
+      };
+    }
+  };
+}, Qt = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: o,
+        placement: s,
+        platform: r
+      } = t, {
+        mainAxis: a = !0,
+        crossAxis: l = !1,
+        limiter: i = {
+          fn: (w) => {
+            let {
+              x: F,
+              y: x
+            } = w;
+            return {
+              x: F,
+              y: x
+            };
+          }
+        },
+        ...f
+      } = pe(e, t), d = {
+        x: n,
+        y: o
+      }, u = await r.detectOverflow(t, f), b = te(le(s)), c = lt(b);
+      let m = d[c], h = d[b];
+      if (a) {
+        const w = c === "y" ? "top" : "left", F = c === "y" ? "bottom" : "right", x = m + u[w], C = m - u[F];
+        m = Pe(x, m, C);
+      }
+      if (l) {
+        const w = b === "y" ? "top" : "left", F = b === "y" ? "bottom" : "right", x = h + u[w], C = h - u[F];
+        h = Pe(x, h, C);
+      }
+      const y = i.fn({
+        ...t,
+        [c]: m,
+        [b]: h
+      });
+      return {
+        ...y,
+        data: {
+          x: y.x - n,
+          y: y.y - o,
+          enabled: {
+            [c]: a,
+            [b]: l
+          }
+        }
+      };
+    }
+  };
+}, Zt = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "size",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: s,
+        rects: r,
+        platform: a,
+        elements: l
+      } = t, {
+        apply: i = () => {
+        },
+        ...f
+      } = pe(e, t), d = await a.detectOverflow(t, f), u = le(s), b = ye(s), c = te(s) === "y", {
+        width: m,
+        height: h
+      } = r.floating;
+      let y, w;
+      u === "top" || u === "bottom" ? (y = u, w = b === (await (a.isRTL == null ? void 0 : a.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (w = u, y = b === "end" ? "top" : "bottom");
+      const F = h - d.top - d.bottom, x = m - d.left - d.right, C = ae(h - d[y], F), A = ae(m - d[w], x), L = !t.middlewareData.shift;
+      let E = C, z = A;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (z = x), (o = t.middlewareData.shift) != null && o.enabled.y && (E = F), L && !b) {
+        const W = q(d.left, 0), Y = q(d.right, 0), U = q(d.top, 0), p = q(d.bottom, 0);
+        c ? z = m - 2 * (W !== 0 || Y !== 0 ? W + Y : q(d.left, d.right)) : E = h - 2 * (U !== 0 || p !== 0 ? U + p : q(d.top, d.bottom));
+      }
+      await i({
+        ...t,
+        availableWidth: z,
+        availableHeight: E
+      });
+      const M = await a.getDimensions(l.floating);
+      return m !== M.width || h !== M.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function Le() {
+  return typeof window < "u";
+}
+function ue(e) {
+  return Ke(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function K(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function ee(e) {
+  var t;
+  return (t = (Ke(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function Ke(e) {
+  return Le() ? e instanceof Node || e instanceof K(e).Node : !1;
+}
+function J(e) {
+  return Le() ? e instanceof Element || e instanceof K(e).Element : !1;
+}
+function _(e) {
+  return Le() ? e instanceof HTMLElement || e instanceof K(e).HTMLElement : !1;
+}
+function _e(e) {
+  return !Le() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof K(e).ShadowRoot;
+}
+const _t = /* @__PURE__ */ new Set(["inline", "contents"]);
+function Fe(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: o,
+    display: s
+  } = Q(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !_t.has(s);
+}
+const en = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function tn(e) {
+  return en.has(ue(e));
+}
+const nn = [":popover-open", ":modal"];
+function Se(e) {
+  return nn.some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+const on = ["transform", "translate", "scale", "rotate", "perspective"], sn = ["transform", "translate", "scale", "rotate", "perspective", "filter"], rn = ["paint", "layout", "strict", "content"];
+function Ue(e) {
+  const t = Xe(), n = J(e) ? Q(e) : e;
+  return on.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || sn.some((o) => (n.willChange || "").includes(o)) || rn.some((o) => (n.contain || "").includes(o));
+}
+function an(e) {
+  let t = ie(e);
+  for (; _(t) && !ve(t); ) {
+    if (Ue(t))
+      return t;
+    if (Se(t))
+      return null;
+    t = ie(t);
+  }
+  return null;
+}
+function Xe() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const ln = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function ve(e) {
+  return ln.has(ue(e));
+}
+function Q(e) {
+  return K(e).getComputedStyle(e);
+}
+function Ve(e) {
+  return J(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function ie(e) {
+  if (ue(e) === "html")
+    return e;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    _e(e) && e.host || // Fallback.
+    ee(e)
+  );
+  return _e(t) ? t.host : t;
+}
+function ct(e) {
+  const t = ie(e);
+  return ve(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : _(t) && Fe(t) ? t : ct(t);
+}
+function ke(e, t, n) {
+  var o;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const s = ct(e), r = s === ((o = e.ownerDocument) == null ? void 0 : o.body), a = K(s);
+  if (r) {
+    const l = Ne(a);
+    return t.concat(a, a.visualViewport || [], Fe(s) ? s : [], l && n ? ke(l) : []);
+  }
+  return t.concat(s, ke(s, [], n));
+}
+function Ne(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+function dt(e) {
+  const t = Q(e);
+  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
+  const s = _(e), r = s ? e.offsetWidth : n, a = s ? e.offsetHeight : o, l = De(n) !== r || De(o) !== a;
+  return l && (n = r, o = a), {
+    width: n,
+    height: o,
+    $: l
+  };
+}
+function Ye(e) {
+  return J(e) ? e : e.contextElement;
+}
+function ge(e) {
+  const t = Ye(e);
+  if (!_(t))
+    return Z(1);
+  const n = t.getBoundingClientRect(), {
+    width: o,
+    height: s,
+    $: r
+  } = dt(t);
+  let a = (r ? De(n.width) : n.width) / o, l = (r ? De(n.height) : n.height) / s;
+  return (!a || !Number.isFinite(a)) && (a = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: a,
+    y: l
+  };
+}
+const cn = /* @__PURE__ */ Z(0);
+function ut(e) {
+  const t = K(e);
+  return !Xe() || !t.visualViewport ? cn : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function dn(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== K(e) ? !1 : t;
+}
+function ce(e, t, n, o) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const s = e.getBoundingClientRect(), r = Ye(e);
+  let a = Z(1);
+  t && (o ? J(o) && (a = ge(o)) : a = ge(e));
+  const l = dn(r, n, o) ? ut(r) : Z(0);
+  let i = (s.left + l.x) / a.x, f = (s.top + l.y) / a.y, d = s.width / a.x, u = s.height / a.y;
+  if (r) {
+    const b = K(r), c = o && J(o) ? K(o) : o;
+    let m = b, h = Ne(m);
+    for (; h && o && c !== m; ) {
+      const y = ge(h), w = h.getBoundingClientRect(), F = Q(h), x = w.left + (h.clientLeft + parseFloat(F.paddingLeft)) * y.x, C = w.top + (h.clientTop + parseFloat(F.paddingTop)) * y.y;
+      i *= y.x, f *= y.y, d *= y.x, u *= y.y, i += x, f += C, m = K(h), h = Ne(m);
+    }
+  }
+  return Ae({
+    width: d,
+    height: u,
+    x: i,
+    y: f
+  });
+}
+function ze(e, t) {
+  const n = Ve(e).scrollLeft;
+  return t ? t.left + n : ce(ee(e)).left + n;
+}
+function ft(e, t) {
+  const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - ze(e, n), s = n.top + t.scrollTop;
+  return {
+    x: o,
+    y: s
+  };
+}
+function un(e) {
+  let {
+    elements: t,
+    rect: n,
+    offsetParent: o,
+    strategy: s
+  } = e;
+  const r = s === "fixed", a = ee(o), l = t ? Se(t.floating) : !1;
+  if (o === a || l && r)
+    return n;
+  let i = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, f = Z(1);
+  const d = Z(0), u = _(o);
+  if ((u || !u && !r) && ((ue(o) !== "body" || Fe(a)) && (i = Ve(o)), _(o))) {
+    const c = ce(o);
+    f = ge(o), d.x = c.x + o.clientLeft, d.y = c.y + o.clientTop;
+  }
+  const b = a && !u && !r ? ft(a, i) : Z(0);
+  return {
+    width: n.width * f.x,
+    height: n.height * f.y,
+    x: n.x * f.x - i.scrollLeft * f.x + d.x + b.x,
+    y: n.y * f.y - i.scrollTop * f.y + d.y + b.y
+  };
+}
+function fn(e) {
+  return Array.from(e.getClientRects());
+}
+function bn(e) {
+  const t = ee(e), n = Ve(e), o = e.ownerDocument.body, s = q(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), r = q(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  let a = -n.scrollLeft + ze(e);
+  const l = -n.scrollTop;
+  return Q(o).direction === "rtl" && (a += q(t.clientWidth, o.clientWidth) - s), {
+    width: s,
+    height: r,
+    x: a,
+    y: l
+  };
+}
+const et = 25;
+function mn(e, t) {
+  const n = K(e), o = ee(e), s = n.visualViewport;
+  let r = o.clientWidth, a = o.clientHeight, l = 0, i = 0;
+  if (s) {
+    r = s.width, a = s.height;
+    const d = Xe();
+    (!d || d && t === "fixed") && (l = s.offsetLeft, i = s.offsetTop);
+  }
+  const f = ze(o);
+  if (f <= 0) {
+    const d = o.ownerDocument, u = d.body, b = getComputedStyle(u), c = d.compatMode === "CSS1Compat" && parseFloat(b.marginLeft) + parseFloat(b.marginRight) || 0, m = Math.abs(o.clientWidth - u.clientWidth - c);
+    m <= et && (r -= m);
+  } else f <= et && (r += f);
+  return {
+    width: r,
+    height: a,
+    x: l,
+    y: i
+  };
+}
+const gn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function hn(e, t) {
+  const n = ce(e, !0, t === "fixed"), o = n.top + e.clientTop, s = n.left + e.clientLeft, r = _(e) ? ge(e) : Z(1), a = e.clientWidth * r.x, l = e.clientHeight * r.y, i = s * r.x, f = o * r.y;
+  return {
+    width: a,
+    height: l,
+    x: i,
+    y: f
+  };
+}
+function tt(e, t, n) {
+  let o;
+  if (t === "viewport")
+    o = mn(e, n);
+  else if (t === "document")
+    o = bn(ee(e));
+  else if (J(t))
+    o = hn(t, n);
+  else {
+    const s = ut(e);
+    o = {
+      x: t.x - s.x,
+      y: t.y - s.y,
+      width: t.width,
+      height: t.height
+    };
+  }
+  return Ae(o);
+}
+function bt(e, t) {
+  const n = ie(e);
+  return n === t || !J(n) || ve(n) ? !1 : Q(n).position === "fixed" || bt(n, t);
+}
+function vn(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let o = ke(e, [], !1).filter((l) => J(l) && ue(l) !== "body"), s = null;
+  const r = Q(e).position === "fixed";
+  let a = r ? ie(e) : e;
+  for (; J(a) && !ve(a); ) {
+    const l = Q(a), i = Ue(a);
+    !i && l.position === "fixed" && (s = null), (r ? !i && !s : !i && l.position === "static" && !!s && gn.has(s.position) || Fe(a) && !i && bt(e, a)) ? o = o.filter((d) => d !== a) : s = l, a = ie(a);
+  }
+  return t.set(e, o), o;
+}
+function pn(e) {
+  let {
+    element: t,
+    boundary: n,
+    rootBoundary: o,
+    strategy: s
+  } = e;
+  const a = [...n === "clippingAncestors" ? Se(t) ? [] : vn(t, this._c) : [].concat(n), o], l = a[0], i = a.reduce((f, d) => {
+    const u = tt(t, d, s);
+    return f.top = q(u.top, f.top), f.right = ae(u.right, f.right), f.bottom = ae(u.bottom, f.bottom), f.left = q(u.left, f.left), f;
+  }, tt(t, l, s));
+  return {
+    width: i.right - i.left,
+    height: i.bottom - i.top,
+    x: i.left,
+    y: i.top
+  };
+}
+function yn(e) {
+  const {
+    width: t,
+    height: n
+  } = dt(e);
+  return {
+    width: t,
+    height: n
+  };
+}
+function xn(e, t, n) {
+  const o = _(t), s = ee(t), r = n === "fixed", a = ce(e, !0, r, t);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const i = Z(0);
+  function f() {
+    i.x = ze(s);
+  }
+  if (o || !o && !r)
+    if ((ue(t) !== "body" || Fe(s)) && (l = Ve(t)), o) {
+      const c = ce(t, !0, r, t);
+      i.x = c.x + t.clientLeft, i.y = c.y + t.clientTop;
+    } else s && f();
+  r && !o && s && f();
+  const d = s && !o && !r ? ft(s, l) : Z(0), u = a.left + l.scrollLeft - i.x - d.x, b = a.top + l.scrollTop - i.y - d.y;
+  return {
+    x: u,
+    y: b,
+    width: a.width,
+    height: a.height
+  };
+}
+function Me(e) {
+  return Q(e).position === "static";
+}
+function nt(e, t) {
+  if (!_(e) || Q(e).position === "fixed")
+    return null;
+  if (t)
+    return t(e);
+  let n = e.offsetParent;
+  return ee(e) === n && (n = n.ownerDocument.body), n;
+}
+function mt(e, t) {
+  const n = K(e);
+  if (Se(e))
+    return n;
+  if (!_(e)) {
+    let s = ie(e);
+    for (; s && !ve(s); ) {
+      if (J(s) && !Me(s))
+        return s;
+      s = ie(s);
+    }
+    return n;
+  }
+  let o = nt(e, t);
+  for (; o && tn(o) && Me(o); )
+    o = nt(o, t);
+  return o && ve(o) && Me(o) && !Ue(o) ? n : o || an(e) || n;
+}
+const wn = async function(e) {
+  const t = this.getOffsetParent || mt, n = this.getDimensions, o = await n(e.floating);
+  return {
+    reference: xn(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function kn(e) {
+  return Q(e).direction === "rtl";
+}
+const Fn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: un,
+  getDocumentElement: ee,
+  getClippingRect: pn,
+  getOffsetParent: mt,
+  getElementRects: wn,
+  getClientRects: fn,
+  getDimensions: yn,
+  getScale: ge,
+  isElement: J,
+  isRTL: kn
+};
+function gt(e, t) {
+  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function Cn(e, t) {
+  let n = null, o;
+  const s = ee(e);
+  function r() {
+    var l;
+    clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
+  }
+  function a(l, i) {
+    l === void 0 && (l = !1), i === void 0 && (i = 1), r();
+    const f = e.getBoundingClientRect(), {
+      left: d,
+      top: u,
+      width: b,
+      height: c
+    } = f;
+    if (l || t(), !b || !c)
+      return;
+    const m = Ce(u), h = Ce(s.clientWidth - (d + b)), y = Ce(s.clientHeight - (u + c)), w = Ce(d), x = {
+      rootMargin: -m + "px " + -h + "px " + -y + "px " + -w + "px",
+      threshold: q(0, ae(1, i)) || 1
+    };
+    let C = !0;
+    function A(L) {
+      const E = L[0].intersectionRatio;
+      if (E !== i) {
+        if (!C)
+          return a();
+        E ? a(!1, E) : o = setTimeout(() => {
+          a(!1, 1e-7);
+        }, 1e3);
+      }
+      E === 1 && !gt(f, e.getBoundingClientRect()) && a(), C = !1;
+    }
+    try {
+      n = new IntersectionObserver(A, {
+        ...x,
+        // Handle <iframe>s
+        root: s.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(A, x);
+    }
+    n.observe(e);
+  }
+  return a(!0), r;
+}
+function $n(e, t, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: s = !0,
+    ancestorResize: r = !0,
+    elementResize: a = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: i = !1
+  } = o, f = Ye(e), d = s || r ? [...f ? ke(f) : [], ...ke(t)] : [];
+  d.forEach((w) => {
+    s && w.addEventListener("scroll", n, {
+      passive: !0
+    }), r && w.addEventListener("resize", n);
+  });
+  const u = f && l ? Cn(f, n) : null;
+  let b = -1, c = null;
+  a && (c = new ResizeObserver((w) => {
+    let [F] = w;
+    F && F.target === f && c && (c.unobserve(t), cancelAnimationFrame(b), b = requestAnimationFrame(() => {
+      var x;
+      (x = c) == null || x.observe(t);
+    })), n();
+  }), f && !i && c.observe(f), c.observe(t));
+  let m, h = i ? ce(e) : null;
+  i && y();
+  function y() {
+    const w = ce(e);
+    h && !gt(h, w) && n(), h = w, m = requestAnimationFrame(y);
+  }
+  return n(), () => {
+    var w;
+    d.forEach((F) => {
+      s && F.removeEventListener("scroll", n), r && F.removeEventListener("resize", n);
+    }), u == null || u(), (w = c) == null || w.disconnect(), c = null, i && cancelAnimationFrame(m);
+  };
+}
+const ht = Jt, vt = Qt, pt = Xt, Dn = Zt, En = Ut, An = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), s = {
+    platform: Fn,
+    ...n
+  }, r = {
+    ...s.platform,
+    _c: o
+  };
+  return Kt(e, t, {
+    ...s,
+    platform: r
+  });
+};
+function Bn(e) {
+  return e != null && typeof e == "object" && "$el" in e;
+}
+function We(e) {
+  if (Bn(e)) {
+    const t = e.$el;
+    return Ke(t) && ue(t) === "#comment" ? null : t;
+  }
+  return e;
+}
+function me(e) {
+  return typeof e == "function" ? e() : R(e);
+}
+function Tn(e) {
+  return {
+    name: "arrow",
+    options: e,
+    fn(t) {
+      const n = We(me(e.element));
+      return n == null ? {} : En({
+        element: n,
+        padding: e.padding
+      }).fn(t);
+    }
+  };
+}
+function yt(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function ot(e, t) {
+  const n = yt(e);
+  return Math.round(t * n) / n;
+}
+function xt(e, t, n) {
+  n === void 0 && (n = {});
+  const o = n.whileElementsMounted, s = k(() => {
+    var E;
+    return (E = me(n.open)) != null ? E : !0;
+  }), r = k(() => me(n.middleware)), a = k(() => {
+    var E;
+    return (E = me(n.placement)) != null ? E : "bottom";
+  }), l = k(() => {
+    var E;
+    return (E = me(n.strategy)) != null ? E : "absolute";
+  }), i = k(() => {
+    var E;
+    return (E = me(n.transform)) != null ? E : !0;
+  }), f = k(() => We(e.value)), d = k(() => We(t.value)), u = j(0), b = j(0), c = j(l.value), m = j(a.value), h = kt({}), y = j(!1), w = k(() => {
+    const E = {
+      position: c.value,
+      left: "0",
+      top: "0"
+    };
+    if (!d.value)
+      return E;
+    const z = ot(d.value, u.value), M = ot(d.value, b.value);
+    return i.value ? {
+      ...E,
+      transform: "translate(" + z + "px, " + M + "px)",
+      ...yt(d.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: c.value,
+      left: z + "px",
+      top: M + "px"
+    };
+  });
+  let F;
+  function x() {
+    if (f.value == null || d.value == null)
+      return;
+    const E = s.value;
+    An(f.value, d.value, {
+      middleware: r.value,
+      placement: a.value,
+      strategy: l.value
+    }).then((z) => {
+      u.value = z.x, b.value = z.y, c.value = z.strategy, m.value = z.placement, h.value = z.middlewareData, y.value = E !== !1;
+    });
+  }
+  function C() {
+    typeof F == "function" && (F(), F = void 0);
+  }
+  function A() {
+    if (C(), o === void 0) {
+      x();
+      return;
+    }
+    if (f.value != null && d.value != null) {
+      F = o(f.value, d.value, x);
+      return;
+    }
+  }
+  function L() {
+    s.value || (y.value = !1);
+  }
+  return we([r, a, l, s], x, {
+    flush: "sync"
+  }), we([f, d], A, {
+    flush: "sync"
+  }), we(s, L, {
+    flush: "sync"
+  }), Ft() && Ct(C), {
+    x: be(u),
+    y: be(b),
+    strategy: be(c),
+    placement: be(m),
+    middlewareData: be(h),
+    isPositioned: be(y),
+    floatingStyles: w,
+    update: x
+  };
+}
+const Be = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "DsIconX",
+  setup(e) {
+    return (t, n) => (g(), v("svg", de({
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24"
+    }, t.$attrs, { "aria-hidden": "true" }), [...n[0] || (n[0] = [
+      $("path", {
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "2",
+        d: "M6 18L18 6M6 6l12 12"
+      }, null, -1)
+    ])], 16));
+  }
+}), Rn = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "DsIconCheck",
+  setup(e) {
+    return (t, n) => (g(), v("svg", de({
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24"
+    }, t.$attrs, { "aria-hidden": "true" }), [...n[0] || (n[0] = [
+      $("path", {
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "2",
+        d: "M5 13l4 4L19 7"
+      }, null, -1)
+    ])], 16));
+  }
+}), On = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "DsIconWarning",
+  setup(e) {
+    return (t, n) => (g(), v("svg", de({
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24"
+    }, t.$attrs, { "aria-hidden": "true" }), [...n[0] || (n[0] = [
+      $("path", {
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "2",
+        d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+      }, null, -1)
+    ])], 16));
+  }
+}), Ln = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "DsIconInfo",
+  setup(e) {
+    return (t, n) => (g(), v("svg", de({
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24"
+    }, t.$attrs, { "aria-hidden": "true" }), [...n[0] || (n[0] = [
+      $("path", {
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "2",
+        d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+      }, null, -1)
+    ])], 16));
+  }
+}), Ge = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "DsIconChevronDown",
+  setup(e) {
+    return (t, n) => (g(), v("svg", de({
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24"
+    }, t.$attrs, { "aria-hidden": "true" }), [...n[0] || (n[0] = [
+      $("path", {
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "2",
+        d: "M19 9l-7 7-7-7"
+      }, null, -1)
+    ])], 16));
+  }
+}), Sn = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "DsIconChevronUp",
+  setup(e) {
+    return (t, n) => (g(), v("svg", de({
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24"
+    }, t.$attrs, { "aria-hidden": "true" }), [...n[0] || (n[0] = [
+      $("path", {
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "2",
+        d: "M5 15l7-7 7 7"
+      }, null, -1)
+    ])], 16));
+  }
+}), Vn = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "DsIconSort",
+  setup(e) {
+    return (t, n) => (g(), v("svg", de({
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24"
+    }, t.$attrs, { "aria-hidden": "true" }), [...n[0] || (n[0] = [
+      $("path", {
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "2",
+        d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"
+      }, null, -1)
+    ])], 16));
+  }
+});
+let zn = 0;
+function fe(e = "ds") {
+  return `${e}-${++zn}`;
+}
+const Mn = { class: "relative" }, jn = ["id", "aria-label"], Pn = ["id", "aria-selected", "aria-disabled", "onClick", "onMouseenter"], In = {
+  key: 0,
+  class: "px-3 py-2 text-sm text-fg-disabled",
+  role: "status"
+}, es = /* @__PURE__ */ V({
+  __name: "DsDropdownSelect",
+  props: {
+    modelValue: {},
+    options: { default: () => [] },
+    placeholder: { default: "Select an option" },
+    variant: { default: "primary" },
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    iconLeft: {},
+    fullWidth: { type: Boolean, default: !1 },
+    emptyText: { default: "No options available" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, s = j(), r = j(), a = j(!1), l = fe("listbox"), i = j(-1), f = k(() => {
+      if (!(!a.value || i.value < 0))
+        return d(i.value);
+    }), d = (p) => `${l}-option-${p}`, { floatingStyles: u } = xt(s, r, {
+      placement: "bottom-start",
+      middleware: [
+        ht(4),
+        pt(),
+        vt({ padding: 8 }),
+        Dn({
+          apply({ rects: p }) {
+            r.value && Object.assign(r.value.style, {
+              minWidth: `${p.reference.width}px`
+            });
+          }
+        })
+      ],
+      whileElementsMounted: $n
+    }), b = k(() => n.modelValue), c = k(() => n.options.find((p) => h(p) === b.value)), m = k(() => c.value ? y(c.value) : ""), h = (p) => typeof p == "object" && p !== null ? p.value : p, y = (p) => typeof p == "object" && p !== null ? p.label : String(p), w = (p) => typeof p == "object" && p !== null && p.disabled || !1, F = () => {
+      je(() => {
+        const p = r.value;
+        if (!p || i.value < 0) return;
+        const O = p.querySelector(`#${d(i.value)}`);
+        O == null || O.scrollIntoView({ block: "nearest" });
+      });
+    }, x = (p, O) => {
+      let S = p;
+      for (; S >= 0 && S < n.options.length; ) {
+        if (!w(n.options[S])) return S;
+        S += O;
+      }
+      return -1;
+    }, C = () => {
+      const p = x(i.value + 1, 1);
+      p >= 0 && (i.value = p, F());
+    }, A = () => {
+      const p = x(i.value - 1, -1);
+      p >= 0 && (i.value = p, F());
+    }, L = () => {
+      const p = x(0, 1);
+      p >= 0 && (i.value = p, F());
+    }, E = () => {
+      const p = x(n.options.length - 1, -1);
+      p >= 0 && (i.value = p, F());
+    }, z = () => {
+      n.disabled || n.loading || (a.value = !0, je(() => {
+        const p = n.options.findIndex(
+          (O) => h(O) === b.value
+        );
+        p >= 0 && !w(n.options[p]) ? i.value = p : L(), F();
+      }));
+    }, M = () => {
+      a.value = !1, i.value = -1;
+    }, W = () => {
+      n.disabled || n.loading || (a.value ? M() : z());
+    }, Y = (p) => {
+      if (w(p)) return;
+      const O = h(p);
+      o("update:modelValue", O), o("change", O, p), M();
+    }, U = (p) => {
+      if (!(n.disabled || n.loading)) {
+        if (!a.value) {
+          (p.key === "ArrowDown" || p.key === "ArrowUp" || p.key === "Enter" || p.key === " ") && (p.preventDefault(), z());
+          return;
+        }
+        switch (p.key) {
+          case "ArrowDown":
+            p.preventDefault(), i.value < 0 ? L() : C();
+            break;
+          case "ArrowUp":
+            p.preventDefault(), i.value < 0 ? E() : A();
+            break;
+          case "Home":
+            p.preventDefault(), L();
+            break;
+          case "End":
+            p.preventDefault(), E();
+            break;
+          case "Enter":
+          case " ":
+            p.preventDefault(), i.value >= 0 && i.value < n.options.length && Y(n.options[i.value]);
+            break;
+          case "Escape":
+            p.preventDefault(), M();
+            break;
+          case "Tab":
+            M();
+            break;
+        }
+      }
+    };
+    return (p, O) => (g(), v("div", Mn, [
+      ne(Ot, {
+        ref_key: "triggerRef",
+        ref: s,
+        variant: e.variant,
+        disabled: e.disabled,
+        loading: e.loading,
+        size: e.size,
+        iconLeft: e.iconLeft,
+        iconRight: R(Ge),
+        fullWidth: e.fullWidth,
+        role: "combobox",
+        "aria-expanded": a.value ? "true" : "false",
+        "aria-controls": R(l),
+        "aria-haspopup": "listbox",
+        "aria-activedescendant": f.value,
+        onClick: W,
+        onKeydown: U
+      }, {
+        default: Re(() => [
+          N(p.$slots, "trigger", {}, () => [
+            X(B(m.value || e.placeholder), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["variant", "disabled", "loading", "size", "iconLeft", "iconRight", "fullWidth", "aria-expanded", "aria-controls", "aria-activedescendant"]),
+      (g(), I(Oe, { to: "body" }, [
+        a.value ? (g(), v("div", {
+          key: 0,
+          ref_key: "floatingRef",
+          ref: r,
+          id: R(l),
+          role: "listbox",
+          "aria-label": e.placeholder,
+          style: he(R(u)),
+          class: "z-50 min-w-32 bg-bg border border-solid border-border rounded-md shadow-default max-h-64 overflow-y-auto",
+          onClick: O[0] || (O[0] = $t(() => {
+          }, ["stop"]))
+        }, [
+          (g(!0), v(se, null, re(e.options, (S, P) => (g(), v("div", {
+            key: h(S),
+            id: d(P),
+            role: "option",
+            "aria-selected": b.value === h(S) ? "true" : "false",
+            "aria-disabled": w(S) ? "true" : void 0,
+            class: T([
+              "px-3 py-2 text-sm transition-colors outline-none",
+              w(S) ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
+              b.value === h(S) ? "bg-brand text-brand-on-solid" : "",
+              i.value === P && b.value !== h(S) ? "bg-surface-hover" : "",
+              (i.value !== P && b.value !== h(S), ""),
+              P === 0 ? "rounded-t-md" : "",
+              P === e.options.length - 1 ? "rounded-b-md" : ""
+            ]),
+            onClick: (H) => Y(S),
+            onMouseenter: (H) => i.value = P
+          }, [
+            N(p.$slots, "option", {
+              option: S,
+              index: P
+            }, () => [
+              X(B(y(S)), 1)
+            ])
+          ], 42, Pn))), 128)),
+          e.options.length ? D("", !0) : (g(), v("div", In, B(e.emptyText), 1))
+        ], 12, jn)) : D("", !0)
+      ])),
+      a.value ? (g(), v("div", {
+        key: 0,
+        class: "fixed inset-0 z-40",
+        onClick: M
+      })) : D("", !0)
+    ]));
+  }
+}), Nn = { class: "w-full" }, Wn = ["for"], Hn = {
+  key: 0,
+  class: "text-error ml-1",
+  "aria-hidden": "true"
+}, qn = { class: "relative" }, Kn = {
+  key: 0,
+  class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",
+  "aria-hidden": "true"
+}, Un = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "autocomplete", "maxlength", "min", "max", "step", "aria-describedby", "aria-invalid"], Xn = {
+  key: 1,
+  class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none",
+  "aria-hidden": "true"
+}, ts = /* @__PURE__ */ V({
+  __name: "DsInput",
+  props: {
+    modelValue: {},
+    label: {},
+    type: { default: "text" },
+    placeholder: {},
+    helpText: {},
+    error: {},
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    iconLeft: {},
+    iconRight: {},
+    autocomplete: {},
+    maxLength: {},
+    min: {},
+    max: {},
+    step: {}
+  },
+  emits: ["update:modelValue", "blur", "focus", "enter", "clear"],
+  setup(e, { expose: t, emit: n }) {
+    const o = e, s = n, r = j(null), a = fe("input"), l = `${a}-help`, i = `${a}-error`, f = k(() => {
+      const x = [];
+      return o.helpText && !o.error && x.push(l), o.error && x.push(i), x.length > 0 ? x.join(" ") : void 0;
+    }), d = k(() => o.clearable && b.value && !o.disabled), u = k(() => o.iconRight || o.clearable), b = k(() => o.modelValue == null ? !1 : typeof o.modelValue == "string" ? o.modelValue.length > 0 : !0), c = k(() => {
+      const x = [
+        "block",
+        "w-full",
+        "rounded-md",
+        "border",
+        "border-solid",
+        "bg-bg",
+        "text-fg",
+        "font-sans",
+        "transition-colors",
+        "placeholder:text-fg-tertiary",
+        "focus:outline-none",
+        "focus:ring-2",
+        "focus:ring-offset-0",
+        "disabled:cursor-not-allowed",
+        "disabled:bg-surface-disabled",
+        "disabled:text-fg-disabled",
+        "box-border"
+      ], A = {
+        small: { text: "text-sm", py: "py-1", px: "px-2", pl: "pl-8", pr: "pr-8" },
+        medium: { text: "text-base", py: "py-2", px: "px-3", pl: "pl-10", pr: "pr-10" },
+        large: { text: "text-lg", py: "py-3", px: "px-4", pl: "pl-12", pr: "pr-12" }
+      }[o.size], L = o.error ? ["border-error-border", "focus:border-error", "focus:ring-error"] : ["border-border", "focus:border-border-focus", "focus:ring-brand"];
+      return [
+        ...x,
+        A.text,
+        A.py,
+        o.iconLeft ? A.pl : A.px,
+        u.value ? A.pr : A.px,
+        ...L
+      ].join(" ");
+    }), m = k(() => {
+      const x = { small: "w-4 h-4", medium: "w-5 h-5", large: "w-6 h-6" }, C = o.error ? "text-error" : "text-fg-tertiary";
+      return `${x[o.size]} ${C}`;
+    });
+    function h(x) {
+      const C = x.target;
+      if (o.type === "number") {
+        const A = Number(C.value);
+        s("update:modelValue", Number.isNaN(A) ? C.value : A);
+      } else
+        s("update:modelValue", C.value);
+    }
+    function y() {
+      var x;
+      s("update:modelValue", ""), s("clear"), (x = r.value) == null || x.focus();
+    }
+    function w() {
+      var x;
+      (x = r.value) == null || x.focus();
+    }
+    function F() {
+      var x;
+      (x = r.value) == null || x.blur();
+    }
+    return t({ focus: w, blur: F, inputRef: r }), (x, C) => (g(), v("div", Nn, [
+      e.label ? (g(), v("label", {
+        key: 0,
+        for: R(a),
+        class: "block text-label mb-1"
+      }, [
+        X(B(e.label) + " ", 1),
+        e.required ? (g(), v("span", Hn, "*")) : D("", !0)
+      ], 8, Wn)) : D("", !0),
+      $("div", qn, [
+        e.iconLeft ? (g(), v("div", Kn, [
+          (g(), I($e(e.iconLeft), {
+            class: T(m.value)
+          }, null, 8, ["class"]))
+        ])) : D("", !0),
+        $("input", {
+          ref_key: "inputRef",
+          ref: r,
+          id: R(a),
+          type: e.type,
+          value: e.modelValue,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          required: e.required,
+          autocomplete: e.autocomplete,
+          maxlength: e.maxLength,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          "aria-describedby": f.value,
+          "aria-invalid": e.error ? "true" : void 0,
+          class: T(c.value),
+          onInput: h,
+          onBlur: C[0] || (C[0] = (A) => x.$emit("blur", A)),
+          onFocus: C[1] || (C[1] = (A) => x.$emit("focus", A)),
+          onKeydown: C[2] || (C[2] = st((A) => x.$emit("enter"), ["enter"]))
+        }, null, 42, Un),
+        e.iconRight && !d.value ? (g(), v("div", Xn, [
+          (g(), I($e(e.iconRight), {
+            class: T(m.value)
+          }, null, 8, ["class"]))
+        ])) : D("", !0),
+        d.value ? (g(), v("button", {
+          key: 2,
+          type: "button",
+          "aria-label": "Clear input",
+          class: "absolute inset-y-0 right-0 pr-3 flex items-center text-fg-tertiary hover:text-fg-secondary transition-colors",
+          onClick: y
+        }, [
+          ne(R(Be), { class: "w-4 h-4" })
+        ])) : D("", !0)
+      ]),
+      e.helpText && !e.error ? (g(), v("div", {
+        key: 1,
+        id: l,
+        class: "mt-1 text-caption"
+      }, B(e.helpText), 1)) : D("", !0),
+      e.error ? (g(), v("div", {
+        key: 2,
+        id: i,
+        class: "mt-1 text-sm text-error font-sans",
+        role: "alert",
+        "aria-live": "polite"
+      }, B(e.error), 1)) : D("", !0)
+    ]));
+  }
+}), Yn = {
+  key: 1,
+  class: "sr-only"
+}, Gn = /* @__PURE__ */ V({
+  __name: "DsLoadingSpinner",
+  props: {
+    size: { default: "medium" },
+    variant: { default: "primary" },
+    text: {},
+    centered: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, n = k(() => {
+      const r = ["inline-flex", "items-center"];
+      return t.centered && r.push("justify-center"), t.text && r.push("gap-2"), r.join(" ");
+    }), o = k(() => {
+      const r = [
+        "animate-spin",
+        "rounded-full",
+        "border-solid"
+      ], a = {
+        small: ["w-4", "h-4", "border-2"],
+        medium: ["w-6", "h-6", "border-4"],
+        large: ["w-8", "h-8", "border-6"]
+      }, l = {
+        primary: [
+          "border-brand",
+          "border-t-transparent"
+        ],
+        secondary: [
+          "border-fg-secondary",
+          "border-t-transparent"
+        ],
+        white: [
+          "border-fg-inverse",
+          "border-t-transparent"
+        ],
+        current: [
+          "border-current",
+          "border-t-transparent"
+        ]
+      };
+      return [
+        ...r,
+        ...a[t.size],
+        ...l[t.variant]
+      ].join(" ");
+    }), s = k(() => [
+      {
+        small: "text-sm",
+        medium: "text-base",
+        large: "text-lg"
+      }[t.size],
+      "text-fg-secondary",
+      "font-medium"
+    ].join(" "));
+    return (r, a) => (g(), v("div", {
+      class: T(n.value),
+      role: "status",
+      "aria-live": "polite"
+    }, [
+      $("div", {
+        class: T(o.value),
+        "aria-hidden": "true"
+      }, null, 2),
+      e.text ? (g(), v("span", {
+        key: 0,
+        class: T(s.value)
+      }, B(e.text), 3)) : (g(), v("span", Yn, "Loading"))
+    ], 2));
+  }
+}), Jn = ["aria-labelledby"], Qn = { class: "flex items-center justify-between px-6 py-4 border-b border-solid border-border" }, Zn = ["id"], _n = { class: "px-6 py-4 overflow-y-auto flex-1" }, eo = {
+  key: 0,
+  class: "px-6 py-4 border-t border-solid border-border"
+}, ns = /* @__PURE__ */ V({
+  __name: "DsModal",
+  props: {
+    modelValue: { type: Boolean },
+    title: {},
+    size: { default: "md" },
+    closable: { type: Boolean, default: !0 },
+    persistent: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, s = fe("modal-title"), r = j(null);
+    let a = null;
+    const l = k(() => `relative z-10 bg-bg rounded-lg shadow-lg w-full ${{
+      sm: "max-w-sm",
+      md: "max-w-lg",
+      lg: "max-w-2xl",
+      xl: "max-w-4xl"
+    }[n.size]} max-h-[90vh] flex flex-col`);
+    function i() {
+      o("update:modelValue", !1), o("close");
+    }
+    function f() {
+      n.persistent || i();
+    }
+    function d() {
+      n.persistent || i();
+    }
+    function u() {
+      return r.value ? Array.from(
+        r.value.querySelectorAll(
+          'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
+        )
+      ) : [];
+    }
+    function b(c) {
+      if (c.key !== "Tab") return;
+      const m = u();
+      if (m.length === 0) return;
+      const h = m[0], y = m[m.length - 1];
+      c.shiftKey && document.activeElement === h ? (c.preventDefault(), y.focus()) : !c.shiftKey && document.activeElement === y && (c.preventDefault(), h.focus());
+    }
+    return we(
+      () => n.modelValue,
+      async (c) => {
+        var m;
+        c ? (a = document.activeElement, document.body.style.overflow = "hidden", document.addEventListener("keydown", b), await je(), (m = r.value) == null || m.focus()) : (document.body.style.overflow = "", document.removeEventListener("keydown", b), a == null || a.focus(), a = null);
+      }
+    ), rt(() => {
+      document.body.style.overflow = "", document.removeEventListener("keydown", b);
+    }), (c, m) => (g(), I(Oe, { to: "body" }, [
+      ne(at, {
+        "enter-active-class": "transition-opacity duration-200",
+        "enter-from-class": "opacity-0",
+        "enter-to-class": "opacity-100",
+        "leave-active-class": "transition-opacity duration-200",
+        "leave-from-class": "opacity-100",
+        "leave-to-class": "opacity-0"
+      }, {
+        default: Re(() => [
+          e.modelValue ? (g(), v("div", {
+            key: 0,
+            class: "fixed inset-0 z-50 flex items-center justify-center p-4",
+            onKeydown: st(d, ["escape"])
+          }, [
+            $("div", {
+              class: "absolute inset-0 bg-bg-inverse/50",
+              "aria-hidden": "true",
+              onClick: f
+            }),
+            $("div", {
+              ref_key: "panelRef",
+              ref: r,
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-labelledby": R(s),
+              class: T(l.value),
+              tabindex: "-1"
+            }, [
+              $("div", Qn, [
+                N(c.$slots, "header", {}, () => [
+                  $("h2", {
+                    id: R(s),
+                    class: "text-heading-lg m-0"
+                  }, B(e.title), 9, Zn)
+                ]),
+                e.closable ? (g(), v("button", {
+                  key: 0,
+                  type: "button",
+                  class: "p-1 rounded-md text-fg-tertiary hover:text-fg hover:bg-surface-hover-light transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand",
+                  "aria-label": "Close dialog",
+                  onClick: i
+                }, [
+                  ne(R(Be), { class: "w-5 h-5" })
+                ])) : D("", !0)
+              ]),
+              $("div", _n, [
+                N(c.$slots, "default")
+              ]),
+              c.$slots.footer ? (g(), v("div", eo, [
+                N(c.$slots, "footer")
+              ])) : D("", !0)
+            ], 10, Jn)
+          ], 32)) : D("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), to = ["id", "name", "checked", "disabled", "value"], os = /* @__PURE__ */ V({
+  __name: "DsRadio",
+  props: {
+    modelValue: { type: [String, Number, Boolean] },
+    label: {},
+    id: {},
+    name: {},
+    value: { type: [String, Number, Boolean] },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "medium" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, s = k(() => n.modelValue === n.value), r = k(() => {
+      const i = [
+        "rounded-full",
+        "border",
+        "border-solid",
+        "border-border",
+        "transition-colors",
+        "focus-visible:outline-none",
+        "focus-visible:ring-2",
+        "focus-visible:ring-brand",
+        "focus-visible:ring-offset-2"
+      ], f = {
+        small: ["w-3", "h-3"],
+        medium: ["w-4", "h-4"],
+        large: ["w-5", "h-5"]
+      }, d = n.disabled ? ["cursor-not-allowed", "opacity-75"] : ["cursor-pointer"];
+      return [
+        ...i,
+        ...f[n.size],
+        ...d
+      ].join(" ");
+    }), a = k(() => [
+      "font-sans",
+      "select-none",
+      "transition-colors",
+      {
+        small: "text-xs ml-1.5",
+        medium: "text-sm ml-2",
+        large: "text-base ml-2.5"
+      }[n.size]
+    ].join(" ")), l = (i) => {
+      if (n.disabled) return;
+      const f = i.target, d = n.value ?? f.value;
+      o("update:modelValue", d), o("change", d, i);
+    };
+    return (i, f) => (g(), v("label", {
+      class: T([
+        "inline-flex items-center",
+        e.disabled ? "cursor-not-allowed opacity-75" : "cursor-pointer"
+      ])
+    }, [
+      $("input", {
+        id: e.id,
+        type: "radio",
+        name: e.name,
+        checked: s.value,
+        disabled: e.disabled,
+        value: e.value,
+        class: T(r.value),
+        onChange: l
+      }, null, 42, to),
+      e.label || i.$slots.default ? (g(), v("span", {
+        key: 0,
+        class: T(a.value)
+      }, [
+        N(i.$slots, "default", {}, () => [
+          X(B(e.label), 1)
+        ])
+      ], 2)) : D("", !0)
+    ], 2));
+  }
+}), no = { class: "w-full" }, oo = ["for"], so = {
+  key: 0,
+  class: "text-error ml-1",
+  "aria-hidden": "true"
+}, ro = { class: "relative" }, ao = ["id", "value", "disabled", "required", "aria-describedby", "aria-invalid"], lo = ["selected"], io = ["value", "disabled"], co = {
+  class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3",
+  "aria-hidden": "true"
+}, ss = /* @__PURE__ */ V({
+  __name: "DsSelect",
+  props: {
+    modelValue: {},
+    label: {},
+    placeholder: {},
+    helpText: {},
+    error: {},
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    options: {}
+  },
+  emits: ["update:modelValue", "blur", "focus"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, s = fe("select"), r = `${s}-help`, a = `${s}-error`, l = k(() => {
+      const d = [];
+      return n.helpText && !n.error && d.push(r), n.error && d.push(a), d.length > 0 ? d.join(" ") : void 0;
+    }), i = k(() => {
+      const d = [
+        "block",
+        "w-full",
+        "rounded-md",
+        "border",
+        "border-solid",
+        "bg-bg",
+        "appearance-none",
+        "transition-colors",
+        "focus:outline-none",
+        "focus:ring-2",
+        "focus:ring-offset-0",
+        "disabled:cursor-not-allowed",
+        "disabled:bg-surface-disabled",
+        "disabled:text-fg-disabled",
+        "text-fg",
+        "font-sans",
+        "box-border",
+        "pr-10"
+      ], u = {
+        small: "px-2 py-1 text-sm",
+        medium: "px-3 py-2 text-base",
+        large: "px-4 py-3 text-lg"
+      }, b = n.error ? ["border-error-border", "focus:border-error", "focus:ring-error"] : ["border-border", "focus:border-border-focus", "focus:ring-brand"];
+      return [...d, u[n.size], ...b].join(" ");
+    }), f = (d) => {
+      const b = d.target.value, c = n.options.find((m) => String(m.value) === b);
+      o("update:modelValue", c && typeof c.value == "number" ? c.value : b);
+    };
+    return (d, u) => (g(), v("div", no, [
+      e.label ? (g(), v("label", {
+        key: 0,
+        for: R(s),
+        class: "block text-label mb-1"
+      }, [
+        X(B(e.label) + " ", 1),
+        e.required ? (g(), v("span", so, "*")) : D("", !0)
+      ], 8, oo)) : D("", !0),
+      $("div", ro, [
+        $("select", {
+          id: R(s),
+          value: e.modelValue,
+          disabled: e.disabled,
+          required: e.required,
+          "aria-describedby": l.value,
+          "aria-invalid": e.error ? "true" : void 0,
+          class: T(i.value),
+          onChange: f,
+          onBlur: u[0] || (u[0] = (b) => d.$emit("blur", b)),
+          onFocus: u[1] || (u[1] = (b) => d.$emit("focus", b))
+        }, [
+          e.placeholder ? (g(), v("option", {
+            key: 0,
+            value: "",
+            disabled: "",
+            selected: !e.modelValue
+          }, B(e.placeholder), 9, lo)) : D("", !0),
+          (g(!0), v(se, null, re(e.options, (b) => (g(), v("option", {
+            key: b.value,
+            value: b.value,
+            disabled: b.disabled
+          }, B(b.label), 9, io))), 128))
+        ], 42, ao),
+        $("div", co, [
+          ne(R(Ge), { class: "w-4 h-4 text-fg-tertiary" })
+        ])
+      ]),
+      e.helpText && !e.error ? (g(), v("div", {
+        key: 1,
+        id: r,
+        class: "mt-1 text-caption"
+      }, B(e.helpText), 1)) : D("", !0),
+      e.error ? (g(), v("div", {
+        key: 2,
+        id: a,
+        class: "mt-1 text-sm text-error font-sans",
+        role: "alert",
+        "aria-live": "polite"
+      }, B(e.error), 1)) : D("", !0)
+    ]));
+  }
+}), uo = { class: "w-full overflow-x-auto" }, fo = {
+  class: "w-full border-collapse text-sm",
+  role: "table"
+}, bo = { class: "border-b border-solid border-border bg-bg-secondary" }, mo = ["aria-sort", "onClick"], go = {
+  key: 0,
+  class: "inline-flex",
+  "aria-hidden": "true"
+}, ho = { key: 0 }, vo = ["colspan"], po = { key: 1 }, yo = ["colspan"], xo = {
+  key: 0,
+  class: "flex items-center justify-between px-4 py-3 border-t border-solid border-border bg-bg-secondary text-sm"
+}, wo = { class: "text-fg-secondary" }, ko = { class: "flex gap-2" }, Fo = ["disabled"], Co = ["disabled"], rs = /* @__PURE__ */ V({
+  __name: "DsTable",
+  props: {
+    columns: {},
+    rows: {},
+    sortBy: {},
+    sortOrder: {},
+    loading: { type: Boolean, default: !1 },
+    emptyText: { default: "No data available" },
+    striped: { type: Boolean, default: !1 },
+    stickyHeader: { type: Boolean, default: !1 },
+    pagination: {}
+  },
+  emits: ["update:sortBy", "update:sortOrder", "update:page"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, s = k(() => n.pagination ? Math.ceil(n.pagination.total / n.pagination.perPage) : 0), r = k(() => n.pagination ? (n.pagination.page - 1) * n.pagination.perPage + 1 : 0), a = k(() => n.pagination ? Math.min(
+      n.pagination.page * n.pagination.perPage,
+      n.pagination.total
+    ) : 0);
+    function l(b) {
+      n.sortBy === b ? n.sortOrder === "asc" ? o("update:sortOrder", "desc") : (o("update:sortBy", ""), o("update:sortOrder", "asc")) : (o("update:sortBy", b), o("update:sortOrder", "asc"));
+    }
+    function i(b) {
+      if (b.sortable)
+        return n.sortBy !== b.key ? "none" : n.sortOrder === "asc" ? "ascending" : "descending";
+    }
+    function f(b) {
+      return b === "center" ? "justify-center" : b === "right" ? "justify-end" : "";
+    }
+    function d(b) {
+      return [
+        "px-4 py-3 text-left text-overline",
+        b.sortable ? "cursor-pointer select-none hover:text-fg" : ""
+      ].join(" ");
+    }
+    function u(b) {
+      return `px-4 py-3 ${b.align === "center" ? "text-center" : b.align === "right" ? "text-right" : "text-left"}`;
+    }
+    return (b, c) => (g(), v("div", uo, [
+      $("table", fo, [
+        $("thead", {
+          class: T(e.stickyHeader ? "sticky top-0 z-10" : "")
+        }, [
+          $("tr", bo, [
+            (g(!0), v(se, null, re(e.columns, (m) => (g(), v("th", {
+              key: m.key,
+              style: he(m.width ? { width: m.width } : void 0),
+              class: T(d(m)),
+              "aria-sort": i(m),
+              onClick: (h) => m.sortable ? l(m.key) : void 0
+            }, [
+              $("div", {
+                class: T(["flex items-center gap-1", f(m.align)])
+              }, [
+                N(b.$slots, `header-${m.key}`, { column: m }, () => [
+                  X(B(m.label), 1)
+                ]),
+                m.sortable ? (g(), v("span", go, [
+                  e.sortBy === m.key && e.sortOrder === "asc" ? (g(), I(R(Sn), {
+                    key: 0,
+                    class: "w-4 h-4"
+                  })) : e.sortBy === m.key && e.sortOrder === "desc" ? (g(), I(R(Ge), {
+                    key: 1,
+                    class: "w-4 h-4"
+                  })) : (g(), I(R(Vn), {
+                    key: 2,
+                    class: "w-4 h-4 text-fg-tertiary"
+                  }))
+                ])) : D("", !0)
+              ], 2)
+            ], 14, mo))), 128))
+          ])
+        ], 2),
+        $("tbody", null, [
+          e.loading ? (g(), v("tr", ho, [
+            $("td", {
+              colspan: e.columns.length,
+              class: "text-center py-12"
+            }, [
+              N(b.$slots, "loading", {}, () => [
+                ne(Gn, { centered: "" })
+              ])
+            ], 8, vo)
+          ])) : e.rows.length === 0 ? (g(), v("tr", po, [
+            $("td", {
+              colspan: e.columns.length,
+              class: "text-center py-12 text-fg-secondary"
+            }, [
+              N(b.$slots, "empty", {}, () => [
+                X(B(e.emptyText), 1)
+              ])
+            ], 8, yo)
+          ])) : D("", !0),
+          (g(!0), v(se, null, re(e.rows, (m, h) => (g(), v("tr", {
+            key: h,
+            class: T([
+              "border-b border-solid border-border-light transition-colors hover:bg-surface-hover-light",
+              e.striped && h % 2 === 1 ? "bg-bg-secondary" : ""
+            ])
+          }, [
+            (g(!0), v(se, null, re(e.columns, (y) => (g(), v("td", {
+              key: y.key,
+              class: T(u(y))
+            }, [
+              N(b.$slots, `cell-${y.key}`, {
+                row: m,
+                value: m[y.key],
+                index: h
+              }, () => [
+                X(B(m[y.key]), 1)
+              ])
+            ], 2))), 128))
+          ], 2))), 128))
+        ])
+      ]),
+      e.pagination ? (g(), v("div", xo, [
+        $("span", wo, B(r.value) + "–" + B(a.value) + " of " + B(e.pagination.total), 1),
+        $("div", ko, [
+          $("button", {
+            type: "button",
+            disabled: e.pagination.page <= 1,
+            class: "px-3 py-1 rounded-md border border-solid border-border bg-bg text-fg disabled:opacity-50 disabled:cursor-not-allowed hover:bg-surface-hover-light transition-colors",
+            onClick: c[0] || (c[0] = (m) => b.$emit("update:page", e.pagination.page - 1))
+          }, " Previous ", 8, Fo),
+          $("button", {
+            type: "button",
+            disabled: e.pagination.page >= s.value,
+            class: "px-3 py-1 rounded-md border border-solid border-border bg-bg text-fg disabled:opacity-50 disabled:cursor-not-allowed hover:bg-surface-hover-light transition-colors",
+            onClick: c[1] || (c[1] = (m) => b.$emit("update:page", e.pagination.page + 1))
+          }, " Next ", 8, Co)
+        ])
+      ])) : D("", !0)
+    ]));
+  }
+}), $o = ["aria-label"], Do = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick", "onKeydown"], Eo = ["id", "aria-labelledby", "hidden"], as = /* @__PURE__ */ V({
+  __name: "DsTabs",
+  props: {
+    modelValue: {},
+    tabs: {},
+    variant: { default: "line" },
+    ariaLabel: { default: "Tabs" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, s = fe("tabs"), r = k(
+      () => n.variant === "line" ? "flex border-b border-solid border-border gap-0" : "flex gap-1 bg-neutral-soft p-1 rounded-lg"
+    );
+    function a(f) {
+      f.disabled || o("update:modelValue", f.key);
+    }
+    function l(f) {
+      const d = n.modelValue === f.key, u = "font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed";
+      return n.variant === "line" ? [
+        u,
+        "px-4 py-2 text-sm border-b-2 border-solid border-t-0 border-l-0 border-r-0 bg-transparent -mb-px",
+        d ? "border-b-brand text-brand" : "border-b-transparent text-fg-secondary hover:text-fg hover:border-b-border-strong"
+      ].join(" ") : [
+        u,
+        "px-3 py-1.5 text-sm rounded-md border-0",
+        d ? "bg-bg text-fg shadow-default" : "bg-transparent text-fg-secondary hover:text-fg"
+      ].join(" ");
+    }
+    function i(f, d) {
+      const u = n.tabs.filter((y) => !y.disabled), b = u.findIndex(
+        (y) => y.key === n.tabs[d].key
+      );
+      let c = -1;
+      switch (f.key) {
+        case "ArrowRight":
+        case "ArrowDown":
+          f.preventDefault(), c = (b + 1) % u.length;
+          break;
+        case "ArrowLeft":
+        case "ArrowUp":
+          f.preventDefault(), c = (b - 1 + u.length) % u.length;
+          break;
+        case "Home":
+          f.preventDefault(), c = 0;
+          break;
+        case "End":
+          f.preventDefault(), c = u.length - 1;
+          break;
+        default:
+          return;
+      }
+      const m = u[c];
+      o("update:modelValue", m.key);
+      const h = document.getElementById(`${s}-tab-${m.key}`);
+      h == null || h.focus();
+    }
+    return (f, d) => (g(), v("div", null, [
+      $("div", {
+        class: T(r.value),
+        role: "tablist",
+        "aria-label": e.ariaLabel
+      }, [
+        (g(!0), v(se, null, re(e.tabs, (u, b) => (g(), v("button", {
+          key: u.key,
+          id: `${R(s)}-tab-${u.key}`,
+          role: "tab",
+          type: "button",
+          "aria-selected": e.modelValue === u.key,
+          "aria-controls": `${R(s)}-panel-${u.key}`,
+          tabindex: e.modelValue === u.key ? 0 : -1,
+          disabled: u.disabled,
+          class: T(l(u)),
+          onClick: (c) => a(u),
+          onKeydown: (c) => i(c, b)
+        }, B(u.label), 43, Do))), 128))
+      ], 10, $o),
+      (g(!0), v(se, null, re(e.tabs, (u) => (g(), v("div", {
+        key: u.key,
+        id: `${R(s)}-panel-${u.key}`,
+        role: "tabpanel",
+        "aria-labelledby": `${R(s)}-tab-${u.key}`,
+        hidden: e.modelValue !== u.key,
+        tabindex: 0
+      }, [
+        e.modelValue === u.key ? N(f.$slots, u.key, { key: 0 }) : D("", !0)
+      ], 8, Eo))), 128))
+    ]));
+  }
+}), Ao = { class: "w-full" }, Bo = ["for"], To = {
+  key: 0,
+  class: "text-error ml-1",
+  "aria-hidden": "true"
+}, Ro = { class: "relative" }, Oo = ["id", "value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength", "aria-describedby", "aria-invalid"], Lo = {
+  key: 1,
+  class: "flex justify-between mt-1"
+}, So = {
+  key: 2,
+  class: "text-caption ml-auto"
+}, ls = /* @__PURE__ */ V({
+  __name: "DsTextarea",
+  props: {
+    modelValue: {},
+    label: {},
+    placeholder: {},
+    helpText: {},
+    error: {},
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    rows: { default: 3 },
+    maxLength: {}
+  },
+  emits: ["update:modelValue", "blur", "focus"],
+  setup(e, { expose: t, emit: n }) {
+    const o = e, s = n, r = j(null), a = fe("textarea"), l = `${a}-help`, i = `${a}-error`, f = k(() => {
+      const h = [];
+      return o.helpText && !o.error && h.push(l), o.error && h.push(i), h.length > 0 ? h.join(" ") : void 0;
+    }), d = k(() => (o.modelValue || "").length), u = k(() => {
+      const h = [
+        "block",
+        "w-full",
+        "rounded-md",
+        "border",
+        "border-solid",
+        "bg-bg",
+        "text-fg",
+        "font-sans",
+        "transition-colors",
+        "resize-y",
+        "placeholder:text-fg-tertiary",
+        "focus:outline-none",
+        "focus:ring-2",
+        "focus:ring-offset-0",
+        "disabled:cursor-not-allowed",
+        "disabled:bg-surface-disabled",
+        "disabled:text-fg-disabled",
+        "box-border"
+      ], y = {
+        small: "px-2 py-1 text-sm",
+        medium: "px-3 py-2 text-base",
+        large: "px-4 py-3 text-lg"
+      }, w = o.error ? ["border-error-border", "focus:border-error", "focus:ring-error"] : ["border-border", "focus:border-border-focus", "focus:ring-brand"];
+      return [...h, y[o.size], ...w].join(" ");
+    }), b = (h) => {
+      const y = h.target;
+      s("update:modelValue", y.value);
+    };
+    function c() {
+      var h;
+      (h = r.value) == null || h.focus();
+    }
+    function m() {
+      var h;
+      (h = r.value) == null || h.blur();
+    }
+    return t({ focus: c, blur: m, textareaRef: r }), (h, y) => (g(), v("div", Ao, [
+      e.label ? (g(), v("label", {
+        key: 0,
+        for: R(a),
+        class: "block text-label mb-1"
+      }, [
+        X(B(e.label) + " ", 1),
+        e.required ? (g(), v("span", To, "*")) : D("", !0)
+      ], 8, Bo)) : D("", !0),
+      $("div", Ro, [
+        $("textarea", {
+          ref_key: "textareaRef",
+          ref: r,
+          id: R(a),
+          value: e.modelValue,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          required: e.required,
+          rows: e.rows,
+          maxlength: e.maxLength,
+          "aria-describedby": f.value,
+          "aria-invalid": e.error ? "true" : void 0,
+          class: T(u.value),
+          onInput: b,
+          onBlur: y[0] || (y[0] = (w) => h.$emit("blur", w)),
+          onFocus: y[1] || (y[1] = (w) => h.$emit("focus", w))
+        }, null, 42, Oo)
+      ]),
+      e.helpText || e.error || e.maxLength ? (g(), v("div", Lo, [
+        e.helpText && !e.error ? (g(), v("div", {
+          key: 0,
+          id: l,
+          class: "text-caption"
+        }, B(e.helpText), 1)) : D("", !0),
+        e.error ? (g(), v("div", {
+          key: 1,
+          id: i,
+          class: "text-sm text-error font-sans",
+          role: "alert",
+          "aria-live": "polite"
+        }, B(e.error), 1)) : D("", !0),
+        e.maxLength ? (g(), v("div", So, B(d.value) + " / " + B(e.maxLength), 1)) : D("", !0)
+      ])) : D("", !0)
+    ]));
+  }
+}), Vo = ["role", "aria-live"], zo = { class: "flex items-start gap-3 flex-1 min-w-0" }, Mo = { class: "flex-1 min-w-0" }, jo = {
+  key: 0,
+  class: "text-label m-0"
+}, Po = /* @__PURE__ */ V({
+  __name: "DsToast",
+  props: {
+    toast: {}
+  },
+  emits: ["dismiss"],
+  setup(e, { emit: t }) {
+    const n = e, o = t;
+    let s = null, r = n.toast.duration, a = 0;
+    function l() {
+      r <= 0 || (a = Date.now(), s = setTimeout(() => {
+        o("dismiss", n.toast.id);
+      }, r));
+    }
+    function i() {
+      s && (clearTimeout(s), s = null, r -= Date.now() - a);
+    }
+    function f() {
+      l();
+    }
+    const d = {
+      brand: "border-l-brand",
+      error: "border-l-error",
+      success: "border-l-success",
+      warning: "border-l-warning",
+      info: "border-l-info"
+    }, u = k(() => [
+      "flex items-start gap-3 w-80 p-4 bg-bg border border-solid border-border rounded-lg shadow-lg",
+      "border-l-4",
+      d[n.toast.variant] || "border-l-brand"
+    ].join(" ")), b = {
+      brand: "text-brand",
+      error: "text-error",
+      success: "text-success",
+      warning: "text-warning",
+      info: "text-info"
+    }, c = k(() => ["shrink-0 mt-0.5", b[n.toast.variant] || "text-brand"].join(" "));
+    return Dt(() => {
+      n.toast.duration > 0 && l();
+    }), rt(() => {
+      s && clearTimeout(s);
+    }), (m, h) => (g(), v("div", {
+      class: T(u.value),
+      role: e.toast.variant === "error" ? "alert" : "status",
+      "aria-live": e.toast.variant === "error" ? "assertive" : "polite",
+      onMouseenter: i,
+      onMouseleave: f
+    }, [
+      $("div", zo, [
+        $("span", {
+          class: T(c.value),
+          "aria-hidden": "true"
+        }, [
+          e.toast.variant === "success" ? (g(), I(R(Rn), {
+            key: 0,
+            class: "w-5 h-5"
+          })) : e.toast.variant === "error" ? (g(), I(R(Be), {
+            key: 1,
+            class: "w-5 h-5"
+          })) : e.toast.variant === "warning" ? (g(), I(R(On), {
+            key: 2,
+            class: "w-5 h-5"
+          })) : (g(), I(R(Ln), {
+            key: 3,
+            class: "w-5 h-5"
+          }))
+        ], 2),
+        $("div", Mo, [
+          e.toast.title ? (g(), v("p", jo, B(e.toast.title), 1)) : D("", !0),
+          $("p", {
+            class: T(["text-body-sm m-0", e.toast.title ? "mt-0.5" : ""])
+          }, B(e.toast.message), 3)
+        ])
+      ]),
+      e.toast.closable ? (g(), v("button", {
+        key: 0,
+        type: "button",
+        class: "p-1 rounded-md text-fg-tertiary hover:text-fg transition-colors shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand",
+        "aria-label": "Dismiss notification",
+        onClick: h[0] || (h[0] = (y) => m.$emit("dismiss", e.toast.id))
+      }, [
+        ne(R(Be), { class: "w-4 h-4" })
+      ])) : D("", !0)
+    ], 42, Vo));
+  }
+});
+let Io = 0;
+const Te = j([]);
+function xe(e, t, n) {
+  const o = ++Io, s = {
+    id: o,
+    variant: e,
+    message: t,
+    title: n == null ? void 0 : n.title,
+    duration: (n == null ? void 0 : n.duration) ?? 5e3,
+    closable: (n == null ? void 0 : n.closable) ?? !0
+  };
+  return Te.value.push(s), o;
+}
+function No(e) {
+  const t = Te.value.findIndex((n) => n.id === e);
+  t !== -1 && Te.value.splice(t, 1);
+}
+function Wo() {
+  return {
+    toasts: Te,
+    removeToast: No,
+    success: (e, t) => xe("success", e, t),
+    error: (e, t) => xe("error", e, t),
+    warning: (e, t) => xe("warning", e, t),
+    info: (e, t) => xe("info", e, t),
+    brand: (e, t) => xe("brand", e, t)
+  };
+}
+const Ho = {
+  class: "fixed top-4 right-4 z-50 flex flex-col gap-3",
+  "aria-label": "Notifications"
+}, is = /* @__PURE__ */ V({
+  __name: "DsToastContainer",
+  setup(e) {
+    const { toasts: t, removeToast: n } = Wo();
+    return (o, s) => (g(), I(Oe, { to: "body" }, [
+      $("div", Ho, [
+        ne(Et, {
+          "enter-active-class": "transition-all duration-300 ease-out",
+          "enter-from-class": "opacity-0 translate-x-8",
+          "enter-to-class": "opacity-100 translate-x-0",
+          "leave-active-class": "transition-all duration-200 ease-in",
+          "leave-from-class": "opacity-100 translate-x-0",
+          "leave-to-class": "opacity-0 translate-x-8"
+        }, {
+          default: Re(() => [
+            (g(!0), v(se, null, re(R(t), (r) => (g(), I(Po, {
+              key: r.id,
+              toast: r,
+              onDismiss: R(n)
+            }, null, 8, ["toast", "onDismiss"]))), 128))
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), qo = ["aria-describedby"], Ko = ["id"], cs = /* @__PURE__ */ V({
+  __name: "DsTooltip",
+  props: {
+    content: {},
+    placement: { default: "top" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, n = fe("tooltip"), o = j(!1), s = j(null), r = j(null), a = j(null), { floatingStyles: l, middlewareData: i, placement: f } = xt(s, r, {
+      placement: k(() => t.placement),
+      middleware: [ht(8), pt(), vt({ padding: 8 }), Tn({ element: a })]
+    }), d = k(() => {
+      const c = i.value.arrow;
+      if (!c) return {};
+      const m = f.value.split("-")[0], h = { top: "bottom", right: "left", bottom: "top", left: "right" }[m];
+      return {
+        left: c.x != null ? `${c.x}px` : "",
+        top: c.y != null ? `${c.y}px` : "",
+        [h]: "-4px"
+      };
+    });
+    function u() {
+      t.disabled || (o.value = !0);
+    }
+    function b() {
+      o.value = !1;
+    }
+    return (c, m) => (g(), v("div", {
+      class: "inline-flex",
+      onMouseenter: u,
+      onMouseleave: b,
+      onFocusin: u,
+      onFocusout: b
+    }, [
+      $("div", {
+        ref_key: "referenceRef",
+        ref: s,
+        "aria-describedby": o.value ? R(n) : void 0
+      }, [
+        N(c.$slots, "default")
+      ], 8, qo),
+      (g(), I(Oe, { to: "body" }, [
+        ne(at, {
+          "enter-active-class": "transition-opacity duration-150",
+          "enter-from-class": "opacity-0",
+          "enter-to-class": "opacity-100",
+          "leave-active-class": "transition-opacity duration-150",
+          "leave-from-class": "opacity-100",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: Re(() => [
+            o.value && !e.disabled ? (g(), v("div", {
+              key: 0,
+              id: R(n),
+              ref_key: "floatingRef",
+              ref: r,
+              role: "tooltip",
+              style: he(R(l)),
+              class: "z-50 px-2 py-1 text-xs font-medium bg-bg-inverse text-fg-inverse rounded-md shadow-md max-w-xs pointer-events-none"
+            }, [
+              X(B(e.content) + " ", 1),
+              $("div", {
+                ref_key: "arrowRef",
+                ref: a,
+                style: he(d.value),
+                class: "absolute w-2 h-2 bg-bg-inverse rotate-45"
+              }, null, 4)
+            ], 12, Ko)) : D("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ], 32));
+  }
+}), Uo = {
+  // Core UI
+  bg: "#FFFFFF",
+  "bg-secondary": "#F8FAFC",
+  "bg-tertiary": "#F1F5F9",
+  "bg-inverse": "#0F172A",
+  "bg-inverse-secondary": "#1E293B",
+  fg: "#0F172A",
+  "fg-secondary": "#64748B",
+  "fg-tertiary": "#94A3B8",
+  "fg-inverse": "#FFFFFF",
+  "fg-disabled": "#94A3B8",
+  icon: "#64748B",
+  "icon-hover": "#0F172A",
+  "icon-active": "#0EA5E9",
+  "icon-inverse": "#FFFFFF",
+  "icon-disabled": "#CBD5E1",
+  border: "#E2E8F0",
+  "border-light": "#F1F5F9",
+  "border-strong": "#CBD5E1",
+  "border-focus": "#0F172A",
+  "surface-hover": "#E2E8F0",
+  "surface-hover-light": "#F1F5F9",
+  "surface-active": "#B7E6FD",
+  "surface-disabled": "#FAFCFF",
+  // Brand
+  brand: "#0EA5E9",
+  "brand-hover": "#0284C7",
+  "brand-active": "#0369A1",
+  "brand-disabled": "#BAE6FD",
+  "brand-soft": "#F0F9FF",
+  "brand-soft-hover": "#E0F2FE",
+  "brand-soft-active": "#B7E6FD",
+  "brand-on-solid": "#FFFFFF",
+  "brand-on-soft": "#0EA5E9",
+  "brand-secondary": "#6366F1",
+  // Neutral
+  neutral: "#64748B",
+  "neutral-soft": "#F8FAFC",
+  "neutral-soft-hover": "#F1F5F9",
+  "neutral-soft-active": "#E2E8F0",
+  "neutral-on-solid": "#FFFFFF",
+  "neutral-on-soft": "#0F172A",
+  "neutral-border": "#D1D5DB",
+  "neutral-border-hover": "#B5BCC9",
+  "neutral-border-strong": "#94A3B8",
+  // Error
+  error: "#EF4444",
+  "error-hover": "#DC2626",
+  "error-active": "#B91C1C",
+  "error-soft": "#FEF2F2",
+  "error-soft-hover": "#FEE2E2",
+  "error-soft-active": "#FECACA",
+  "error-on-solid": "#FFFFFF",
+  "error-on-soft": "#EF4444",
+  "error-border": "#F8CDD1",
+  "error-border-hover": "#F5A6B3",
+  "error-border-strong": "#B91C1C",
+  // Success
+  success: "#10B981",
+  "success-hover": "#0A8D63",
+  "success-active": "#047857",
+  "success-soft": "#ECFDF5",
+  "success-soft-hover": "#D1FAE5",
+  "success-soft-active": "#A7F3D0",
+  "success-on-solid": "#FFFFFF",
+  "success-on-soft": "#10B981",
+  "success-border": "#BEF3D0",
+  "success-border-hover": "#86EFAC",
+  "success-border-strong": "#0EA875",
+  // Warning
+  warning: "#F59E0B",
+  "warning-hover": "#D97706",
+  "warning-active": "#B45309",
+  "warning-soft": "#FFFBEB",
+  "warning-soft-hover": "#FEF3C7",
+  "warning-soft-active": "#FDE68A",
+  "warning-on-solid": "#FFFFFF",
+  "warning-on-soft": "#92400E",
+  "warning-border": "#F3E6A5",
+  "warning-border-hover": "#E6D378",
+  // Info
+  info: "#3B82F6",
+  "info-hover": "#2563EB",
+  "info-active": "#1D4ED8",
+  "info-soft": "#EFF6FF",
+  "info-soft-hover": "#DBEAFE",
+  "info-soft-active": "#BFDBFE",
+  "info-on-solid": "#FFFFFF",
+  "info-on-soft": "#1E40AF",
+  "info-border": "#C5D7F5",
+  "info-border-hover": "#A8CCF2",
+  // Processing
+  processing: "#06B6D4",
+  "processing-hover": "#0891B2",
+  "processing-active": "#0E7490",
+  "processing-soft": "#ECFEFF",
+  "processing-soft-hover": "#CFFAFE",
+  "processing-soft-active": "#A5F3FC",
+  "processing-on-solid": "#FFFFFF",
+  "processing-on-soft": "#155E75",
+  "processing-border": "#B3F0FC",
+  "processing-border-hover": "#7FE8F5",
+  // Transcript (domain-specific)
+  "transcript-bg": "#FEFCE8",
+  "transcript-highlight": "#FEF3C7",
+  "transcript-speaker": "#EDE9FE",
+  "transcript-timestamp": "#F3F4F6"
+}, Xo = {
+  "space-1": "4px",
+  "space-2": "8px",
+  "space-3": "12px",
+  "space-4": "16px",
+  "space-5": "24px",
+  "space-6": "32px",
+  "space-7": "48px",
+  "space-8": "64px"
+}, Yo = {
+  "radius-sm": "4px",
+  "radius-md": "6px",
+  "radius-lg": "8px",
+  "radius-xl": "12px",
+  "radius-full": "9999px"
+}, Go = {
+  "shadow-sm": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+  "shadow-md": "0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+  "shadow-lg": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"
+}, ds = { ...Uo, ...Xo, ...Yo, ...Go };
+function us(e) {
+  return `--ds-${e}`;
+}
+function fs(e, t = ":root") {
+  const n = Object.entries(e).map(([o, s]) => `  --ds-${o}: ${s};`).join(`
+`);
+  return `${t} {
+${n}
+}`;
+}
+export {
+  Qo as DsAvatar,
+  Zo as DsBadge,
+  Ot as DsButton,
+  _o as DsCheckbox,
+  es as DsDropdownSelect,
+  ts as DsInput,
+  Gn as DsLoadingSpinner,
+  ns as DsModal,
+  os as DsRadio,
+  ss as DsSelect,
+  rs as DsTable,
+  as as DsTabs,
+  ls as DsTextarea,
+  Po as DsToast,
+  is as DsToastContainer,
+  cs as DsTooltip,
+  ds as allTokens,
+  Uo as colorTokens,
+  fs as generateThemeCss,
+  Yo as radiusTokens,
+  Go as shadowTokens,
+  Xo as spacingTokens,
+  us as tokenToCssVar,
+  fe as useId,
+  Wo as useToast
+};