@pfct/purple 1.5.0-npm-next.6 → 1.5.0-npm-next.8

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"),V=require("react"),x=require("../../chunks/index.DIN2VJFB.js"),E=require("../../chunks/index.CKKuhuuw.js"),A=require("../../chunks/index.DSzDrqih.js"),h=require("../../chunks/index.BmpKbNvp.js"),L=require("../../chunks/index.BKwOnmIv.js"),m=require("../../chunks/index.DAZ7Rqfw.js"),y=require("../../chunks/index.Dp6n8vyp.js"),G=require("../../lib/utils.cjs.js"),O=require("../../chunks/index.DMhXgOEz.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Chevron_right.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Cart_fill.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Menu.cjs.js");const B=require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Store.cjs.js");function K(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=K(V);var j="Popover",[q,xe]=x.createContextScope(j,[m.createPopperScope]),R=m.createPopperScope(),[U,f]=q(j),_=e=>{const{__scopePopover:t,children:o,open:i,defaultOpen:r,onOpenChange:n,modal:a=!1}=e,c=R(t),p=u.useRef(null),[l,v]=u.useState(!1),[g,d]=x.useControllableState({prop:i,defaultProp:r??!1,onChange:n,caller:j});return s.jsxRuntimeExports.jsx(m.Root2,{...c,children:s.jsxRuntimeExports.jsx(U,{scope:t,contentId:L.useId(),triggerRef:p,open:g,onOpenChange:d,onOpenToggle:u.useCallback(()=>d(C=>!C),[d]),hasCustomAnchor:l,onCustomAnchorAdd:u.useCallback(()=>v(!0),[]),onCustomAnchorRemove:u.useCallback(()=>v(!1),[]),modal:a,children:o})})};_.displayName=j;var w="PopoverAnchor",T=u.forwardRef((e,t)=>{const{__scopePopover:o,...i}=e,r=f(w,o),n=R(o),{onCustomAnchorAdd:a,onCustomAnchorRemove:c}=r;return u.useEffect(()=>(a(),()=>c()),[a,c]),s.jsxRuntimeExports.jsx(m.Anchor,{...n,...i,ref:t})});T.displayName=w;var S="PopoverTrigger",I=u.forwardRef((e,t)=>{const{__scopePopover:o,...i}=e,r=f(S,o),n=R(o),a=E.useComposedRefs(t,r.triggerRef),c=s.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":$(r.open),...i,ref:a,onClick:x.composeEventHandlers(e.onClick,r.onOpenToggle)});return r.hasCustomAnchor?c:s.jsxRuntimeExports.jsx(m.Anchor,{asChild:!0,...n,children:c})});I.displayName=S;var b="PopoverPortal",[W,Z]=q(b,{forceMount:void 0}),N=e=>{const{__scopePopover:t,forceMount:o,children:i,container:r}=e,n=f(b,t);return s.jsxRuntimeExports.jsx(W,{scope:t,forceMount:o,children:s.jsxRuntimeExports.jsx(y.Presence,{present:o||n.open,children:s.jsxRuntimeExports.jsx(A.Portal,{asChild:!0,container:r,children:i})})})};N.displayName=b;var P="PopoverContent",F=u.forwardRef((e,t)=>{const o=Z(P,e.__scopePopover),{forceMount:i=o.forceMount,...r}=e,n=f(P,e.__scopePopover);return s.jsxRuntimeExports.jsx(y.Presence,{present:i||n.open,children:n.modal?s.jsxRuntimeExports.jsx(Q,{...r,ref:t}):s.jsxRuntimeExports.jsx(X,{...r,ref:t})})});F.displayName=P;var J=E.createSlot("PopoverContent.RemoveScroll"),Q=u.forwardRef((e,t)=>{const o=f(P,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:J,allowPinchZoom:!0,children:s.jsxRuntimeExports.jsx(M,{...e,ref:r,trapFocus:o.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:x.composeEventHandlers(e.onCloseAutoFocus,a=>{var c;a.preventDefault(),n.current||(c=o.triggerRef.current)==null||c.focus()}),onPointerDownOutside:x.composeEventHandlers(e.onPointerDownOutside,a=>{const c=a.detail.originalEvent,p=c.button===0&&c.ctrlKey===!0,l=c.button===2||p;n.current=l},{checkForDefaultPrevented:!1}),onFocusOutside:x.composeEventHandlers(e.onFocusOutside,a=>a.preventDefault(),{checkForDefaultPrevented:!1})})})}),X=u.forwardRef((e,t)=>{const o=f(P,e.__scopePopover),i=u.useRef(!1),r=u.useRef(!1);return s.jsxRuntimeExports.jsx(M,{...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 p,l;(p=e.onInteractOutside)==null||p.call(e,n),n.defaultPrevented||(i.current=!0,n.detail.originalEvent.type==="pointerdown"&&(r.current=!0));const a=n.target;((l=o.triggerRef.current)==null?void 0:l.contains(a))&&n.preventDefault(),n.detail.originalEvent.type==="focusin"&&r.current&&n.preventDefault()}})}),M=u.forwardRef((e,t)=>{const{__scopePopover:o,trapFocus:i,onOpenAutoFocus:r,onCloseAutoFocus:n,disableOutsidePointerEvents:a,onEscapeKeyDown:c,onPointerDownOutside:p,onFocusOutside:l,onInteractOutside:v,...g}=e,d=f(P,o),C=R(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:v,onEscapeKeyDown:c,onPointerDownOutside:p,onFocusOutside:l,onDismiss:()=>d.onOpenChange(!1),children:s.jsxRuntimeExports.jsx(m.Content,{"data-state":$(d.open),role:"dialog",id:d.contentId,...C,...g,ref:t,style:{...g.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",D=u.forwardRef((e,t)=>{const{__scopePopover:o,...i}=e,r=f(k,o);return s.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button",...i,ref:t,onClick:x.composeEventHandlers(e.onClick,()=>r.onOpenChange(!1))})});D.displayName=k;var Y="PopoverArrow",H=u.forwardRef((e,t)=>{const{__scopePopover:o,...i}=e,r=R(o);return s.jsxRuntimeExports.jsx(m.Arrow,{...r,...i,ref:t})});H.displayName=Y;function $(e){return e?"open":"closed"}var ee=_,te=T,oe=I,re=N,ne=F,se=D,ie=H;const ae=O.cva("z-50 overflow-visible 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"}}),ce=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 ue({defaultOpen:e=!0,...t}){return s.jsxRuntimeExports.jsx(ee,{"data-slot":"impact-tooltip",defaultOpen:e,...t})}function pe({...e}){return s.jsxRuntimeExports.jsx(oe,{"data-slot":"impact-tooltip-trigger",...e})}function le({className:e,...t}){return s.jsxRuntimeExports.jsx(te,{"data-slot":"impact-tooltip-anchor",className:e,...t})}function de({color:e,className:t,align:o="center",side:i="top",sideOffset:r=8,collisionPadding:n=20,arrowPadding:a=8.8,children:c,closeButton:p=!1,avoidCollisions:l=!0,hideWhenDetached:v=!1,updatePositionStrategy:g="optimized",...d}){return s.jsxRuntimeExports.jsx(re,{forceMount:d.forceMount,children:s.jsxRuntimeExports.jsxs(ne,{"data-slot":"impact-tooltip-content",side:i,align:o,sideOffset:r,collisionPadding:n,arrowPadding:a,className:G.cn(ae({color:e,className:t})),avoidCollisions:l,hideWhenDetached:v,updatePositionStrategy:g,...d,children:[s.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between gap-1.25",children:[c,p&&s.jsxRuntimeExports.jsx(z,{children:s.jsxRuntimeExports.jsx(B.default,{size:15})})]}),s.jsxRuntimeExports.jsx(ie,{className:ce({color:e}),width:12,height:6,style:{visibility:"visible"}})]})})}function z({...e}){return s.jsxRuntimeExports.jsx(se,{"data-slot":"impact-tooltip-close",...e})}exports.ImpactTooltip=ue;exports.ImpactTooltipAnchor=le;exports.ImpactTooltipCloseButton=z;exports.ImpactTooltipContent=de;exports.ImpactTooltipTrigger=pe;

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;
+declare function ImpactTooltipAnchor({ className, ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
+type ImpactTooltipContentProps = React.ComponentProps<typeof PopoverPrimitive.Content> & VariantProps<typeof impactTooltipVariants> & {
+    closeButton?: boolean;
+};
+declare function ImpactTooltipContent({ color, className, align, side, sideOffset, collisionPadding, arrowPadding, children, closeButton, avoidCollisions, hideWhenDetached, updatePositionStrategy, ...props }: ImpactTooltipContentProps): 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,343 @@
+import { j as r } from "../../chunks/jsx-runtime.OVHDjVDe.js";
+import * as p from "react";
+import { u as G, c as H, P as A, a as P } from "../../chunks/index.ByATMvf3.js";
+import { u as b, c as K } from "../../chunks/index.6ZBAQokh.js";
+import { P as $, D as B } from "../../chunks/index.BiYcAxU7.js";
+import { h as U, R as W, u as Z, F as q } from "../../chunks/index.BCzFyP67.js";
+import { u as J } from "../../chunks/index.4M0spsbp.js";
+import { c as j, R as Q, A as y, a as X, C as Y } from "../../chunks/index.B1f1TmJo.js";
+import { P as O } from "../../chunks/index.BGfHe7LA.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 "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Check.es.js";
+import "../../icons/src/icons/Chevron_left.es.js";
+import "../../icons/src/icons/Chevron_right.es.js";
+import "../../icons/src/icons/Chevron_down.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
+import "../../icons/src/icons/Chevron_up.es.js";
+import "../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../icons/src/icons/Filter.es.js";
+import "../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+import "../../icons/src/icons/Eye_fill.es.js";
+import "../../icons/src/icons/Person_fill.es.js";
+import "../../icons/src/icons/More.es.js";
+import "../../icons/src/icons/Question_circle.es.js";
+import "../../icons/src/icons/Search.es.js";
+import "../../icons/src/icons/Plus.es.js";
+import "../../icons/src/icons/Setting_fill.es.js";
+import "../../icons/src/icons/Share.es.js";
+import "../../icons/src/icons/Information.es.js";
+import "../../icons/src/icons/Re.es.js";
+import "../../icons/src/icons/Menu.es.js";
+import eo from "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Store.es.js";
+var x = "Popover", [w, te] = H(x, [
+  j
+]), h = j(), [to, f] = w(x), E = (o) => {
+  const {
+    __scopePopover: n,
+    children: a,
+    open: s,
+    defaultOpen: e,
+    onOpenChange: t,
+    modal: i = !1
+  } = o, c = h(n), l = p.useRef(null), [u, m] = p.useState(!1), [v, d] = G({
+    prop: s,
+    defaultProp: e ?? !1,
+    onChange: t,
+    caller: x
+  });
+  return /* @__PURE__ */ r.jsx(Q, { ...c, children: /* @__PURE__ */ r.jsx(
+    to,
+    {
+      scope: n,
+      contentId: J(),
+      triggerRef: l,
+      open: v,
+      onOpenChange: d,
+      onOpenToggle: p.useCallback(() => d((C) => !C), [d]),
+      hasCustomAnchor: u,
+      onCustomAnchorAdd: p.useCallback(() => m(!0), []),
+      onCustomAnchorRemove: p.useCallback(() => m(!1), []),
+      modal: i,
+      children: a
+    }
+  ) });
+};
+E.displayName = x;
+var N = "PopoverAnchor", T = p.forwardRef(
+  (o, n) => {
+    const { __scopePopover: a, ...s } = o, e = f(N, a), t = h(a), { onCustomAnchorAdd: i, onCustomAnchorRemove: c } = e;
+    return p.useEffect(() => (i(), () => c()), [i, c]), /* @__PURE__ */ r.jsx(y, { ...t, ...s, ref: n });
+  }
+);
+T.displayName = N;
+var F = "PopoverTrigger", S = p.forwardRef(
+  (o, n) => {
+    const { __scopePopover: a, ...s } = o, e = f(F, a), t = h(a), i = b(n, 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: P(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: n, forceMount: a, children: s, container: e } = o, t = f(R, n);
+  return /* @__PURE__ */ r.jsx(ro, { scope: n, forceMount: a, children: /* @__PURE__ */ r.jsx(O, { present: a || t.open, children: /* @__PURE__ */ r.jsx($, { asChild: !0, container: e, children: s }) }) });
+};
+I.displayName = R;
+var g = "PopoverContent", k = p.forwardRef(
+  (o, n) => {
+    const a = no(g, o.__scopePopover), { forceMount: s = a.forceMount, ...e } = o, t = f(g, o.__scopePopover);
+    return /* @__PURE__ */ r.jsx(O, { present: s || t.open, children: t.modal ? /* @__PURE__ */ r.jsx(so, { ...e, ref: n }) : /* @__PURE__ */ r.jsx(io, { ...e, ref: n }) });
+  }
+);
+k.displayName = g;
+var ao = K("PopoverContent.RemoveScroll"), so = p.forwardRef(
+  (o, n) => {
+    const a = f(g, o.__scopePopover), s = p.useRef(null), e = b(n, 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(
+      M,
+      {
+        ...o,
+        ref: e,
+        trapFocus: a.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: P(o.onCloseAutoFocus, (i) => {
+          var c;
+          i.preventDefault(), t.current || (c = a.triggerRef.current) == null || c.focus();
+        }),
+        onPointerDownOutside: P(
+          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: P(
+          o.onFocusOutside,
+          (i) => i.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+), io = p.forwardRef(
+  (o, n) => {
+    const a = f(g, o.__scopePopover), s = p.useRef(!1), e = p.useRef(!1);
+    return /* @__PURE__ */ r.jsx(
+      M,
+      {
+        ...o,
+        ref: n,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (t) => {
+          var i, c;
+          (i = o.onCloseAutoFocus) == null || i.call(o, t), t.defaultPrevented || (s.current || (c = a.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 = a.triggerRef.current) == null ? void 0 : u.contains(i)) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && e.current && t.preventDefault();
+        }
+      }
+    );
+  }
+), M = p.forwardRef(
+  (o, n) => {
+    const {
+      __scopePopover: a,
+      trapFocus: s,
+      onOpenAutoFocus: e,
+      onCloseAutoFocus: t,
+      disableOutsidePointerEvents: i,
+      onEscapeKeyDown: c,
+      onPointerDownOutside: l,
+      onFocusOutside: u,
+      onInteractOutside: m,
+      ...v
+    } = o, d = f(g, a), C = h(a);
+    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: m,
+            onEscapeKeyDown: c,
+            onPointerDownOutside: l,
+            onFocusOutside: u,
+            onDismiss: () => d.onOpenChange(!1),
+            children: /* @__PURE__ */ r.jsx(
+              Y,
+              {
+                "data-state": L(d.open),
+                role: "dialog",
+                id: d.contentId,
+                ...C,
+                ...v,
+                ref: n,
+                style: {
+                  ...v.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)"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+), D = "PopoverClose", z = p.forwardRef(
+  (o, n) => {
+    const { __scopePopover: a, ...s } = o, e = f(D, a);
+    return /* @__PURE__ */ r.jsx(
+      A.button,
+      {
+        type: "button",
+        ...s,
+        ref: n,
+        onClick: P(o.onClick, () => e.onOpenChange(!1))
+      }
+    );
+  }
+);
+z.displayName = D;
+var co = "PopoverArrow", V = p.forwardRef(
+  (o, n) => {
+    const { __scopePopover: a, ...s } = o, e = h(a);
+    return /* @__PURE__ */ r.jsx(X, { ...e, ...s, ref: n });
+  }
+);
+V.displayName = co;
+function L(o) {
+  return o ? "open" : "closed";
+}
+var po = E, lo = T, uo = S, fo = I, mo = k, vo = z, go = V;
+const Po = _(
+  "z-50 overflow-visible 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 re({ defaultOpen: o = !0, ...n }) {
+  return /* @__PURE__ */ r.jsx(po, { "data-slot": "impact-tooltip", defaultOpen: o, ...n });
+}
+function ne({ ...o }) {
+  return /* @__PURE__ */ r.jsx(uo, { "data-slot": "impact-tooltip-trigger", ...o });
+}
+function ae({ className: o, ...n }) {
+  return /* @__PURE__ */ r.jsx(lo, { "data-slot": "impact-tooltip-anchor", className: o, ...n });
+}
+function se({
+  color: o,
+  className: n,
+  align: a = "center",
+  side: s = "top",
+  sideOffset: e = 8,
+  collisionPadding: t = 20,
+  arrowPadding: i = 8.8,
+  children: c,
+  closeButton: l = !1,
+  avoidCollisions: u = !0,
+  hideWhenDetached: m = !1,
+  updatePositionStrategy: v = "optimized",
+  ...d
+}) {
+  return /* @__PURE__ */ r.jsx(fo, { forceMount: d.forceMount, children: /* @__PURE__ */ r.jsxs(
+    mo,
+    {
+      "data-slot": "impact-tooltip-content",
+      side: s,
+      align: a,
+      sideOffset: e,
+      collisionPadding: t,
+      arrowPadding: i,
+      className: oo(Po({ color: o, className: n })),
+      avoidCollisions: u,
+      hideWhenDetached: m,
+      updatePositionStrategy: v,
+      ...d,
+      children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-1.25", children: [
+          c,
+          l && /* @__PURE__ */ r.jsx(xo, { children: /* @__PURE__ */ r.jsx(eo, { size: 15 }) })
+        ] }),
+        /* @__PURE__ */ r.jsx(
+          go,
+          {
+            className: ho({ color: o }),
+            width: 12,
+            height: 6,
+            style: { visibility: "visible" }
+          }
+        )
+      ]
+    }
+  ) });
+}
+function xo({ ...o }) {
+  return /* @__PURE__ */ r.jsx(vo, { "data-slot": "impact-tooltip-close", ...o });
+}
+export {
+  re as ImpactTooltip,
+  ae as ImpactTooltipAnchor,
+  xo as ImpactTooltipCloseButton,
+  se as ImpactTooltipContent,
+  ne 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"),Q=require("react"),g=require("../../chunks/index.DIN2VJFB.js"),S=require("../../chunks/index.CKKuhuuw.js"),I=require("../../chunks/index.DSzDrqih.js"),Z=require("../../chunks/index.BKwOnmIv.js"),C=require("../../chunks/index.DAZ7Rqfw.js"),q=require("../../chunks/index.Dp6n8vyp.js"),ee=require("../../lib/utils.cjs.js");function te(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=te(Q);var oe=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"}),re="VisuallyHidden",$=s.forwardRef((e,o)=>u.jsxRuntimeExports.jsx(g.Primitive.span,{...e,ref:o,style:{...oe,...e.style}}));$.displayName=re;var ne=$,[O,Oe]=g.createContextScope("Tooltip",[C.createPopperScope]),A=C.createPopperScope(),G="TooltipProvider",se=700,D="tooltip.open",[ie,k]=O(G),F=e=>{const{__scopeTooltip:o,delayDuration:t=se,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(ie,{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})};F.displayName=G;var P="Tooltip",[ae,_]=O(P),V=e=>{const{__scopeTooltip:o,children:t,open:r,defaultOpen:n,onOpenChange:a,disableHoverableContent:l,delayDuration:f}=e,i=k(P,e.__scopeTooltip),d=A(o),[c,x]=s.useState(null),v=Z.useId(),p=s.useRef(0),m=l??i.disableHoverableContent,T=f??i.delayDuration,h=s.useRef(!1),[E,y]=g.useControllableState({prop:r,defaultProp:n??!1,onChange:N=>{N?(i.onOpen(),document.dispatchEvent(new CustomEvent(D))):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,y(!0)},[y]),w=s.useCallback(()=>{window.clearTimeout(p.current),p.current=0,y(!1)},[y]),M=s.useCallback(()=>{window.clearTimeout(p.current),p.current=window.setTimeout(()=>{h.current=!0,y(!0),p.current=0},T)},[T,y]);return s.useEffect(()=>()=>{p.current&&(window.clearTimeout(p.current),p.current=0)},[]),u.jsxRuntimeExports.jsx(C.Root2,{...d,children:u.jsxRuntimeExports.jsx(ae,{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})})};V.displayName=P;var L="TooltipTrigger",z=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=_(L,t),a=k(L,t),l=A(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(g.Primitive.button,{"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute,...r,ref:i,onPointerMove:g.composeEventHandlers(e.onPointerMove,v=>{v.pointerType!=="touch"&&!c.current&&!a.isPointerInTransitRef.current&&(n.onTriggerEnter(),c.current=!0)}),onPointerLeave:g.composeEventHandlers(e.onPointerLeave,()=>{n.onTriggerLeave(),c.current=!1}),onPointerDown:g.composeEventHandlers(e.onPointerDown,()=>{n.open&&n.onClose(),d.current=!0,document.addEventListener("pointerup",x,{once:!0})}),onFocus:g.composeEventHandlers(e.onFocus,()=>{d.current||n.onOpen()}),onBlur:g.composeEventHandlers(e.onBlur,n.onClose),onClick:g.composeEventHandlers(e.onClick,n.onClose)})})});z.displayName=L;var H="TooltipPortal",[le,ce]=O(H,{forceMount:void 0}),Y=e=>{const{__scopeTooltip:o,forceMount:t,children:r,container:n}=e,a=_(H,o);return u.jsxRuntimeExports.jsx(le,{scope:o,forceMount:t,children:u.jsxRuntimeExports.jsx(q.Presence,{present:t||a.open,children:u.jsxRuntimeExports.jsx(I.Portal,{asChild:!0,container:n,children:r})})})};Y.displayName=H;var b="TooltipContent",B=s.forwardRef((e,o)=>{const t=ce(b,e.__scopeTooltip),{forceMount:r=t.forceMount,side:n="top",...a}=e,l=_(b,e.__scopeTooltip);return u.jsxRuntimeExports.jsx(q.Presence,{present:r||l.open,children:l.disableHoverableContent?u.jsxRuntimeExports.jsx(U,{side:n,...a,ref:o}):u.jsxRuntimeExports.jsx(ue,{side:n,...a,ref:o})})}),ue=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,T)=>{const h=m.currentTarget,E={x:m.clientX,y:m.clientY},y=fe(E,h.getBoundingClientRect()),R=ve(E,y),j=me(T.getBoundingClientRect()),w=Te([...R,...j]);f(w),x(!0)},[x]);return s.useEffect(()=>()=>v(),[v]),s.useEffect(()=>{if(i&&c){const m=h=>p(h,c),T=h=>p(h,i);return i.addEventListener("pointerleave",m),c.addEventListener("pointerleave",T),()=>{i.removeEventListener("pointerleave",m),c.removeEventListener("pointerleave",T)}}},[i,c,p,v]),s.useEffect(()=>{if(l){const m=T=>{const h=T.target,E={x:T.clientX,y:T.clientY},y=(i==null?void 0:i.contains(h))||(c==null?void 0:c.contains(h)),R=!he(E,l);y?v():R&&(v(),d())};return document.addEventListener("pointermove",m),()=>document.removeEventListener("pointermove",m)}},[i,c,l,d,v]),u.jsxRuntimeExports.jsx(U,{...e,ref:a})}),[pe,de]=O(P,{isInside:!1}),xe=S.createSlottable("TooltipContent"),U=s.forwardRef((e,o)=>{const{__scopeTooltip:t,children:r,"aria-label":n,onEscapeKeyDown:a,onPointerDownOutside:l,...f}=e,i=_(b,t),d=A(t),{onClose:c}=i;return s.useEffect(()=>(document.addEventListener(D,c),()=>document.removeEventListener(D,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(xe,{children:r}),u.jsxRuntimeExports.jsx(pe,{scope:t,isInside:!0,children:u.jsxRuntimeExports.jsx(ne,{id:i.contentId,role:"tooltip",children:n||r})})]})})});B.displayName=b;var W="TooltipArrow",X=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=A(t);return de(W,t).isInside?null:u.jsxRuntimeExports.jsx(C.Arrow,{...n,...r,ref:o})});X.displayName=W;function fe(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 ve(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 me(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 he(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 Te(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),ye(o)}function ye(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 ge=F,Ee=V,be=z,Ce=Y,Re=B,K=X;function J({delayDuration:e=0,...o}){return u.jsxRuntimeExports.jsx(ge,{"data-slot":"tooltip-provider",delayDuration:e,...o})}function je({...e}){return u.jsxRuntimeExports.jsx(J,{children:u.jsxRuntimeExports.jsx(Ee,{"data-slot":"tooltip",...e})})}function we({...e}){return u.jsxRuntimeExports.jsx(be,{"data-slot":"tooltip-trigger",...e})}function Pe({className:e,sideOffset:o=5,collisionPadding:t={left:20,right:20},children:r,...n}){return u.jsxRuntimeExports.jsx(Ce,{children:u.jsxRuntimeExports.jsxs(Re,{"data-slot":"tooltip-content",sideOffset:o,className:ee.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(K,{className:"-my-px border-none fill-white drop-shadow-[0_1px_0_var(--color-gray-100)]"})]})})}const _e=K;exports.Tooltip=je;exports.TooltipArrow=_e;exports.TooltipContent=Pe;exports.TooltipProvider=J;exports.TooltipTrigger=we;

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

@@ -0,0 +1,10 @@
+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;
+declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipArrow };
+export type { TooltipContentProps };