@pfct/purple 1.5.0-npm-next.5 → 1.5.0-npm-next.7

package/dist/components/ui/impact-tooltip.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../chunks/jsx-runtime.CrDL12FN.js"),z=require("react"),p=require("../../chunks/index.BhKv87PH.js"),E=require("../../chunks/index.CKKuhuuw.js"),A=require("../../chunks/index.Ca2_YDeQ.js"),h=require("../../chunks/index.cLNSO_n0.js"),V=require("../../chunks/index.mFaQzo4n.js"),v=require("../../chunks/index.BqdzwVah.js"),L=require("../../lib/utils.cjs.js"),O=require("../../chunks/index.DMhXgOEz.js");require("../../icons/src/icons/Alarm_fill.cjs.js");const G=require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Cart_fill.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Chevron_right.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Share.cjs.js");function B(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const u=B(z);var j="Popover",[q,de]=p.createContextScope(j,[v.createPopperScope]),g=v.createPopperScope(),[K,x]=q(j),y=e=>{const{__scopePopover:t,children:o,open:i,defaultOpen:r,onOpenChange:n,modal:a=!1}=e,c=g(t),l=u.useRef(null),[d,P]=u.useState(!1),[R,f]=p.useControllableState({prop:i,defaultProp:r??!1,onChange:n,caller:j});return s.jsxRuntimeExports.jsx(v.Root2,{...c,children:s.jsxRuntimeExports.jsx(K,{scope:t,contentId:V.useId(),triggerRef:l,open:R,onOpenChange:f,onOpenToggle:u.useCallback(()=>f(C=>!C),[f]),hasCustomAnchor:d,onCustomAnchorAdd:u.useCallback(()=>P(!0),[]),onCustomAnchorRemove:u.useCallback(()=>P(!1),[]),modal:a,children:o})})};y.displayName=j;var _="PopoverAnchor",T=u.forwardRef((e,t)=>{const{__scopePopover:o,...i}=e,r=x(_,o),n=g(o),{onCustomAnchorAdd:a,onCustomAnchorRemove:c}=r;return u.useEffect(()=>(a(),()=>c()),[a,c]),s.jsxRuntimeExports.jsx(v.Anchor,{...n,...i,ref:t})});T.displayName=_;var w="PopoverTrigger",S=u.forwardRef((e,t)=>{const{__scopePopover:o,...i}=e,r=x(w,o),n=g(o),a=E.useComposedRefs(t,r.triggerRef),c=s.jsxRuntimeExports.jsx(p.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":H(r.open),...i,ref:a,onClick:p.composeEventHandlers(e.onClick,r.onOpenToggle)});return r.hasCustomAnchor?c:s.jsxRuntimeExports.jsx(v.Anchor,{asChild:!0,...n,children:c})});S.displayName=w;var b="PopoverPortal",[U,W]=q(b,{forceMount:void 0}),I=e=>{const{__scopePopover:t,forceMount:o,children:i,container:r}=e,n=x(b,t);return s.jsxRuntimeExports.jsx(U,{scope:t,forceMount:o,children:s.jsxRuntimeExports.jsx(p.Presence,{present:o||n.open,children:s.jsxRuntimeExports.jsx(A.Portal,{asChild:!0,container:r,children:i})})})};I.displayName=b;var m="PopoverContent",N=u.forwardRef((e,t)=>{const o=W(m,e.__scopePopover),{forceMount:i=o.forceMount,...r}=e,n=x(m,e.__scopePopover);return s.jsxRuntimeExports.jsx(p.Presence,{present:i||n.open,children:n.modal?s.jsxRuntimeExports.jsx(J,{...r,ref:t}):s.jsxRuntimeExports.jsx(Q,{...r,ref:t})})});N.displayName=m;var Z=E.createSlot("PopoverContent.RemoveScroll"),J=u.forwardRef((e,t)=>{const o=x(m,e.__scopePopover),i=u.useRef(null),r=E.useComposedRefs(t,i),n=u.useRef(!1);return u.useEffect(()=>{const a=i.current;if(a)return h.hideOthers(a)},[]),s.jsxRuntimeExports.jsx(h.ReactRemoveScroll,{as:Z,allowPinchZoom:!0,children:s.jsxRuntimeExports.jsx(F,{...e,ref:r,trapFocus:o.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:p.composeEventHandlers(e.onCloseAutoFocus,a=>{var c;a.preventDefault(),n.current||(c=o.triggerRef.current)==null||c.focus()}),onPointerDownOutside:p.composeEventHandlers(e.onPointerDownOutside,a=>{const c=a.detail.originalEvent,l=c.button===0&&c.ctrlKey===!0,d=c.button===2||l;n.current=d},{checkForDefaultPrevented:!1}),onFocusOutside:p.composeEventHandlers(e.onFocusOutside,a=>a.preventDefault(),{checkForDefaultPrevented:!1})})})}),Q=u.forwardRef((e,t)=>{const o=x(m,e.__scopePopover),i=u.useRef(!1),r=u.useRef(!1);return s.jsxRuntimeExports.jsx(F,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:n=>{var a,c;(a=e.onCloseAutoFocus)==null||a.call(e,n),n.defaultPrevented||(i.current||(c=o.triggerRef.current)==null||c.focus(),n.preventDefault()),i.current=!1,r.current=!1},onInteractOutside:n=>{var l,d;(l=e.onInteractOutside)==null||l.call(e,n),n.defaultPrevented||(i.current=!0,n.detail.originalEvent.type==="pointerdown"&&(r.current=!0));const a=n.target;((d=o.triggerRef.current)==null?void 0:d.contains(a))&&n.preventDefault(),n.detail.originalEvent.type==="focusin"&&r.current&&n.preventDefault()}})}),F=u.forwardRef((e,t)=>{const{__scopePopover:o,trapFocus:i,onOpenAutoFocus:r,onCloseAutoFocus:n,disableOutsidePointerEvents:a,onEscapeKeyDown:c,onPointerDownOutside:l,onFocusOutside:d,onInteractOutside:P,...R}=e,f=x(m,o),C=g(o);return h.useFocusGuards(),s.jsxRuntimeExports.jsx(h.FocusScope,{asChild:!0,loop:!0,trapped:i,onMountAutoFocus:r,onUnmountAutoFocus:n,children:s.jsxRuntimeExports.jsx(A.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:a,onInteractOutside:P,onEscapeKeyDown:c,onPointerDownOutside:l,onFocusOutside:d,onDismiss:()=>f.onOpenChange(!1),children:s.jsxRuntimeExports.jsx(v.Content,{"data-state":H(f.open),role:"dialog",id:f.contentId,...C,...R,ref:t,style:{...R.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}})})})}),k="PopoverClose",M=u.forwardRef((e,t)=>{const{__scopePopover:o,...i}=e,r=x(k,o);return s.jsxRuntimeExports.jsx(p.Primitive.button,{type:"button",...i,ref:t,onClick:p.composeEventHandlers(e.onClick,()=>r.onOpenChange(!1))})});M.displayName=k;var X="PopoverArrow",D=u.forwardRef((e,t)=>{const{__scopePopover:o,...i}=e,r=g(o);return s.jsxRuntimeExports.jsx(v.Arrow,{...r,...i,ref:t})});D.displayName=X;function H(e){return e?"open":"closed"}var Y=y,ee=T,oe=S,te=I,re=N,ne=M,se=D;const ie=O.cva("z-50 overflow-hidden rounded-[8px] px-[15px] py-[12.5px] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-0 typo-b2",{variants:{color:{pink:"bg-pink-400 text-gray-25",blue:"bg-blue-400 text-gray-25",gray:"bg-gray-700 text-gray-25",lime:"bg-lime-400 text-gray-25"}},defaultVariants:{color:"gray"}}),ae=O.cva("-my-px border-none",{variants:{color:{pink:"fill-pink-400",gray:"fill-gray-700",blue:"fill-blue-400",lime:"fill-lime-400"}},defaultVariants:{color:"gray"}});function ce({defaultOpen:e=!0,...t}){return s.jsxRuntimeExports.jsx(Y,{"data-slot":"popover",defaultOpen:e,...t})}function ue({...e}){return s.jsxRuntimeExports.jsx(oe,{"data-slot":"popover-trigger",...e})}function pe({color:e,className:t,align:o="center",sideOffset:i=4,collisionPadding:r={left:20,right:20},arrowPadding:n=7,children:a,closeButton:c=!1,...l}){return s.jsxRuntimeExports.jsx(te,{children:s.jsxRuntimeExports.jsxs(re,{"data-slot":"popover-content",align:o,sideOffset:i,collisionPadding:r,className:L.cn(ie({color:e,className:t})),arrowPadding:n,...l,children:[s.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between gap-1.25",children:[a,c&&s.jsxRuntimeExports.jsx($,{asChild:!0,children:s.jsxRuntimeExports.jsx(G.default,{size:15})})]}),s.jsxRuntimeExports.jsx(se,{className:ae({color:e})})]})})}function le({...e}){return s.jsxRuntimeExports.jsx(ee,{"data-slot":"popover-anchor",...e})}function $({...e}){return s.jsxRuntimeExports.jsx(ne,{"data-slot":"popover-close",...e})}exports.ImpactTooltip=ce;exports.ImpactTooltipAnchor=le;exports.ImpactTooltipCloseButton=$;exports.ImpactTooltipContent=pe;exports.ImpactTooltipTrigger=ue;

