@local-logic/design-system 0.7.13 → 0.7.15

package/dist/index.es.js

@@ -0,0 +1,1606 @@
+import { jsxs as T, jsx as g, Fragment as ue } from "react/jsx-runtime";
+import * as i from "react";
+import p, { createContext as wt, forwardRef as ve, useContext as Ct, useState as St } from "react";
+import * as Pt from "react-dom";
+import Nt from "react-dom";
+const Ot = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M176,128,96,208V48Z", opacity: "0.2" }), /* @__PURE__ */ p.createElement("path", { d: "M181.66,122.34l-80-80A8,8,0,0,0,88,48V208a8,8,0,0,0,13.66,5.66l80-80A8,8,0,0,0,181.66,122.34ZM104,188.69V67.31L164.69,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M181.66,133.66l-80,80A8,8,0,0,1,88,208V48a8,8,0,0,1,13.66-5.66l80,80A8,8,0,0,1,181.66,133.66Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M180.24,132.24l-80,80a6,6,0,0,1-8.48-8.48L167.51,128,91.76,52.24a6,6,0,0,1,8.48-8.48l80,80A6,6,0,0,1,180.24,132.24Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M178.83,130.83l-80,80a4,4,0,0,1-5.66-5.66L170.34,128,93.17,50.83a4,4,0,0,1,5.66-5.66l80,80A4,4,0,0,1,178.83,130.83Z" }))
+  ]
+]), Rt = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement(
+      "path",
+      {
+        d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ p.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))
+  ]
+]), xt = wt({
+  color: "currentColor",
+  size: "1em",
+  weight: "regular",
+  mirrored: !1
+});
+var At = Object.defineProperty, X = Object.getOwnPropertySymbols, Be = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable, be = (e, t, n) => t in e ? At(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ee = (e, t) => {
+  for (var n in t || (t = {}))
+    Be.call(t, n) && be(e, n, t[n]);
+  if (X)
+    for (var n of X(t))
+      $e.call(t, n) && be(e, n, t[n]);
+  return e;
+}, we = (e, t) => {
+  var n = {};
+  for (var r in e)
+    Be.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && X)
+    for (var r of X(e))
+      t.indexOf(r) < 0 && $e.call(e, r) && (n[r] = e[r]);
+  return n;
+};
+const je = ve((e, t) => {
+  const n = e, {
+    alt: r,
+    color: a,
+    size: o,
+    weight: s,
+    mirrored: c,
+    children: d,
+    weights: l
+  } = n, f = we(n, [
+    "alt",
+    "color",
+    "size",
+    "weight",
+    "mirrored",
+    "children",
+    "weights"
+  ]), v = Ct(xt), {
+    color: m = "currentColor",
+    size: y,
+    weight: E = "regular",
+    mirrored: u = !1
+  } = v, h = we(v, [
+    "color",
+    "size",
+    "weight",
+    "mirrored"
+  ]);
+  return /* @__PURE__ */ p.createElement(
+    "svg",
+    Ee(Ee({
+      ref: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: o ?? y,
+      height: o ?? y,
+      fill: a ?? m,
+      viewBox: "0 0 256 256",
+      transform: c || u ? "scale(-1, 1)" : void 0
+    }, h), f),
+    !!r && /* @__PURE__ */ p.createElement("title", null, r),
+    d,
+    l.get(s ?? E)
+  );
+});
+je.displayName = "IconBase";
+const Ue = je;
+var Dt = Object.defineProperty, Mt = Object.defineProperties, Lt = Object.getOwnPropertyDescriptors, Ce = Object.getOwnPropertySymbols, Tt = Object.prototype.hasOwnProperty, It = Object.prototype.propertyIsEnumerable, Se = (e, t, n) => t in e ? Dt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ft = (e, t) => {
+  for (var n in t || (t = {}))
+    Tt.call(t, n) && Se(e, n, t[n]);
+  if (Ce)
+    for (var n of Ce(t))
+      It.call(t, n) && Se(e, n, t[n]);
+  return e;
+}, _t = (e, t) => Mt(e, Lt(t));
+const Ve = ve((e, t) => /* @__PURE__ */ p.createElement(Ue, _t(Ft({ ref: t }, e), { weights: Ot })));
+Ve.displayName = "CaretRight";
+var kt = Object.defineProperty, Wt = Object.defineProperties, Bt = Object.getOwnPropertyDescriptors, Pe = Object.getOwnPropertySymbols, $t = Object.prototype.hasOwnProperty, jt = Object.prototype.propertyIsEnumerable, Ne = (e, t, n) => t in e ? kt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ut = (e, t) => {
+  for (var n in t || (t = {}))
+    $t.call(t, n) && Ne(e, n, t[n]);
+  if (Pe)
+    for (var n of Pe(t))
+      jt.call(t, n) && Ne(e, n, t[n]);
+  return e;
+}, Vt = (e, t) => Wt(e, Bt(t));
+const Ze = ve((e, t) => /* @__PURE__ */ p.createElement(Ue, Vt(Ut({ ref: t }, e), { weights: Rt })));
+Ze.displayName = "X";
+const Zt = `
+  group bg-transparent justify-center
+  text-lg font-medium no-underline
+  px-5 py-0 rounded-xl h-11
+  flex items-center gap-2 cursor-pointer
+  transition-all min-w-fit
+
+  outline-none border-none
+  disabled:pointer-events-none
+  data-[is-disabled=true]:pointer-events-none
+
+  data-[size="medium"]:h-12
+  data-[size="large"]:h-16
+
+  data-[variant="primary"]:bg-primary-100
+  data-[variant="primary"]:text-white
+  data-[variant="primary"]:hover:bg-primary-200
+  data-[variant="primary"]:disabled:bg-gray-250
+  data-[variant="primary"]:data-[is-disabled=true]:bg-gray-250
+  data-[variant="primary"]:data-[inverse=true]:bg-white
+  data-[variant="primary"]:data-[inverse=true]:text-primary-100
+  data-[variant="primary"]:data-[inverse=true]:hover:bg-white
+  data-[variant="primary"]:data-[inverse=true]:hover:text-primary-200
+  data-[variant="primary"]:data-[inverse=true]:disabled:bg-gray-200
+  data-[variant="primary"]:data-[inverse=true]:disabled:text-white
+  data-[variant="primary"]:data-[inverse=true]:data-[is-disabled=true]:bg-gray-200
+  data-[variant="primary"]:data-[inverse=true]:data-[is-disabled=true]:text-white
+
+  data-[variant="secondary"]:border
+  data-[variant="secondary"]:border-solid
+  data-[variant="secondary"]:border-gray-150
+  data-[variant="secondary"]:text-primary-100
+  data-[variant="secondary"]:hover:border-primary-50
+  data-[variant="secondary"]:hover:text-primary-50
+  data-[variant="secondary"]:disabled:text-gray-250
+  data-[variant="secondary"]:disabled:border-gray-250
+  data-[variant="secondary"]:data-[is-disabled=true]:text-gray-250
+  data-[variant="secondary"]:data-[is-disabled=true]:border-gray-250
+  data-[variant="secondary"]:data-[inverse=true]:text-white
+  data-[variant="secondary"]:data-[inverse=true]:border-white
+
+  data-[variant="ghost"]:text-primary-100
+  data-[variant="ghost"]:hover:text-primary-50
+  data-[variant="ghost"]:disabled:text-gray-250
+  data-[variant="ghost"]:data-[is-disabled=true]:text-gray-250
+
+  data-[variant="ghost"]:data-[inverse=true]:text-white
+`, zt = "h-6 w-6", Ht = "h-3 w-3 text-black", Kt = p.forwardRef(
+  ({
+    children: e,
+    className: t = "",
+    variant: n = "primary",
+    size: r = "small",
+    Icon: a,
+    isDisabled: o = !1,
+    inverse: s = !1,
+    onClick: c
+  }, d) => /* @__PURE__ */ T(
+    "button",
+    {
+      onClick: (f) => {
+        c && c(f);
+      },
+      className: `${Zt} ${t}`,
+      disabled: o,
+      "data-variant": n,
+      "data-size": r,
+      "data-inverse": s,
+      children: [
+        a && /* @__PURE__ */ g(a, { className: zt }),
+        e,
+        a && n === "ghost" && /* @__PURE__ */ g(Ve, { className: Ht })
+      ]
+    }
+  )
+);
+Kt.displayName = "Button";
+const Gt = `
+  font-sans
+  rounded-lg p-9 relative
+  border border-solid border-gray-150
+  transition-all
+
+  bg-white
+  text-gray-400
+`, Xt = `
+    bg-cover bg-center
+    w-full
+    h-60
+`;
+function Yt({ children: e, imageSRC: t }) {
+  return /* @__PURE__ */ T("div", { className: Gt, children: [
+    t && /* @__PURE__ */ g(
+      "div",
+      {
+        className: Xt,
+        style: {
+          backgroundImage: `url("${t}")`
+        }
+      }
+    ),
+    e
+  ] });
+}
+function L(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(a) {
+    if (e == null || e(a), n === !1 || !a.defaultPrevented)
+      return t == null ? void 0 : t(a);
+  };
+}
+function Oe(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function ze(...e) {
+  return (t) => {
+    let n = !1;
+    const r = e.map((a) => {
+      const o = Oe(a, t);
+      return !n && typeof o == "function" && (n = !0), o;
+    });
+    if (n)
+      return () => {
+        for (let a = 0; a < r.length; a++) {
+          const o = r[a];
+          typeof o == "function" ? o() : Oe(e[a], null);
+        }
+      };
+  };
+}
+function _(...e) {
+  return i.useCallback(ze(...e), e);
+}
+function qt(e, t) {
+  const n = i.createContext(t), r = (o) => {
+    const { children: s, ...c } = o, d = i.useMemo(() => c, Object.values(c));
+    return /* @__PURE__ */ g(n.Provider, { value: d, children: s });
+  };
+  r.displayName = e + "Provider";
+  function a(o) {
+    const s = i.useContext(n);
+    if (s) return s;
+    if (t !== void 0) return t;
+    throw new Error(`\`${o}\` must be used within \`${e}\``);
+  }
+  return [r, a];
+}
+function Qt(e, t = []) {
+  let n = [];
+  function r(o, s) {
+    const c = i.createContext(s), d = n.length;
+    n = [...n, s];
+    const l = (v) => {
+      var b;
+      const { scope: m, children: y, ...E } = v, u = ((b = m == null ? void 0 : m[e]) == null ? void 0 : b[d]) || c, h = i.useMemo(() => E, Object.values(E));
+      return /* @__PURE__ */ g(u.Provider, { value: h, children: y });
+    };
+    l.displayName = o + "Provider";
+    function f(v, m) {
+      var u;
+      const y = ((u = m == null ? void 0 : m[e]) == null ? void 0 : u[d]) || c, E = i.useContext(y);
+      if (E) return E;
+      if (s !== void 0) return s;
+      throw new Error(`\`${v}\` must be used within \`${o}\``);
+    }
+    return [l, f];
+  }
+  const a = () => {
+    const o = n.map((s) => i.createContext(s));
+    return function(c) {
+      const d = (c == null ? void 0 : c[e]) || o;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: d } }),
+        [c, d]
+      );
+    };
+  };
+  return a.scopeName = e, [r, Jt(a, ...t)];
+}
+function Jt(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((a) => ({
+      useScope: a(),
+      scopeName: a.scopeName
+    }));
+    return function(o) {
+      const s = r.reduce((c, { useScope: d, scopeName: l }) => {
+        const v = d(o)[`__scope${l}`];
+        return { ...c, ...v };
+      }, {});
+      return i.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+var Y = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
+}, en = i.useId || (() => {
+}), tn = 0;
+function te(e) {
+  const [t, n] = i.useState(en());
+  return Y(() => {
+    n((r) => r ?? String(tn++));
+  }, [e]), e || (t ? `radix-${t}` : "");
+}
+function I(e) {
+  const t = i.useRef(e);
+  return i.useEffect(() => {
+    t.current = e;
+  }), i.useMemo(() => (...n) => {
+    var r;
+    return (r = t.current) == null ? void 0 : r.call(t, ...n);
+  }, []);
+}
+function nn({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  }
+}) {
+  const [r, a] = rn({ defaultProp: t, onChange: n }), o = e !== void 0, s = o ? e : r, c = I(n), d = i.useCallback(
+    (l) => {
+      if (o) {
+        const v = typeof l == "function" ? l(e) : l;
+        v !== e && c(v);
+      } else
+        a(l);
+    },
+    [o, e, a, c]
+  );
+  return [s, d];
+}
+function rn({
+  defaultProp: e,
+  onChange: t
+}) {
+  const n = i.useState(e), [r] = n, a = i.useRef(r), o = I(t);
+  return i.useEffect(() => {
+    a.current !== r && (o(r), a.current = r);
+  }, [r, a, o]), n;
+}
+var me = i.forwardRef((e, t) => {
+  const { children: n, ...r } = e, a = i.Children.toArray(n), o = a.find(on);
+  if (o) {
+    const s = o.props.children, c = a.map((d) => d === o ? i.Children.count(s) > 1 ? i.Children.only(null) : i.isValidElement(s) ? s.props.children : null : d);
+    return /* @__PURE__ */ g(le, { ...r, ref: t, children: i.isValidElement(s) ? i.cloneElement(s, void 0, c) : null });
+  }
+  return /* @__PURE__ */ g(le, { ...r, ref: t, children: n });
+});
+me.displayName = "Slot";
+var le = i.forwardRef((e, t) => {
+  const { children: n, ...r } = e;
+  if (i.isValidElement(n)) {
+    const a = sn(n), o = cn(r, n.props);
+    return n.type !== i.Fragment && (o.ref = t ? ze(t, a) : a), i.cloneElement(n, o);
+  }
+  return i.Children.count(n) > 1 ? i.Children.only(null) : null;
+});
+le.displayName = "SlotClone";
+var an = ({ children: e }) => /* @__PURE__ */ g(ue, { children: e });
+function on(e) {
+  return i.isValidElement(e) && e.type === an;
+}
+function cn(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const a = e[r], o = t[r];
+    /^on[A-Z]/.test(r) ? a && o ? n[r] = (...c) => {
+      o(...c), a(...c);
+    } : a && (n[r] = a) : r === "style" ? n[r] = { ...a, ...o } : r === "className" && (n[r] = [a, o].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function sn(e) {
+  var r, a;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var un = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], D = un.reduce((e, t) => {
+  const n = i.forwardRef((r, a) => {
+    const { asChild: o, ...s } = r, c = o ? me : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ g(c, { ...s, ref: a });
+  });
+  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+}, {});
+function ln(e, t) {
+  e && Pt.flushSync(() => e.dispatchEvent(t));
+}
+function dn(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = I(e);
+  i.useEffect(() => {
+    const r = (a) => {
+      a.key === "Escape" && n(a);
+    };
+    return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
+  }, [n, t]);
+}
+var fn = "DismissableLayer", de = "dismissableLayer.update", vn = "dismissableLayer.pointerDownOutside", mn = "dismissableLayer.focusOutside", Re, He = i.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), Ke = i.forwardRef(
+  (e, t) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: r,
+      onPointerDownOutside: a,
+      onFocusOutside: o,
+      onInteractOutside: s,
+      onDismiss: c,
+      ...d
+    } = e, l = i.useContext(He), [f, v] = i.useState(null), m = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, y] = i.useState({}), E = _(t, (w) => v(w)), u = Array.from(l.layers), [h] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), b = u.indexOf(h), N = f ? u.indexOf(f) : -1, C = l.layersWithOutsidePointerEventsDisabled.size > 0, S = N >= b, P = gn((w) => {
+      const A = w.target, j = [...l.branches].some((ee) => ee.contains(A));
+      !S || j || (a == null || a(w), s == null || s(w), w.defaultPrevented || c == null || c());
+    }, m), x = yn((w) => {
+      const A = w.target;
+      [...l.branches].some((ee) => ee.contains(A)) || (o == null || o(w), s == null || s(w), w.defaultPrevented || c == null || c());
+    }, m);
+    return dn((w) => {
+      N === l.layers.size - 1 && (r == null || r(w), !w.defaultPrevented && c && (w.preventDefault(), c()));
+    }, m), i.useEffect(() => {
+      if (f)
+        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Re = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(f)), l.layers.add(f), xe(), () => {
+          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (m.body.style.pointerEvents = Re);
+        };
+    }, [f, m, n, l]), i.useEffect(() => () => {
+      f && (l.layers.delete(f), l.layersWithOutsidePointerEventsDisabled.delete(f), xe());
+    }, [f, l]), i.useEffect(() => {
+      const w = () => y({});
+      return document.addEventListener(de, w), () => document.removeEventListener(de, w);
+    }, []), /* @__PURE__ */ g(
+      D.div,
+      {
+        ...d,
+        ref: E,
+        style: {
+          pointerEvents: C ? S ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: L(e.onFocusCapture, x.onFocusCapture),
+        onBlurCapture: L(e.onBlurCapture, x.onBlurCapture),
+        onPointerDownCapture: L(
+          e.onPointerDownCapture,
+          P.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+Ke.displayName = fn;
+var pn = "DismissableLayerBranch", hn = i.forwardRef((e, t) => {
+  const n = i.useContext(He), r = i.useRef(null), a = _(t, r);
+  return i.useEffect(() => {
+    const o = r.current;
+    if (o)
+      return n.branches.add(o), () => {
+        n.branches.delete(o);
+      };
+  }, [n.branches]), /* @__PURE__ */ g(D.div, { ...e, ref: a });
+});
+hn.displayName = pn;
+function gn(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = I(e), r = i.useRef(!1), a = i.useRef(() => {
+  });
+  return i.useEffect(() => {
+    const o = (c) => {
+      if (c.target && !r.current) {
+        let d = function() {
+          Ge(
+            vn,
+            n,
+            l,
+            { discrete: !0 }
+          );
+        };
+        const l = { originalEvent: c };
+        c.pointerType === "touch" ? (t.removeEventListener("click", a.current), a.current = d, t.addEventListener("click", a.current, { once: !0 })) : d();
+      } else
+        t.removeEventListener("click", a.current);
+      r.current = !1;
+    }, s = window.setTimeout(() => {
+      t.addEventListener("pointerdown", o);
+    }, 0);
+    return () => {
+      window.clearTimeout(s), t.removeEventListener("pointerdown", o), t.removeEventListener("click", a.current);
+    };
+  }, [t, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => r.current = !0
+  };
+}
+function yn(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = I(e), r = i.useRef(!1);
+  return i.useEffect(() => {
+    const a = (o) => {
+      o.target && !r.current && Ge(mn, n, { originalEvent: o }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", a), () => t.removeEventListener("focusin", a);
+  }, [t, n]), {
+    onFocusCapture: () => r.current = !0,
+    onBlurCapture: () => r.current = !1
+  };
+}
+function xe() {
+  const e = new CustomEvent(de);
+  document.dispatchEvent(e);
+}
+function Ge(e, t, n, { discrete: r }) {
+  const a = n.originalEvent.target, o = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && a.addEventListener(e, t, { once: !0 }), r ? ln(a, o) : a.dispatchEvent(o);
+}
+var ne = "focusScope.autoFocusOnMount", re = "focusScope.autoFocusOnUnmount", Ae = { bubbles: !1, cancelable: !0 }, bn = "FocusScope", Xe = i.forwardRef((e, t) => {
+  const {
+    loop: n = !1,
+    trapped: r = !1,
+    onMountAutoFocus: a,
+    onUnmountAutoFocus: o,
+    ...s
+  } = e, [c, d] = i.useState(null), l = I(a), f = I(o), v = i.useRef(null), m = _(t, (u) => d(u)), y = i.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  i.useEffect(() => {
+    if (r) {
+      let u = function(C) {
+        if (y.paused || !c) return;
+        const S = C.target;
+        c.contains(S) ? v.current = S : M(v.current, { select: !0 });
+      }, h = function(C) {
+        if (y.paused || !c) return;
+        const S = C.relatedTarget;
+        S !== null && (c.contains(S) || M(v.current, { select: !0 }));
+      }, b = function(C) {
+        if (document.activeElement === document.body)
+          for (const P of C)
+            P.removedNodes.length > 0 && M(c);
+      };
+      document.addEventListener("focusin", u), document.addEventListener("focusout", h);
+      const N = new MutationObserver(b);
+      return c && N.observe(c, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", u), document.removeEventListener("focusout", h), N.disconnect();
+      };
+    }
+  }, [r, c, y.paused]), i.useEffect(() => {
+    if (c) {
+      Me.add(y);
+      const u = document.activeElement;
+      if (!c.contains(u)) {
+        const b = new CustomEvent(ne, Ae);
+        c.addEventListener(ne, l), c.dispatchEvent(b), b.defaultPrevented || (En(Nn(Ye(c)), { select: !0 }), document.activeElement === u && M(c));
+      }
+      return () => {
+        c.removeEventListener(ne, l), setTimeout(() => {
+          const b = new CustomEvent(re, Ae);
+          c.addEventListener(re, f), c.dispatchEvent(b), b.defaultPrevented || M(u ?? document.body, { select: !0 }), c.removeEventListener(re, f), Me.remove(y);
+        }, 0);
+      };
+    }
+  }, [c, l, f, y]);
+  const E = i.useCallback(
+    (u) => {
+      if (!n && !r || y.paused) return;
+      const h = u.key === "Tab" && !u.altKey && !u.ctrlKey && !u.metaKey, b = document.activeElement;
+      if (h && b) {
+        const N = u.currentTarget, [C, S] = wn(N);
+        C && S ? !u.shiftKey && b === S ? (u.preventDefault(), n && M(C, { select: !0 })) : u.shiftKey && b === C && (u.preventDefault(), n && M(S, { select: !0 })) : b === N && u.preventDefault();
+      }
+    },
+    [n, r, y.paused]
+  );
+  return /* @__PURE__ */ g(D.div, { tabIndex: -1, ...s, ref: m, onKeyDown: E });
+});
+Xe.displayName = bn;
+function En(e, { select: t = !1 } = {}) {
+  const n = document.activeElement;
+  for (const r of e)
+    if (M(r, { select: t }), document.activeElement !== n) return;
+}
+function wn(e) {
+  const t = Ye(e), n = De(t, e), r = De(t.reverse(), e);
+  return [n, r];
+}
+function Ye(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const a = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || a ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function De(e, t) {
+  for (const n of e)
+    if (!Cn(n, { upTo: t })) return n;
+}
+function Cn(e, { upTo: t }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (t !== void 0 && e === t) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function Sn(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function M(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== n && Sn(e) && t && e.select();
+  }
+}
+var Me = Pn();
+function Pn() {
+  let e = [];
+  return {
+    add(t) {
+      const n = e[0];
+      t !== n && (n == null || n.pause()), e = Le(e, t), e.unshift(t);
+    },
+    remove(t) {
+      var n;
+      e = Le(e, t), (n = e[0]) == null || n.resume();
+    }
+  };
+}
+function Le(e, t) {
+  const n = [...e], r = n.indexOf(t);
+  return r !== -1 && n.splice(r, 1), n;
+}
+function Nn(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+var On = "Portal", qe = i.forwardRef((e, t) => {
+  var c;
+  const { container: n, ...r } = e, [a, o] = i.useState(!1);
+  Y(() => o(!0), []);
+  const s = n || a && ((c = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : c.body);
+  return s ? Nt.createPortal(/* @__PURE__ */ g(D.div, { ...r, ref: t }), s) : null;
+});
+qe.displayName = On;
+function Rn(e, t) {
+  return i.useReducer((n, r) => t[n][r] ?? n, e);
+}
+var Q = (e) => {
+  const { present: t, children: n } = e, r = xn(t), a = typeof n == "function" ? n({ present: r.isPresent }) : i.Children.only(n), o = _(r.ref, An(a));
+  return typeof n == "function" || r.isPresent ? i.cloneElement(a, { ref: o }) : null;
+};
+Q.displayName = "Presence";
+function xn(e) {
+  const [t, n] = i.useState(), r = i.useRef({}), a = i.useRef(e), o = i.useRef("none"), s = e ? "mounted" : "unmounted", [c, d] = Rn(s, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return i.useEffect(() => {
+    const l = U(r.current);
+    o.current = c === "mounted" ? l : "none";
+  }, [c]), Y(() => {
+    const l = r.current, f = a.current;
+    if (f !== e) {
+      const m = o.current, y = U(l);
+      e ? d("MOUNT") : y === "none" || (l == null ? void 0 : l.display) === "none" ? d("UNMOUNT") : d(f && m !== y ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+    }
+  }, [e, d]), Y(() => {
+    if (t) {
+      let l;
+      const f = t.ownerDocument.defaultView ?? window, v = (y) => {
+        const u = U(r.current).includes(y.animationName);
+        if (y.target === t && u && (d("ANIMATION_END"), !a.current)) {
+          const h = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", l = f.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = h);
+          });
+        }
+      }, m = (y) => {
+        y.target === t && (o.current = U(r.current));
+      };
+      return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", v), t.addEventListener("animationend", v), () => {
+        f.clearTimeout(l), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", v), t.removeEventListener("animationend", v);
+      };
+    } else
+      d("ANIMATION_END");
+  }, [t, d]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(c),
+    ref: i.useCallback((l) => {
+      l && (r.current = getComputedStyle(l)), n(l);
+    }, [])
+  };
+}
+function U(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function An(e) {
+  var r, a;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var ae = 0;
+function Dn() {
+  i.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Te()), document.body.insertAdjacentElement("beforeend", e[1] ?? Te()), ae++, () => {
+      ae === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), ae--;
+    };
+  }, []);
+}
+function Te() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+var R = function() {
+  return R = Object.assign || function(t) {
+    for (var n, r = 1, a = arguments.length; r < a; r++) {
+      n = arguments[r];
+      for (var o in n) Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]);
+    }
+    return t;
+  }, R.apply(this, arguments);
+};
+function Qe(e, t) {
+  var n = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var a = 0, r = Object.getOwnPropertySymbols(e); a < r.length; a++)
+      t.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (n[r[a]] = e[r[a]]);
+  return n;
+}
+function Mn(e, t, n) {
+  if (n || arguments.length === 2) for (var r = 0, a = t.length, o; r < a; r++)
+    (o || !(r in t)) && (o || (o = Array.prototype.slice.call(t, 0, r)), o[r] = t[r]);
+  return e.concat(o || Array.prototype.slice.call(t));
+}
+var K = "right-scroll-bar-position", G = "width-before-scroll-bar", Ln = "with-scroll-bars-hidden", Tn = "--removed-body-scroll-bar-size";
+function oe(e, t) {
+  return typeof e == "function" ? e(t) : e && (e.current = t), e;
+}
+function In(e, t) {
+  var n = St(function() {
+    return {
+      // value
+      value: e,
+      // last callback
+      callback: t,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return n.value;
+        },
+        set current(r) {
+          var a = n.value;
+          a !== r && (n.value = r, n.callback(r, a));
+        }
+      }
+    };
+  })[0];
+  return n.callback = t, n.facade;
+}
+var Fn = typeof window < "u" ? i.useLayoutEffect : i.useEffect, Ie = /* @__PURE__ */ new WeakMap();
+function _n(e, t) {
+  var n = In(null, function(r) {
+    return e.forEach(function(a) {
+      return oe(a, r);
+    });
+  });
+  return Fn(function() {
+    var r = Ie.get(n);
+    if (r) {
+      var a = new Set(r), o = new Set(e), s = n.current;
+      a.forEach(function(c) {
+        o.has(c) || oe(c, null);
+      }), o.forEach(function(c) {
+        a.has(c) || oe(c, s);
+      });
+    }
+    Ie.set(n, e);
+  }, [e]), n;
+}
+function kn(e) {
+  return e;
+}
+function Wn(e, t) {
+  t === void 0 && (t = kn);
+  var n = [], r = !1, a = {
+    read: function() {
+      if (r)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return n.length ? n[n.length - 1] : e;
+    },
+    useMedium: function(o) {
+      var s = t(o, r);
+      return n.push(s), function() {
+        n = n.filter(function(c) {
+          return c !== s;
+        });
+      };
+    },
+    assignSyncMedium: function(o) {
+      for (r = !0; n.length; ) {
+        var s = n;
+        n = [], s.forEach(o);
+      }
+      n = {
+        push: function(c) {
+          return o(c);
+        },
+        filter: function() {
+          return n;
+        }
+      };
+    },
+    assignMedium: function(o) {
+      r = !0;
+      var s = [];
+      if (n.length) {
+        var c = n;
+        n = [], c.forEach(o), s = n;
+      }
+      var d = function() {
+        var f = s;
+        s = [], f.forEach(o);
+      }, l = function() {
+        return Promise.resolve().then(d);
+      };
+      l(), n = {
+        push: function(f) {
+          s.push(f), l();
+        },
+        filter: function(f) {
+          return s = s.filter(f), n;
+        }
+      };
+    }
+  };
+  return a;
+}
+function Bn(e) {
+  e === void 0 && (e = {});
+  var t = Wn(null);
+  return t.options = R({ async: !0, ssr: !1 }, e), t;
+}
+var Je = function(e) {
+  var t = e.sideCar, n = Qe(e, ["sideCar"]);
+  if (!t)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var r = t.read();
+  if (!r)
+    throw new Error("Sidecar medium not found");
+  return i.createElement(r, R({}, n));
+};
+Je.isSideCarExport = !0;
+function $n(e, t) {
+  return e.useMedium(t), Je;
+}
+var et = Bn(), ie = function() {
+}, J = i.forwardRef(function(e, t) {
+  var n = i.useRef(null), r = i.useState({
+    onScrollCapture: ie,
+    onWheelCapture: ie,
+    onTouchMoveCapture: ie
+  }), a = r[0], o = r[1], s = e.forwardProps, c = e.children, d = e.className, l = e.removeScrollBar, f = e.enabled, v = e.shards, m = e.sideCar, y = e.noIsolation, E = e.inert, u = e.allowPinchZoom, h = e.as, b = h === void 0 ? "div" : h, N = e.gapMode, C = Qe(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), S = m, P = _n([n, t]), x = R(R({}, C), a);
+  return i.createElement(
+    i.Fragment,
+    null,
+    f && i.createElement(S, { sideCar: et, removeScrollBar: l, shards: v, noIsolation: y, inert: E, setCallbacks: o, allowPinchZoom: !!u, lockRef: n, gapMode: N }),
+    s ? i.cloneElement(i.Children.only(c), R(R({}, x), { ref: P })) : i.createElement(b, R({}, x, { className: d, ref: P }), c)
+  );
+});
+J.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+J.classNames = {
+  fullWidth: G,
+  zeroRight: K
+};
+var tt = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+function jn() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var t = tt();
+  return t && e.setAttribute("nonce", t), e;
+}
+function Un(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+}
+function Vn(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
+}
+var Zn = function() {
+  var e = 0, t = null;
+  return {
+    add: function(n) {
+      e == 0 && (t = jn()) && (Un(t, n), Vn(t)), e++;
+    },
+    remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    }
+  };
+}, zn = function() {
+  var e = Zn();
+  return function(t, n) {
+    i.useEffect(function() {
+      return e.add(t), function() {
+        e.remove();
+      };
+    }, [t && n]);
+  };
+}, Hn = function() {
+  var e = zn(), t = function(n) {
+    var r = n.styles, a = n.dynamic;
+    return e(r, a), null;
+  };
+  return t;
+}, Kn = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, ce = function(e) {
+  return parseInt(e || "", 10) || 0;
+}, Gn = function(e) {
+  var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], a = t[e === "padding" ? "paddingRight" : "marginRight"];
+  return [ce(n), ce(r), ce(a)];
+}, Xn = function(e) {
+  if (e === void 0 && (e = "margin"), typeof window > "u")
+    return Kn;
+  var t = Gn(e), n = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: t[0],
+    top: t[1],
+    right: t[2],
+    gap: Math.max(0, r - n + t[2] - t[0])
+  };
+}, Yn = Hn(), $ = "data-scroll-locked", qn = function(e, t, n, r) {
+  var a = e.left, o = e.top, s = e.right, c = e.gap;
+  return n === void 0 && (n = "margin"), `
+  .`.concat(Ln, ` {
+   overflow: hidden `).concat(r, `;
+   padding-right: `).concat(c, "px ").concat(r, `;
+  }
+  body[`).concat($, `] {
+    overflow: hidden `).concat(r, `;
+    overscroll-behavior: contain;
+    `).concat([
+    t && "position: relative ".concat(r, ";"),
+    n === "margin" && `
+    padding-left: `.concat(a, `px;
+    padding-top: `).concat(o, `px;
+    padding-right: `).concat(s, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(c, "px ").concat(r, `;
+    `),
+    n === "padding" && "padding-right: ".concat(c, "px ").concat(r, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(K, ` {
+    right: `).concat(c, "px ").concat(r, `;
+  }
+  
+  .`).concat(G, ` {
+    margin-right: `).concat(c, "px ").concat(r, `;
+  }
+  
+  .`).concat(K, " .").concat(K, ` {
+    right: 0 `).concat(r, `;
+  }
+  
+  .`).concat(G, " .").concat(G, ` {
+    margin-right: 0 `).concat(r, `;
+  }
+  
+  body[`).concat($, `] {
+    `).concat(Tn, ": ").concat(c, `px;
+  }
+`);
+}, Fe = function() {
+  var e = parseInt(document.body.getAttribute($) || "0", 10);
+  return isFinite(e) ? e : 0;
+}, Qn = function() {
+  i.useEffect(function() {
+    return document.body.setAttribute($, (Fe() + 1).toString()), function() {
+      var e = Fe() - 1;
+      e <= 0 ? document.body.removeAttribute($) : document.body.setAttribute($, e.toString());
+    };
+  }, []);
+}, Jn = function(e) {
+  var t = e.noRelative, n = e.noImportant, r = e.gapMode, a = r === void 0 ? "margin" : r;
+  Qn();
+  var o = i.useMemo(function() {
+    return Xn(a);
+  }, [a]);
+  return i.createElement(Yn, { styles: qn(o, !t, a, n ? "" : "!important") });
+};
+function er() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var t = tt();
+  return t && e.setAttribute("nonce", t), e;
+}
+function tr(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+}
+function nr(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
+}
+var rr = function() {
+  var e = 0, t = null;
+  return {
+    add: function(n) {
+      e == 0 && (t = er()) && (tr(t, n), nr(t)), e++;
+    },
+    remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    }
+  };
+}, ar = function() {
+  var e = rr();
+  return function(t, n) {
+    i.useEffect(function() {
+      return e.add(t), function() {
+        e.remove();
+      };
+    }, [t && n]);
+  };
+}, or = function() {
+  var e = ar(), t = function(n) {
+    var r = n.styles, a = n.dynamic;
+    return e(r, a), null;
+  };
+  return t;
+}, fe = !1;
+if (typeof window < "u")
+  try {
+    var V = Object.defineProperty({}, "passive", {
+      get: function() {
+        return fe = !0, !0;
+      }
+    });
+    window.addEventListener("test", V, V), window.removeEventListener("test", V, V);
+  } catch {
+    fe = !1;
+  }
+var k = fe ? { passive: !1 } : !1, ir = function(e) {
+  return e.tagName === "TEXTAREA";
+}, nt = function(e, t) {
+  if (!(e instanceof Element))
+    return !1;
+  var n = window.getComputedStyle(e);
+  return (
+    // not-not-scrollable
+    n[t] !== "hidden" && // contains scroll inside self
+    !(n.overflowY === n.overflowX && !ir(e) && n[t] === "visible")
+  );
+}, cr = function(e) {
+  return nt(e, "overflowY");
+}, sr = function(e) {
+  return nt(e, "overflowX");
+}, _e = function(e, t) {
+  var n = t.ownerDocument, r = t;
+  do {
+    typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
+    var a = rt(e, r);
+    if (a) {
+      var o = at(e, r), s = o[1], c = o[2];
+      if (s > c)
+        return !0;
+    }
+    r = r.parentNode;
+  } while (r && r !== n.body);
+  return !1;
+}, ur = function(e) {
+  var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
+  return [
+    t,
+    n,
+    r
+  ];
+}, lr = function(e) {
+  var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
+  return [
+    t,
+    n,
+    r
+  ];
+}, rt = function(e, t) {
+  return e === "v" ? cr(t) : sr(t);
+}, at = function(e, t) {
+  return e === "v" ? ur(t) : lr(t);
+}, dr = function(e, t) {
+  return e === "h" && t === "rtl" ? -1 : 1;
+}, fr = function(e, t, n, r, a) {
+  var o = dr(e, window.getComputedStyle(t).direction), s = o * r, c = n.target, d = t.contains(c), l = !1, f = s > 0, v = 0, m = 0;
+  do {
+    var y = at(e, c), E = y[0], u = y[1], h = y[2], b = u - h - o * E;
+    (E || b) && rt(e, c) && (v += b, m += E), c instanceof ShadowRoot ? c = c.host : c = c.parentNode;
+  } while (
+    // portaled content
+    !d && c !== document.body || // self content
+    d && (t.contains(c) || t === c)
+  );
+  return (f && Math.abs(v) < 1 || !f && Math.abs(m) < 1) && (l = !0), l;
+}, Z = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, ke = function(e) {
+  return [e.deltaX, e.deltaY];
+}, We = function(e) {
+  return e && "current" in e ? e.current : e;
+}, vr = function(e, t) {
+  return e[0] === t[0] && e[1] === t[1];
+}, mr = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, pr = 0, W = [];
+function hr(e) {
+  var t = i.useRef([]), n = i.useRef([0, 0]), r = i.useRef(), a = i.useState(pr++)[0], o = i.useState(or)[0], s = i.useRef(e);
+  i.useEffect(function() {
+    s.current = e;
+  }, [e]), i.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(a));
+      var u = Mn([e.lockRef.current], (e.shards || []).map(We), !0).filter(Boolean);
+      return u.forEach(function(h) {
+        return h.classList.add("allow-interactivity-".concat(a));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(a)), u.forEach(function(h) {
+          return h.classList.remove("allow-interactivity-".concat(a));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var c = i.useCallback(function(u, h) {
+    if ("touches" in u && u.touches.length === 2 || u.type === "wheel" && u.ctrlKey)
+      return !s.current.allowPinchZoom;
+    var b = Z(u), N = n.current, C = "deltaX" in u ? u.deltaX : N[0] - b[0], S = "deltaY" in u ? u.deltaY : N[1] - b[1], P, x = u.target, w = Math.abs(C) > Math.abs(S) ? "h" : "v";
+    if ("touches" in u && w === "h" && x.type === "range")
+      return !1;
+    var A = _e(w, x);
+    if (!A)
+      return !0;
+    if (A ? P = w : (P = w === "v" ? "h" : "v", A = _e(w, x)), !A)
+      return !1;
+    if (!r.current && "changedTouches" in u && (C || S) && (r.current = P), !P)
+      return !0;
+    var j = r.current || P;
+    return fr(j, h, u, j === "h" ? C : S);
+  }, []), d = i.useCallback(function(u) {
+    var h = u;
+    if (!(!W.length || W[W.length - 1] !== o)) {
+      var b = "deltaY" in h ? ke(h) : Z(h), N = t.current.filter(function(P) {
+        return P.name === h.type && (P.target === h.target || h.target === P.shadowParent) && vr(P.delta, b);
+      })[0];
+      if (N && N.should) {
+        h.cancelable && h.preventDefault();
+        return;
+      }
+      if (!N) {
+        var C = (s.current.shards || []).map(We).filter(Boolean).filter(function(P) {
+          return P.contains(h.target);
+        }), S = C.length > 0 ? c(h, C[0]) : !s.current.noIsolation;
+        S && h.cancelable && h.preventDefault();
+      }
+    }
+  }, []), l = i.useCallback(function(u, h, b, N) {
+    var C = { name: u, delta: h, target: b, should: N, shadowParent: gr(b) };
+    t.current.push(C), setTimeout(function() {
+      t.current = t.current.filter(function(S) {
+        return S !== C;
+      });
+    }, 1);
+  }, []), f = i.useCallback(function(u) {
+    n.current = Z(u), r.current = void 0;
+  }, []), v = i.useCallback(function(u) {
+    l(u.type, ke(u), u.target, c(u, e.lockRef.current));
+  }, []), m = i.useCallback(function(u) {
+    l(u.type, Z(u), u.target, c(u, e.lockRef.current));
+  }, []);
+  i.useEffect(function() {
+    return W.push(o), e.setCallbacks({
+      onScrollCapture: v,
+      onWheelCapture: v,
+      onTouchMoveCapture: m
+    }), document.addEventListener("wheel", d, k), document.addEventListener("touchmove", d, k), document.addEventListener("touchstart", f, k), function() {
+      W = W.filter(function(u) {
+        return u !== o;
+      }), document.removeEventListener("wheel", d, k), document.removeEventListener("touchmove", d, k), document.removeEventListener("touchstart", f, k);
+    };
+  }, []);
+  var y = e.removeScrollBar, E = e.inert;
+  return i.createElement(
+    i.Fragment,
+    null,
+    E ? i.createElement(o, { styles: mr(a) }) : null,
+    y ? i.createElement(Jn, { gapMode: e.gapMode }) : null
+  );
+}
+function gr(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
+}
+const yr = $n(et, hr);
+var ot = i.forwardRef(function(e, t) {
+  return i.createElement(J, R({}, e, { ref: t, sideCar: yr }));
+});
+ot.classNames = J.classNames;
+var br = function(e) {
+  if (typeof document > "u")
+    return null;
+  var t = Array.isArray(e) ? e[0] : e;
+  return t.ownerDocument.body;
+}, B = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), H = {}, se = 0, it = function(e) {
+  return e && (e.host || it(e.parentNode));
+}, Er = function(e, t) {
+  return t.map(function(n) {
+    if (e.contains(n))
+      return n;
+    var r = it(n);
+    return r && e.contains(r) ? r : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
+  }).filter(function(n) {
+    return !!n;
+  });
+}, wr = function(e, t, n, r) {
+  var a = Er(t, Array.isArray(e) ? e : [e]);
+  H[n] || (H[n] = /* @__PURE__ */ new WeakMap());
+  var o = H[n], s = [], c = /* @__PURE__ */ new Set(), d = new Set(a), l = function(v) {
+    !v || c.has(v) || (c.add(v), l(v.parentNode));
+  };
+  a.forEach(l);
+  var f = function(v) {
+    !v || d.has(v) || Array.prototype.forEach.call(v.children, function(m) {
+      if (c.has(m))
+        f(m);
+      else
+        try {
+          var y = m.getAttribute(r), E = y !== null && y !== "false", u = (B.get(m) || 0) + 1, h = (o.get(m) || 0) + 1;
+          B.set(m, u), o.set(m, h), s.push(m), u === 1 && E && z.set(m, !0), h === 1 && m.setAttribute(n, "true"), E || m.setAttribute(r, "true");
+        } catch (b) {
+          console.error("aria-hidden: cannot operate on ", m, b);
+        }
+    });
+  };
+  return f(t), c.clear(), se++, function() {
+    s.forEach(function(v) {
+      var m = B.get(v) - 1, y = o.get(v) - 1;
+      B.set(v, m), o.set(v, y), m || (z.has(v) || v.removeAttribute(r), z.delete(v)), y || v.removeAttribute(n);
+    }), se--, se || (B = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), H = {});
+  };
+}, Cr = function(e, t, n) {
+  n === void 0 && (n = "data-aria-hidden");
+  var r = Array.from(Array.isArray(e) ? e : [e]), a = br(e);
+  return a ? (r.push.apply(r, Array.from(a.querySelectorAll("[aria-live]"))), wr(r, a, n, "aria-hidden")) : function() {
+    return null;
+  };
+}, pe = "Dialog", [ct, Xr] = Qt(pe), [Sr, O] = ct(pe), st = (e) => {
+  const {
+    __scopeDialog: t,
+    children: n,
+    open: r,
+    defaultOpen: a,
+    onOpenChange: o,
+    modal: s = !0
+  } = e, c = i.useRef(null), d = i.useRef(null), [l = !1, f] = nn({
+    prop: r,
+    defaultProp: a,
+    onChange: o
+  });
+  return /* @__PURE__ */ g(
+    Sr,
+    {
+      scope: t,
+      triggerRef: c,
+      contentRef: d,
+      contentId: te(),
+      titleId: te(),
+      descriptionId: te(),
+      open: l,
+      onOpenChange: f,
+      onOpenToggle: i.useCallback(() => f((v) => !v), [f]),
+      modal: s,
+      children: n
+    }
+  );
+};
+st.displayName = pe;
+var ut = "DialogTrigger", Pr = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = O(ut, n), o = _(t, a.triggerRef);
+    return /* @__PURE__ */ g(
+      D.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": a.open,
+        "aria-controls": a.contentId,
+        "data-state": ye(a.open),
+        ...r,
+        ref: o,
+        onClick: L(e.onClick, a.onOpenToggle)
+      }
+    );
+  }
+);
+Pr.displayName = ut;
+var he = "DialogPortal", [Nr, lt] = ct(he, {
+  forceMount: void 0
+}), dt = (e) => {
+  const { __scopeDialog: t, forceMount: n, children: r, container: a } = e, o = O(he, t);
+  return /* @__PURE__ */ g(Nr, { scope: t, forceMount: n, children: i.Children.map(r, (s) => /* @__PURE__ */ g(Q, { present: n || o.open, children: /* @__PURE__ */ g(qe, { asChild: !0, container: a, children: s }) })) });
+};
+dt.displayName = he;
+var q = "DialogOverlay", ft = i.forwardRef(
+  (e, t) => {
+    const n = lt(q, e.__scopeDialog), { forceMount: r = n.forceMount, ...a } = e, o = O(q, e.__scopeDialog);
+    return o.modal ? /* @__PURE__ */ g(Q, { present: r || o.open, children: /* @__PURE__ */ g(Or, { ...a, ref: t }) }) : null;
+  }
+);
+ft.displayName = q;
+var Or = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = O(q, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ g(ot, { as: me, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ g(
+        D.div,
+        {
+          "data-state": ye(a.open),
+          ...r,
+          ref: t,
+          style: { pointerEvents: "auto", ...r.style }
+        }
+      ) })
+    );
+  }
+), F = "DialogContent", vt = i.forwardRef(
+  (e, t) => {
+    const n = lt(F, e.__scopeDialog), { forceMount: r = n.forceMount, ...a } = e, o = O(F, e.__scopeDialog);
+    return /* @__PURE__ */ g(Q, { present: r || o.open, children: o.modal ? /* @__PURE__ */ g(Rr, { ...a, ref: t }) : /* @__PURE__ */ g(xr, { ...a, ref: t }) });
+  }
+);
+vt.displayName = F;
+var Rr = i.forwardRef(
+  (e, t) => {
+    const n = O(F, e.__scopeDialog), r = i.useRef(null), a = _(t, n.contentRef, r);
+    return i.useEffect(() => {
+      const o = r.current;
+      if (o) return Cr(o);
+    }, []), /* @__PURE__ */ g(
+      mt,
+      {
+        ...e,
+        ref: a,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: L(e.onCloseAutoFocus, (o) => {
+          var s;
+          o.preventDefault(), (s = n.triggerRef.current) == null || s.focus();
+        }),
+        onPointerDownOutside: L(e.onPointerDownOutside, (o) => {
+          const s = o.detail.originalEvent, c = s.button === 0 && s.ctrlKey === !0;
+          (s.button === 2 || c) && o.preventDefault();
+        }),
+        onFocusOutside: L(
+          e.onFocusOutside,
+          (o) => o.preventDefault()
+        )
+      }
+    );
+  }
+), xr = i.forwardRef(
+  (e, t) => {
+    const n = O(F, e.__scopeDialog), r = i.useRef(!1), a = i.useRef(!1);
+    return /* @__PURE__ */ g(
+      mt,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (o) => {
+          var s, c;
+          (s = e.onCloseAutoFocus) == null || s.call(e, o), o.defaultPrevented || (r.current || (c = n.triggerRef.current) == null || c.focus(), o.preventDefault()), r.current = !1, a.current = !1;
+        },
+        onInteractOutside: (o) => {
+          var d, l;
+          (d = e.onInteractOutside) == null || d.call(e, o), o.defaultPrevented || (r.current = !0, o.detail.originalEvent.type === "pointerdown" && (a.current = !0));
+          const s = o.target;
+          ((l = n.triggerRef.current) == null ? void 0 : l.contains(s)) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && a.current && o.preventDefault();
+        }
+      }
+    );
+  }
+), mt = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: a, onCloseAutoFocus: o, ...s } = e, c = O(F, n), d = i.useRef(null), l = _(t, d);
+    return Dn(), /* @__PURE__ */ T(ue, { children: [
+      /* @__PURE__ */ g(
+        Xe,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: r,
+          onMountAutoFocus: a,
+          onUnmountAutoFocus: o,
+          children: /* @__PURE__ */ g(
+            Ke,
+            {
+              role: "dialog",
+              id: c.contentId,
+              "aria-describedby": c.descriptionId,
+              "aria-labelledby": c.titleId,
+              "data-state": ye(c.open),
+              ...s,
+              ref: l,
+              onDismiss: () => c.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ T(ue, { children: [
+        /* @__PURE__ */ g(Dr, { titleId: c.titleId }),
+        /* @__PURE__ */ g(Lr, { contentRef: d, descriptionId: c.descriptionId })
+      ] })
+    ] });
+  }
+), ge = "DialogTitle", pt = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = O(ge, n);
+    return /* @__PURE__ */ g(D.h2, { id: a.titleId, ...r, ref: t });
+  }
+);
+pt.displayName = ge;
+var ht = "DialogDescription", gt = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = O(ht, n);
+    return /* @__PURE__ */ g(D.p, { id: a.descriptionId, ...r, ref: t });
+  }
+);
+gt.displayName = ht;
+var yt = "DialogClose", Ar = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...r } = e, a = O(yt, n);
+    return /* @__PURE__ */ g(
+      D.button,
+      {
+        type: "button",
+        ...r,
+        ref: t,
+        onClick: L(e.onClick, () => a.onOpenChange(!1))
+      }
+    );
+  }
+);
+Ar.displayName = yt;
+function ye(e) {
+  return e ? "open" : "closed";
+}
+var bt = "DialogTitleWarning", [Yr, Et] = qt(bt, {
+  contentName: F,
+  titleName: ge,
+  docsSlug: "dialog"
+}), Dr = ({ titleId: e }) => {
+  const t = Et(bt), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
+  return i.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, Mr = "DialogDescriptionWarning", Lr = ({ contentRef: e, descriptionId: t }) => {
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Et(Mr).contentName}}.`;
+  return i.useEffect(() => {
+    var o;
+    const a = (o = e.current) == null ? void 0 : o.getAttribute("aria-describedby");
+    t && a && (document.getElementById(t) || console.warn(r));
+  }, [r, e, t]), null;
+}, Tr = st, Ir = dt, Fr = ft, _r = vt, kr = pt, Wr = gt;
+const Br = "fixed inset-0 bg-black/50 data-[state=open]:animate-overlayShow z-10", $r = `
+  fixed left-1/2 top-1/2 z-10
+  -translate-x-1/2 -translate-y-1/2
+  shadow-lg focus:outline-none
+
+  data-[state=open]:animate-contentShow
+`, jr = "flex flex-col gap-y-6 whitespace-pre-line", Ur = "flex items-center justify-between m-0 text-2xl text-gray-800", Vr = "m-0", Zr = "h-8 w-8 cursor-pointer transition-colors hover:bg-gray-200 rounded-full flex items-center justify-center", zr = "flex justify-end gap-2", qr = ({
+  title: e,
+  description: t,
+  isOpen: n,
+  children: r,
+  onClose: a
+}) => /* @__PURE__ */ g(Tr, { open: n, children: /* @__PURE__ */ T(Ir, { children: [
+  /* @__PURE__ */ g(Fr, { className: Br }),
+  /* @__PURE__ */ g(_r, { className: $r, children: /* @__PURE__ */ g(Yt, { children: /* @__PURE__ */ T("div", { className: jr, children: [
+    /* @__PURE__ */ T(kr, { className: Ur, children: [
+      /* @__PURE__ */ g("span", { children: e }),
+      /* @__PURE__ */ g(Ze, { size: 32, className: Zr, onClick: a })
+    ] }),
+    /* @__PURE__ */ g(Wr, { className: Vr, children: t }),
+    /* @__PURE__ */ g("div", { className: zr, children: r })
+  ] }) }) })
+] }) });
+export {
+  Kt as Button,
+  Yt as Card,
+  qr as Modal
+};