boottent-design 0.1.75 → 0.1.77

package/README.md

@@ -29,13 +29,13 @@ React, Vite, TypeScript, TailwindCSS, Radix-UI를 사용해 만든 부트텐트
 ### 설치
 
 ```sh
-yarn add boottent-design@0.1.69
+yarn add boottent-design@latest
 ```
 
 또는
 
 ```sh
-npm install boottent-design@0.1.67
+npm install boottent-design@latest
 ```
 
 ### 프로젝트 설정

package/dist/boottent-design.layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D6YAvWdo.cjs"),o=require("./index-CZf57oSO.cjs");exports.AspectRatio=e.AspectRatio;exports.FlexBox=e.FlexBox;exports.GridBox=e.GridBox;exports.Box=o.Box;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DDNLKhqC.cjs"),o=require("./index-Ly7gJulk.cjs");exports.AspectRatio=e.AspectRatio;exports.GridBox=e.GridBox;exports.Box=o.Box;exports.FlexBox=o.FlexBox;

package/dist/boottent-design.layout.es.js

@@ -1,8 +1,8 @@
-import { A as a, F as r, G as s } from "./index-DD8Ojcka.js";
-import { B as t } from "./index-BXP6oKuL.js";
+import { A as a, G as r } from "./index-BfapRZRW.js";
+import { B as e, F as t } from "./index-BshWFt1Y.js";
 export {
   a as AspectRatio,
-  t as Box,
-  r as FlexBox,
-  s as GridBox
+  e as Box,
+  t as FlexBox,
+  r as GridBox
 };

package/dist/boottent-design.main.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./use-portal-BhH8jBDX.cjs"),e=require("./index-D6YAvWdo.cjs"),i=require("./index-CZf57oSO.cjs"),a=require("./portal-provider-Cb7zYvmj.cjs"),l=require("./boottent-design.styles.cjs.js"),o=require("./toggleButtonGroup-primitive-Btop14ud.cjs");require("react/jsx-runtime");const r=require("./boottent-design.utils.cjs.js"),t=require("./index-BN8YyhmH.cjs"),c=require("./portal-manager-9WO01tNb.cjs");exports.usePortal=n.usePortal;exports.AspectRatio=e.AspectRatio;exports.FlexBox=e.FlexBox;exports.GridBox=e.GridBox;exports.Box=i.Box;exports.PortalProvider=a.PortalProvider;exports.colors=l.colors;exports.Accordion=o.Accordion;exports.AccordionContent=o.AccordionContent;exports.AccordionItem=o.AccordionItem;exports.AccordionTrigger=o.AccordionTrigger;exports.Alert=o.Alert;exports.Button=o.Button;exports.Callout=o.Callout;exports.Dialog=o.Dialog;exports.Dropdown=o.Dropdown;exports.Icon=o.Icon;exports.Input=o.Input;exports.Modal=o.Modal;exports.PortalContainer=o.PortalContainer;exports.Toaster=o.Toaster;exports.buttonVariants=o.buttonVariants;exports.cn=r.cn;exports.getDropdownButtonText=r.getDropdownButtonText;exports.reducer=r.reducer;exports.toast=r.toast;exports.toaster=r.toaster;exports.Multiple=t.Multiple;exports.Single=t.Single;exports.Skeleton=t.Skeleton;exports.Symbols=t.Symbols;exports.Tag=t.Tag;exports.ToggleButtonGroup=t.ToggleButtonGroup;exports.Tooltip=t.Tooltip;exports.tagVariants=t.tagVariants;exports.portalManager=c.portalManager;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./use-portal-BhH8jBDX.cjs"),e=require("./index-DDNLKhqC.cjs"),n=require("./index-Ly7gJulk.cjs"),a=require("./portal-provider-BB1ZUJea.cjs"),l=require("./boottent-design.styles.cjs.js"),o=require("./toggleButtonGroup-primitive-CC3iAt_X.cjs");require("react/jsx-runtime");const r=require("./boottent-design.utils.cjs.js"),t=require("./index-DA-vbnGe.cjs"),c=require("./portal-manager-9WO01tNb.cjs");exports.usePortal=i.usePortal;exports.AspectRatio=e.AspectRatio;exports.GridBox=e.GridBox;exports.Box=n.Box;exports.FlexBox=n.FlexBox;exports.PortalProvider=a.PortalProvider;exports.colors=l.colors;exports.Accordion=o.Accordion;exports.AccordionContent=o.AccordionContent;exports.AccordionItem=o.AccordionItem;exports.AccordionTrigger=o.AccordionTrigger;exports.Alert=o.Alert;exports.Button=o.Button;exports.Callout=o.Callout;exports.Dialog=o.Dialog;exports.Dropdown=o.Dropdown;exports.Icon=o.Icon;exports.Input=o.Input;exports.Modal=o.Modal;exports.PortalContainer=o.PortalContainer;exports.Toaster=o.Toaster;exports.buttonVariants=o.buttonVariants;exports.cn=r.cn;exports.getDropdownButtonText=r.getDropdownButtonText;exports.reducer=r.reducer;exports.toast=r.toast;exports.toaster=r.toaster;exports.Multiple=t.Multiple;exports.Single=t.Single;exports.Skeleton=t.Skeleton;exports.Symbols=t.Symbols;exports.Tag=t.Tag;exports.ToggleButtonGroup=t.ToggleButtonGroup;exports.Tooltip=t.Tooltip;exports.tagVariants=t.tagVariants;exports.portalManager=c.portalManager;