package/dist/components/ui/impact-tooltip.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const impactTooltipVariants: (props?: ({
+    color?: "pink" | "lime" | "blue" | "gray" | null | undefined;
+} & import('../../../node_modules/class-variance-authority/dist/types').ClassProp) | undefined) => string;
+declare function ImpactTooltip({ defaultOpen, ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
+declare function ImpactTooltipTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
+type ImpactTooltipContentProps = React.ComponentProps<typeof PopoverPrimitive.Content> & VariantProps<typeof impactTooltipVariants> & {
+    closeButton?: boolean;
+};
+declare function ImpactTooltipContent({ color, className, align, sideOffset, collisionPadding, arrowPadding, children, closeButton, ...props }: ImpactTooltipContentProps): React.JSX.Element;
+declare function ImpactTooltipAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
+declare function ImpactTooltipCloseButton({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Close>): React.JSX.Element;
+export { ImpactTooltip, ImpactTooltipTrigger, ImpactTooltipContent, ImpactTooltipAnchor, ImpactTooltipCloseButton };
+export type { ImpactTooltipContentProps };

package/dist/components/ui/impact-tooltip.es.js

@@ -0,0 +1,329 @@
+import { j as r } from "../../chunks/jsx-runtime.OVHDjVDe.js";
+import * as p from "react";
+import { u as G, c as H, a as A, b as v, P as b } from "../../chunks/index.CRSD6wuV.js";
+import { u as j, c as K } from "../../chunks/index.6ZBAQokh.js";
+import { P as $, D as B } from "../../chunks/index.CiFVe164.js";
+import { h as U, R as W, u as Z, F as q } from "../../chunks/index.Ibth5ADB.js";
+import { u as J } from "../../chunks/index.DYkYoCrb.js";
+import { c as O, R as Q, A as y, a as X, C as Y } from "../../chunks/index.CKdg_c8_.js";
+import { cn as oo } from "../../lib/utils.es.js";
+import { c as _ } from "../../chunks/index.Cc-miKAT.js";
+import "../../icons/src/icons/Alarm_fill.es.js";
+import eo from "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
+import "../../icons/src/icons/Check.es.js";
+import "../../icons/src/icons/Chevron_down.es.js";
+import "../../icons/src/icons/Chevron_left.es.js";
+import "../../icons/src/icons/Chevron_right.es.js";
+import "../../icons/src/icons/Chevron_up.es.js";
+import "../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../icons/src/icons/Eye_fill.es.js";
+import "../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../icons/src/icons/Filter.es.js";
+import "../../icons/src/icons/Information.es.js";
+import "../../icons/src/icons/Menu.es.js";
+import "../../icons/src/icons/More.es.js";
+import "../../icons/src/icons/Person_fill.es.js";
+import "../../icons/src/icons/Plus.es.js";
+import "../../icons/src/icons/Question_circle.es.js";
+import "../../icons/src/icons/Re.es.js";
+import "../../icons/src/icons/Search.es.js";
+import "../../icons/src/icons/Setting_fill.es.js";
+import "../../icons/src/icons/Store.es.js";
+import "../../icons/src/icons/Share.es.js";
+var x = "Popover", [w, ee] = H(x, [
+  O
+]), g = O(), [to, d] = w(x), E = (o) => {
+  const {
+    __scopePopover: a,
+    children: n,
+    open: s,
+    defaultOpen: e,
+    onOpenChange: t,
+    modal: i = !1
+  } = o, c = g(a), l = p.useRef(null), [u, P] = p.useState(!1), [h, f] = G({
+    prop: s,
+    defaultProp: e ?? !1,
+    onChange: t,
+    caller: x
+  });
+  return /* @__PURE__ */ r.jsx(Q, { ...c, children: /* @__PURE__ */ r.jsx(
+    to,
+    {
+      scope: a,
+      contentId: J(),
+      triggerRef: l,
+      open: h,
+      onOpenChange: f,
+      onOpenToggle: p.useCallback(() => f((C) => !C), [f]),
+      hasCustomAnchor: u,
+      onCustomAnchorAdd: p.useCallback(() => P(!0), []),
+      onCustomAnchorRemove: p.useCallback(() => P(!1), []),
+      modal: i,
+      children: n
+    }
+  ) });
+};
+E.displayName = x;
+var N = "PopoverAnchor", T = p.forwardRef(
+  (o, a) => {
+    const { __scopePopover: n, ...s } = o, e = d(N, n), t = g(n), { onCustomAnchorAdd: i, onCustomAnchorRemove: c } = e;
+    return p.useEffect(() => (i(), () => c()), [i, c]), /* @__PURE__ */ r.jsx(y, { ...t, ...s, ref: a });
+  }
+);
+T.displayName = N;
+var F = "PopoverTrigger", S = p.forwardRef(
+  (o, a) => {
+    const { __scopePopover: n, ...s } = o, e = d(F, n), t = g(n), i = j(a, e.triggerRef), c = /* @__PURE__ */ r.jsx(
+      A.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": e.open,
+        "aria-controls": e.contentId,
+        "data-state": L(e.open),
+        ...s,
+        ref: i,
+        onClick: v(o.onClick, e.onOpenToggle)
+      }
+    );
+    return e.hasCustomAnchor ? c : /* @__PURE__ */ r.jsx(y, { asChild: !0, ...t, children: c });
+  }
+);
+S.displayName = F;
+var R = "PopoverPortal", [ro, no] = w(R, {
+  forceMount: void 0
+}), I = (o) => {
+  const { __scopePopover: a, forceMount: n, children: s, container: e } = o, t = d(R, a);
+  return /* @__PURE__ */ r.jsx(ro, { scope: a, forceMount: n, children: /* @__PURE__ */ r.jsx(b, { present: n || t.open, children: /* @__PURE__ */ r.jsx($, { asChild: !0, container: e, children: s }) }) });
+};
+I.displayName = R;
+var m = "PopoverContent", k = p.forwardRef(
+  (o, a) => {
+    const n = no(m, o.__scopePopover), { forceMount: s = n.forceMount, ...e } = o, t = d(m, o.__scopePopover);
+    return /* @__PURE__ */ r.jsx(b, { present: s || t.open, children: t.modal ? /* @__PURE__ */ r.jsx(so, { ...e, ref: a }) : /* @__PURE__ */ r.jsx(io, { ...e, ref: a }) });
+  }
+);
+k.displayName = m;
+var ao = K("PopoverContent.RemoveScroll"), so = p.forwardRef(
+  (o, a) => {
+    const n = d(m, o.__scopePopover), s = p.useRef(null), e = j(a, s), t = p.useRef(!1);
+    return p.useEffect(() => {
+      const i = s.current;
+      if (i) return U(i);
+    }, []), /* @__PURE__ */ r.jsx(W, { as: ao, allowPinchZoom: !0, children: /* @__PURE__ */ r.jsx(
+      D,
+      {
+        ...o,
+        ref: e,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: v(o.onCloseAutoFocus, (i) => {
+          var c;
+          i.preventDefault(), t.current || (c = n.triggerRef.current) == null || c.focus();
+        }),
+        onPointerDownOutside: v(
+          o.onPointerDownOutside,
+          (i) => {
+            const c = i.detail.originalEvent, l = c.button === 0 && c.ctrlKey === !0, u = c.button === 2 || l;
+            t.current = u;
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        onFocusOutside: v(
+          o.onFocusOutside,
+          (i) => i.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+), io = p.forwardRef(
+  (o, a) => {
+    const n = d(m, o.__scopePopover), s = p.useRef(!1), e = p.useRef(!1);
+    return /* @__PURE__ */ r.jsx(
+      D,
+      {
+        ...o,
+        ref: a,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (t) => {
+          var i, c;
+          (i = o.onCloseAutoFocus) == null || i.call(o, t), t.defaultPrevented || (s.current || (c = n.triggerRef.current) == null || c.focus(), t.preventDefault()), s.current = !1, e.current = !1;
+        },
+        onInteractOutside: (t) => {
+          var l, u;
+          (l = o.onInteractOutside) == null || l.call(o, t), t.defaultPrevented || (s.current = !0, t.detail.originalEvent.type === "pointerdown" && (e.current = !0));
+          const i = t.target;
+          ((u = n.triggerRef.current) == null ? void 0 : u.contains(i)) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && e.current && t.preventDefault();
+        }
+      }
+    );
+  }
+), D = p.forwardRef(
+  (o, a) => {
+    const {
+      __scopePopover: n,
+      trapFocus: s,
+      onOpenAutoFocus: e,
+      onCloseAutoFocus: t,
+      disableOutsidePointerEvents: i,
+      onEscapeKeyDown: c,
+      onPointerDownOutside: l,
+      onFocusOutside: u,
+      onInteractOutside: P,
+      ...h
+    } = o, f = d(m, n), C = g(n);
+    return Z(), /* @__PURE__ */ r.jsx(
+      q,
+      {
+        asChild: !0,
+        loop: !0,
+        trapped: s,
+        onMountAutoFocus: e,
+        onUnmountAutoFocus: t,
+        children: /* @__PURE__ */ r.jsx(
+          B,
+          {
+            asChild: !0,
+            disableOutsidePointerEvents: i,
+            onInteractOutside: P,
+            onEscapeKeyDown: c,
+            onPointerDownOutside: l,
+            onFocusOutside: u,
+            onDismiss: () => f.onOpenChange(!1),
+            children: /* @__PURE__ */ r.jsx(
+              Y,
+              {
+                "data-state": L(f.open),
+                role: "dialog",
+                id: f.contentId,
+                ...C,
+                ...h,
+                ref: a,
+                style: {
+                  ...h.style,
+                  "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
+                  "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
+                  "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
+                  "--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
+                  "--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+), M = "PopoverClose", V = p.forwardRef(
+  (o, a) => {
+    const { __scopePopover: n, ...s } = o, e = d(M, n);
+    return /* @__PURE__ */ r.jsx(
+      A.button,
+      {
+        type: "button",
+        ...s,
+        ref: a,
+        onClick: v(o.onClick, () => e.onOpenChange(!1))
+      }
+    );
+  }
+);
+V.displayName = M;
+var co = "PopoverArrow", z = p.forwardRef(
+  (o, a) => {
+    const { __scopePopover: n, ...s } = o, e = g(n);
+    return /* @__PURE__ */ r.jsx(X, { ...e, ...s, ref: a });
+  }
+);
+z.displayName = co;
+function L(o) {
+  return o ? "open" : "closed";
+}
+var po = E, lo = T, uo = S, fo = I, mo = k, vo = V, go = z;
+const Po = _(
+  "z-50 overflow-hidden rounded-[8px] px-[15px] py-[12.5px] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-0 typo-b2",
+  {
+    variants: {
+      color: {
+        pink: "bg-pink-400 text-gray-25",
+        blue: "bg-blue-400 text-gray-25",
+        gray: "bg-gray-700 text-gray-25",
+        lime: "bg-lime-400 text-gray-25"
+      }
+    },
+    defaultVariants: {
+      color: "gray"
+    }
+  }
+), ho = _("-my-px border-none", {
+  variants: {
+    color: {
+      pink: "fill-pink-400",
+      gray: "fill-gray-700",
+      blue: "fill-blue-400",
+      lime: "fill-lime-400"
+    }
+  },
+  defaultVariants: {
+    color: "gray"
+  }
+});
+function te({ defaultOpen: o = !0, ...a }) {
+  return /* @__PURE__ */ r.jsx(po, { "data-slot": "popover", defaultOpen: o, ...a });
+}
+function re({ ...o }) {
+  return /* @__PURE__ */ r.jsx(uo, { "data-slot": "popover-trigger", ...o });
+}
+function ne({
+  color: o,
+  className: a,
+  align: n = "center",
+  sideOffset: s = 4,
+  collisionPadding: e = {
+    left: 20,
+    right: 20
+  },
+  arrowPadding: t = 7,
+  children: i,
+  closeButton: c = !1,
+  ...l
+}) {
+  return /* @__PURE__ */ r.jsx(fo, { children: /* @__PURE__ */ r.jsxs(
+    mo,
+    {
+      "data-slot": "popover-content",
+      align: n,
+      sideOffset: s,
+      collisionPadding: e,
+      className: oo(Po({ color: o, className: a })),
+      arrowPadding: t,
+      ...l,
+      children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-1.25", children: [
+          i,
+          c && /* @__PURE__ */ r.jsx(xo, { asChild: !0, children: /* @__PURE__ */ r.jsx(eo, { size: 15 }) })
+        ] }),
+        /* @__PURE__ */ r.jsx(go, { className: ho({ color: o }) })
+      ]
+    }
+  ) });
+}
+function ae({ ...o }) {
+  return /* @__PURE__ */ r.jsx(lo, { "data-slot": "popover-anchor", ...o });
+}
+function xo({ ...o }) {
+  return /* @__PURE__ */ r.jsx(vo, { "data-slot": "popover-close", ...o });
+}
+export {
+  te as ImpactTooltip,
+  ae as ImpactTooltipAnchor,
+  xo as ImpactTooltipCloseButton,
+  ne as ImpactTooltipContent,
+  re as ImpactTooltipTrigger
+};

package/dist/components/ui/share-ui.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("react"),p=require("../../chunks/index.DnJQUgiG.js"),n=require("../../chunks/utils.Gb5_Gcy7.js");function x(e){if(e&&typeof e=="object"&&"default"in e)return e;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const i=x(h),g=p.cva("flex items-center justify-between gap-3.75",{variants:{background:{default:"bg-transparent",gray:"bg-gray-25"},type:{list:"py-5",card:"p-5 rounded-[10px]"}},compoundVariants:[{background:"default",type:"card",className:"bg-white"}],defaultVariants:{background:"default",type:"list"}}),l=i.forwardRef(({className:e,type:a,background:r,...s},f)=>t.jsx("div",{ref:f,className:n.cn(g({type:a,background:r,className:e})),...s}));l.displayName="ShareUI";const c=i.forwardRef(({className:e,...a},r)=>t.jsx("div",{ref:r,className:n.cn("typo-h6 text-gray-900",e),...a}));c.displayName="ShareTitle";const d=i.forwardRef(({className:e,...a},r)=>t.jsx("div",{ref:r,className:n.cn("typo-t4 text-gray-500",e),...a}));d.displayName="ShareDescription";const u=i.forwardRef(({className:e,...a},r)=>t.jsx("div",{ref:r,className:n.cn("m-0 flex flex-1 flex-col justify-between gap-1.25 p-0",e),...a}));u.displayName="ShareTextContainer";const o=i.forwardRef(({className:e,...a},r)=>t.jsx("button",{ref:r,className:n.cn("border-0 bg-none p-0",e),...a}));o.displayName="ShareButton";const C=e=>t.jsx(o,{...e,children:t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"41",height:"40",viewBox:"0 0 41 40",fill:"none",children:[t.jsx("circle",{cx:"20.5",cy:"20",r:"20",fill:"#F9E000"}),t.jsx("path",{d:"M20.5006 10.7233C14.5824 10.7233 9.78516 14.3347 9.78516 18.7921C9.78516 21.6924 11.8166 24.2343 14.8677 25.6565C14.6431 26.4524 14.0564 28.5433 13.939 28.9904C13.7933 29.5454 14.1515 29.5377 14.3882 29.3893C14.5723 29.2717 17.324 27.4892 18.5117 26.7202C19.1571 26.8108 19.8208 26.859 20.5006 26.859C26.4188 26.859 31.2161 23.2476 31.2161 18.7921C31.2161 14.3366 26.4188 10.7233 20.5006 10.7233Z",fill:"#371C1D"})]})}),y=e=>t.jsx(o,{...e,children:t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"41",height:"40",viewBox:"0 0 41 40",fill:"none",children:[t.jsx("circle",{cx:"20.5",cy:"20",r:"20",fill:"#D2D2D2"}),t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.2902 22.6446C13.3058 23.629 13.3058 25.225 14.2902 26.2094C15.2746 27.1937 16.8706 27.1937 17.855 26.2094L20.6367 23.4277C21.1639 22.9005 22.0187 22.9005 22.5459 23.4277C23.0731 23.9549 23.0731 24.8096 22.5459 25.3369L19.7642 28.1186C17.7254 30.1574 14.4198 30.1574 12.381 28.1185C10.3422 26.0797 10.3422 22.7742 12.381 20.7354L15.1627 17.9537C15.6899 17.4265 16.5447 17.4265 17.0719 17.9537C17.5991 18.4809 17.5991 19.3357 17.0719 19.8629L14.2902 22.6446Z",fill:"white"}),t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M23.1434 13.791C24.1278 12.8067 25.7238 12.8067 26.7082 13.791C27.6926 14.7754 27.6926 16.3714 26.7082 17.3558L23.9265 20.1375C23.3993 20.6647 23.3993 21.5195 23.9265 22.0467C24.4537 22.5739 25.3085 22.5739 25.8357 22.0467L28.6174 19.265C30.6562 17.2262 30.6562 13.9207 28.6174 11.8819C26.5786 9.84305 23.273 9.84305 21.2342 11.8819L18.4525 14.6635C17.9253 15.1908 17.9253 16.0455 18.4525 16.5727C18.9797 17.0999 19.8345 17.0999 20.3617 16.5727L23.1434 13.791Z",fill:"white"}),t.jsx("rect",{x:"15.8301",y:"22.8126",width:"10.5061",height:"2.62656",rx:"1.31328",transform:"rotate(-45 15.8301 22.8126)",fill:"white"})]})});exports.ShareButton=o;exports.ShareDescription=d;exports.ShareKakaoButton=C;exports.ShareTextContainer=u;exports.ShareTitle=c;exports.ShareUI=l;exports.ShareUrlButton=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/jsx-runtime.CrDL12FN.js"),p=require("react"),f=require("../../chunks/index.DMhXgOEz.js"),n=require("../../lib/utils.cjs.js");function h(e){if(e&&typeof e=="object"&&"default"in e)return e;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(s,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return s.default=e,Object.freeze(s)}const a=h(p),j=f.cva("flex items-center justify-between gap-3.75",{variants:{background:{default:"bg-transparent",gray:"bg-gray-25"},type:{list:"py-5",card:"p-5 rounded-[10px]"}},compoundVariants:[{background:"default",type:"card",className:"bg-white"}],defaultVariants:{background:"default",type:"list"}}),l=a.forwardRef(({className:e,type:s,background:r,...i},d)=>t.jsxRuntimeExports.jsx("div",{ref:d,className:n.cn(j({type:s,background:r,className:e})),...i}));l.displayName="ShareUI";const c=a.forwardRef(({className:e,...s},r)=>t.jsxRuntimeExports.jsx("div",{ref:r,className:n.cn("typo-h6 text-gray-900",e),...s}));c.displayName="ShareTitle";const x=a.forwardRef(({className:e,...s},r)=>t.jsxRuntimeExports.jsx("div",{ref:r,className:n.cn("typo-t4 text-gray-500",e),...s}));x.displayName="ShareDescription";const u=a.forwardRef(({className:e,...s},r)=>t.jsxRuntimeExports.jsx("div",{ref:r,className:n.cn("m-0 flex flex-1 flex-col justify-between gap-1.25 p-0",e),...s}));u.displayName="ShareTextContainer";const o=a.forwardRef(({className:e,...s},r)=>t.jsxRuntimeExports.jsx("button",{ref:r,className:n.cn("border-0 bg-none p-0",e),...s}));o.displayName="ShareButton";const m=e=>t.jsxRuntimeExports.jsx(o,{...e,children:t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"41",height:"40",viewBox:"0 0 41 40",fill:"none",children:[t.jsxRuntimeExports.jsx("circle",{cx:"20.5",cy:"20",r:"20",fill:"#F9E000"}),t.jsxRuntimeExports.jsx("path",{d:"M20.5006 10.7233C14.5824 10.7233 9.78516 14.3347 9.78516 18.7921C9.78516 21.6924 11.8166 24.2343 14.8677 25.6565C14.6431 26.4524 14.0564 28.5433 13.939 28.9904C13.7933 29.5454 14.1515 29.5377 14.3882 29.3893C14.5723 29.2717 17.324 27.4892 18.5117 26.7202C19.1571 26.8108 19.8208 26.859 20.5006 26.859C26.4188 26.859 31.2161 23.2476 31.2161 18.7921C31.2161 14.3366 26.4188 10.7233 20.5006 10.7233Z",fill:"#371C1D"})]})}),g=e=>t.jsxRuntimeExports.jsx(o,{...e,children:t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"41",height:"40",viewBox:"0 0 41 40",fill:"none",children:[t.jsxRuntimeExports.jsx("circle",{cx:"20.5",cy:"20",r:"20",fill:"#D2D2D2"}),t.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.2902 22.6446C13.3058 23.629 13.3058 25.225 14.2902 26.2094C15.2746 27.1937 16.8706 27.1937 17.855 26.2094L20.6367 23.4277C21.1639 22.9005 22.0187 22.9005 22.5459 23.4277C23.0731 23.9549 23.0731 24.8096 22.5459 25.3369L19.7642 28.1186C17.7254 30.1574 14.4198 30.1574 12.381 28.1185C10.3422 26.0797 10.3422 22.7742 12.381 20.7354L15.1627 17.9537C15.6899 17.4265 16.5447 17.4265 17.0719 17.9537C17.5991 18.4809 17.5991 19.3357 17.0719 19.8629L14.2902 22.6446Z",fill:"white"}),t.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M23.1434 13.791C24.1278 12.8067 25.7238 12.8067 26.7082 13.791C27.6926 14.7754 27.6926 16.3714 26.7082 17.3558L23.9265 20.1375C23.3993 20.6647 23.3993 21.5195 23.9265 22.0467C24.4537 22.5739 25.3085 22.5739 25.8357 22.0467L28.6174 19.265C30.6562 17.2262 30.6562 13.9207 28.6174 11.8819C26.5786 9.84305 23.273 9.84305 21.2342 11.8819L18.4525 14.6635C17.9253 15.1908 17.9253 16.0455 18.4525 16.5727C18.9797 17.0999 19.8345 17.0999 20.3617 16.5727L23.1434 13.791Z",fill:"white"}),t.jsxRuntimeExports.jsx("rect",{x:"15.8301",y:"22.8126",width:"10.5061",height:"2.62656",rx:"1.31328",transform:"rotate(-45 15.8301 22.8126)",fill:"white"})]})});exports.ShareButton=o;exports.ShareDescription=x;exports.ShareKakaoButton=m;exports.ShareTextContainer=u;exports.ShareTitle=c;exports.ShareUI=l;exports.ShareUrlButton=g;

package/dist/components/ui/share-ui.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 declare const shareUIVariants: (props?: ({
     background?: "default" | "gray" | null | undefined;
     type?: "list" | "card" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+} & import('../../../node_modules/class-variance-authority/dist/types').ClassProp) | undefined) => string;
 export interface ShareUIProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof shareUIVariants> {
 }
 declare const ShareUI: React.ForwardRefExoticComponent<ShareUIProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/share-ui.es.js

@@ -1,8 +1,8 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as i from "react";
-import { c } from "../../chunks/index.LN3KW-I4.js";
-import { c as l } from "../../chunks/utils.B9KdtH6G.js";
-const h = c("flex items-center justify-between gap-3.75", {
+import { j as e } from "../../chunks/jsx-runtime.OVHDjVDe.js";
+import * as s from "react";
+import { c as d } from "../../chunks/index.Cc-miKAT.js";
+import { cn as i } from "../../lib/utils.es.js";
+const c = d("flex items-center justify-between gap-3.75", {
   variants: {
     background: {
       default: "bg-transparent",
@@ -24,36 +24,36 @@ const h = c("flex items-center justify-between gap-3.75", {
     background: "default",
     type: "list"
   }
-}), f = i.forwardRef(({ className: e, type: a, background: r, ...s }, d) => /* @__PURE__ */ t("div", { ref: d, className: l(h({ type: a, background: r, className: e })), ...s }));
-f.displayName = "ShareUI";
-const p = i.forwardRef(
-  ({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, className: l("typo-h6 text-gray-900", e), ...a })
+}), h = s.forwardRef(({ className: t, type: a, background: r, ...o }, n) => /* @__PURE__ */ e.jsx("div", { ref: n, className: i(c({ type: a, background: r, className: t })), ...o }));
+h.displayName = "ShareUI";
+const f = s.forwardRef(
+  ({ className: t, ...a }, r) => /* @__PURE__ */ e.jsx("div", { ref: r, className: i("typo-h6 text-gray-900", t), ...a })
 );
-p.displayName = "ShareTitle";
-const C = i.forwardRef(
-  ({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, className: l("typo-t4 text-gray-500", e), ...a })
+f.displayName = "ShareTitle";
+const x = s.forwardRef(
+  ({ className: t, ...a }, r) => /* @__PURE__ */ e.jsx("div", { ref: r, className: i("typo-t4 text-gray-500", t), ...a })
 );
-C.displayName = "ShareDescription";
-const m = i.forwardRef(
-  ({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, className: l("m-0 flex flex-1 flex-col justify-between gap-1.25 p-0", e), ...a })
+x.displayName = "ShareDescription";
+const p = s.forwardRef(
+  ({ className: t, ...a }, r) => /* @__PURE__ */ e.jsx("div", { ref: r, className: i("m-0 flex flex-1 flex-col justify-between gap-1.25 p-0", t), ...a })
 );
-m.displayName = "ShareTextContainer";
-const o = i.forwardRef(
-  ({ className: e, ...a }, r) => /* @__PURE__ */ t("button", { ref: r, className: l("border-0 bg-none p-0", e), ...a })
+p.displayName = "ShareTextContainer";
+const l = s.forwardRef(
+  ({ className: t, ...a }, r) => /* @__PURE__ */ e.jsx("button", { ref: r, className: i("border-0 bg-none p-0", t), ...a })
 );
-o.displayName = "ShareButton";
-const x = (e) => /* @__PURE__ */ t(o, { ...e, children: /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "41", height: "40", viewBox: "0 0 41 40", fill: "none", children: [
-  /* @__PURE__ */ t("circle", { cx: "20.5", cy: "20", r: "20", fill: "#F9E000" }),
-  /* @__PURE__ */ t(
+l.displayName = "ShareButton";
+const u = (t) => /* @__PURE__ */ e.jsx(l, { ...t, children: /* @__PURE__ */ e.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "41", height: "40", viewBox: "0 0 41 40", fill: "none", children: [
+  /* @__PURE__ */ e.jsx("circle", { cx: "20.5", cy: "20", r: "20", fill: "#F9E000" }),
+  /* @__PURE__ */ e.jsx(
     "path",
     {
       d: "M20.5006 10.7233C14.5824 10.7233 9.78516 14.3347 9.78516 18.7921C9.78516 21.6924 11.8166 24.2343 14.8677 25.6565C14.6431 26.4524 14.0564 28.5433 13.939 28.9904C13.7933 29.5454 14.1515 29.5377 14.3882 29.3893C14.5723 29.2717 17.324 27.4892 18.5117 26.7202C19.1571 26.8108 19.8208 26.859 20.5006 26.859C26.4188 26.859 31.2161 23.2476 31.2161 18.7921C31.2161 14.3366 26.4188 10.7233 20.5006 10.7233Z",
       fill: "#371C1D"
     }
   )
-] }) }), y = (e) => /* @__PURE__ */ t(o, { ...e, children: /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "41", height: "40", viewBox: "0 0 41 40", fill: "none", children: [
-  /* @__PURE__ */ t("circle", { cx: "20.5", cy: "20", r: "20", fill: "#D2D2D2" }),
-  /* @__PURE__ */ t(
+] }) }), g = (t) => /* @__PURE__ */ e.jsx(l, { ...t, children: /* @__PURE__ */ e.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "41", height: "40", viewBox: "0 0 41 40", fill: "none", children: [
+  /* @__PURE__ */ e.jsx("circle", { cx: "20.5", cy: "20", r: "20", fill: "#D2D2D2" }),
+  /* @__PURE__ */ e.jsx(
     "path",
     {
       fillRule: "evenodd",
@@ -62,7 +62,7 @@ const x = (e) => /* @__PURE__ */ t(o, { ...e, children: /* @__PURE__ */ n("svg",
       fill: "white"
     }
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ e.jsx(
     "path",
     {
       fillRule: "evenodd",
@@ -71,7 +71,7 @@ const x = (e) => /* @__PURE__ */ t(o, { ...e, children: /* @__PURE__ */ n("svg",
       fill: "white"
     }
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ e.jsx(
     "rect",
     {
       x: "15.8301",
@@ -85,11 +85,11 @@ const x = (e) => /* @__PURE__ */ t(o, { ...e, children: /* @__PURE__ */ n("svg",
   )
 ] }) });
 export {
-  o as ShareButton,
-  C as ShareDescription,
-  x as ShareKakaoButton,
-  m as ShareTextContainer,
-  p as ShareTitle,
-  f as ShareUI,
-  y as ShareUrlButton
+  l as ShareButton,
+  x as ShareDescription,
+  u as ShareKakaoButton,
+  p as ShareTextContainer,
+  f as ShareTitle,
+  h as ShareUI,
+  g as ShareUrlButton
 };

package/dist/components/ui/tooltip.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../chunks/jsx-runtime.CrDL12FN.js"),K=require("react"),T=require("../../chunks/index.BhKv87PH.js"),S=require("../../chunks/index.CKKuhuuw.js"),I=require("../../chunks/index.Ca2_YDeQ.js"),J=require("../../chunks/index.mFaQzo4n.js"),C=require("../../chunks/index.BqdzwVah.js"),Q=require("../../lib/utils.cjs.js");function Z(e){if(e&&typeof e=="object"&&"default"in e)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=Z(K);var ee=Object.freeze({position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal"}),te="VisuallyHidden",q=s.forwardRef((e,o)=>u.jsxRuntimeExports.jsx(T.Primitive.span,{...e,ref:o,style:{...ee,...e.style}}));q.displayName=te;var oe=q,[O,Pe]=T.createContextScope("Tooltip",[C.createPopperScope]),D=C.createPopperScope(),G="TooltipProvider",re=700,L="tooltip.open",[ne,k]=O(G),$=e=>{const{__scopeTooltip:o,delayDuration:t=re,skipDelayDuration:r=300,disableHoverableContent:n=!1,children:a}=e,l=s.useRef(!0),f=s.useRef(!1),i=s.useRef(0);return s.useEffect(()=>{const d=i.current;return()=>window.clearTimeout(d)},[]),u.jsxRuntimeExports.jsx(ne,{scope:o,isOpenDelayedRef:l,delayDuration:t,onOpen:s.useCallback(()=>{window.clearTimeout(i.current),l.current=!1},[]),onClose:s.useCallback(()=>{window.clearTimeout(i.current),i.current=window.setTimeout(()=>l.current=!0,r)},[r]),isPointerInTransitRef:f,onPointerInTransitChange:s.useCallback(d=>{f.current=d},[]),disableHoverableContent:n,children:a})};$.displayName=G;var P="Tooltip",[se,_]=O(P),F=e=>{const{__scopeTooltip:o,children:t,open:r,defaultOpen:n,onOpenChange:a,disableHoverableContent:l,delayDuration:f}=e,i=k(P,e.__scopeTooltip),d=D(o),[c,x]=s.useState(null),v=J.useId(),p=s.useRef(0),m=l??i.disableHoverableContent,y=f??i.delayDuration,h=s.useRef(!1),[E,g]=T.useControllableState({prop:r,defaultProp:n??!1,onChange:N=>{N?(i.onOpen(),document.dispatchEvent(new CustomEvent(L))):i.onClose(),a==null||a(N)},caller:P}),R=s.useMemo(()=>E?h.current?"delayed-open":"instant-open":"closed",[E]),j=s.useCallback(()=>{window.clearTimeout(p.current),p.current=0,h.current=!1,g(!0)},[g]),w=s.useCallback(()=>{window.clearTimeout(p.current),p.current=0,g(!1)},[g]),M=s.useCallback(()=>{window.clearTimeout(p.current),p.current=window.setTimeout(()=>{h.current=!0,g(!0),p.current=0},y)},[y,g]);return s.useEffect(()=>()=>{p.current&&(window.clearTimeout(p.current),p.current=0)},[]),u.jsxRuntimeExports.jsx(C.Root2,{...d,children:u.jsxRuntimeExports.jsx(se,{scope:o,contentId:v,open:E,stateAttribute:R,trigger:c,onTriggerChange:x,onTriggerEnter:s.useCallback(()=>{i.isOpenDelayedRef.current?M():j()},[i.isOpenDelayedRef,M,j]),onTriggerLeave:s.useCallback(()=>{m?w():(window.clearTimeout(p.current),p.current=0)},[w,m]),onOpen:j,onClose:w,disableHoverableContent:m,children:t})})};F.displayName=P;var A="TooltipTrigger",V=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=_(A,t),a=k(A,t),l=D(t),f=s.useRef(null),i=S.useComposedRefs(o,f,n.onTriggerChange),d=s.useRef(!1),c=s.useRef(!1),x=s.useCallback(()=>d.current=!1,[]);return s.useEffect(()=>()=>document.removeEventListener("pointerup",x),[x]),u.jsxRuntimeExports.jsx(C.Anchor,{asChild:!0,...l,children:u.jsxRuntimeExports.jsx(T.Primitive.button,{"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute,...r,ref:i,onPointerMove:T.composeEventHandlers(e.onPointerMove,v=>{v.pointerType!=="touch"&&!c.current&&!a.isPointerInTransitRef.current&&(n.onTriggerEnter(),c.current=!0)}),onPointerLeave:T.composeEventHandlers(e.onPointerLeave,()=>{n.onTriggerLeave(),c.current=!1}),onPointerDown:T.composeEventHandlers(e.onPointerDown,()=>{n.open&&n.onClose(),d.current=!0,document.addEventListener("pointerup",x,{once:!0})}),onFocus:T.composeEventHandlers(e.onFocus,()=>{d.current||n.onOpen()}),onBlur:T.composeEventHandlers(e.onBlur,n.onClose),onClick:T.composeEventHandlers(e.onClick,n.onClose)})})});V.displayName=A;var H="TooltipPortal",[ie,ae]=O(H,{forceMount:void 0}),z=e=>{const{__scopeTooltip:o,forceMount:t,children:r,container:n}=e,a=_(H,o);return u.jsxRuntimeExports.jsx(ie,{scope:o,forceMount:t,children:u.jsxRuntimeExports.jsx(T.Presence,{present:t||a.open,children:u.jsxRuntimeExports.jsx(I.Portal,{asChild:!0,container:n,children:r})})})};z.displayName=H;var b="TooltipContent",Y=s.forwardRef((e,o)=>{const t=ae(b,e.__scopeTooltip),{forceMount:r=t.forceMount,side:n="top",...a}=e,l=_(b,e.__scopeTooltip);return u.jsxRuntimeExports.jsx(T.Presence,{present:r||l.open,children:l.disableHoverableContent?u.jsxRuntimeExports.jsx(B,{side:n,...a,ref:o}):u.jsxRuntimeExports.jsx(le,{side:n,...a,ref:o})})}),le=s.forwardRef((e,o)=>{const t=_(b,e.__scopeTooltip),r=k(b,e.__scopeTooltip),n=s.useRef(null),a=S.useComposedRefs(o,n),[l,f]=s.useState(null),{trigger:i,onClose:d}=t,c=n.current,{onPointerInTransitChange:x}=r,v=s.useCallback(()=>{f(null),x(!1)},[x]),p=s.useCallback((m,y)=>{const h=m.currentTarget,E={x:m.clientX,y:m.clientY},g=de(E,h.getBoundingClientRect()),R=xe(E,g),j=fe(y.getBoundingClientRect()),w=me([...R,...j]);f(w),x(!0)},[x]);return s.useEffect(()=>()=>v(),[v]),s.useEffect(()=>{if(i&&c){const m=h=>p(h,c),y=h=>p(h,i);return i.addEventListener("pointerleave",m),c.addEventListener("pointerleave",y),()=>{i.removeEventListener("pointerleave",m),c.removeEventListener("pointerleave",y)}}},[i,c,p,v]),s.useEffect(()=>{if(l){const m=y=>{const h=y.target,E={x:y.clientX,y:y.clientY},g=(i==null?void 0:i.contains(h))||(c==null?void 0:c.contains(h)),R=!ve(E,l);g?v():R&&(v(),d())};return document.addEventListener("pointermove",m),()=>document.removeEventListener("pointermove",m)}},[i,c,l,d,v]),u.jsxRuntimeExports.jsx(B,{...e,ref:a})}),[ce,ue]=O(P,{isInside:!1}),pe=S.createSlottable("TooltipContent"),B=s.forwardRef((e,o)=>{const{__scopeTooltip:t,children:r,"aria-label":n,onEscapeKeyDown:a,onPointerDownOutside:l,...f}=e,i=_(b,t),d=D(t),{onClose:c}=i;return s.useEffect(()=>(document.addEventListener(L,c),()=>document.removeEventListener(L,c)),[c]),s.useEffect(()=>{if(i.trigger){const x=v=>{const p=v.target;p!=null&&p.contains(i.trigger)&&c()};return window.addEventListener("scroll",x,{capture:!0}),()=>window.removeEventListener("scroll",x,{capture:!0})}},[i.trigger,c]),u.jsxRuntimeExports.jsx(I.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:a,onPointerDownOutside:l,onFocusOutside:x=>x.preventDefault(),onDismiss:c,children:u.jsxRuntimeExports.jsxs(C.Content,{"data-state":i.stateAttribute,...d,...f,ref:o,style:{...f.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[u.jsxRuntimeExports.jsx(pe,{children:r}),u.jsxRuntimeExports.jsx(ce,{scope:t,isInside:!0,children:u.jsxRuntimeExports.jsx(oe,{id:i.contentId,role:"tooltip",children:n||r})})]})})});Y.displayName=b;var U="TooltipArrow",W=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=D(t);return ue(U,t).isInside?null:u.jsxRuntimeExports.jsx(C.Arrow,{...n,...r,ref:o})});W.displayName=U;function de(e,o){const t=Math.abs(o.top-e.y),r=Math.abs(o.bottom-e.y),n=Math.abs(o.right-e.x),a=Math.abs(o.left-e.x);switch(Math.min(t,r,n,a)){case a:return"left";case n:return"right";case t:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function xe(e,o,t=5){const r=[];switch(o){case"top":r.push({x:e.x-t,y:e.y+t},{x:e.x+t,y:e.y+t});break;case"bottom":r.push({x:e.x-t,y:e.y-t},{x:e.x+t,y:e.y-t});break;case"left":r.push({x:e.x+t,y:e.y-t},{x:e.x+t,y:e.y+t});break;case"right":r.push({x:e.x-t,y:e.y-t},{x:e.x-t,y:e.y+t});break}return r}function fe(e){const{top:o,right:t,bottom:r,left:n}=e;return[{x:n,y:o},{x:t,y:o},{x:t,y:r},{x:n,y:r}]}function ve(e,o){const{x:t,y:r}=e;let n=!1;for(let a=0,l=o.length-1;a<o.length;l=a++){const f=o[a],i=o[l],d=f.x,c=f.y,x=i.x,v=i.y;c>r!=v>r&&t<(x-d)*(r-c)/(v-c)+d&&(n=!n)}return n}function me(e){const o=e.slice();return o.sort((t,r)=>t.x<r.x?-1:t.x>r.x?1:t.y<r.y?-1:t.y>r.y?1:0),he(o)}function he(e){if(e.length<=1)return e.slice();const o=[];for(let r=0;r<e.length;r++){const n=e[r];for(;o.length>=2;){const a=o[o.length-1],l=o[o.length-2];if((a.x-l.x)*(n.y-l.y)>=(a.y-l.y)*(n.x-l.x))o.pop();else break}o.push(n)}o.pop();const t=[];for(let r=e.length-1;r>=0;r--){const n=e[r];for(;t.length>=2;){const a=t[t.length-1],l=t[t.length-2];if((a.x-l.x)*(n.y-l.y)>=(a.y-l.y)*(n.x-l.x))t.pop();else break}t.push(n)}return t.pop(),o.length===1&&t.length===1&&o[0].x===t[0].x&&o[0].y===t[0].y?o:o.concat(t)}var Te=$,ye=F,ge=V,Ee=z,be=Y,Ce=W;function X({delayDuration:e=0,...o}){return u.jsxRuntimeExports.jsx(Te,{"data-slot":"tooltip-provider",delayDuration:e,...o})}function Re({...e}){return u.jsxRuntimeExports.jsx(X,{children:u.jsxRuntimeExports.jsx(ye,{"data-slot":"tooltip",...e})})}function je({...e}){return u.jsxRuntimeExports.jsx(ge,{"data-slot":"tooltip-trigger",...e})}function we({className:e,sideOffset:o=5,collisionPadding:t={left:20,right:20},children:r,...n}){return u.jsxRuntimeExports.jsx(Ee,{children:u.jsxRuntimeExports.jsxs(be,{"data-slot":"tooltip-content",sideOffset:o,className:Q.cn("animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 typo-b2 z-50 overflow-hidden rounded-[8px] border border-gray-100 bg-white px-[15px] py-[12.5px] text-gray-400",e),collisionPadding:t,...n,children:[r,u.jsxRuntimeExports.jsx(Ce,{className:"-my-px border-none fill-white drop-shadow-[0_1px_0_var(--color-gray-100)]"})]})})}exports.Tooltip=Re;exports.TooltipContent=we;exports.TooltipProvider=X;exports.TooltipTrigger=je;

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
+type TooltipContentProps = React.ComponentProps<typeof TooltipPrimitive.Content>;
+declare function TooltipContent({ className, sideOffset, collisionPadding, children, ...props }: TooltipContentProps): React.JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+export type { TooltipContentProps };