commerce-toolkit 0.0.0 → 0.0.3

package/dist/index.js

@@ -0,0 +1,776 @@
+import { jsx as l, jsxs as V } from "react/jsx-runtime";
+import * as i from "react";
+import h, { useState as Ae, useEffect as xe, createContext as be, useContext as ye } from "react";
+import "react-dom";
+function vt({ colorScheme: e = "light", items: t, ...o }) {
+  return /* @__PURE__ */ l(ut, { colorScheme: e, children: /* @__PURE__ */ l(st, { ...o, children: t.map((n, r) => /* @__PURE__ */ V(at, { value: n.title, children: [
+    /* @__PURE__ */ l(dt, { children: n.title }),
+    /* @__PURE__ */ l(lt, { children: n.content })
+  ] }, r)) }) });
+}
+function W(e, t = []) {
+  let o = [];
+  function n(c, s) {
+    const a = i.createContext(s), d = o.length;
+    o = [...o, s];
+    const u = (f) => {
+      const { scope: A, children: v, ...b } = f, C = A?.[e]?.[d] || a, g = i.useMemo(() => b, Object.values(b));
+      return /* @__PURE__ */ l(C.Provider, { value: g, children: v });
+    };
+    u.displayName = c + "Provider";
+    function p(f, A) {
+      const v = A?.[e]?.[d] || a, b = i.useContext(v);
+      if (b) return b;
+      if (s !== void 0) return s;
+      throw new Error(`\`${f}\` must be used within \`${c}\``);
+    }
+    return [u, p];
+  }
+  const r = () => {
+    const c = o.map((s) => i.createContext(s));
+    return function(a) {
+      const d = a?.[e] || c;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...a, [e]: d } }),
+        [a, d]
+      );
+    };
+  };
+  return r.scopeName = e, [n, Ne(r, ...t)];
+}
+function Ne(...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(c) {
+      const s = n.reduce((a, { useScope: d, scopeName: u }) => {
+        const f = d(c)[`__scope${u}`];
+        return { ...a, ...f };
+      }, {});
+      return i.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+    };
+  };
+  return o.scopeName = t.scopeName, o;
+}
+function Z(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function J(...e) {
+  return (t) => {
+    let o = !1;
+    const n = e.map((r) => {
+      const c = Z(r, t);
+      return !o && typeof c == "function" && (o = !0), c;
+    });
+    if (o)
+      return () => {
+        for (let r = 0; r < n.length; r++) {
+          const c = n[r];
+          typeof c == "function" ? c() : Z(e[r], null);
+        }
+      };
+  };
+}
+function w(...e) {
+  return i.useCallback(J(...e), e);
+}
+// @__NO_SIDE_EFFECTS__
+function U(e) {
+  const t = /* @__PURE__ */ Re(e), o = i.forwardRef((n, r) => {
+    const { children: c, ...s } = n, a = i.Children.toArray(c), d = a.find(Se);
+    if (d) {
+      const u = d.props.children, p = a.map((f) => f === d ? i.Children.count(u) > 1 ? i.Children.only(null) : i.isValidElement(u) ? u.props.children : null : f);
+      return /* @__PURE__ */ l(t, { ...s, ref: r, children: i.isValidElement(u) ? i.cloneElement(u, void 0, p) : null });
+    }
+    return /* @__PURE__ */ l(t, { ...s, ref: r, children: c });
+  });
+  return o.displayName = `${e}.Slot`, o;
+}
+// @__NO_SIDE_EFFECTS__
+function Re(e) {
+  const t = i.forwardRef((o, n) => {
+    const { children: r, ...c } = o;
+    if (i.isValidElement(r)) {
+      const s = Pe(r), a = we(c, r.props);
+      return r.type !== i.Fragment && (a.ref = n ? J(n, s) : s), i.cloneElement(r, a);
+    }
+    return i.Children.count(r) > 1 ? i.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var Ie = Symbol("radix.slottable");
+function Se(e) {
+  return i.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ie;
+}
+function we(e, t) {
+  const o = { ...t };
+  for (const n in t) {
+    const r = e[n], c = t[n];
+    /^on[A-Z]/.test(n) ? r && c ? o[n] = (...a) => {
+      const d = c(...a);
+      return r(...a), d;
+    } : r && (o[n] = r) : n === "style" ? o[n] = { ...r, ...c } : n === "className" && (o[n] = [r, c].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function Pe(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
+function Ee(e) {
+  const t = e + "CollectionProvider", [o, n] = W(t), [r, c] = o(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), s = (C) => {
+    const { scope: g, children: y } = C, m = h.useRef(null), x = h.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ l(r, { scope: g, itemMap: x, collectionRef: m, children: y });
+  };
+  s.displayName = t;
+  const a = e + "CollectionSlot", d = /* @__PURE__ */ U(a), u = h.forwardRef(
+    (C, g) => {
+      const { scope: y, children: m } = C, x = c(a, y), N = w(g, x.collectionRef);
+      return /* @__PURE__ */ l(d, { ref: N, children: m });
+    }
+  );
+  u.displayName = a;
+  const p = e + "CollectionItemSlot", f = "data-radix-collection-item", A = /* @__PURE__ */ U(p), v = h.forwardRef(
+    (C, g) => {
+      const { scope: y, children: m, ...x } = C, N = h.useRef(null), S = w(g, N), I = c(p, y);
+      return h.useEffect(() => (I.itemMap.set(N, { ref: N, ...x }), () => void I.itemMap.delete(N))), /* @__PURE__ */ l(A, { [f]: "", ref: S, children: m });
+    }
+  );
+  v.displayName = p;
+  function b(C) {
+    const g = c(e + "CollectionConsumer", C);
+    return h.useCallback(() => {
+      const m = g.collectionRef.current;
+      if (!m) return [];
+      const x = Array.from(m.querySelectorAll(`[${f}]`));
+      return Array.from(g.itemMap.values()).sort(
+        (I, $) => x.indexOf(I.ref.current) - x.indexOf($.ref.current)
+      );
+    }, [g.collectionRef, g.itemMap]);
+  }
+  return [
+    { Provider: s, Slot: u, ItemSlot: v },
+    b,
+    n
+  ];
+}
+function Q(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
+  return function(r) {
+    if (e?.(r), o === !1 || !r.defaultPrevented)
+      return t?.(r);
+  };
+}
+var P = globalThis?.document ? i.useLayoutEffect : () => {
+}, _e = i[" useInsertionEffect ".trim().toString()] || P;
+function H({
+  prop: e,
+  defaultProp: t,
+  onChange: o = () => {
+  },
+  caller: n
+}) {
+  const [r, c, s] = Me({
+    defaultProp: t,
+    onChange: o
+  }), a = e !== void 0, d = a ? e : r;
+  {
+    const p = i.useRef(e !== void 0);
+    i.useEffect(() => {
+      const f = p.current;
+      f !== a && console.warn(
+        `${n} is changing from ${f ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), p.current = a;
+    }, [a, n]);
+  }
+  const u = i.useCallback(
+    (p) => {
+      if (a) {
+        const f = Oe(p) ? p(e) : p;
+        f !== e && s.current?.(f);
+      } else
+        c(p);
+    },
+    [a, e, c, s]
+  );
+  return [d, u];
+}
+function Me({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [o, n] = i.useState(e), r = i.useRef(o), c = i.useRef(t);
+  return _e(() => {
+    c.current = t;
+  }, [t]), i.useEffect(() => {
+    r.current !== o && (c.current?.(o), r.current = o);
+  }, [o, r]), [o, n, c];
+}
+function Oe(e) {
+  return typeof e == "function";
+}
+var Te = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], _ = Te.reduce((e, t) => {
+  const o = /* @__PURE__ */ U(`Primitive.${t}`), n = i.forwardRef((r, c) => {
+    const { asChild: s, ...a } = r, d = s ? o : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(d, { ...a, ref: c });
+  });
+  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+}, {});
+function ke(e, t) {
+  return i.useReducer((o, n) => t[o][n] ?? o, e);
+}
+var X = (e) => {
+  const { present: t, children: o } = e, n = De(t), r = typeof o == "function" ? o({ present: n.isPresent }) : i.Children.only(o), c = w(n.ref, $e(r));
+  return typeof o == "function" || n.isPresent ? i.cloneElement(r, { ref: c }) : null;
+};
+X.displayName = "Presence";
+function De(e) {
+  const [t, o] = i.useState(), n = i.useRef(null), r = i.useRef(e), c = i.useRef("none"), s = e ? "mounted" : "unmounted", [a, d] = ke(s, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return i.useEffect(() => {
+    const u = M(n.current);
+    c.current = a === "mounted" ? u : "none";
+  }, [a]), P(() => {
+    const u = n.current, p = r.current;
+    if (p !== e) {
+      const A = c.current, v = M(u);
+      e ? d("MOUNT") : v === "none" || u?.display === "none" ? d("UNMOUNT") : d(p && A !== v ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
+    }
+  }, [e, d]), P(() => {
+    if (t) {
+      let u;
+      const p = t.ownerDocument.defaultView ?? window, f = (v) => {
+        const C = M(n.current).includes(CSS.escape(v.animationName));
+        if (v.target === t && C && (d("ANIMATION_END"), !r.current)) {
+          const g = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", u = p.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = g);
+          });
+        }
+      }, A = (v) => {
+        v.target === t && (c.current = M(n.current));
+      };
+      return t.addEventListener("animationstart", A), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        p.clearTimeout(u), t.removeEventListener("animationstart", A), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      };
+    } else
+      d("ANIMATION_END");
+  }, [t, d]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(a),
+    ref: i.useCallback((u) => {
+      n.current = u ? getComputedStyle(u) : null, o(u);
+    }, [])
+  };
+}
+function M(e) {
+  return e?.animationName || "none";
+}
+function $e(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
+var Le = i[" useId ".trim().toString()] || (() => {
+}), Ve = 0;
+function ee(e) {
+  const [t, o] = i.useState(Le());
+  return P(() => {
+    o((n) => n ?? String(Ve++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+var T = "Collapsible", [Ue, te] = W(T), [Fe, j] = Ue(T), oe = i.forwardRef(
+  (e, t) => {
+    const {
+      __scopeCollapsible: o,
+      open: n,
+      defaultOpen: r,
+      disabled: c,
+      onOpenChange: s,
+      ...a
+    } = e, [d, u] = H({
+      prop: n,
+      defaultProp: r ?? !1,
+      onChange: s,
+      caller: T
+    });
+    return /* @__PURE__ */ l(
+      Fe,
+      {
+        scope: o,
+        disabled: c,
+        contentId: ee(),
+        open: d,
+        onOpenToggle: i.useCallback(() => u((p) => !p), [u]),
+        children: /* @__PURE__ */ l(
+          _.div,
+          {
+            "data-state": G(d),
+            "data-disabled": c ? "" : void 0,
+            ...a,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+oe.displayName = T;
+var ne = "CollapsibleTrigger", re = i.forwardRef(
+  (e, t) => {
+    const { __scopeCollapsible: o, ...n } = e, r = j(ne, o);
+    return /* @__PURE__ */ l(
+      _.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: Q(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+re.displayName = ne;
+var B = "CollapsibleContent", ce = i.forwardRef(
+  (e, t) => {
+    const { forceMount: o, ...n } = e, r = j(B, e.__scopeCollapsible);
+    return /* @__PURE__ */ l(X, { present: o || r.open, children: ({ present: c }) => /* @__PURE__ */ l(We, { ...n, ref: t, present: c }) });
+  }
+);
+ce.displayName = B;
+var We = i.forwardRef((e, t) => {
+  const { __scopeCollapsible: o, present: n, children: r, ...c } = e, s = j(B, o), [a, d] = i.useState(n), u = i.useRef(null), p = w(t, u), f = i.useRef(0), A = f.current, v = i.useRef(0), b = v.current, C = s.open || a, g = i.useRef(C), y = i.useRef(void 0);
+  return i.useEffect(() => {
+    const m = requestAnimationFrame(() => g.current = !1);
+    return () => cancelAnimationFrame(m);
+  }, []), P(() => {
+    const m = u.current;
+    if (m) {
+      y.current = y.current || {
+        transitionDuration: m.style.transitionDuration,
+        animationName: m.style.animationName
+      }, m.style.transitionDuration = "0s", m.style.animationName = "none";
+      const x = m.getBoundingClientRect();
+      f.current = x.height, v.current = x.width, g.current || (m.style.transitionDuration = y.current.transitionDuration, m.style.animationName = y.current.animationName), d(n);
+    }
+  }, [s.open, n]), /* @__PURE__ */ l(
+    _.div,
+    {
+      "data-state": G(s.open),
+      "data-disabled": s.disabled ? "" : void 0,
+      id: s.contentId,
+      hidden: !C,
+      ...c,
+      ref: p,
+      style: {
+        "--radix-collapsible-content-height": A ? `${A}px` : void 0,
+        "--radix-collapsible-content-width": b ? `${b}px` : void 0,
+        ...e.style
+      },
+      children: C && r
+    }
+  );
+});
+function G(e) {
+  return e ? "open" : "closed";
+}
+var He = oe, je = re, Be = ce, Ge = i.createContext(void 0);
+function Ke(e) {
+  const t = i.useContext(Ge);
+  return e || t || "ltr";
+}
+var R = "Accordion", qe = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [K, ze, Ye] = Ee(R), [k] = W(R, [
+  Ye,
+  te
+]), q = te(), ie = h.forwardRef(
+  (e, t) => {
+    const { type: o, ...n } = e, r = n, c = n;
+    return /* @__PURE__ */ l(K.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ l(Xe, { ...c, ref: t }) : /* @__PURE__ */ l(Qe, { ...r, ref: t }) });
+  }
+);
+ie.displayName = R;
+var [ae, Ze] = k(R), [se, Je] = k(
+  R,
+  { collapsible: !1 }
+), Qe = h.forwardRef(
+  (e, t) => {
+    const {
+      value: o,
+      defaultValue: n,
+      onValueChange: r = () => {
+      },
+      collapsible: c = !1,
+      ...s
+    } = e, [a, d] = H({
+      prop: o,
+      defaultProp: n ?? "",
+      onChange: r,
+      caller: R
+    });
+    return /* @__PURE__ */ l(
+      ae,
+      {
+        scope: e.__scopeAccordion,
+        value: h.useMemo(() => a ? [a] : [], [a]),
+        onItemOpen: d,
+        onItemClose: h.useCallback(() => c && d(""), [c, d]),
+        children: /* @__PURE__ */ l(se, { scope: e.__scopeAccordion, collapsible: c, children: /* @__PURE__ */ l(le, { ...s, ref: t }) })
+      }
+    );
+  }
+), Xe = h.forwardRef((e, t) => {
+  const {
+    value: o,
+    defaultValue: n,
+    onValueChange: r = () => {
+    },
+    ...c
+  } = e, [s, a] = H({
+    prop: o,
+    defaultProp: n ?? [],
+    onChange: r,
+    caller: R
+  }), d = h.useCallback(
+    (p) => a((f = []) => [...f, p]),
+    [a]
+  ), u = h.useCallback(
+    (p) => a((f = []) => f.filter((A) => A !== p)),
+    [a]
+  );
+  return /* @__PURE__ */ l(
+    ae,
+    {
+      scope: e.__scopeAccordion,
+      value: s,
+      onItemOpen: d,
+      onItemClose: u,
+      children: /* @__PURE__ */ l(se, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ l(le, { ...c, ref: t }) })
+    }
+  );
+}), [et, D] = k(R), le = h.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, disabled: n, dir: r, orientation: c = "vertical", ...s } = e, a = h.useRef(null), d = w(a, t), u = ze(o), f = Ke(r) === "ltr", A = Q(e.onKeyDown, (v) => {
+      if (!qe.includes(v.key)) return;
+      const b = v.target, C = u().filter((L) => !L.ref.current?.disabled), g = C.findIndex((L) => L.ref.current === b), y = C.length;
+      if (g === -1) return;
+      v.preventDefault();
+      let m = g;
+      const x = 0, N = y - 1, S = () => {
+        m = g + 1, m > N && (m = x);
+      }, I = () => {
+        m = g - 1, m < x && (m = N);
+      };
+      switch (v.key) {
+        case "Home":
+          m = x;
+          break;
+        case "End":
+          m = N;
+          break;
+        case "ArrowRight":
+          c === "horizontal" && (f ? S() : I());
+          break;
+        case "ArrowDown":
+          c === "vertical" && S();
+          break;
+        case "ArrowLeft":
+          c === "horizontal" && (f ? I() : S());
+          break;
+        case "ArrowUp":
+          c === "vertical" && I();
+          break;
+      }
+      const $ = m % y;
+      C[$].ref.current?.focus();
+    });
+    return /* @__PURE__ */ l(
+      et,
+      {
+        scope: o,
+        disabled: n,
+        direction: r,
+        orientation: c,
+        children: /* @__PURE__ */ l(K.Slot, { scope: o, children: /* @__PURE__ */ l(
+          _.div,
+          {
+            ...s,
+            "data-orientation": c,
+            ref: d,
+            onKeyDown: n ? void 0 : A
+          }
+        ) })
+      }
+    );
+  }
+), O = "AccordionItem", [tt, z] = k(O), de = h.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, value: n, ...r } = e, c = D(O, o), s = Ze(O, o), a = q(o), d = ee(), u = n && s.value.includes(n) || !1, p = c.disabled || e.disabled;
+    return /* @__PURE__ */ l(
+      tt,
+      {
+        scope: o,
+        open: u,
+        disabled: p,
+        triggerId: d,
+        children: /* @__PURE__ */ l(
+          He,
+          {
+            "data-orientation": c.orientation,
+            "data-state": ge(u),
+            ...a,
+            ...r,
+            ref: t,
+            disabled: p,
+            open: u,
+            onOpenChange: (f) => {
+              f ? s.onItemOpen(n) : s.onItemClose(n);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+de.displayName = O;
+var ue = "AccordionHeader", fe = h.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...n } = e, r = D(R, o), c = z(ue, o);
+    return /* @__PURE__ */ l(
+      _.h3,
+      {
+        "data-orientation": r.orientation,
+        "data-state": ge(c.open),
+        "data-disabled": c.disabled ? "" : void 0,
+        ...n,
+        ref: t
+      }
+    );
+  }
+);
+fe.displayName = ue;
+var F = "AccordionTrigger", pe = h.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...n } = e, r = D(R, o), c = z(F, o), s = Je(F, o), a = q(o);
+    return /* @__PURE__ */ l(K.ItemSlot, { scope: o, children: /* @__PURE__ */ l(
+      je,
+      {
+        "aria-disabled": c.open && !s.collapsible || void 0,
+        "data-orientation": r.orientation,
+        id: c.triggerId,
+        ...a,
+        ...n,
+        ref: t
+      }
+    ) });
+  }
+);
+pe.displayName = F;
+var me = "AccordionContent", ve = h.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...n } = e, r = D(R, o), c = z(me, o), s = q(o);
+    return /* @__PURE__ */ l(
+      Be,
+      {
+        role: "region",
+        "aria-labelledby": c.triggerId,
+        "data-orientation": r.orientation,
+        ...s,
+        ...n,
+        ref: t,
+        style: {
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+          ...e.style
+        }
+      }
+    );
+  }
+);
+ve.displayName = me;
+function ge(e) {
+  return e ? "open" : "closed";
+}
+var ot = ie, nt = de, rt = fe, ct = pe, it = ve;
+function he(e) {
+  var t, o, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var r = e.length;
+    for (t = 0; t < r; t++) e[t] && (o = he(e[t])) && (n && (n += " "), n += o);
+  } else for (o in e) e[o] && (n && (n += " "), n += o);
+  return n;
+}
+function E() {
+  for (var e, t, o = 0, n = "", r = arguments.length; o < r; o++) (e = arguments[o]) && (t = he(e)) && (n && (n += " "), n += t);
+  return n;
+}
+function at({ children: e, className: t, ...o }) {
+  const { colorScheme: n } = Y();
+  return /* @__PURE__ */ l(
+    nt,
+    {
+      className: E(
+        "focus:outline-2 has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-[var(--accordion-focus,hsl(var(--primary)))] has-[:focus-visible]:ring-offset-4",
+        {
+          light: "ring-offset-[var(--acordion-light-offset,hsl(var(--background)))]",
+          dark: "ring-offset-[var(--acordion-dark-offset,hsl(var(--foreground)))]"
+        }[n],
+        t
+      ),
+      "data-slot": "accordion-item",
+      ...o,
+      children: e
+    }
+  );
+}
+function st({ ...e }) {
+  return /* @__PURE__ */ l(ot, { "data-slot": "accordion-root", ...e });
+}
+function lt({ children: e, ...t }) {
+  const { colorScheme: o } = Y(), [n, r] = Ae(!1);
+  return xe(() => {
+    r(!0);
+  }, []), /* @__PURE__ */ l(
+    it,
+    {
+      className: E(
+        "overflow-hidden",
+        // We need to delay the animation until the component is mounted to avoid the animation from being triggered when the component is first rendered.
+        n && "data-[state=closed]:animate-collapse data-[state=open]:animate-expand"
+      ),
+      ...t,
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          className: E(
+            "py-3 text-base font-[var(--accordion-content-font-family,var(--font-family-body))] font-light leading-normal",
+            {
+              light: "text-[var(--accordion-light-content-text,hsl(var(--foreground)))]",
+              dark: "text-[var(--accordion-dark-content-text,hsl(var(--background)))]"
+            }[o]
+          ),
+          children: e
+        }
+      )
+    }
+  );
+}
+function dt({ children: e, ...t }) {
+  const { colorScheme: o } = Y();
+  return /* @__PURE__ */ l(rt, { children: /* @__PURE__ */ V(
+    ct,
+    {
+      className: "group flex w-full cursor-pointer items-start gap-8 border-none py-3 text-start focus:outline-none @md:py-4",
+      "data-slot": "accordion-trigger",
+      ...t,
+      children: [
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: E(
+              "flex-1 select-none text-sm font-[var(--accordion-title-font-family,var(--font-family-mono))] font-normal uppercase transition-colors duration-300 ease-out",
+              {
+                light: "text-[var(--accordion-light-title-text,hsl(var(--contrast-400)))] group-hover:text-[var(--accordion-light-title-text-hover,hsl(var(--foreground)))]",
+                dark: "text-[var(--accordion-dark-title-text,hsl(var(--contrast-200)))] group-hover:text-[var(--accordion-dark-title-text-hover,hsl(var(--background)))]"
+              }[o]
+            ),
+            children: e
+          }
+        ),
+        /* @__PURE__ */ V(
+          "svg",
+          {
+            className: E(
+              "mt-1 shrink-0 [&>line]:origin-center [&>line]:transition [&>line]:duration-300 [&>line]:ease-out",
+              {
+                light: "stroke-[var(--accordion-light-title-icon,hsl(var(--contrast-500)))] group-hover:stroke-[var(--accordion-light-title-icon-hover,hsl(var(--foreground)))]",
+                dark: "stroke-[var(--accordion-dark-title-icon,hsl(var(--contrast-200)))] group-hover:stroke-[var(--accordion-dark-title-icon-hover,hsl(var(--background)))]"
+              }[o]
+            ),
+            "data-slot": "accordion-chevron",
+            viewBox: "0 0 10 10",
+            width: 16,
+            children: [
+              /* @__PURE__ */ l(
+                "line",
+                {
+                  className: "group-data-[state=open]:-translate-y-[3px] group-data-[state=open]:-rotate-90",
+                  strokeLinecap: "round",
+                  x1: 2,
+                  x2: 5,
+                  y1: 2,
+                  y2: 5
+                }
+              ),
+              /* @__PURE__ */ l(
+                "line",
+                {
+                  className: "group-data-[state=open]:-translate-y-[3px] group-data-[state=open]:rotate-90",
+                  strokeLinecap: "round",
+                  x1: 8,
+                  x2: 5,
+                  y1: 2,
+                  y2: 5
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
+const Ce = be(void 0);
+function ut({ children: e, colorScheme: t = "light" }) {
+  return /* @__PURE__ */ l(Ce, { value: { colorScheme: t }, children: e });
+}
+function Y() {
+  const e = ye(Ce);
+  if (e === void 0)
+    throw new Error("useAccordionContext must be used within an AccordionProvider");
+  return e;
+}
+export {
+  vt as Accordion
+};
+//# sourceMappingURL=index.js.map