package/dist/boottent-design.main.es.js

@@ -1,12 +1,12 @@
 import { u as t } from "./use-portal-HyR5LGEj.js";
-import { A as e, F as n, G as p } from "./index-DD8Ojcka.js";
-import { B as i } from "./index-BXP6oKuL.js";
-import { P as x } from "./portal-provider-ChQPna7K.js";
+import { A as e, G as n } from "./index-BfapRZRW.js";
+import { B as l, F as i } from "./index-BshWFt1Y.js";
+import { P as x } from "./portal-provider-Z7EnJtHu.js";
 import { colors as m } from "./boottent-design.styles.es.js";
-import { A as u, a as f, b as A, c as B, f as T, B as P, C as M, g as b, D as C, I as D, e as I, M as S, P as G, T as w, d as F } from "./toggleButtonGroup-primitive-Ci7jcgoo.js";
+import { A as u, a as f, b as A, c as B, f as T, B as P, C as M, g as b, D as C, I as D, e as I, M as S, P as G, T as w, d as F } from "./toggleButtonGroup-primitive-DPb6avPH.js";
 import "react/jsx-runtime";
 import { cn as k, getDropdownButtonText as v, reducer as y, toast as R, toaster as h } from "./boottent-design.utils.es.js";
-import { M as q, b as z, S as E, a as H, T as J, c as K, d as L, t as N } from "./index-Ct8xkpa5.js";
+import { M as q, b as z, S as E, a as H, T as J, c as K, d as L, t as N } from "./index-CS-MyqzN.js";
 import { p as Q } from "./portal-manager-nNJ4SIa2.js";
 export {
   u as Accordion,
@@ -15,13 +15,13 @@ export {
   B as AccordionTrigger,
   T as Alert,
   e as AspectRatio,
-  i as Box,
+  l as Box,
   P as Button,
   M as Callout,
   b as Dialog,
   C as Dropdown,
-  n as FlexBox,
-  p as GridBox,
+  i as FlexBox,
+  n as GridBox,
   D as Icon,
   I as Input,
   S as Modal,

package/dist/boottent-design.provider.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./portal-provider-Cb7zYvmj.cjs");exports.PortalProvider=r.PortalProvider;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./portal-provider-BB1ZUJea.cjs");exports.PortalProvider=r.PortalProvider;

package/dist/boottent-design.provider.es.js

@@ -1,4 +1,4 @@
-import { P } from "./portal-provider-ChQPna7K.js";
+import { P } from "./portal-provider-Z7EnJtHu.js";
 export {
   P as PortalProvider
 };

package/dist/boottent-design.ui.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./toggleButtonGroup-primitive-Btop14ud.cjs");require("react/jsx-runtime");require("react");const t=require("./index-BN8YyhmH.cjs");exports.Accordion=o.Accordion;exports.AccordionContent=o.AccordionContent;exports.AccordionItem=o.AccordionItem;exports.AccordionTrigger=o.AccordionTrigger;exports.Alert=o.Alert;exports.Button=o.Button;exports.Callout=o.Callout;exports.Dialog=o.Dialog;exports.Dropdown=o.Dropdown;exports.Icon=o.Icon;exports.Input=o.Input;exports.Modal=o.Modal;exports.PortalContainer=o.PortalContainer;exports.Toaster=o.Toaster;exports.buttonVariants=o.buttonVariants;exports.Multiple=t.Multiple;exports.Single=t.Single;exports.Skeleton=t.Skeleton;exports.Symbols=t.Symbols;exports.Tag=t.Tag;exports.ToggleButtonGroup=t.ToggleButtonGroup;exports.Tooltip=t.Tooltip;exports.tagVariants=t.tagVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./toggleButtonGroup-primitive-CC3iAt_X.cjs");require("react/jsx-runtime");require("react");const t=require("./index-DA-vbnGe.cjs");exports.Accordion=o.Accordion;exports.AccordionContent=o.AccordionContent;exports.AccordionItem=o.AccordionItem;exports.AccordionTrigger=o.AccordionTrigger;exports.Alert=o.Alert;exports.Button=o.Button;exports.Callout=o.Callout;exports.Dialog=o.Dialog;exports.Dropdown=o.Dropdown;exports.Icon=o.Icon;exports.Input=o.Input;exports.Modal=o.Modal;exports.PortalContainer=o.PortalContainer;exports.Toaster=o.Toaster;exports.buttonVariants=o.buttonVariants;exports.Multiple=t.Multiple;exports.Single=t.Single;exports.Skeleton=t.Skeleton;exports.Symbols=t.Symbols;exports.Tag=t.Tag;exports.ToggleButtonGroup=t.ToggleButtonGroup;exports.Tooltip=t.Tooltip;exports.tagVariants=t.tagVariants;

