@scbt-ecom/ui 0.0.30 → 0.0.31

package/dist/client.js

@@ -0,0 +1,921 @@
+import { j as l, c as w } from "./cn-uh4jkx7b.js";
+import * as s from "react";
+import y, { forwardRef as Ne } from "react";
+import * as Ae from "react-dom";
+function X(e) {
+  var t, o, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (o = X(e[t])) && (n && (n += " "), n += o);
+  else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function Re() {
+  for (var e, t, o = 0, n = ""; o < arguments.length; ) (e = arguments[o++]) && (t = X(e)) && (n && (n += " "), n += t);
+  return n;
+}
+const J = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, Q = Re, V = (e, t) => (o) => {
+  var n;
+  if ((t == null ? void 0 : t.variants) == null) return Q(e, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
+  const { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((c) => {
+    const p = o == null ? void 0 : o[c], f = i == null ? void 0 : i[c];
+    if (p === null) return null;
+    const v = J(p) || J(f);
+    return r[c][v];
+  }), d = o && Object.entries(o).reduce((c, p) => {
+    let [f, v] = p;
+    return v === void 0 || (c[f] = v), c;
+  }, {}), u = t == null || (n = t.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((c, p) => {
+    let { class: f, className: v, ...h } = p;
+    return Object.entries(h).every((g) => {
+      let [b, x] = g;
+      return Array.isArray(x) ? x.includes({
+        ...i,
+        ...d
+      }[b]) : {
+        ...i,
+        ...d
+      }[b] === x;
+    }) ? [
+      ...c,
+      f,
+      v
+    ] : c;
+  }, []);
+  return Q(e, a, u, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
+}, Pe = V("", {
+  variants: {
+    position: {
+      absolute: "absolute",
+      static: "static",
+      fixed: "fixed"
+    }
+  },
+  defaultVariants: {
+    position: "static"
+  }
+}), Ie = V("border-2 border-solid block animate-spin rounded-full", {
+  variants: {
+    intent: {
+      primary: "border-white border-b-transparent",
+      secondary: "border-primary-default border-b-transparent"
+    },
+    size: {
+      sm: "size-5 border-2",
+      md: "size-8 border-2",
+      lg: "size-12 border-4"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    intent: "primary"
+  }
+}), je = ({ size: e = "md", classes: t, intent: o = "secondary", position: n = "static", text: r, ...i }) => /* @__PURE__ */ l.jsxs("div", { className: w(Pe({ position: n }), { "flex flex-col items-center gap-2": r }, t == null ? void 0 : t.wrapper), children: [
+  /* @__PURE__ */ l.jsx("span", { "data-testid": "loader", className: w(Ie({ size: e, intent: o }), t == null ? void 0 : t.loader), ...i }),
+  r && /* @__PURE__ */ l.jsx("p", { className: w("desk-body-regular-l text-color-dark", t == null ? void 0 : t.text), children: r })
+] }), Se = (e) => {
+  switch (e) {
+    case "ghost":
+    case "secondary":
+      return "secondary";
+    case "primary":
+    case "red":
+      return "primary";
+    default:
+      return e;
+  }
+}, _e = V(
+  "relative flex items-center justify-center gap-4 cursor-pointer rounded-sm w-[216px] outline-offset-4 outline-transparent outline-2 desk-body-regular-l transition duration-12 active:scale-[0.97] disabled:pointer-events-none",
+  {
+    variants: {
+      intent: {
+        primary: "bg-color-primary-default text-color-white outline-offset-[3px]  hover:bg-color-primary-hover  active:bg-color-primary-hover  focus:bg-color-primary-default focus:outline-primary-focus  disabled:bg-color-primary-disabled",
+        secondary: "bg-transparent text-color-primary-default border border-solid border-primary-default hover:bg-color-primary-tr-hover active:bg-color-primary-tr-pressed active:border-primary-hover  focus:outline-primary-focus  focus:bg-color-primary-tr-focus disabled:bg-color-blue-grey-200 disabled:text-color-primary-disabled disabled:border-transparent",
+        ghost: "bg-transparent text-color-primary-default hover:bg-color-primary-tr-hover hover:text-color-primary-hover focus:bg-color-primary-tr-focus focus:outline-primary-focus active:bg-color-primary-tr-pressed active:text-color-primary-hover disabled:text-color-primary-disabled disabled:bg-transparent",
+        red: "bg-color-secondary-default text-color-white outline-offset-[3px] hover:bg-color-secondary-hover disabled:bg-color-secondary-disabled active:bg-color-secondary-hover focus:bg-color-secondary-default focus:outline-primary-focus"
+      },
+      size: {
+        sm: "h-10",
+        md: "h-12",
+        lg: "h-14"
+      },
+      textFormat: {
+        capitalize: "capitalize",
+        uppercase: "uppercase",
+        lowercase: "lowercase",
+        initial: "initial"
+      },
+      isLoading: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        intent: "primary",
+        isLoading: !0,
+        class: "!bg-color-primary-default"
+      },
+      {
+        intent: "secondary",
+        isLoading: !0,
+        class: "!bg-color-transparent  !border-primary-hover"
+      },
+      {
+        intent: "ghost",
+        isLoading: !0,
+        class: "!bg-color-blue-grey-200"
+      },
+      {
+        intent: "red",
+        isLoading: !0,
+        class: "!bg-color-secondary-default"
+      }
+    ],
+    defaultVariants: {
+      intent: "primary",
+      size: "md",
+      textFormat: "initial"
+    }
+  }
+), xt = Ne(
+  ({
+    intent: e,
+    size: t,
+    className: o,
+    children: n,
+    type: r = "button",
+    iconLeft: i,
+    iconRight: a,
+    disabled: d = !1,
+    isLoading: u = !1,
+    textFormat: c,
+    ...p
+  }, f) => /* @__PURE__ */ l.jsx(
+    "button",
+    {
+      ref: f,
+      type: r,
+      disabled: d || u,
+      className: w(_e({ intent: e, size: t, textFormat: c, isLoading: u }), o),
+      ...p,
+      children: u ? /* @__PURE__ */ l.jsx(je, { size: "sm", intent: Se(e) }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+        i && /* @__PURE__ */ l.jsx("span", { className: "size-5 flex items-center justify-center", children: i }),
+        n,
+        a && /* @__PURE__ */ l.jsx("span", { className: "size-5 flex items-center justify-center", children: a })
+      ] })
+    }
+  )
+);
+function $(e, t = []) {
+  let o = [];
+  function n(i, a) {
+    const d = s.createContext(a), u = o.length;
+    o = [...o, a];
+    function c(f) {
+      const { scope: v, children: h, ...g } = f, b = (v == null ? void 0 : v[e][u]) || d, x = s.useMemo(() => g, Object.values(g));
+      return /* @__PURE__ */ l.jsx(b.Provider, { value: x, children: h });
+    }
+    function p(f, v) {
+      const h = (v == null ? void 0 : v[e][u]) || d, g = s.useContext(h);
+      if (g) return g;
+      if (a !== void 0) return a;
+      throw new Error(`\`${f}\` must be used within \`${i}\``);
+    }
+    return c.displayName = i + "Provider", [c, p];
+  }
+  const r = () => {
+    const i = o.map((a) => s.createContext(a));
+    return function(d) {
+      const u = (d == null ? void 0 : d[e]) || i;
+      return s.useMemo(
+        () => ({ [`__scope${e}`]: { ...d, [e]: u } }),
+        [d, u]
+      );
+    };
+  };
+  return r.scopeName = e, [n, Oe(r, ...t)];
+}
+function Oe(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const o = () => {
+    const n = e.map((r) => ({
+      useScope: r(),
+      scopeName: r.scopeName
+    }));
+    return function(i) {
+      const a = n.reduce((d, { useScope: u, scopeName: c }) => {
+        const f = u(i)[`__scope${c}`];
+        return { ...d, ...f };
+      }, {});
+      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: a }), [a]);
+    };
+  };
+  return o.scopeName = t.scopeName, o;
+}
+function Ee(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function ee(...e) {
+  return (t) => e.forEach((o) => Ee(o, t));
+}
+function I(...e) {
+  return s.useCallback(ee(...e), e);
+}
+var _ = s.forwardRef((e, t) => {
+  const { children: o, ...n } = e, r = s.Children.toArray(o), i = r.find(Te);
+  if (i) {
+    const a = i.props.children, d = r.map((u) => u === i ? s.Children.count(a) > 1 ? s.Children.only(null) : s.isValidElement(a) ? a.props.children : null : u);
+    return /* @__PURE__ */ l.jsx(B, { ...n, ref: t, children: s.isValidElement(a) ? s.cloneElement(a, void 0, d) : null });
+  }
+  return /* @__PURE__ */ l.jsx(B, { ...n, ref: t, children: o });
+});
+_.displayName = "Slot";
+var B = s.forwardRef((e, t) => {
+  const { children: o, ...n } = e;
+  if (s.isValidElement(o)) {
+    const r = De(o);
+    return s.cloneElement(o, {
+      ...ke(n, o.props),
+      // @ts-ignore
+      ref: t ? ee(t, r) : r
+    });
+  }
+  return s.Children.count(o) > 1 ? s.Children.only(null) : null;
+});
+B.displayName = "SlotClone";
+var Me = ({ children: e }) => /* @__PURE__ */ l.jsx(l.Fragment, { children: e });
+function Te(e) {
+  return s.isValidElement(e) && e.type === Me;
+}
+function ke(e, t) {
+  const o = { ...t };
+  for (const n in t) {
+    const r = e[n], i = t[n];
+    /^on[A-Z]/.test(n) ? r && i ? o[n] = (...d) => {
+      i(...d), r(...d);
+    } : r && (o[n] = r) : n === "style" ? o[n] = { ...r, ...i } : n === "className" && (o[n] = [r, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function De(e) {
+  var n, r;
+  let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
+function Be(e) {
+  const t = e + "CollectionProvider", [o, n] = $(t), [r, i] = o(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), a = (h) => {
+    const { scope: g, children: b } = h, x = y.useRef(null), C = y.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ l.jsx(r, { scope: g, itemMap: C, collectionRef: x, children: b });
+  };
+  a.displayName = t;
+  const d = e + "CollectionSlot", u = y.forwardRef(
+    (h, g) => {
+      const { scope: b, children: x } = h, C = i(d, b), m = I(g, C.collectionRef);
+      return /* @__PURE__ */ l.jsx(_, { ref: m, children: x });
+    }
+  );
+  u.displayName = d;
+  const c = e + "CollectionItemSlot", p = "data-radix-collection-item", f = y.forwardRef(
+    (h, g) => {
+      const { scope: b, children: x, ...C } = h, m = y.useRef(null), N = I(g, m), R = i(c, b);
+      return y.useEffect(() => (R.itemMap.set(m, { ref: m, ...C }), () => void R.itemMap.delete(m))), /* @__PURE__ */ l.jsx(_, { [p]: "", ref: N, children: x });
+    }
+  );
+  f.displayName = c;
+  function v(h) {
+    const g = i(e + "CollectionConsumer", h);
+    return y.useCallback(() => {
+      const x = g.collectionRef.current;
+      if (!x) return [];
+      const C = Array.from(x.querySelectorAll(`[${p}]`));
+      return Array.from(g.itemMap.values()).sort(
+        (R, P) => C.indexOf(R.ref.current) - C.indexOf(P.ref.current)
+      );
+    }, [g.collectionRef, g.itemMap]);
+  }
+  return [
+    { Provider: a, Slot: u, ItemSlot: f },
+    v,
+    n
+  ];
+}
+function te(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
+  return function(r) {
+    if (e == null || e(r), o === !1 || !r.defaultPrevented)
+      return t == null ? void 0 : t(r);
+  };
+}
+function oe(e) {
+  const t = s.useRef(e);
+  return s.useEffect(() => {
+    t.current = e;
+  }), s.useMemo(() => (...o) => {
+    var n;
+    return (n = t.current) == null ? void 0 : n.call(t, ...o);
+  }, []);
+}
+function U({
+  prop: e,
+  defaultProp: t,
+  onChange: o = () => {
+  }
+}) {
+  const [n, r] = Le({ defaultProp: t, onChange: o }), i = e !== void 0, a = i ? e : n, d = oe(o), u = s.useCallback(
+    (c) => {
+      if (i) {
+        const f = typeof c == "function" ? c(e) : c;
+        f !== e && d(f);
+      } else
+        r(c);
+    },
+    [i, e, r, d]
+  );
+  return [a, u];
+}
+function Le({
+  defaultProp: e,
+  onChange: t
+}) {
+  const o = s.useState(e), [n] = o, r = s.useRef(n), i = oe(t);
+  return s.useEffect(() => {
+    r.current !== n && (i(n), r.current = n);
+  }, [n, r, i]), o;
+}
+var Ve = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], j = Ve.reduce((e, t) => {
+  const o = s.forwardRef((n, r) => {
+    const { asChild: i, ...a } = n, d = i ? _ : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l.jsx(d, { ...a, ref: r });
+  });
+  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
+}, {}), O = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+};
+function $e(e, t) {
+  return s.useReducer((o, n) => t[o][n] ?? o, e);
+}
+var ne = (e) => {
+  const { present: t, children: o } = e, n = Ue(t), r = typeof o == "function" ? o({ present: n.isPresent }) : s.Children.only(o), i = I(n.ref, ze(r));
+  return typeof o == "function" || n.isPresent ? s.cloneElement(r, { ref: i }) : null;
+};
+ne.displayName = "Presence";
+function Ue(e) {
+  const [t, o] = s.useState(), n = s.useRef({}), r = s.useRef(e), i = s.useRef("none"), a = e ? "mounted" : "unmounted", [d, u] = $e(a, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return s.useEffect(() => {
+    const c = S(n.current);
+    i.current = d === "mounted" ? c : "none";
+  }, [d]), O(() => {
+    const c = n.current, p = r.current;
+    if (p !== e) {
+      const v = i.current, h = S(c);
+      e ? u("MOUNT") : h === "none" || (c == null ? void 0 : c.display) === "none" ? u("UNMOUNT") : u(p && v !== h ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
+    }
+  }, [e, u]), O(() => {
+    if (t) {
+      const c = (f) => {
+        const h = S(n.current).includes(f.animationName);
+        f.target === t && h && Ae.flushSync(() => u("ANIMATION_END"));
+      }, p = (f) => {
+        f.target === t && (i.current = S(n.current));
+      };
+      return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", c), t.addEventListener("animationend", c), () => {
+        t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", c), t.removeEventListener("animationend", c);
+      };
+    } else
+      u("ANIMATION_END");
+  }, [t, u]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(d),
+    ref: s.useCallback((c) => {
+      c && (n.current = getComputedStyle(c)), o(c);
+    }, [])
+  };
+}
+function S(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function ze(e) {
+  var n, r;
+  let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
+var We = s.useId || (() => {
+}), Fe = 0;
+function re(e) {
+  const [t, o] = s.useState(We());
+  return O(() => {
+    o((n) => n ?? String(Fe++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+var z = "Collapsible", [Ge, ie] = $(z), [Ke, W] = Ge(z), ae = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeCollapsible: o,
+      open: n,
+      defaultOpen: r,
+      disabled: i,
+      onOpenChange: a,
+      ...d
+    } = e, [u = !1, c] = U({
+      prop: n,
+      defaultProp: r,
+      onChange: a
+    });
+    return /* @__PURE__ */ l.jsx(
+      Ke,
+      {
+        scope: o,
+        disabled: i,
+        contentId: re(),
+        open: u,
+        onOpenToggle: s.useCallback(() => c((p) => !p), [c]),
+        children: /* @__PURE__ */ l.jsx(
+          j.div,
+          {
+            "data-state": G(u),
+            "data-disabled": i ? "" : void 0,
+            ...d,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+ae.displayName = z;
+var ce = "CollapsibleTrigger", se = s.forwardRef(
+  (e, t) => {
+    const { __scopeCollapsible: o, ...n } = e, r = W(ce, o);
+    return /* @__PURE__ */ l.jsx(
+      j.button,
+      {
+        type: "button",
+        "aria-controls": r.contentId,
+        "aria-expanded": r.open || !1,
+        "data-state": G(r.open),
+        "data-disabled": r.disabled ? "" : void 0,
+        disabled: r.disabled,
+        ...n,
+        ref: t,
+        onClick: te(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+se.displayName = ce;
+var F = "CollapsibleContent", le = s.forwardRef(
+  (e, t) => {
+    const { forceMount: o, ...n } = e, r = W(F, e.__scopeCollapsible);
+    return /* @__PURE__ */ l.jsx(ne, { present: o || r.open, children: ({ present: i }) => /* @__PURE__ */ l.jsx(He, { ...n, ref: t, present: i }) });
+  }
+);
+le.displayName = F;
+var He = s.forwardRef((e, t) => {
+  const { __scopeCollapsible: o, present: n, children: r, ...i } = e, a = W(F, o), [d, u] = s.useState(n), c = s.useRef(null), p = I(t, c), f = s.useRef(0), v = f.current, h = s.useRef(0), g = h.current, b = a.open || d, x = s.useRef(b), C = s.useRef();
+  return s.useEffect(() => {
+    const m = requestAnimationFrame(() => x.current = !1);
+    return () => cancelAnimationFrame(m);
+  }, []), O(() => {
+    const m = c.current;
+    if (m) {
+      C.current = C.current || {
+        transitionDuration: m.style.transitionDuration,
+        animationName: m.style.animationName
+      }, m.style.transitionDuration = "0s", m.style.animationName = "none";
+      const N = m.getBoundingClientRect();
+      f.current = N.height, h.current = N.width, x.current || (m.style.transitionDuration = C.current.transitionDuration, m.style.animationName = C.current.animationName), u(n);
+    }
+  }, [a.open, n]), /* @__PURE__ */ l.jsx(
+    j.div,
+    {
+      "data-state": G(a.open),
+      "data-disabled": a.disabled ? "" : void 0,
+      id: a.contentId,
+      hidden: !b,
+      ...i,
+      ref: p,
+      style: {
+        "--radix-collapsible-content-height": v ? `${v}px` : void 0,
+        "--radix-collapsible-content-width": g ? `${g}px` : void 0,
+        ...e.style
+      },
+      children: b && r
+    }
+  );
+});
+function G(e) {
+  return e ? "open" : "closed";
+}
+var qe = ae, Ye = se, Ze = le, Je = s.createContext(void 0);
+function Qe(e) {
+  const t = s.useContext(Je);
+  return e || t || "ltr";
+}
+var A = "Accordion", Xe = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [K, et, tt] = Be(A), [M, bt] = $(A, [
+  tt,
+  ie
+]), H = ie(), de = y.forwardRef(
+  (e, t) => {
+    const { type: o, ...n } = e, r = n, i = n;
+    return /* @__PURE__ */ l.jsx(K.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ l.jsx(it, { ...i, ref: t }) : /* @__PURE__ */ l.jsx(rt, { ...r, ref: t }) });
+  }
+);
+de.displayName = A;
+var [ue, ot] = M(A), [fe, nt] = M(
+  A,
+  { collapsible: !1 }
+), rt = y.forwardRef(
+  (e, t) => {
+    const {
+      value: o,
+      defaultValue: n,
+      onValueChange: r = () => {
+      },
+      collapsible: i = !1,
+      ...a
+    } = e, [d, u] = U({
+      prop: o,
+      defaultProp: n,
+      onChange: r
+    });
+    return /* @__PURE__ */ l.jsx(
+      ue,
+      {
+        scope: e.__scopeAccordion,
+        value: d ? [d] : [],
+        onItemOpen: u,
+        onItemClose: y.useCallback(() => i && u(""), [i, u]),
+        children: /* @__PURE__ */ l.jsx(fe, { scope: e.__scopeAccordion, collapsible: i, children: /* @__PURE__ */ l.jsx(pe, { ...a, ref: t }) })
+      }
+    );
+  }
+), it = y.forwardRef((e, t) => {
+  const {
+    value: o,
+    defaultValue: n,
+    onValueChange: r = () => {
+    },
+    ...i
+  } = e, [a = [], d] = U({
+    prop: o,
+    defaultProp: n,
+    onChange: r
+  }), u = y.useCallback(
+    (p) => d((f = []) => [...f, p]),
+    [d]
+  ), c = y.useCallback(
+    (p) => d((f = []) => f.filter((v) => v !== p)),
+    [d]
+  );
+  return /* @__PURE__ */ l.jsx(
+    ue,
+    {
+      scope: e.__scopeAccordion,
+      value: a,
+      onItemOpen: u,
+      onItemClose: c,
+      children: /* @__PURE__ */ l.jsx(fe, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ l.jsx(pe, { ...i, ref: t }) })
+    }
+  );
+}), [at, T] = M(A), pe = y.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, disabled: n, dir: r, orientation: i = "vertical", ...a } = e, d = y.useRef(null), u = I(d, t), c = et(o), f = Qe(r) === "ltr", v = te(e.onKeyDown, (h) => {
+      var Y;
+      if (!Xe.includes(h.key)) return;
+      const g = h.target, b = c().filter((D) => {
+        var Z;
+        return !((Z = D.ref.current) != null && Z.disabled);
+      }), x = b.findIndex((D) => D.ref.current === g), C = b.length;
+      if (x === -1) return;
+      h.preventDefault();
+      let m = x;
+      const N = 0, R = C - 1, P = () => {
+        m = x + 1, m > R && (m = N);
+      }, k = () => {
+        m = x - 1, m < N && (m = R);
+      };
+      switch (h.key) {
+        case "Home":
+          m = N;
+          break;
+        case "End":
+          m = R;
+          break;
+        case "ArrowRight":
+          i === "horizontal" && (f ? P() : k());
+          break;
+        case "ArrowDown":
+          i === "vertical" && P();
+          break;
+        case "ArrowLeft":
+          i === "horizontal" && (f ? k() : P());
+          break;
+        case "ArrowUp":
+          i === "vertical" && k();
+          break;
+      }
+      const we = m % C;
+      (Y = b[we].ref.current) == null || Y.focus();
+    });
+    return /* @__PURE__ */ l.jsx(
+      at,
+      {
+        scope: o,
+        disabled: n,
+        direction: r,
+        orientation: i,
+        children: /* @__PURE__ */ l.jsx(K.Slot, { scope: o, children: /* @__PURE__ */ l.jsx(
+          j.div,
+          {
+            ...a,
+            "data-orientation": i,
+            ref: u,
+            onKeyDown: n ? void 0 : v
+          }
+        ) })
+      }
+    );
+  }
+), E = "AccordionItem", [ct, q] = M(E), me = y.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, value: n, ...r } = e, i = T(E, o), a = ot(E, o), d = H(o), u = re(), c = n && a.value.includes(n) || !1, p = i.disabled || e.disabled;
+    return /* @__PURE__ */ l.jsx(
+      ct,
+      {
+        scope: o,
+        open: c,
+        disabled: p,
+        triggerId: u,
+        children: /* @__PURE__ */ l.jsx(
+          qe,
+          {
+            "data-orientation": i.orientation,
+            "data-state": ye(c),
+            ...d,
+            ...r,
+            ref: t,
+            disabled: p,
+            open: c,
+            onOpenChange: (f) => {
+              f ? a.onItemOpen(n) : a.onItemClose(n);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+me.displayName = E;
+var ve = "AccordionHeader", he = y.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...n } = e, r = T(A, o), i = q(ve, o);
+    return /* @__PURE__ */ l.jsx(
+      j.h3,
+      {
+        "data-orientation": r.orientation,
+        "data-state": ye(i.open),
+        "data-disabled": i.disabled ? "" : void 0,
+        ...n,
+        ref: t
+      }
+    );
+  }
+);
+he.displayName = ve;
+var L = "AccordionTrigger", ge = y.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...n } = e, r = T(A, o), i = q(L, o), a = nt(L, o), d = H(o);
+    return /* @__PURE__ */ l.jsx(K.ItemSlot, { scope: o, children: /* @__PURE__ */ l.jsx(
+      Ye,
+      {
+        "aria-disabled": i.open && !a.collapsible || void 0,
+        "data-orientation": r.orientation,
+        id: i.triggerId,
+        ...d,
+        ...n,
+        ref: t
+      }
+    ) });
+  }
+);
+ge.displayName = L;
+var xe = "AccordionContent", be = y.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...n } = e, r = T(A, o), i = q(xe, o), a = H(o);
+    return /* @__PURE__ */ l.jsx(
+      Ze,
+      {
+        role: "region",
+        "aria-labelledby": i.triggerId,
+        "data-orientation": r.orientation,
+        ...a,
+        ...n,
+        ref: t,
+        style: {
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+          ...e.style
+        }
+      }
+    );
+  }
+);
+be.displayName = xe;
+function ye(e) {
+  return e ? "open" : "closed";
+}
+var st = de, lt = me, dt = he, ut = ge, ft = be;
+const pt = {
+  arrows: {
+    filePath: "arrows.svg",
+    items: {
+      arrowCircle: {
+        viewBox: "0 0 32 32",
+        width: 32,
+        height: 32
+      },
+      arrowLink: {
+        viewBox: "0 0 24 24",
+        width: 24,
+        height: 24
+      },
+      arrowRight: {
+        viewBox: "0 0 16 17",
+        width: 16,
+        height: 17
+      }
+    }
+  },
+  brandLogos: {
+    filePath: "brandLogos.svg",
+    items: {
+      logoBlack: {
+        viewBox: "0 0 194 32",
+        width: 194,
+        height: 32
+      },
+      logoBusiness: {
+        viewBox: "0 0 192 32",
+        width: 192,
+        height: 32
+      },
+      logoGray: {
+        viewBox: "0 0 194 32",
+        width: 194,
+        height: 32
+      },
+      logoInsurance: {
+        viewBox: "0 0 193 32",
+        width: 193,
+        height: 32
+      },
+      logoMain: {
+        viewBox: "0 0 192 32",
+        width: 192,
+        height: 32
+      },
+      logoWhite: {
+        viewBox: "0 0 194 32",
+        width: 194,
+        height: 32
+      }
+    }
+  },
+  files: {
+    filePath: "files.svg",
+    items: {
+      documentFilled: {
+        viewBox: "0 0 22 28",
+        width: 22,
+        height: 28
+      },
+      documentOutline: {
+        viewBox: "0 0 22 28",
+        width: 22,
+        height: 28
+      }
+    }
+  },
+  general: {
+    filePath: "general.svg",
+    items: {
+      calendar: {
+        viewBox: "0 0 19 20",
+        width: 19,
+        height: 20
+      },
+      check: {
+        viewBox: "0 0 24 24",
+        width: 800,
+        height: 800
+      },
+      close: {
+        viewBox: "0 0 24 24",
+        width: 24,
+        height: 24
+      }
+    }
+  },
+  info: {
+    filePath: "info.svg",
+    items: {
+      warningCircle: {
+        viewBox: "0 0 20 20",
+        width: 20,
+        height: 20
+      }
+    }
+  }
+}, mt = (e) => {
+  const [t, o] = e.split("/"), {
+    filePath: n,
+    items: {
+      [o]: { viewBox: r, width: i, height: a }
+    }
+  } = pt[t], d = i === a ? "xy" : i > a ? "x" : "y";
+  return { filePath: n, iconName: o, viewBox: r, axis: d };
+}, vt = ({ name: e, className: t, ...o }) => {
+  const { viewBox: n, filePath: r, iconName: i, axis: a } = mt(e);
+  return /* @__PURE__ */ l.jsx(
+    "svg",
+    {
+      className: w("select-none fill-current inline-block text-inherit size-6", t),
+      focusable: "false",
+      viewBox: n,
+      "aria-hidden": !0,
+      "data-axis": a,
+      ...o,
+      children: /* @__PURE__ */ l.jsx("use", { href: `sprites/${r}#${i}` })
+    }
+  );
+}, Ce = s.forwardRef(
+  ({ children: e, classes: t, ...o }, n) => /* @__PURE__ */ l.jsx(dt, { className: w("rounded-sm bg-color-primary-light-default", t == null ? void 0 : t.header), children: /* @__PURE__ */ l.jsxs(
+    ut,
+    {
+      ref: n,
+      className: w(
+        "outline-0 bg-color-transparent flex items-center justify-between gap-5 w-full cursor-pointer py-5 px-6 border border-transparent border-solid rounded-sm focus:border-primary-default group",
+        t == null ? void 0 : t.trigger
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ l.jsx("div", { className: w("desk-body-medium-l text-color-dark", t == null ? void 0 : t.inner), children: e }),
+        /* @__PURE__ */ l.jsx(
+          vt,
+          {
+            name: "arrows/arrowCircle",
+            className: w("group-data-[state=open]:rotate-180 transition-all text-icon-blue-grey-800 size-8", t == null ? void 0 : t.icon)
+          }
+        )
+      ]
+    }
+  ) })
+);
+Ce.displayName = "AccordionHeader";
+const yt = ({ children: e, label: t, classes: o, defaultOpen: n }) => /* @__PURE__ */ l.jsx(st, { className: w("flex gap-5 flex-col", o == null ? void 0 : o.accordion), type: "multiple", defaultValue: n, children: /* @__PURE__ */ l.jsxs(lt, { className: w("w-full disabled:text-color-dark", o == null ? void 0 : o.item), value: t.toString(), children: [
+  /* @__PURE__ */ l.jsx(Ce, { classes: o, children: t }),
+  /* @__PURE__ */ l.jsx(
+    ft,
+    {
+      className: w(
+        "desk-body-regular-l text-color-dark overflow-hidden transition-all data-[state=closed]:animate-slideUp data-[state=open]:animate-slideDown bg-color-transparent",
+        o == null ? void 0 : o.content
+      ),
+      children: /* @__PURE__ */ l.jsx("div", { className: w("p-6", o == null ? void 0 : o.contentInner), children: e })
+    }
+  )
+] }) });
+export {
+  yt as Accordion,
+  xt as Button
+};