@pfct/purple 1.5.0-npm-next.0 → 1.5.0-npm-next.2

package/dist/components/Accordion/index.es.js

@@ -0,0 +1,885 @@
+import { j as d } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import * as c from "react";
+import h from "react";
+import "react-dom";
+import { c as M } from "../../chunks/utils.B9KdtH6G.js";
+import "../../icons/src/icons/Alarm_fill.es.js";
+import "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+import "../../icons/src/icons/Check.es.js";
+import Ae from "../../icons/src/icons/Chevron_down.es.js";
+import "../../icons/src/icons/Chevron_up.es.js";
+import "../../icons/src/icons/Chevron_left.es.js";
+import "../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
+import "../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../icons/src/icons/Chevron_right.es.js";
+import "../../icons/src/icons/Filter.es.js";
+import "../../icons/src/icons/Plus.es.js";
+import "../../icons/src/icons/Question_circle.es.js";
+import "../../icons/src/icons/Re.es.js";
+import "../../icons/src/icons/Person_fill.es.js";
+import "../../icons/src/icons/Menu.es.js";
+import "../../icons/src/icons/Setting_fill.es.js";
+import "../../icons/src/icons/Information.es.js";
+import "../../icons/src/icons/Eye_fill.es.js";
+import "../../icons/src/icons/More.es.js";
+import "../../icons/src/icons/Store.es.js";
+import "../../icons/src/icons/Share.es.js";
+import "../../icons/src/icons/Search.es.js";
+function V(e, t = []) {
+  let o = [];
+  function r(i, l) {
+    const s = c.createContext(l), a = o.length;
+    o = [...o, l];
+    const u = (f) => {
+      var y;
+      const { scope: C, children: v, ...A } = f, g = ((y = C == null ? void 0 : C[e]) == null ? void 0 : y[a]) || s, x = c.useMemo(() => A, Object.values(A));
+      return /* @__PURE__ */ d.jsx(g.Provider, { value: x, children: v });
+    };
+    u.displayName = i + "Provider";
+    function p(f, C) {
+      var g;
+      const v = ((g = C == null ? void 0 : C[e]) == null ? void 0 : g[a]) || s, A = c.useContext(v);
+      if (A) return A;
+      if (l !== void 0) return l;
+      throw new Error(`\`${f}\` must be used within \`${i}\``);
+    }
+    return [u, p];
+  }
+  const n = () => {
+    const i = o.map((l) => c.createContext(l));
+    return function(s) {
+      const a = (s == null ? void 0 : s[e]) || i;
+      return c.useMemo(
+        () => ({ [`__scope${e}`]: { ...s, [e]: a } }),
+        [s, a]
+      );
+    };
+  };
+  return n.scopeName = e, [r, Re(n, ...t)];
+}
+function Re(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const o = () => {
+    const r = e.map((n) => ({
+      useScope: n(),
+      scopeName: n.scopeName
+    }));
+    return function(i) {
+      const l = r.reduce((s, { useScope: a, scopeName: u }) => {
+        const f = a(i)[`__scope${u}`];
+        return { ...s, ...f };
+      }, {});
+      return c.useMemo(() => ({ [`__scope${t.scopeName}`]: l }), [l]);
+    };
+  };
+  return o.scopeName = t.scopeName, o;
+}
+function z(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function H(...e) {
+  return (t) => {
+    let o = !1;
+    const r = e.map((n) => {
+      const i = z(n, t);
+      return !o && typeof i == "function" && (o = !0), i;
+    });
+    if (o)
+      return () => {
+        for (let n = 0; n < r.length; n++) {
+          const i = r[n];
+          typeof i == "function" ? i() : z(e[n], null);
+        }
+      };
+  };
+}
+function Y(...e) {
+  return c.useCallback(H(...e), e);
+}
+// @__NO_SIDE_EFFECTS__
+function J(e) {
+  const t = /* @__PURE__ */ Ne(e), o = c.forwardRef((r, n) => {
+    const { children: i, ...l } = r, s = c.Children.toArray(i), a = s.find(Ie);
+    if (a) {
+      const u = a.props.children, p = s.map((f) => f === a ? c.Children.count(u) > 1 ? c.Children.only(null) : c.isValidElement(u) ? u.props.children : null : f);
+      return /* @__PURE__ */ d.jsx(t, { ...l, ref: n, children: c.isValidElement(u) ? c.cloneElement(u, void 0, p) : null });
+    }
+    return /* @__PURE__ */ d.jsx(t, { ...l, ref: n, children: i });
+  });
+  return o.displayName = `${e}.Slot`, o;
+}
+// @__NO_SIDE_EFFECTS__
+function Ne(e) {
+  const t = c.forwardRef((o, r) => {
+    const { children: n, ...i } = o;
+    if (c.isValidElement(n)) {
+      const l = Pe(n), s = we(i, n.props);
+      return n.type !== c.Fragment && (s.ref = r ? H(r, l) : l), c.cloneElement(n, s);
+    }
+    return c.Children.count(n) > 1 ? c.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var Se = Symbol("radix.slottable");
+function Ie(e) {
+  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Se;
+}
+function we(e, t) {
+  const o = { ...t };
+  for (const r in t) {
+    const n = e[r], i = t[r];
+    /^on[A-Z]/.test(r) ? n && i ? o[r] = (...s) => {
+      const a = i(...s);
+      return n(...s), a;
+    } : n && (o[r] = n) : r === "style" ? o[r] = { ...n, ...i } : r === "className" && (o[r] = [n, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function Pe(e) {
+  var r, n;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.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, r] = V(t), [n, i] = o(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), l = (g) => {
+    const { scope: x, children: y } = g, m = h.useRef(null), b = h.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ d.jsx(n, { scope: x, itemMap: b, collectionRef: m, children: y });
+  };
+  l.displayName = t;
+  const s = e + "CollectionSlot", a = /* @__PURE__ */ J(s), u = h.forwardRef(
+    (g, x) => {
+      const { scope: y, children: m } = g, b = i(s, y), R = Y(x, b.collectionRef);
+      return /* @__PURE__ */ d.jsx(a, { ref: R, children: m });
+    }
+  );
+  u.displayName = s;
+  const p = e + "CollectionItemSlot", f = "data-radix-collection-item", C = /* @__PURE__ */ J(p), v = h.forwardRef(
+    (g, x) => {
+      const { scope: y, children: m, ...b } = g, R = h.useRef(null), I = Y(x, R), S = i(p, y);
+      return h.useEffect(() => (S.itemMap.set(R, { ref: R, ...b }), () => void S.itemMap.delete(R))), /* @__PURE__ */ d.jsx(C, { [f]: "", ref: I, children: m });
+    }
+  );
+  v.displayName = p;
+  function A(g) {
+    const x = i(e + "CollectionConsumer", g);
+    return h.useCallback(() => {
+      const m = x.collectionRef.current;
+      if (!m) return [];
+      const b = Array.from(m.querySelectorAll(`[${f}]`));
+      return Array.from(x.itemMap.values()).sort(
+        (S, $) => b.indexOf(S.ref.current) - b.indexOf($.ref.current)
+      );
+    }, [x.collectionRef, x.itemMap]);
+  }
+  return [
+    { Provider: l, Slot: u, ItemSlot: v },
+    A,
+    r
+  ];
+}
+function Q(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function ee(...e) {
+  return (t) => {
+    let o = !1;
+    const r = e.map((n) => {
+      const i = Q(n, t);
+      return !o && typeof i == "function" && (o = !0), i;
+    });
+    if (o)
+      return () => {
+        for (let n = 0; n < r.length; n++) {
+          const i = r[n];
+          typeof i == "function" ? i() : Q(e[n], null);
+        }
+      };
+  };
+}
+function _e(...e) {
+  return c.useCallback(ee(...e), e);
+}
+function Oe(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
+  return function(n) {
+    if (e == null || e(n), o === !1 || !n.defaultPrevented)
+      return t == null ? void 0 : t(n);
+  };
+}
+var w = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
+}, je = c[" useInsertionEffect ".trim().toString()] || w;
+function L({
+  prop: e,
+  defaultProp: t,
+  onChange: o = () => {
+  },
+  caller: r
+}) {
+  const [n, i, l] = $e({
+    defaultProp: t,
+    onChange: o
+  }), s = e !== void 0, a = s ? e : n;
+  {
+    const p = c.useRef(e !== void 0);
+    c.useEffect(() => {
+      const f = p.current;
+      f !== s && console.warn(
+        `${r} is changing from ${f ? "controlled" : "uncontrolled"} to ${s ? "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 = s;
+    }, [s, r]);
+  }
+  const u = c.useCallback(
+    (p) => {
+      var f;
+      if (s) {
+        const C = Te(p) ? p(e) : p;
+        C !== e && ((f = l.current) == null || f.call(l, C));
+      } else
+        i(p);
+    },
+    [s, e, i, l]
+  );
+  return [a, u];
+}
+function $e({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [o, r] = c.useState(e), n = c.useRef(o), i = c.useRef(t);
+  return je(() => {
+    i.current = t;
+  }, [t]), c.useEffect(() => {
+    var l;
+    n.current !== o && ((l = i.current) == null || l.call(i, o), n.current = o);
+  }, [o, n]), [o, r, i];
+}
+function Te(e) {
+  return typeof e == "function";
+}
+// @__NO_SIDE_EFFECTS__
+function Me(e) {
+  const t = /* @__PURE__ */ De(e), o = c.forwardRef((r, n) => {
+    const { children: i, ...l } = r, s = c.Children.toArray(i), a = s.find(Le);
+    if (a) {
+      const u = a.props.children, p = s.map((f) => f === a ? c.Children.count(u) > 1 ? c.Children.only(null) : c.isValidElement(u) ? u.props.children : null : f);
+      return /* @__PURE__ */ d.jsx(t, { ...l, ref: n, children: c.isValidElement(u) ? c.cloneElement(u, void 0, p) : null });
+    }
+    return /* @__PURE__ */ d.jsx(t, { ...l, ref: n, children: i });
+  });
+  return o.displayName = `${e}.Slot`, o;
+}
+// @__NO_SIDE_EFFECTS__
+function De(e) {
+  const t = c.forwardRef((o, r) => {
+    const { children: n, ...i } = o;
+    if (c.isValidElement(n)) {
+      const l = We(n), s = ke(i, n.props);
+      return n.type !== c.Fragment && (s.ref = r ? ee(r, l) : l), c.cloneElement(n, s);
+    }
+    return c.Children.count(n) > 1 ? c.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var Ve = Symbol("radix.slottable");
+function Le(e) {
+  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ve;
+}
+function ke(e, t) {
+  const o = { ...t };
+  for (const r in t) {
+    const n = e[r], i = t[r];
+    /^on[A-Z]/.test(r) ? n && i ? o[r] = (...s) => {
+      const a = i(...s);
+      return n(...s), a;
+    } : n && (o[r] = n) : r === "style" ? o[r] = { ...n, ...i } : r === "className" && (o[r] = [n, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function We(e) {
+  var r, n;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
+var Fe = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], te = Fe.reduce((e, t) => {
+  const o = /* @__PURE__ */ Me(`Primitive.${t}`), r = c.forwardRef((n, i) => {
+    const { asChild: l, ...s } = n, a = l ? o : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d.jsx(a, { ...s, ref: i });
+  });
+  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
+}, {});
+function Ue(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
+  return function(n) {
+    if (e == null || e(n), o === !1 || !n.defaultPrevented)
+      return t == null ? void 0 : t(n);
+  };
+}
+function X(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function ne(...e) {
+  return (t) => {
+    let o = !1;
+    const r = e.map((n) => {
+      const i = X(n, t);
+      return !o && typeof i == "function" && (o = !0), i;
+    });
+    if (o)
+      return () => {
+        for (let n = 0; n < r.length; n++) {
+          const i = r[n];
+          typeof i == "function" ? i() : X(e[n], null);
+        }
+      };
+  };
+}
+function oe(...e) {
+  return c.useCallback(ne(...e), e);
+}
+// @__NO_SIDE_EFFECTS__
+function Be(e) {
+  const t = /* @__PURE__ */ Ge(e), o = c.forwardRef((r, n) => {
+    const { children: i, ...l } = r, s = c.Children.toArray(i), a = s.find(Ze);
+    if (a) {
+      const u = a.props.children, p = s.map((f) => f === a ? c.Children.count(u) > 1 ? c.Children.only(null) : c.isValidElement(u) ? u.props.children : null : f);
+      return /* @__PURE__ */ d.jsx(t, { ...l, ref: n, children: c.isValidElement(u) ? c.cloneElement(u, void 0, p) : null });
+    }
+    return /* @__PURE__ */ d.jsx(t, { ...l, ref: n, children: i });
+  });
+  return o.displayName = `${e}.Slot`, o;
+}
+// @__NO_SIDE_EFFECTS__
+function Ge(e) {
+  const t = c.forwardRef((o, r) => {
+    const { children: n, ...i } = o;
+    if (c.isValidElement(n)) {
+      const l = ze(n), s = qe(i, n.props);
+      return n.type !== c.Fragment && (s.ref = r ? ne(r, l) : l), c.cloneElement(n, s);
+    }
+    return c.Children.count(n) > 1 ? c.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var Ke = Symbol("radix.slottable");
+function Ze(e) {
+  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ke;
+}
+function qe(e, t) {
+  const o = { ...t };
+  for (const r in t) {
+    const n = e[r], i = t[r];
+    /^on[A-Z]/.test(r) ? n && i ? o[r] = (...s) => {
+      const a = i(...s);
+      return n(...s), a;
+    } : n && (o[r] = n) : r === "style" ? o[r] = { ...n, ...i } : r === "className" && (o[r] = [n, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function ze(e) {
+  var r, n;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
+var Ye = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], k = Ye.reduce((e, t) => {
+  const o = /* @__PURE__ */ Be(`Primitive.${t}`), r = c.forwardRef((n, i) => {
+    const { asChild: l, ...s } = n, a = l ? o : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d.jsx(a, { ...s, ref: i });
+  });
+  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
+}, {});
+function Je(e, t) {
+  return c.useReducer((o, r) => t[o][r] ?? o, e);
+}
+var re = (e) => {
+  const { present: t, children: o } = e, r = Qe(t), n = typeof o == "function" ? o({ present: r.isPresent }) : c.Children.only(o), i = oe(r.ref, Xe(n));
+  return typeof o == "function" || r.isPresent ? c.cloneElement(n, { ref: i }) : null;
+};
+re.displayName = "Presence";
+function Qe(e) {
+  const [t, o] = c.useState(), r = c.useRef(null), n = c.useRef(e), i = c.useRef("none"), l = e ? "mounted" : "unmounted", [s, a] = Je(l, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return c.useEffect(() => {
+    const u = P(r.current);
+    i.current = s === "mounted" ? u : "none";
+  }, [s]), w(() => {
+    const u = r.current, p = n.current;
+    if (p !== e) {
+      const C = i.current, v = P(u);
+      e ? a("MOUNT") : v === "none" || (u == null ? void 0 : u.display) === "none" ? a("UNMOUNT") : a(p && C !== v ? "ANIMATION_OUT" : "UNMOUNT"), n.current = e;
+    }
+  }, [e, a]), w(() => {
+    if (t) {
+      let u;
+      const p = t.ownerDocument.defaultView ?? window, f = (v) => {
+        const g = P(r.current).includes(v.animationName);
+        if (v.target === t && g && (a("ANIMATION_END"), !n.current)) {
+          const x = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", u = p.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = x);
+          });
+        }
+      }, C = (v) => {
+        v.target === t && (i.current = P(r.current));
+      };
+      return t.addEventListener("animationstart", C), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        p.clearTimeout(u), t.removeEventListener("animationstart", C), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      };
+    } else
+      a("ANIMATION_END");
+  }, [t, a]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(s),
+    ref: c.useCallback((u) => {
+      r.current = u ? getComputedStyle(u) : null, o(u);
+    }, [])
+  };
+}
+function P(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function Xe(e) {
+  var r, n;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
+var He = c[" useId ".trim().toString()] || (() => {
+}), et = 0;
+function ie(e) {
+  const [t, o] = c.useState(He());
+  return w(() => {
+    o((r) => r ?? String(et++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+var _ = "Collapsible", [tt, ce] = V(_), [nt, W] = tt(_), se = c.forwardRef(
+  (e, t) => {
+    const {
+      __scopeCollapsible: o,
+      open: r,
+      defaultOpen: n,
+      disabled: i,
+      onOpenChange: l,
+      ...s
+    } = e, [a, u] = L({
+      prop: r,
+      defaultProp: n ?? !1,
+      onChange: l,
+      caller: _
+    });
+    return /* @__PURE__ */ d.jsx(
+      nt,
+      {
+        scope: o,
+        disabled: i,
+        contentId: ie(),
+        open: a,
+        onOpenToggle: c.useCallback(() => u((p) => !p), [u]),
+        children: /* @__PURE__ */ d.jsx(
+          k.div,
+          {
+            "data-state": U(a),
+            "data-disabled": i ? "" : void 0,
+            ...s,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+se.displayName = _;
+var le = "CollapsibleTrigger", ae = c.forwardRef(
+  (e, t) => {
+    const { __scopeCollapsible: o, ...r } = e, n = W(le, o);
+    return /* @__PURE__ */ d.jsx(
+      k.button,
+      {
+        type: "button",
+        "aria-controls": n.contentId,
+        "aria-expanded": n.open || !1,
+        "data-state": U(n.open),
+        "data-disabled": n.disabled ? "" : void 0,
+        disabled: n.disabled,
+        ...r,
+        ref: t,
+        onClick: Ue(e.onClick, n.onOpenToggle)
+      }
+    );
+  }
+);
+ae.displayName = le;
+var F = "CollapsibleContent", ue = c.forwardRef(
+  (e, t) => {
+    const { forceMount: o, ...r } = e, n = W(F, e.__scopeCollapsible);
+    return /* @__PURE__ */ d.jsx(re, { present: o || n.open, children: ({ present: i }) => /* @__PURE__ */ d.jsx(ot, { ...r, ref: t, present: i }) });
+  }
+);
+ue.displayName = F;
+var ot = c.forwardRef((e, t) => {
+  const { __scopeCollapsible: o, present: r, children: n, ...i } = e, l = W(F, o), [s, a] = c.useState(r), u = c.useRef(null), p = oe(t, u), f = c.useRef(0), C = f.current, v = c.useRef(0), A = v.current, g = l.open || s, x = c.useRef(g), y = c.useRef(void 0);
+  return c.useEffect(() => {
+    const m = requestAnimationFrame(() => x.current = !1);
+    return () => cancelAnimationFrame(m);
+  }, []), w(() => {
+    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 b = m.getBoundingClientRect();
+      f.current = b.height, v.current = b.width, x.current || (m.style.transitionDuration = y.current.transitionDuration, m.style.animationName = y.current.animationName), a(r);
+    }
+  }, [l.open, r]), /* @__PURE__ */ d.jsx(
+    k.div,
+    {
+      "data-state": U(l.open),
+      "data-disabled": l.disabled ? "" : void 0,
+      id: l.contentId,
+      hidden: !g,
+      ...i,
+      ref: p,
+      style: {
+        "--radix-collapsible-content-height": C ? `${C}px` : void 0,
+        "--radix-collapsible-content-width": A ? `${A}px` : void 0,
+        ...e.style
+      },
+      children: g && n
+    }
+  );
+});
+function U(e) {
+  return e ? "open" : "closed";
+}
+var rt = se, it = ae, ct = ue, st = c.createContext(void 0);
+function lt(e) {
+  const t = c.useContext(st);
+  return e || t || "ltr";
+}
+var N = "Accordion", at = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [B, ut, dt] = Ee(N), [O, en] = V(N, [
+  dt,
+  ce
+]), G = ce(), de = h.forwardRef(
+  (e, t) => {
+    const { type: o, ...r } = e, n = r, i = r;
+    return /* @__PURE__ */ d.jsx(B.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ d.jsx(Ct, { ...i, ref: t }) : /* @__PURE__ */ d.jsx(mt, { ...n, ref: t }) });
+  }
+);
+de.displayName = N;
+var [fe, ft] = O(N), [pe, pt] = O(
+  N,
+  { collapsible: !1 }
+), mt = h.forwardRef(
+  (e, t) => {
+    const {
+      value: o,
+      defaultValue: r,
+      onValueChange: n = () => {
+      },
+      collapsible: i = !1,
+      ...l
+    } = e, [s, a] = L({
+      prop: o,
+      defaultProp: r ?? "",
+      onChange: n,
+      caller: N
+    });
+    return /* @__PURE__ */ d.jsx(
+      fe,
+      {
+        scope: e.__scopeAccordion,
+        value: h.useMemo(() => s ? [s] : [], [s]),
+        onItemOpen: a,
+        onItemClose: h.useCallback(() => i && a(""), [i, a]),
+        children: /* @__PURE__ */ d.jsx(pe, { scope: e.__scopeAccordion, collapsible: i, children: /* @__PURE__ */ d.jsx(me, { ...l, ref: t }) })
+      }
+    );
+  }
+), Ct = h.forwardRef((e, t) => {
+  const {
+    value: o,
+    defaultValue: r,
+    onValueChange: n = () => {
+    },
+    ...i
+  } = e, [l, s] = L({
+    prop: o,
+    defaultProp: r ?? [],
+    onChange: n,
+    caller: N
+  }), a = h.useCallback(
+    (p) => s((f = []) => [...f, p]),
+    [s]
+  ), u = h.useCallback(
+    (p) => s((f = []) => f.filter((C) => C !== p)),
+    [s]
+  );
+  return /* @__PURE__ */ d.jsx(
+    fe,
+    {
+      scope: e.__scopeAccordion,
+      value: l,
+      onItemOpen: a,
+      onItemClose: u,
+      children: /* @__PURE__ */ d.jsx(pe, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ d.jsx(me, { ...i, ref: t }) })
+    }
+  );
+}), [vt, j] = O(N), me = h.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, disabled: r, dir: n, orientation: i = "vertical", ...l } = e, s = h.useRef(null), a = _e(s, t), u = ut(o), f = lt(n) === "ltr", C = Oe(e.onKeyDown, (v) => {
+      var Z;
+      if (!at.includes(v.key)) return;
+      const A = v.target, g = u().filter((T) => {
+        var q;
+        return !((q = T.ref.current) != null && q.disabled);
+      }), x = g.findIndex((T) => T.ref.current === A), y = g.length;
+      if (x === -1) return;
+      v.preventDefault();
+      let m = x;
+      const b = 0, R = y - 1, I = () => {
+        m = x + 1, m > R && (m = b);
+      }, S = () => {
+        m = x - 1, m < b && (m = R);
+      };
+      switch (v.key) {
+        case "Home":
+          m = b;
+          break;
+        case "End":
+          m = R;
+          break;
+        case "ArrowRight":
+          i === "horizontal" && (f ? I() : S());
+          break;
+        case "ArrowDown":
+          i === "vertical" && I();
+          break;
+        case "ArrowLeft":
+          i === "horizontal" && (f ? S() : I());
+          break;
+        case "ArrowUp":
+          i === "vertical" && S();
+          break;
+      }
+      const $ = m % y;
+      (Z = g[$].ref.current) == null || Z.focus();
+    });
+    return /* @__PURE__ */ d.jsx(
+      vt,
+      {
+        scope: o,
+        disabled: r,
+        direction: n,
+        orientation: i,
+        children: /* @__PURE__ */ d.jsx(B.Slot, { scope: o, children: /* @__PURE__ */ d.jsx(
+          te.div,
+          {
+            ...l,
+            "data-orientation": i,
+            ref: a,
+            onKeyDown: r ? void 0 : C
+          }
+        ) })
+      }
+    );
+  }
+), E = "AccordionItem", [gt, K] = O(E), Ce = h.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, value: r, ...n } = e, i = j(E, o), l = ft(E, o), s = G(o), a = ie(), u = r && l.value.includes(r) || !1, p = i.disabled || e.disabled;
+    return /* @__PURE__ */ d.jsx(
+      gt,
+      {
+        scope: o,
+        open: u,
+        disabled: p,
+        triggerId: a,
+        children: /* @__PURE__ */ d.jsx(
+          rt,
+          {
+            "data-orientation": i.orientation,
+            "data-state": be(u),
+            ...s,
+            ...n,
+            ref: t,
+            disabled: p,
+            open: u,
+            onOpenChange: (f) => {
+              f ? l.onItemOpen(r) : l.onItemClose(r);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+Ce.displayName = E;
+var ve = "AccordionHeader", ge = h.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...r } = e, n = j(N, o), i = K(ve, o);
+    return /* @__PURE__ */ d.jsx(
+      te.h3,
+      {
+        "data-orientation": n.orientation,
+        "data-state": be(i.open),
+        "data-disabled": i.disabled ? "" : void 0,
+        ...r,
+        ref: t
+      }
+    );
+  }
+);
+ge.displayName = ve;
+var D = "AccordionTrigger", xe = h.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...r } = e, n = j(N, o), i = K(D, o), l = pt(D, o), s = G(o);
+    return /* @__PURE__ */ d.jsx(B.ItemSlot, { scope: o, children: /* @__PURE__ */ d.jsx(
+      it,
+      {
+        "aria-disabled": i.open && !l.collapsible || void 0,
+        "data-orientation": n.orientation,
+        id: i.triggerId,
+        ...s,
+        ...r,
+        ref: t
+      }
+    ) });
+  }
+);
+xe.displayName = D;
+var he = "AccordionContent", ye = h.forwardRef(
+  (e, t) => {
+    const { __scopeAccordion: o, ...r } = e, n = j(N, o), i = K(he, o), l = G(o);
+    return /* @__PURE__ */ d.jsx(
+      ct,
+      {
+        role: "region",
+        "aria-labelledby": i.triggerId,
+        "data-orientation": n.orientation,
+        ...l,
+        ...r,
+        ref: t,
+        style: {
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+          ...e.style
+        }
+      }
+    );
+  }
+);
+ye.displayName = he;
+function be(e) {
+  return e ? "open" : "closed";
+}
+var xt = de, ht = Ce, yt = ge, bt = xe, At = ye;
+const Rt = c.forwardRef(
+  ({ ...e }, t) => /* @__PURE__ */ d.jsx(xt, { ref: t, "data-slot": "accordion", ...e })
+);
+Rt.displayName = "Accordion";
+function tn({ className: e, ...t }) {
+  return /* @__PURE__ */ d.jsx(ht, { "data-slot": "accordion-item", className: e, ...t });
+}
+function nn({
+  className: e,
+  children: t,
+  customIcon: o,
+  ...r
+}) {
+  return /* @__PURE__ */ d.jsx(yt, { className: "flex w-full", children: /* @__PURE__ */ d.jsxs(
+    bt,
+    {
+      "data-slot": "accordion-trigger",
+      className: M(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-[3px] py-[15px] text-left transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none [&[data-state=open]>svg]:-rotate-180",
+        e
+      ),
+      ...r,
+      children: [
+        t,
+        o ?? /* @__PURE__ */ d.jsx(
+          Ae,
+          {
+            className: M(
+              "pointer-events-none shrink-0 text-gray-200 transition-transform duration-300",
+              "h-3.75 w-3.75 md:h-5 md:w-5"
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+function on({ className: e, children: t, ...o }) {
+  return /* @__PURE__ */ d.jsx(
+    At,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden",
+      ...o,
+      children: /* @__PURE__ */ d.jsx("div", { className: M("bg-gray-25 rounded-[10px] px-[20px] py-[15px]", e), children: t })
+    }
+  );
+}
+export {
+  Rt as Accordion,
+  on as AccordionContent,
+  tn as AccordionItem,
+  nn as AccordionTrigger
+};