package/dist/boottent-design.ui.es.js

@@ -1,7 +1,7 @@
-import { A as r, a as n, b as e, c as i, f as l, B as c, C as g, g as p, D as d, I as u, e as T, M as m, P as A, T as b, d as C } from "./toggleButtonGroup-primitive-Ci7jcgoo.js";
+import { A as r, a as n, b as e, c as i, f as l, B as c, C as g, g as p, D as d, I as u, e as T, M as m, P as A, T as b, d as C } from "./toggleButtonGroup-primitive-DPb6avPH.js";
 import "react/jsx-runtime";
 import "react";
-import { M, b as S, S as f, a as B, T as D, c as x, d as P, t as V } from "./index-Ct8xkpa5.js";
+import { M, b as S, S as f, a as B, T as D, c as x, d as P, t as V } from "./index-CS-MyqzN.js";
 export {
   r as Accordion,
   n as AccordionContent,

package/dist/index-BfapRZRW.js

@@ -0,0 +1,55 @@
+import * as f from "react";
+import { P as g, B as m } from "./index-BshWFt1Y.js";
+import { jsx as e } from "react/jsx-runtime";
+import { cn as v } from "./boottent-design.utils.es.js";
+var u = "AspectRatio", d = f.forwardRef(
+  (o, i) => {
+    const { ratio: a = 1 / 1, style: r, ...s } = o;
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          // ensures inner element is contained
+          position: "relative",
+          // ensures padding bottom trick maths works
+          width: "100%",
+          paddingBottom: `${100 / a}%`
+        },
+        "data-radix-aspect-ratio-wrapper": "",
+        children: /* @__PURE__ */ e(
+          g.div,
+          {
+            ...s,
+            ref: i,
+            style: {
+              ...r,
+              // ensures children expand in ratio
+              position: "absolute",
+              top: 0,
+              right: 0,
+              bottom: 0,
+              left: 0
+            }
+          }
+        )
+      }
+    );
+  }
+);
+d.displayName = u;
+var R = d;
+const $ = R, w = ({ className: o, columns: i, rows: a, gap: r, style: s, ...p }) => {
+  const n = (t) => t ? t >= 1 && t <= 12 ? `grid-cols-${t}` : "grid-cols-auto" : "", c = (t) => t ? t >= 1 && t <= 12 ? `grid-rows-${t} grid-flow-col` : "grid-rows-auto" : "", l = r !== void 0 ? `${r / 4}rem` : void 0;
+  return /* @__PURE__ */ e(
+    m,
+    {
+      className: v("grid", n(i), c(a), o),
+      style: { gap: l, ...s },
+      ...p
+    }
+  );
+};
+export {
+  $ as A,
+  w as G
+};

package/dist/index-BshWFt1Y.js

