boottent-design 0.1.65 → 0.1.66

package/dist/{tooltip-DYRQMAxf.js → toggleButtonGroup-primitive-Czf4mkwe.js}

@@ -7578,287 +7578,12 @@ const v2 = ({ children: e }) => {
     o || (o = document.createElement("div"), o.id = "portal", document.body.appendChild(o)), n(o);
   }, []), t ? nr.createPortal(e, t) : null;
 };
-function T0(e, t = []) {
-  let n = [];
-  function o(a, s) {
-    const c = l.createContext(s), d = n.length;
-    n = [...n, s];
-    function u(f) {
-      const { scope: g, children: m, ...v } = f, h = (g == null ? void 0 : g[e][d]) || c, w = l.useMemo(() => v, Object.values(v));
-      return /* @__PURE__ */ i(h.Provider, { value: w, children: m });
-    }
-    function p(f, g) {
-      const m = (g == null ? void 0 : g[e][d]) || c, v = l.useContext(m);
-      if (v) return v;
-      if (s !== void 0) return s;
-      throw new Error(`\`${f}\` must be used within \`${a}\``);
-    }
-    return u.displayName = a + "Provider", [u, p];
-  }
-  const r = () => {
-    const a = n.map((s) => l.createContext(s));
-    return function(c) {
-      const d = (c == null ? void 0 : c[e]) || a;
-      return l.useMemo(
-        () => ({ [`__scope${e}`]: { ...c, [e]: d } }),
-        [c, d]
-      );
-    };
-  };
-  return r.scopeName = e, [o, N0(r, ...t)];
-}
-function N0(...e) {
-  const t = e[0];
-  if (e.length === 1) return t;
-  const n = () => {
-    const o = e.map((r) => ({
-      useScope: r(),
-      scopeName: r.scopeName
-    }));
-    return function(a) {
-      const s = o.reduce((c, { useScope: d, scopeName: u }) => {
-        const f = d(a)[`__scope${u}`];
-        return { ...c, ...f };
-      }, {});
-      return l.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
-    };
-  };
-  return n.scopeName = t.scopeName, n;
-}
-var S0 = "Toggle", Os = l.forwardRef((e, t) => {
-  const { pressed: n, defaultPressed: o = !1, onPressedChange: r, ...a } = e, [s = !1, c] = J({
-    prop: n,
-    onChange: r,
-    defaultProp: o
-  });
-  return /* @__PURE__ */ i(
-    F.button,
-    {
-      type: "button",
-      "aria-pressed": s,
-      "data-state": s ? "on" : "off",
-      "data-disabled": e.disabled ? "" : void 0,
-      ...a,
-      ref: t,
-      onClick: N(e.onClick, () => {
-        e.disabled || c(!s);
-      })
-    }
-  );
-});
-Os.displayName = S0;
-var Ve = "ToggleGroup", [Ls, w2] = T0(Ve, [
-  $t
-]), Is = $t(), go = I.forwardRef((e, t) => {
-  const { type: n, ...o } = e;
-  if (n === "single")
-    return /* @__PURE__ */ i(_0, { ...o, ref: t });
-  if (n === "multiple")
-    return /* @__PURE__ */ i(D0, { ...o, ref: t });
-  throw new Error(`Missing prop \`type\` expected on \`${Ve}\``);
-});
-go.displayName = Ve;
-var [ks, Fs] = Ls(Ve), _0 = I.forwardRef((e, t) => {
-  const {
-    value: n,
-    defaultValue: o,
-    onValueChange: r = () => {
-    },
-    ...a
-  } = e, [s, c] = J({
-    prop: n,
-    defaultProp: o,
-    onChange: r
-  });
-  return /* @__PURE__ */ i(
-    ks,
-    {
-      scope: e.__scopeToggleGroup,
-      type: "single",
-      value: s ? [s] : [],
-      onItemActivate: c,
-      onItemDeactivate: I.useCallback(() => c(""), [c]),
-      children: /* @__PURE__ */ i($s, { ...a, ref: t })
-    }
-  );
-}), D0 = I.forwardRef((e, t) => {
-  const {
-    value: n,
-    defaultValue: o,
-    onValueChange: r = () => {
-    },
-    ...a
-  } = e, [s = [], c] = J({
-    prop: n,
-    defaultProp: o,
-    onChange: r
-  }), d = I.useCallback(
-    (p) => c((f = []) => [...f, p]),
-    [c]
-  ), u = I.useCallback(
-    (p) => c((f = []) => f.filter((g) => g !== p)),
-    [c]
-  );
-  return /* @__PURE__ */ i(
-    ks,
-    {
-      scope: e.__scopeToggleGroup,
-      type: "multiple",
-      value: s,
-      onItemActivate: d,
-      onItemDeactivate: u,
-      children: /* @__PURE__ */ i($s, { ...a, ref: t })
-    }
-  );
-});
-go.displayName = Ve;
-var [O0, L0] = Ls(Ve), $s = I.forwardRef(
-  (e, t) => {
-    const {
-      __scopeToggleGroup: n,
-      disabled: o = !1,
-      rovingFocus: r = !0,
-      orientation: a,
-      dir: s,
-      loop: c = !0,
-      ...d
-    } = e, u = Is(n), p = Nt(s), f = { role: "group", dir: p, ...d };
-    return /* @__PURE__ */ i(O0, { scope: n, rovingFocus: r, disabled: o, children: r ? /* @__PURE__ */ i(
-      oa,
-      {
-        asChild: !0,
-        ...u,
-        orientation: a,
-        dir: p,
-        loop: c,
-        children: /* @__PURE__ */ i(F.div, { ...f, ref: t })
-      }
-    ) : /* @__PURE__ */ i(F.div, { ...f, ref: t }) });
-  }
-), Mt = "ToggleGroupItem", Vs = I.forwardRef(
-  (e, t) => {
-    const n = Fs(Mt, e.__scopeToggleGroup), o = L0(Mt, e.__scopeToggleGroup), r = Is(e.__scopeToggleGroup), a = n.value.includes(e.value), s = o.disabled || e.disabled, c = { ...e, pressed: a, disabled: s }, d = I.useRef(null);
-    return o.rovingFocus ? /* @__PURE__ */ i(
-      ra,
-      {
-        asChild: !0,
-        ...r,
-        focusable: !s,
-        active: a,
-        ref: d,
-        children: /* @__PURE__ */ i(Xo, { ...c, ref: t })
-      }
-    ) : /* @__PURE__ */ i(Xo, { ...c, ref: t });
-  }
-);
-Vs.displayName = Mt;
-var Xo = I.forwardRef(
-  (e, t) => {
-    const { __scopeToggleGroup: n, value: o, ...r } = e, a = Fs(Mt, n), s = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = a.type === "single" ? s : void 0;
-    return /* @__PURE__ */ i(
-      Os,
-      {
-        ...c,
-        ...r,
-        ref: t,
-        onPressedChange: (d) => {
-          d ? a.onItemActivate(o) : a.onItemDeactivate(o);
-        }
-      }
-    );
-  }
-), Hs = go, Bs = Vs;
-const I0 = _n(
-  "inline-flex items-center justify-center gap-1 whitespace-nowrap text-sm font-normal ring-offset-background transition-all focus-visible:outline-none disabled:pointer-events-none",
-  {
-    variants: {
-      variant: {
-        solid: "disabled:bg-muted disabled:text-muted-foreground disabled:border-muted",
-        outline: "disabled:bg-white disabled:text-muted disabled:border-border"
-      },
-      theme: {
-        primary: "bg-white border border-main-200 text-primary hover:bg-main-100",
-        secondary: "bg-white border border-grey-200 text-secondary hover:bg-grey-100"
-      },
-      size: {
-        xs: "h-8 py-1 px-2 text-sm",
-        sm: "h-9 py-2 px-3 text-sm",
-        md: "h-11 px-3 py-3 text-sm",
-        lg: "h-[52px] px-12 py-3.5 text-base",
-        icon: "h-auto w-auto"
-      },
-      shape: {
-        square: "rounded-lg",
-        rounded: "rounded-full"
-      },
-      checked: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        theme: "primary",
-        checked: !0,
-        className: "bg-main-600 border-main-600 text-white hover:bg-main-700 hover:border-main-700"
-      },
-      {
-        theme: "secondary",
-        checked: !0,
-        className: "bg-grey-800 border-grey-800 text-white hover:bg-grey-900 hover:border-grey-900"
-      }
-    ],
-    defaultVariants: {
-      theme: "primary",
-      size: "md",
-      shape: "square",
-      checked: !1
-    }
-  }
-), vo = l.createContext({
-  theme: "primary",
-  size: "md",
-  shape: "square"
-});
-vo.displayName = "ToggleGroupContext";
-const k0 = l.forwardRef(({ className: e, variant: t, theme: n, size: o, shape: r, children: a, ...s }, c) => /* @__PURE__ */ i(vo.Provider, { value: { theme: n, size: o, shape: r }, children: /* @__PURE__ */ i(
-  Hs,
-  {
-    ref: c,
-    className: _("flex items-center justify-center gap-1", e),
-    ...s,
-    children: a
-  }
-) }));
-k0.displayName = Hs.displayName;
-const F0 = l.forwardRef(({ className: e, checked: t = !1, children: n, ...o }, r) => {
-  const a = l.useContext(vo);
-  return /* @__PURE__ */ i(
-    Bs,
-    {
-      ref: r,
-      className: _(
-        I0({
-          theme: o.theme || a.theme || "primary",
-          size: o.size || a.size || "md",
-          shape: o.shape || a.shape || "square",
-          variant: o.variant || "outline",
-          checked: t
-        }),
-        e
-      ),
-      ...o,
-      children: n
-    }
-  );
-});
-F0.displayName = Bs.displayName;
-var [Kt, C2] = xe("Tooltip", [
+var [Kt, w2] = xe("Tooltip", [
   It
-]), Ut = It(), Zs = "TooltipProvider", $0 = 700, yn = "tooltip.open", [V0, wo] = Kt(Zs), Gs = (e) => {
+]), Ut = It(), Os = "TooltipProvider", T0 = 700, yn = "tooltip.open", [N0, go] = Kt(Os), Ls = (e) => {
   const {
     __scopeTooltip: t,
-    delayDuration: n = $0,
+    delayDuration: n = T0,
     skipDelayDuration: o = 300,
     disableHoverableContent: r = !1,
     children: a
@@ -7867,7 +7592,7 @@ var [Kt, C2] = xe("Tooltip", [
     const p = u.current;
     return () => window.clearTimeout(p);
   }, []), /* @__PURE__ */ i(
-    V0,
+    N0,
     {
       scope: t,
       isOpenDelayed: s,
@@ -7890,8 +7615,8 @@ var [Kt, C2] = xe("Tooltip", [
     }
   );
 };
-Gs.displayName = Zs;
-var jt = "Tooltip", [H0, Yt] = Kt(jt), Ws = (e) => {
+Ls.displayName = Os;
+var jt = "Tooltip", [S0, Yt] = Kt(jt), Is = (e) => {
   const {
     __scopeTooltip: t,
     children: n,
@@ -7900,7 +7625,7 @@ var jt = "Tooltip", [H0, Yt] = Kt(jt), Ws = (e) => {
     onOpenChange: a,
     disableHoverableContent: s,
     delayDuration: c
-  } = e, d = wo(jt, e.__scopeTooltip), u = Ut(t), [p, f] = l.useState(null), g = ee(), m = l.useRef(0), v = s ?? d.disableHoverableContent, h = c ?? d.delayDuration, w = l.useRef(!1), [C = !1, y] = J({
+  } = e, d = go(jt, e.__scopeTooltip), u = Ut(t), [p, f] = l.useState(null), g = ee(), m = l.useRef(0), v = s ?? d.disableHoverableContent, h = c ?? d.delayDuration, w = l.useRef(!1), [C = !1, y] = J({
     prop: o,
     defaultProp: r,
     onChange: (A) => {
@@ -7918,7 +7643,7 @@ var jt = "Tooltip", [H0, Yt] = Kt(jt), Ws = (e) => {
   return l.useEffect(() => () => {
     m.current && (window.clearTimeout(m.current), m.current = 0);
   }, []), /* @__PURE__ */ i(Zn, { ...u, children: /* @__PURE__ */ i(
-    H0,
+    S0,
     {
       scope: t,
       contentId: g,
@@ -7939,10 +7664,10 @@ var jt = "Tooltip", [H0, Yt] = Kt(jt), Ws = (e) => {
     }
   ) });
 };
-Ws.displayName = jt;
-var xn = "TooltipTrigger", Ks = l.forwardRef(
+Is.displayName = jt;
+var xn = "TooltipTrigger", ks = l.forwardRef(
   (e, t) => {
-    const { __scopeTooltip: n, ...o } = e, r = Yt(xn, n), a = wo(xn, n), s = Ut(n), c = l.useRef(null), d = W(t, c, r.onTriggerChange), u = l.useRef(!1), p = l.useRef(!1), f = l.useCallback(() => u.current = !1, []);
+    const { __scopeTooltip: n, ...o } = e, r = Yt(xn, n), a = go(xn, n), s = Ut(n), c = l.useRef(null), d = W(t, c, r.onTriggerChange), u = l.useRef(!1), p = l.useRef(!1), f = l.useCallback(() => u.current = !1, []);
     return l.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ i(zr, { asChild: !0, ...s, children: /* @__PURE__ */ i(
       F.button,
       {
@@ -7968,20 +7693,20 @@ var xn = "TooltipTrigger", Ks = l.forwardRef(
     ) });
   }
 );
-Ks.displayName = xn;
-var B0 = "TooltipPortal", [y2, Z0] = Kt(B0, {
+ks.displayName = xn;
+var _0 = "TooltipPortal", [C2, D0] = Kt(_0, {
   forceMount: void 0
-}), ke = "TooltipContent", Us = l.forwardRef(
+}), ke = "TooltipContent", Fs = l.forwardRef(
   (e, t) => {
-    const n = Z0(ke, e.__scopeTooltip), { forceMount: o = n.forceMount, side: r = "top", ...a } = e, s = Yt(ke, e.__scopeTooltip);
-    return /* @__PURE__ */ i(oe, { present: o || s.open, children: s.disableHoverableContent ? /* @__PURE__ */ i(js, { side: r, ...a, ref: t }) : /* @__PURE__ */ i(G0, { side: r, ...a, ref: t }) });
+    const n = D0(ke, e.__scopeTooltip), { forceMount: o = n.forceMount, side: r = "top", ...a } = e, s = Yt(ke, e.__scopeTooltip);
+    return /* @__PURE__ */ i(oe, { present: o || s.open, children: s.disableHoverableContent ? /* @__PURE__ */ i($s, { side: r, ...a, ref: t }) : /* @__PURE__ */ i(O0, { side: r, ...a, ref: t }) });
   }
-), G0 = l.forwardRef((e, t) => {
-  const n = Yt(ke, e.__scopeTooltip), o = wo(ke, e.__scopeTooltip), r = l.useRef(null), a = W(t, r), [s, c] = l.useState(null), { trigger: d, onClose: u } = n, p = r.current, { onPointerInTransitChange: f } = o, g = l.useCallback(() => {
+), O0 = l.forwardRef((e, t) => {
+  const n = Yt(ke, e.__scopeTooltip), o = go(ke, e.__scopeTooltip), r = l.useRef(null), a = W(t, r), [s, c] = l.useState(null), { trigger: d, onClose: u } = n, p = r.current, { onPointerInTransitChange: f } = o, g = l.useCallback(() => {
     c(null), f(!1);
   }, [f]), m = l.useCallback(
     (v, h) => {
-      const w = v.currentTarget, C = { x: v.clientX, y: v.clientY }, y = j0(C, w.getBoundingClientRect()), x = Y0(C, y), b = z0(h.getBoundingClientRect()), R = q0([...x, ...b]);
+      const w = v.currentTarget, C = { x: v.clientX, y: v.clientY }, y = F0(C, w.getBoundingClientRect()), x = $0(C, y), b = V0(h.getBoundingClientRect()), R = B0([...x, ...b]);
       c(R), f(!0);
     },
     [f]
@@ -7996,13 +7721,13 @@ var B0 = "TooltipPortal", [y2, Z0] = Kt(B0, {
   }, [d, p, m, g]), l.useEffect(() => {
     if (s) {
       const v = (h) => {
-        const w = h.target, C = { x: h.clientX, y: h.clientY }, y = (d == null ? void 0 : d.contains(w)) || (p == null ? void 0 : p.contains(w)), x = !X0(C, s);
+        const w = h.target, C = { x: h.clientX, y: h.clientY }, y = (d == null ? void 0 : d.contains(w)) || (p == null ? void 0 : p.contains(w)), x = !H0(C, s);
         y ? g() : x && (g(), u());
       };
       return document.addEventListener("pointermove", v), () => document.removeEventListener("pointermove", v);
     }
-  }, [d, p, s, u, g]), /* @__PURE__ */ i(js, { ...e, ref: a });
-}), [W0, K0] = Kt(jt, { isInside: !1 }), js = l.forwardRef(
+  }, [d, p, s, u, g]), /* @__PURE__ */ i($s, { ...e, ref: a });
+}), [L0, I0] = Kt(jt, { isInside: !1 }), $s = l.forwardRef(
   (e, t) => {
     const {
       __scopeTooltip: n,
@@ -8046,7 +7771,7 @@ var B0 = "TooltipPortal", [y2, Z0] = Kt(B0, {
             },
             children: [
               /* @__PURE__ */ i(er, { children: o }),
-              /* @__PURE__ */ i(W0, { scope: n, isInside: !0, children: /* @__PURE__ */ i(i0, { id: d.contentId, role: "tooltip", children: r || o }) })
+              /* @__PURE__ */ i(L0, { scope: n, isInside: !0, children: /* @__PURE__ */ i(i0, { id: d.contentId, role: "tooltip", children: r || o }) })
             ]
           }
         )
@@ -8054,18 +7779,18 @@ var B0 = "TooltipPortal", [y2, Z0] = Kt(B0, {
     );
   }
 );
-Us.displayName = ke;
-var Ys = "TooltipArrow", U0 = l.forwardRef(
+Fs.displayName = ke;
+var Vs = "TooltipArrow", k0 = l.forwardRef(
   (e, t) => {
     const { __scopeTooltip: n, ...o } = e, r = Ut(n);
-    return K0(
-      Ys,
+    return I0(
+      Vs,
       n
     ).isInside ? null : /* @__PURE__ */ i(qr, { ...r, ...o, ref: t });
   }
 );
-U0.displayName = Ys;
-function j0(e, t) {
+k0.displayName = Vs;
+function F0(e, t) {
   const n = Math.abs(t.top - e.y), o = Math.abs(t.bottom - e.y), r = Math.abs(t.right - e.x), a = Math.abs(t.left - e.x);
   switch (Math.min(n, o, r, a)) {
     case a:
@@ -8080,7 +7805,7 @@ function j0(e, t) {
       throw new Error("unreachable");
   }
 }
-function Y0(e, t, n = 5) {
+function $0(e, t, n = 5) {
   const o = [];
   switch (t) {
     case "top":
@@ -8110,7 +7835,7 @@ function Y0(e, t, n = 5) {
   }
   return o;
 }
-function z0(e) {
+function V0(e) {
   const { top: t, right: n, bottom: o, left: r } = e;
   return [
     { x: r, y: t },
@@ -8119,7 +7844,7 @@ function z0(e) {
     { x: r, y: o }
   ];
 }
-function X0(e, t) {
+function H0(e, t) {
   const { x: n, y: o } = e;
   let r = !1;
   for (let a = 0, s = t.length - 1; a < t.length; s = a++) {
@@ -8128,11 +7853,11 @@ function X0(e, t) {
   }
   return r;
 }
-function q0(e) {
+function B0(e) {
   const t = e.slice();
-  return t.sort((n, o) => n.x < o.x ? -1 : n.x > o.x ? 1 : n.y < o.y ? -1 : n.y > o.y ? 1 : 0), Q0(t);
+  return t.sort((n, o) => n.x < o.x ? -1 : n.x > o.x ? 1 : n.y < o.y ? -1 : n.y > o.y ? 1 : 0), Z0(t);
 }
-function Q0(e) {
+function Z0(e) {
   if (e.length <= 1) return e.slice();
   const t = [];
   for (let o = 0; o < e.length; o++) {
@@ -8157,18 +7882,18 @@ function Q0(e) {
   }
   return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
 }
-var J0 = Gs, e2 = Ws, t2 = Ks, zs = Us;
-const qo = {
+var G0 = Ls, W0 = Is, K0 = ks, Hs = Fs;
+const Xo = {
   primary: "bg-main-600 text-white",
   secondary: "bg-grey-800 text-white",
   white: "bg-grey-50 text-grey-800"
-}, n2 = {
+}, U0 = {
   sm: "p-2 text-xs rounded",
   md: "py-2 px-3 text-sm rounded",
   lg: "p-4 text-base rounded-lg",
   pc: "p-4 text-sm rounded-lg",
   mobile: "p-2 text-[13px] rounded"
-}, x2 = J0, b2 = e2, R2 = t2, o2 = (e, t) => {
+}, y2 = G0, x2 = W0, b2 = K0, j0 = (e, t) => {
   const n = t === "primary" ? Ee.main[600] : t === "secondary" ? Ee.grey[800] : Ee.grey[50], o = t === "white" ? Ee.grey[200] : n;
   return { ...{
     width: "12px",
@@ -8213,7 +7938,7 @@ const qo = {
       transform: "translateX(50%) translateY(50%) rotate(45deg)"
     }
   }[e] };
-}, r2 = l.forwardRef(
+}, Y0 = l.forwardRef(
   ({
     className: e,
     variant: t = "primary",
@@ -8223,39 +7948,41 @@ const qo = {
     icLeft: a,
     icRight: s,
     children: c,
-    ...d
-  }, u) => {
-    const p = o2(o, t), g = o.startsWith("top") ? "top" : "bottom", m = o.includes("left") ? "start" : o.includes("right") ? "end" : "center";
+    bubbleTip: d = !0,
+    ...u
+  }, p) => {
+    const f = j0(o, t), m = o.startsWith("top") ? "top" : "bottom", v = o.includes("left") ? "start" : o.includes("right") ? "end" : "center";
     return /* @__PURE__ */ i(
-      zs,
+      Hs,
       {
-        ref: u,
+        ref: p,
         avoidCollisions: !1,
-        sideOffset: r,
-        side: g,
-        align: m,
+        sideOffset: d ? r : 4,
+        side: m,
+        align: v,
         style: { zIndex: 50 },
-        ...d,
+        ...u,
         children: /* @__PURE__ */ E(
           "div",
           {
             className: _(
-              "relative z-50 my-1 rounded-lg",
+              "relative z-50 rounded-lg",
+              d && "my-1",
               t === "white" && "border border-border",
-              qo[t],
+              Xo[t],
               e
             ),
             children: [
-              /* @__PURE__ */ i("div", { style: p }),
-              /* @__PURE__ */ i("div", { className: "absolute z-10 inset-0 bg-white rounded-lg" }),
+              d && /* @__PURE__ */ i("div", { style: f }),
+              /* @__PURE__ */ i("div", { className: "absolute inset-0 z-10 rounded-lg bg-white" }),
               /* @__PURE__ */ E(
                 "div",
                 {
                   className: _(
-                    "relative z-20 flex items-center font-normal max-w-sm",
+                    "relative z-20 flex max-w-sm items-center font-normal",
                     t !== "white" && "bg-opacity-90",
-                    qo[t],
-                    n2[n]
+                    Xo[t],
+                    U0[n]
                   ),
                   children: [
                     a && /* @__PURE__ */ i("span", { className: "mr-1", children: a }),
@@ -8271,6 +7998,281 @@ const qo = {
     );
   }
 );
+Y0.displayName = Hs.displayName;
+function z0(e, t = []) {
+  let n = [];
+  function o(a, s) {
+    const c = l.createContext(s), d = n.length;
+    n = [...n, s];
+    function u(f) {
+      const { scope: g, children: m, ...v } = f, h = (g == null ? void 0 : g[e][d]) || c, w = l.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ i(h.Provider, { value: w, children: m });
+    }
+    function p(f, g) {
+      const m = (g == null ? void 0 : g[e][d]) || c, v = l.useContext(m);
+      if (v) return v;
+      if (s !== void 0) return s;
+      throw new Error(`\`${f}\` must be used within \`${a}\``);
+    }
+    return u.displayName = a + "Provider", [u, p];
+  }
+  const r = () => {
+    const a = n.map((s) => l.createContext(s));
+    return function(c) {
+      const d = (c == null ? void 0 : c[e]) || a;
+      return l.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: d } }),
+        [c, d]
+      );
+    };
+  };
+  return r.scopeName = e, [o, X0(r, ...t)];
+}
+function X0(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const o = e.map((r) => ({
+      useScope: r(),
+      scopeName: r.scopeName
+    }));
+    return function(a) {
+      const s = o.reduce((c, { useScope: d, scopeName: u }) => {
+        const f = d(a)[`__scope${u}`];
+        return { ...c, ...f };
+      }, {});
+      return l.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+var q0 = "Toggle", Bs = l.forwardRef((e, t) => {
+  const { pressed: n, defaultPressed: o = !1, onPressedChange: r, ...a } = e, [s = !1, c] = J({
+    prop: n,
+    onChange: r,
+    defaultProp: o
+  });
+  return /* @__PURE__ */ i(
+    F.button,
+    {
+      type: "button",
+      "aria-pressed": s,
+      "data-state": s ? "on" : "off",
+      "data-disabled": e.disabled ? "" : void 0,
+      ...a,
+      ref: t,
+      onClick: N(e.onClick, () => {
+        e.disabled || c(!s);
+      })
+    }
+  );
+});
+Bs.displayName = q0;
+var Ve = "ToggleGroup", [Zs, R2] = z0(Ve, [
+  $t
+]), Gs = $t(), vo = I.forwardRef((e, t) => {
+  const { type: n, ...o } = e;
+  if (n === "single")
+    return /* @__PURE__ */ i(Q0, { ...o, ref: t });
+  if (n === "multiple")
+    return /* @__PURE__ */ i(J0, { ...o, ref: t });
+  throw new Error(`Missing prop \`type\` expected on \`${Ve}\``);
+});
+vo.displayName = Ve;
+var [Ws, Ks] = Zs(Ve), Q0 = I.forwardRef((e, t) => {
+  const {
+    value: n,
+    defaultValue: o,
+    onValueChange: r = () => {
+    },
+    ...a
+  } = e, [s, c] = J({
+    prop: n,
+    defaultProp: o,
+    onChange: r
+  });
+  return /* @__PURE__ */ i(
+    Ws,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "single",
+      value: s ? [s] : [],
+      onItemActivate: c,
+      onItemDeactivate: I.useCallback(() => c(""), [c]),
+      children: /* @__PURE__ */ i(Us, { ...a, ref: t })
+    }
+  );
+}), J0 = I.forwardRef((e, t) => {
+  const {
+    value: n,
+    defaultValue: o,
+    onValueChange: r = () => {
+    },
+    ...a
+  } = e, [s = [], c] = J({
+    prop: n,
+    defaultProp: o,
+    onChange: r
+  }), d = I.useCallback(
+    (p) => c((f = []) => [...f, p]),
+    [c]
+  ), u = I.useCallback(
+    (p) => c((f = []) => f.filter((g) => g !== p)),
+    [c]
+  );
+  return /* @__PURE__ */ i(
+    Ws,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "multiple",
+      value: s,
+      onItemActivate: d,
+      onItemDeactivate: u,
+      children: /* @__PURE__ */ i(Us, { ...a, ref: t })
+    }
+  );
+});
+vo.displayName = Ve;
+var [e2, t2] = Zs(Ve), Us = I.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToggleGroup: n,
+      disabled: o = !1,
+      rovingFocus: r = !0,
+      orientation: a,
+      dir: s,
+      loop: c = !0,
+      ...d
+    } = e, u = Gs(n), p = Nt(s), f = { role: "group", dir: p, ...d };
+    return /* @__PURE__ */ i(e2, { scope: n, rovingFocus: r, disabled: o, children: r ? /* @__PURE__ */ i(
+      oa,
+      {
+        asChild: !0,
+        ...u,
+        orientation: a,
+        dir: p,
+        loop: c,
+        children: /* @__PURE__ */ i(F.div, { ...f, ref: t })
+      }
+    ) : /* @__PURE__ */ i(F.div, { ...f, ref: t }) });
+  }
+), Mt = "ToggleGroupItem", js = I.forwardRef(
+  (e, t) => {
+    const n = Ks(Mt, e.__scopeToggleGroup), o = t2(Mt, e.__scopeToggleGroup), r = Gs(e.__scopeToggleGroup), a = n.value.includes(e.value), s = o.disabled || e.disabled, c = { ...e, pressed: a, disabled: s }, d = I.useRef(null);
+    return o.rovingFocus ? /* @__PURE__ */ i(
+      ra,
+      {
+        asChild: !0,
+        ...r,
+        focusable: !s,
+        active: a,
+        ref: d,
+        children: /* @__PURE__ */ i(qo, { ...c, ref: t })
+      }
+    ) : /* @__PURE__ */ i(qo, { ...c, ref: t });
+  }
+);
+js.displayName = Mt;
+var qo = I.forwardRef(
+  (e, t) => {
+    const { __scopeToggleGroup: n, value: o, ...r } = e, a = Ks(Mt, n), s = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = a.type === "single" ? s : void 0;
+    return /* @__PURE__ */ i(
+      Bs,
+      {
+        ...c,
+        ...r,
+        ref: t,
+        onPressedChange: (d) => {
+          d ? a.onItemActivate(o) : a.onItemDeactivate(o);
+        }
+      }
+    );
+  }
+), Ys = vo, zs = js;
+const n2 = _n(
+  "inline-flex items-center justify-center gap-1 whitespace-nowrap text-sm font-normal ring-offset-background transition-all focus-visible:outline-none disabled:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        solid: "disabled:bg-muted disabled:text-muted-foreground disabled:border-muted",
+        outline: "disabled:bg-white disabled:text-muted disabled:border-border"
+      },
+      theme: {
+        primary: "bg-white border border-main-200 text-primary hover:bg-main-100",
+        secondary: "bg-white border border-grey-200 text-secondary hover:bg-grey-100"
+      },
+      size: {
+        xs: "h-8 py-1 px-2 text-sm",
+        sm: "h-9 py-2 px-3 text-sm",
+        md: "h-11 px-3 py-3 text-sm",
+        lg: "h-[52px] px-12 py-3.5 text-base",
+        icon: "h-auto w-auto"
+      },
+      shape: {
+        square: "rounded-lg",
+        rounded: "rounded-full"
+      },
+      checked: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        theme: "primary",
+        checked: !0,
+        className: "bg-main-600 border-main-600 text-white hover:bg-main-700 hover:border-main-700"
+      },
+      {
+        theme: "secondary",
+        checked: !0,
+        className: "bg-grey-800 border-grey-800 text-white hover:bg-grey-900 hover:border-grey-900"
+      }
+    ],
+    defaultVariants: {
+      theme: "primary",
+      size: "md",
+      shape: "square",
+      checked: !1
+    }
+  }
+), wo = l.createContext({
+  theme: "primary",
+  size: "md",
+  shape: "square"
+});
+wo.displayName = "ToggleGroupContext";
+const o2 = l.forwardRef(({ className: e, variant: t, theme: n, size: o, shape: r, children: a, ...s }, c) => /* @__PURE__ */ i(wo.Provider, { value: { theme: n, size: o, shape: r }, children: /* @__PURE__ */ i(
+  Ys,
+  {
+    ref: c,
+    className: _("flex items-center justify-center gap-1", e),
+    ...s,
+    children: a
+  }
+) }));
+o2.displayName = Ys.displayName;
+const r2 = l.forwardRef(({ className: e, checked: t = !1, children: n, ...o }, r) => {
+  const a = l.useContext(wo);
+  return /* @__PURE__ */ i(
+    zs,
+    {
+      ref: r,
+      className: _(
+        n2({
+          theme: o.theme || a.theme || "primary",
+          size: o.size || a.size || "md",
+          shape: o.shape || a.shape || "square",
+          variant: o.variant || "outline",
+          checked: t
+        }),
+        e
+      ),
+      ...o,
+      children: n
+    }
+  );
+});
 r2.displayName = zs.displayName;
 export {
   f2 as A,
@@ -8289,10 +8291,10 @@ export {
   Jf as f,
   o0 as g,
   _n as h,
-  k0 as i,
-  F0 as j,
-  x2 as k,
-  b2 as l,
-  R2 as m,
+  y2 as i,
+  x2 as j,
+  b2 as k,
+  Y0 as l,
+  o2 as m,
   r2 as n
 };