@@ -0,0 +1,113 @@
+import * as i from "react";
+import { forwardRef as v } from "react";
+import * as C from "react-dom";
+import { jsx as a, Fragment as R } from "react/jsx-runtime";
+import { cn as u } from "./boottent-design.utils.es.js";
+function g(e, r) {
+  typeof e == "function" ? e(r) : e != null && (e.current = r);
+}
+function d(...e) {
+  return (r) => e.forEach((n) => g(n, r));
+}
+function V(...e) {
+  return i.useCallback(d(...e), e);
+}
+var h = i.forwardRef((e, r) => {
+  const { children: n, ...t } = e, o = i.Children.toArray(n), s = o.find(E);
+  if (s) {
+    const l = s.props.children, c = o.map((m) => m === s ? i.Children.count(l) > 1 ? i.Children.only(null) : i.isValidElement(l) ? l.props.children : null : m);
+    return /* @__PURE__ */ a(f, { ...t, ref: r, children: i.isValidElement(l) ? i.cloneElement(l, void 0, c) : null });
+  }
+  return /* @__PURE__ */ a(f, { ...t, ref: r, children: n });
+});
+h.displayName = "Slot";
+var f = i.forwardRef((e, r) => {
+  const { children: n, ...t } = e;
+  if (i.isValidElement(n)) {
+    const o = N(n);
+    return i.cloneElement(n, {
+      ...x(t, n.props),
+      // @ts-ignore
+      ref: r ? d(r, o) : o
+    });
+  }
+  return i.Children.count(n) > 1 ? i.Children.only(null) : null;
+});
+f.displayName = "SlotClone";
+var w = ({ children: e }) => /* @__PURE__ */ a(R, { children: e });
+function E(e) {
+  return i.isValidElement(e) && e.type === w;
+}
+function x(e, r) {
+  const n = { ...r };
+  for (const t in r) {
+    const o = e[t], s = r[t];
+    /^on[A-Z]/.test(t) ? o && s ? n[t] = (...c) => {
+      s(...c), o(...c);
+    } : o && (n[t] = o) : t === "style" ? n[t] = { ...o, ...s } : t === "className" && (n[t] = [o, s].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function N(e) {
+  var t, o;
+  let r = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, n = r && "isReactWarning" in r && r.isReactWarning;
+  return n ? e.ref : (r = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = r && "isReactWarning" in r && r.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var S = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], j = S.reduce((e, r) => {
+  const n = i.forwardRef((t, o) => {
+    const { asChild: s, ...l } = t, c = s ? h : r;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ a(c, { ...l, ref: o });
+  });
+  return n.displayName = `Primitive.${r}`, { ...e, [r]: n };
+}, {});
+function D(e, r) {
+  e && C.flushSync(() => e.dispatchEvent(r));
+}
+const p = v(({ ...e }, r) => /* @__PURE__ */ a("div", { ref: r, ...e })), y = ({ className: e, ...r }) => /* @__PURE__ */ a(
+  p,
+  {
+    className: u("flex", e),
+    ...r
+  }
+);
+y.Col = ({ className: e, ...r }) => /* @__PURE__ */ a(
+  p,
+  {
+    className: u("flex flex-col items-start", e),
+    ...r
+  }
+);
+y.Row = ({ className: e, ...r }) => /* @__PURE__ */ a(
+  p,
+  {
+    className: u("flex flex-row justify-start", e),
+    ...r
+  }
+);
+export {
+  p as B,
+  y as F,
+  j as P,
+  h as S,
+  w as a,
+  d as c,
+  D as d,
+  V as u
+};

package/dist/{index-Ct8xkpa5.js → index-CS-MyqzN.js}

@@ -1,9 +1,9 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { cn as g } from "./boottent-design.utils.es.js";
-import { colors as w } from "./boottent-design.styles.es.js";
-import { h as V, i as f, j as H, k as m, l as b, m as v, n as u } from "./toggleButtonGroup-primitive-Ci7jcgoo.js";
-import * as x from "react";
-function _({
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { cn as w } from "./boottent-design.utils.es.js";
+import { colors as H } from "./boottent-design.styles.es.js";
+import { h as b, i as M, j as x, k as R, l as g, m as Z, n as f, o as v } from "./toggleButtonGroup-primitive-DPb6avPH.js";
+import * as p from "react";
+function K({
   className: l,
   ...t
 }) {
@@ -11,12 +11,12 @@ function _({
     "div",
     {
       role: "presentation",
-      className: g("animate-pulse rounded-md bg-grey-200/80", l),
+      className: w("animate-pulse rounded-md bg-grey-200/80", l),
       ...t
     }
   );
 }
-const M = ({
+const L = ({
   size: l = "24",
   fill: t = "#000000",
   className: i
@@ -39,9 +39,9 @@ const M = ({
       }
     )
   }
-), Z = ({
+), y = ({
   className: l,
-  fill: t = w.main[600],
+  fill: t = H.main[600],
   size: i = "140"
 }) => /* @__PURE__ */ e(
   "svg",
@@ -62,11 +62,11 @@ const M = ({
       }
     )
   }
-), L = ({
+), T = ({
   size: l = "24",
   fill: t = "#FFFFFF",
   className: i
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -88,11 +88,11 @@ const M = ({
       )
     ]
   }
-), R = ({
+), B = ({
   size: l = "24",
   fill: t = "none",
   className: i
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -140,11 +140,11 @@ const M = ({
       )
     ]
   }
-), y = ({
+), F = ({
   size: l = "24",
   fill: t = "none",
   className: i
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -184,11 +184,11 @@ const M = ({
       )
     ]
   }
-), B = ({
+), k = ({
   size: l = "20",
   fill: t = "none",
   className: i
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ a(
   "svg",
   {
     width: l,
@@ -200,7 +200,7 @@ const M = ({
     children: [
       /* @__PURE__ */ e("rect", { x: "0.5", y: "0.5", width: "19", height: "19", rx: "9.5", fill: "white" }),
       /* @__PURE__ */ e("rect", { x: "0.5", y: "0.5", width: "19", height: "19", rx: "9.5", stroke: "#DDE2E6" }),
-      /* @__PURE__ */ o("g", { clipPath: "url(#clip0_4596_247326)", children: [
+      /* @__PURE__ */ a("g", { clipPath: "url(#clip0_4596_247326)", children: [
         /* @__PURE__ */ e(
           "path",
           {
@@ -249,7 +249,7 @@ const M = ({
       ) }) })
     ]
   }
-), F = ({
+), E = ({
   size: l = "24",
   fill: t = "black",
   className: i
@@ -272,11 +272,11 @@ const M = ({
       }
     )
   }
-), T = ({
+), A = ({
   size: l = "20",
   fill: t = "none",
   className: i
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -298,7 +298,7 @@ const M = ({
       )
     ]
   }
-), k = ({
+), D = ({
   size: l = "20",
   fill: t = "none",
   className: i
@@ -321,7 +321,7 @@ const M = ({
       }
     )
   }
-), A = ({
+), G = ({
   size: l = "20",
   fill: t = "none",
   className: i
@@ -344,7 +344,7 @@ const M = ({
       }
     )
   }
-), E = ({
+), N = ({
   size: l = "22",
   fill: t = "none",
   className: i
@@ -367,19 +367,19 @@ const M = ({
       }
     )
   }
-), $ = {
-  Apple: M,
-  FacebookRound: L,
-  Google: R,
-  GooglePlaystore: y,
-  GoogleRound: B,
-  KakaoMessage: F,
-  KakaoRound: T,
-  LinkedIn: k,
-  NaverBlog: A,
-  YouTube: E,
-  Boottent: Z
-}, D = V(
+), O = {
+  Apple: L,
+  FacebookRound: T,
+  Google: B,
+  GooglePlaystore: F,
+  GoogleRound: k,
+  KakaoMessage: E,
+  KakaoRound: A,
+  LinkedIn: D,
+  NaverBlog: G,
+  YouTube: N,
+  Boottent: y
+}, S = b(
   "inline-flex items-center justify-center whitespace-nowrap gap-0.5",
   {
     variants: {
@@ -415,83 +415,88 @@ const M = ({
     }
   }
 );
-function I({ className: l, variant: t, size: i, shape: s, icLeft: n, icRight: r, ...a }) {
-  return /* @__PURE__ */ o(
+function Y({ className: l, variant: t, size: i, shape: s, icLeft: n, icRight: r, ...o }) {
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: g(D({ variant: t, size: i, shape: s }), l),
-      ...a,
+      className: w(S({ variant: t, size: i, shape: s }), l),
+      ...o,
       children: [
         n && /* @__PURE__ */ e("div", { children: n }),
         " ",
-        /* @__PURE__ */ e("div", { children: a.children }),
+        /* @__PURE__ */ e("div", { children: o.children }),
         r && /* @__PURE__ */ e("div", { children: r }),
         " "
       ]
     }
   );
 }
-const p = ({
+const m = ({
   label: l,
-  variant: t,
-  size: i,
+  variant: t = "secondary",
+  size: i = "md",
   children: s,
   icLeft: n,
   icRight: r,
-  position: a,
-  bubbleTip: h,
+  position: o = "top-center",
+  bubbleTip: u = !0,
   forceMount: d
 }) => {
-  const [C, c] = x.useState(!1);
-  return /* @__PURE__ */ e(f, { delayDuration: 200, children: /* @__PURE__ */ o(H, { delayDuration: 200, children: [
+  const [C, h] = p.useState(!1), c = p.useRef(null), V = () => {
+    h(!0), c.current && clearTimeout(c.current), c.current = setTimeout(() => h(!1), 3e3);
+  };
+  return p.useEffect(() => () => {
+    c.current && clearTimeout(c.current);
+  }, []), /* @__PURE__ */ e(M, { delayDuration: 200, children: /* @__PURE__ */ a(x, { delayDuration: 200, children: [
     /* @__PURE__ */ e(
-      m,
+      R,
       {
         asChild: !0,
         "data-state": C ? "delayed-open" : "closed",
-        onMouseLeave: () => c(!1),
-        onMouseEnter: () => c(!0),
+        onMouseLeave: g ? void 0 : () => h(!1),
+        onMouseEnter: g ? void 0 : () => h(!0),
+        onClick: g ? V : void 0,
         children: s
       }
     ),
     /* @__PURE__ */ e(
-      b,
+      Z,
       {
         variant: t,
         size: i,
         icLeft: n,
         icRight: r,
-        position: a,
+        position: o,
         forceMount: d || C || void 0,
-        bubbleTip: h,
+        bubbleTip: u,
         children: l
       }
     )
   ] }) });
-}, G = ({
+}, _ = ({
   options: l,
   variant: t = "outline",
   theme: i = "primary",
   size: s = "md",
   shape: n = "square",
   value: r,
-  onChange: a,
-  nullable: h = !0,
+  onChange: o,
+  nullable: u = !0,
   className: d
 }) => /* @__PURE__ */ e(
-  v,
+  f,
   {
     type: "single",
     value: r,
     onValueChange: (C) => {
-      !h && !C || a(C);
+      !u && !C || o(C);
     },
     theme: i,
     size: s,
     shape: n,
     className: d,
     children: l.map((C) => C.tooltip ? /* @__PURE__ */ e(
-      p,
+      m,
       {
         label: C.tooltip.label,
         variant: C.tooltip.variant,
@@ -501,7 +506,7 @@ const p = ({
         position: C.tooltip.position,
         bubbleTip: C.tooltip.bubbleTip,
         children: /* @__PURE__ */ e(
-          u,
+          v,
           {
             value: C.value,
             checked: r === C.value,
@@ -513,7 +518,7 @@ const p = ({
       },
       C.value
     ) : /* @__PURE__ */ e(
-      u,
+      v,
       {
         value: C.value,
         checked: r === C.value,
@@ -524,27 +529,27 @@ const p = ({
       C.value
     ))
   }
-), N = ({
+), j = ({
   options: l,
   variant: t = "outline",
   theme: i = "primary",
   size: s = "md",
   shape: n = "square",
   value: r,
-  onChange: a,
-  className: h
+  onChange: o,
+  className: u
 }) => /* @__PURE__ */ e(
-  v,
+  f,
   {
     type: "multiple",
     value: r,
-    onValueChange: a,
+    onValueChange: o,
     theme: i,
     size: s,
     shape: n,
-    className: h,
+    className: u,
     children: l.map((d) => d.tooltip ? /* @__PURE__ */ e(
-      p,
+      m,
       {
         label: d.tooltip.label,
         variant: d.tooltip.variant,
@@ -554,7 +559,7 @@ const p = ({
         position: d.tooltip.position,
         bubbleTip: d.tooltip.bubbleTip,
         children: /* @__PURE__ */ e(
-          u,
+          v,
           {
             value: d.value,
             checked: (r || []).includes(d.value),
@@ -566,7 +571,7 @@ const p = ({
       },
       d.value
     ) : /* @__PURE__ */ e(
-      u,
+      v,
       {
         value: d.value,
         checked: (r || []).includes(d.value),
@@ -577,17 +582,17 @@ const p = ({
       d.value
     ))
   }
-), K = {
-  Single: G,
-  Multiple: N
+), J = {
+  Single: _,
+  Multiple: j
 };
 export {
-  N as M,
-  _ as S,
-  I as T,
-  $ as a,
-  G as b,
-  K as c,
-  p as d,
-  D as t
+  j as M,
+  K as S,
+  Y as T,
+  O as a,
+  _ as b,
+  J as c,
+  m as d,
+  S as t
 };