@pfct/purple 1.5.0-rc.1 → 1.5.0-rc.11

package/dist/components/ui/drawer.es.js

@@ -1,8 +1,8 @@
 import { j as z } from "../../chunks/jsx-runtime.Drh4NO5G.js";
-import { O as he, a as ge, b as ve, C as ye, T as be, D as Se, R as Te, P as Re } from "../../chunks/index.CAOufkQO.js";
+import { O as he, a as ge, b as ve, C as ye, T as be, D as Se, R as Te, P as Re } from "../../chunks/index.vLV8RYs2.js";
 import * as De from "react";
 import r, { useMemo as Ee, useLayoutEffect as xe, useEffect as Oe } from "react";
-import { c as at } from "../../chunks/utils.B9KdtH6G.js";
+import { cn as at } from "../../lib/utils.es.js";
 function Ce(t) {
   if (typeof document > "u") return;
   let n = document.head || document.getElementsByTagName("head")[0], e = document.createElement("style");

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../chunks/jsx-runtime.713F0z8w.js"),z=require("react"),x=require("../../chunks/index.DjUJriOp.js"),E=require("../../chunks/index.BIcga6m3.js"),b=require("../../chunks/index.Cdy_UEl-.js"),h=require("../../chunks/index.CHQFbaeH.js"),L=require("../../chunks/index.ak1mD2js.js"),g=require("../../chunks/index.B1zCXH4b.js"),A=require("../../chunks/index.C4zsfJoH.js"),W=require("../../lib/utils.cjs.js"),O=require("../../chunks/index.DMhXgOEz.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");const B=require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Cancel_circle.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_right.cjs.js");require("../../icons/src/icons/Chevron_up.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Double_Chevron_right.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/Person_fill.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Share.cjs.js");function G(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=G(z);function K(e){const t=Z(e),r=i.forwardRef((n,o)=>{const{children:s,...a}=n,c=i.Children.toArray(s),u=c.find(J);if(u){const p=u.props.children,m=c.map(f=>f===u?i.Children.count(p)>1?i.Children.only(null):i.isValidElement(p)?p.props.children:null:f);return l.jsxRuntimeExports.jsx(t,{...a,ref:o,children:i.isValidElement(p)?i.cloneElement(p,void 0,m):null})}return l.jsxRuntimeExports.jsx(t,{...a,ref:o,children:s})});return r.displayName=`${e}.Slot`,r}function Z(e){const t=i.forwardRef((r,n)=>{const{children:o,...s}=r;if(i.isValidElement(o)){const a=X(o),c=Q(s,o.props);return o.type!==i.Fragment&&(c.ref=n?E.composeRefs(n,a):a),i.cloneElement(o,c)}return i.Children.count(o)>1?i.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var U=Symbol("radix.slottable");function J(e){return i.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===U}function Q(e,t){const r={...t};for(const n in t){const o=e[n],s=t[n];/^on[A-Z]/.test(n)?o&&s?r[n]=(...c)=>{const u=s(...c);return o(...c),u}:o&&(r[n]=o):n==="style"?r[n]={...o,...s}:n==="className"&&(r[n]=[o,s].filter(Boolean).join(" "))}return{...e,...r}}function X(e){var n,o;let t=(n=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:n.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(o=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:o.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}var j="Popover",[_,Pe]=x.createContextScope(j,[g.createPopperScope]),P=g.createPopperScope(),[Y,v]=_(j),q=e=>{const{__scopePopover:t,children:r,open:n,defaultOpen:o,onOpenChange:s,modal:a=!1}=e,c=P(t),u=i.useRef(null),[p,m]=i.useState(!1),[f,d]=x.useControllableState({prop:n,defaultProp:o??!1,onChange:s,caller:j});return l.jsxRuntimeExports.jsx(g.Root2,{...c,children:l.jsxRuntimeExports.jsx(Y,{scope:t,contentId:L.useId(),triggerRef:u,open:f,onOpenChange:d,onOpenToggle:i.useCallback(()=>d(C=>!C),[d]),hasCustomAnchor:p,onCustomAnchorAdd:i.useCallback(()=>m(!0),[]),onCustomAnchorRemove:i.useCallback(()=>m(!1),[]),modal:a,children:r})})};q.displayName=j;var S="PopoverAnchor",w=i.forwardRef((e,t)=>{const{__scopePopover:r,...n}=e,o=v(S,r),s=P(r),{onCustomAnchorAdd:a,onCustomAnchorRemove:c}=o;return i.useEffect(()=>(a(),()=>c()),[a,c]),l.jsxRuntimeExports.jsx(g.Anchor,{...s,...n,ref:t})});w.displayName=S;var T="PopoverTrigger",I=i.forwardRef((e,t)=>{const{__scopePopover:r,...n}=e,o=v(T,r),s=P(r),a=E.useComposedRefs(t,o.triggerRef),c=l.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":H(o.open),...n,ref:a,onClick:x.composeEventHandlers(e.onClick,o.onOpenToggle)});return o.hasCustomAnchor?c:l.jsxRuntimeExports.jsx(g.Anchor,{asChild:!0,...s,children:c})});I.displayName=T;var y="PopoverPortal",[ee,te]=_(y,{forceMount:void 0}),N=e=>{const{__scopePopover:t,forceMount:r,children:n,container:o}=e,s=v(y,t);return l.jsxRuntimeExports.jsx(ee,{scope:t,forceMount:r,children:l.jsxRuntimeExports.jsx(A.Presence,{present:r||s.open,children:l.jsxRuntimeExports.jsx(b.Portal,{asChild:!0,container:o,children:n})})})};N.displayName=y;var R="PopoverContent",F=i.forwardRef((e,t)=>{const r=te(R,e.__scopePopover),{forceMount:n=r.forceMount,...o}=e,s=v(R,e.__scopePopover);return l.jsxRuntimeExports.jsx(A.Presence,{present:n||s.open,children:s.modal?l.jsxRuntimeExports.jsx(re,{...o,ref:t}):l.jsxRuntimeExports.jsx(ne,{...o,ref:t})})});F.displayName=R;var oe=K("PopoverContent.RemoveScroll"),re=i.forwardRef((e,t)=>{const r=v(R,e.__scopePopover),n=i.useRef(null),o=E.useComposedRefs(t,n),s=i.useRef(!1);return i.useEffect(()=>{const a=n.current;if(a)return h.hideOthers(a)},[]),l.jsxRuntimeExports.jsx(h.ReactRemoveScroll,{as:oe,allowPinchZoom:!0,children:l.jsxRuntimeExports.jsx(D,{...e,ref:o,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:x.composeEventHandlers(e.onCloseAutoFocus,a=>{var c;a.preventDefault(),s.current||(c=r.triggerRef.current)==null||c.focus()}),onPointerDownOutside:x.composeEventHandlers(e.onPointerDownOutside,a=>{const c=a.detail.originalEvent,u=c.button===0&&c.ctrlKey===!0,p=c.button===2||u;s.current=p},{checkForDefaultPrevented:!1}),onFocusOutside:x.composeEventHandlers(e.onFocusOutside,a=>a.preventDefault(),{checkForDefaultPrevented:!1})})})}),ne=i.forwardRef((e,t)=>{const r=v(R,e.__scopePopover),n=i.useRef(!1),o=i.useRef(!1);return l.jsxRuntimeExports.jsx(D,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:s=>{var a,c;(a=e.onCloseAutoFocus)==null||a.call(e,s),s.defaultPrevented||(n.current||(c=r.triggerRef.current)==null||c.focus(),s.preventDefault()),n.current=!1,o.current=!1},onInteractOutside:s=>{var u,p;(u=e.onInteractOutside)==null||u.call(e,s),s.defaultPrevented||(n.current=!0,s.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const a=s.target;((p=r.triggerRef.current)==null?void 0:p.contains(a))&&s.preventDefault(),s.detail.originalEvent.type==="focusin"&&o.current&&s.preventDefault()}})}),D=i.forwardRef((e,t)=>{const{__scopePopover:r,trapFocus:n,onOpenAutoFocus:o,onCloseAutoFocus:s,disableOutsidePointerEvents:a,onEscapeKeyDown:c,onPointerDownOutside:u,onFocusOutside:p,onInteractOutside:m,...f}=e,d=v(R,r),C=P(r);return h.useFocusGuards(),l.jsxRuntimeExports.jsx(h.FocusScope,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:o,onUnmountAutoFocus:s,children:l.jsxRuntimeExports.jsx(b.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:a,onInteractOutside:m,onEscapeKeyDown:c,onPointerDownOutside:u,onFocusOutside:p,onDismiss:()=>d.onOpenChange(!1),children:l.jsxRuntimeExports.jsx(g.Content,{"data-state":H(d.open),role:"dialog",id:d.contentId,...C,...f,ref:t,style:{...f.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",k=i.forwardRef((e,t)=>{const{__scopePopover:r,...n}=e,o=v(M,r);return l.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button",...n,ref:t,onClick:x.composeEventHandlers(e.onClick,()=>o.onOpenChange(!1))})});k.displayName=M;var se="PopoverArrow",V=i.forwardRef((e,t)=>{const{__scopePopover:r,...n}=e,o=P(r);return l.jsxRuntimeExports.jsx(g.Arrow,{...o,...n,ref:t})});V.displayName=se;function H(e){return e?"open":"closed"}var ie=q,ae=w,ce=I,le=N,ue=F,pe=k,de=V;const fe=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"}}),xe=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 me({defaultOpen:e=!0,...t}){return l.jsxRuntimeExports.jsx(ie,{"data-slot":"impact-tooltip",defaultOpen:e,...t})}function ve({...e}){return l.jsxRuntimeExports.jsx(ce,{"data-slot":"impact-tooltip-trigger",...e})}function ge({className:e,...t}){return l.jsxRuntimeExports.jsx(ae,{"data-slot":"impact-tooltip-anchor",className:e,...t})}function Re({color:e,className:t,align:r="center",side:n="top",sideOffset:o=8,collisionPadding:s=20,arrowPadding:a=8.8,children:c,closeButton:u=!1,avoidCollisions:p=!0,hideWhenDetached:m=!1,updatePositionStrategy:f="optimized",...d}){return l.jsxRuntimeExports.jsx(le,{forceMount:d.forceMount,children:l.jsxRuntimeExports.jsxs(ue,{"data-slot":"impact-tooltip-content",side:n,align:r,sideOffset:o,collisionPadding:s,arrowPadding:a,className:W.cn(fe({color:e,className:t})),avoidCollisions:p,hideWhenDetached:m,updatePositionStrategy:f,...d,children:[l.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between gap-1.25",children:[c,u&&l.jsxRuntimeExports.jsx($,{children:l.jsxRuntimeExports.jsx(B.default,{size:15})})]}),l.jsxRuntimeExports.jsx(de,{className:xe({color:e}),width:12,height:6,style:{visibility:"visible"}})]})})}function $({...e}){return l.jsxRuntimeExports.jsx(pe,{"data-slot":"impact-tooltip-close",...e})}exports.ImpactTooltip=me;exports.ImpactTooltipAnchor=ge;exports.ImpactTooltipCloseButton=$;exports.ImpactTooltipContent=Re;exports.ImpactTooltipTrigger=ve;

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('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,387 @@
+import { j as l } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import * as s from "react";
+import { a as z, c as H, P as y, b as h } from "../../chunks/index.D-9nbSdR.js";
+import { c as $, u as b } from "../../chunks/index.DLcqcWxM.js";
+import { P as B, D as G } from "../../chunks/index.HA10ghBA.js";
+import { h as K, R as Z, u as U, F as q } from "../../chunks/index.52hLHqtl.js";
+import { u as J } from "../../chunks/index.eUOZnpu6.js";
+import { c as A, R as Q, A as j, a as X, C as Y } from "../../chunks/index.DHAJ5bcO.js";
+import { P as O } from "../../chunks/index.nObpX_Vm.js";
+import { cn as ee } from "../../lib/utils.es.js";
+import { c as E } from "../../chunks/index.Cc-miKAT.js";
+import "../../icons/src/icons/Alarm_fill.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+import oe from "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Cancel_circle.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_right.es.js";
+import "../../icons/src/icons/Chevron_up.es.js";
+import "../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../icons/src/icons/Chevron_left.es.js";
+import "../../icons/src/icons/Double_Chevron_right.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/Person_fill.es.js";
+import "../../icons/src/icons/Plus.es.js";
+import "../../icons/src/icons/Question_circle.es.js";
+import "../../icons/src/icons/Search.es.js";
+import "../../icons/src/icons/Re.es.js";
+import "../../icons/src/icons/Setting_fill.es.js";
+import "../../icons/src/icons/More.es.js";
+import "../../icons/src/icons/Store.es.js";
+import "../../icons/src/icons/Share.es.js";
+// @__NO_SIDE_EFFECTS__
+function te(e) {
+  const t = /* @__PURE__ */ re(e), r = s.forwardRef((n, o) => {
+    const { children: a, ...i } = n, c = s.Children.toArray(a), p = c.find(ae);
+    if (p) {
+      const u = p.props.children, m = c.map((f) => f === p ? s.Children.count(u) > 1 ? s.Children.only(null) : s.isValidElement(u) ? u.props.children : null : f);
+      return /* @__PURE__ */ l.jsx(t, { ...i, ref: o, children: s.isValidElement(u) ? s.cloneElement(u, void 0, m) : null });
+    }
+    return /* @__PURE__ */ l.jsx(t, { ...i, ref: o, children: a });
+  });
+  return r.displayName = `${e}.Slot`, r;
+}
+// @__NO_SIDE_EFFECTS__
+function re(e) {
+  const t = s.forwardRef((r, n) => {
+    const { children: o, ...a } = r;
+    if (s.isValidElement(o)) {
+      const i = ie(o), c = se(a, o.props);
+      return o.type !== s.Fragment && (c.ref = n ? $(n, i) : i), s.cloneElement(o, c);
+    }
+    return s.Children.count(o) > 1 ? s.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var ne = Symbol("radix.slottable");
+function ae(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ne;
+}
+function se(e, t) {
+  const r = { ...t };
+  for (const n in t) {
+    const o = e[n], a = t[n];
+    /^on[A-Z]/.test(n) ? o && a ? r[n] = (...c) => {
+      const p = a(...c);
+      return o(...c), p;
+    } : o && (r[n] = o) : n === "style" ? r[n] = { ...o, ...a } : n === "className" && (r[n] = [o, a].filter(Boolean).join(" "));
+  }
+  return { ...e, ...r };
+}
+function ie(e) {
+  var n, o;
+  let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
+var x = "Popover", [_, io] = H(x, [
+  A
+]), P = A(), [ce, v] = _(x), w = (e) => {
+  const {
+    __scopePopover: t,
+    children: r,
+    open: n,
+    defaultOpen: o,
+    onOpenChange: a,
+    modal: i = !1
+  } = e, c = P(t), p = s.useRef(null), [u, m] = s.useState(!1), [f, d] = z({
+    prop: n,
+    defaultProp: o ?? !1,
+    onChange: a,
+    caller: x
+  });
+  return /* @__PURE__ */ l.jsx(Q, { ...c, children: /* @__PURE__ */ l.jsx(
+    ce,
+    {
+      scope: t,
+      contentId: J(),
+      triggerRef: p,
+      open: f,
+      onOpenChange: d,
+      onOpenToggle: s.useCallback(() => d((C) => !C), [d]),
+      hasCustomAnchor: u,
+      onCustomAnchorAdd: s.useCallback(() => m(!0), []),
+      onCustomAnchorRemove: s.useCallback(() => m(!1), []),
+      modal: i,
+      children: r
+    }
+  ) });
+};
+w.displayName = x;
+var S = "PopoverAnchor", N = s.forwardRef(
+  (e, t) => {
+    const { __scopePopover: r, ...n } = e, o = v(S, r), a = P(r), { onCustomAnchorAdd: i, onCustomAnchorRemove: c } = o;
+    return s.useEffect(() => (i(), () => c()), [i, c]), /* @__PURE__ */ l.jsx(j, { ...a, ...n, ref: t });
+  }
+);
+N.displayName = S;
+var T = "PopoverTrigger", I = s.forwardRef(
+  (e, t) => {
+    const { __scopePopover: r, ...n } = e, o = v(T, r), a = P(r), i = b(t, o.triggerRef), c = /* @__PURE__ */ l.jsx(
+      y.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": o.open,
+        "aria-controls": o.contentId,
+        "data-state": W(o.open),
+        ...n,
+        ref: i,
+        onClick: h(e.onClick, o.onOpenToggle)
+      }
+    );
+    return o.hasCustomAnchor ? c : /* @__PURE__ */ l.jsx(j, { asChild: !0, ...a, children: c });
+  }
+);
+I.displayName = T;
+var R = "PopoverPortal", [le, pe] = _(R, {
+  forceMount: void 0
+}), F = (e) => {
+  const { __scopePopover: t, forceMount: r, children: n, container: o } = e, a = v(R, t);
+  return /* @__PURE__ */ l.jsx(le, { scope: t, forceMount: r, children: /* @__PURE__ */ l.jsx(O, { present: r || a.open, children: /* @__PURE__ */ l.jsx(B, { asChild: !0, container: o, children: n }) }) });
+};
+F.displayName = R;
+var g = "PopoverContent", D = s.forwardRef(
+  (e, t) => {
+    const r = pe(g, e.__scopePopover), { forceMount: n = r.forceMount, ...o } = e, a = v(g, e.__scopePopover);
+    return /* @__PURE__ */ l.jsx(O, { present: n || a.open, children: a.modal ? /* @__PURE__ */ l.jsx(de, { ...o, ref: t }) : /* @__PURE__ */ l.jsx(fe, { ...o, ref: t }) });
+  }
+);
+D.displayName = g;
+var ue = /* @__PURE__ */ te("PopoverContent.RemoveScroll"), de = s.forwardRef(
+  (e, t) => {
+    const r = v(g, e.__scopePopover), n = s.useRef(null), o = b(t, n), a = s.useRef(!1);
+    return s.useEffect(() => {
+      const i = n.current;
+      if (i) return K(i);
+    }, []), /* @__PURE__ */ l.jsx(Z, { as: ue, allowPinchZoom: !0, children: /* @__PURE__ */ l.jsx(
+      k,
+      {
+        ...e,
+        ref: o,
+        trapFocus: r.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: h(e.onCloseAutoFocus, (i) => {
+          var c;
+          i.preventDefault(), a.current || (c = r.triggerRef.current) == null || c.focus();
+        }),
+        onPointerDownOutside: h(
+          e.onPointerDownOutside,
+          (i) => {
+            const c = i.detail.originalEvent, p = c.button === 0 && c.ctrlKey === !0, u = c.button === 2 || p;
+            a.current = u;
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        onFocusOutside: h(
+          e.onFocusOutside,
+          (i) => i.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+), fe = s.forwardRef(
+  (e, t) => {
+    const r = v(g, e.__scopePopover), n = s.useRef(!1), o = s.useRef(!1);
+    return /* @__PURE__ */ l.jsx(
+      k,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (a) => {
+          var i, c;
+          (i = e.onCloseAutoFocus) == null || i.call(e, a), a.defaultPrevented || (n.current || (c = r.triggerRef.current) == null || c.focus(), a.preventDefault()), n.current = !1, o.current = !1;
+        },
+        onInteractOutside: (a) => {
+          var p, u;
+          (p = e.onInteractOutside) == null || p.call(e, a), a.defaultPrevented || (n.current = !0, a.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          const i = a.target;
+          ((u = r.triggerRef.current) == null ? void 0 : u.contains(i)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && o.current && a.preventDefault();
+        }
+      }
+    );
+  }
+), k = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopePopover: r,
+      trapFocus: n,
+      onOpenAutoFocus: o,
+      onCloseAutoFocus: a,
+      disableOutsidePointerEvents: i,
+      onEscapeKeyDown: c,
+      onPointerDownOutside: p,
+      onFocusOutside: u,
+      onInteractOutside: m,
+      ...f
+    } = e, d = v(g, r), C = P(r);
+    return U(), /* @__PURE__ */ l.jsx(
+      q,
+      {
+        asChild: !0,
+        loop: !0,
+        trapped: n,
+        onMountAutoFocus: o,
+        onUnmountAutoFocus: a,
+        children: /* @__PURE__ */ l.jsx(
+          G,
+          {
+            asChild: !0,
+            disableOutsidePointerEvents: i,
+            onInteractOutside: m,
+            onEscapeKeyDown: c,
+            onPointerDownOutside: p,
+            onFocusOutside: u,
+            onDismiss: () => d.onOpenChange(!1),
+            children: /* @__PURE__ */ l.jsx(
+              Y,
+              {
+                "data-state": W(d.open),
+                role: "dialog",
+                id: d.contentId,
+                ...C,
+                ...f,
+                ref: t,
+                style: {
+                  ...f.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 = s.forwardRef(
+  (e, t) => {
+    const { __scopePopover: r, ...n } = e, o = v(M, r);
+    return /* @__PURE__ */ l.jsx(
+      y.button,
+      {
+        type: "button",
+        ...n,
+        ref: t,
+        onClick: h(e.onClick, () => o.onOpenChange(!1))
+      }
+    );
+  }
+);
+V.displayName = M;
+var me = "PopoverArrow", L = s.forwardRef(
+  (e, t) => {
+    const { __scopePopover: r, ...n } = e, o = P(r);
+    return /* @__PURE__ */ l.jsx(X, { ...o, ...n, ref: t });
+  }
+);
+L.displayName = me;
+function W(e) {
+  return e ? "open" : "closed";
+}
+var ve = w, ge = N, he = I, Pe = F, xe = D, Ce = V, Re = L;
+const ye = E(
+  "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"
+    }
+  }
+), be = E("-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 co({ defaultOpen: e = !0, ...t }) {
+  return /* @__PURE__ */ l.jsx(ve, { "data-slot": "impact-tooltip", defaultOpen: e, ...t });
+}
+function lo({ ...e }) {
+  return /* @__PURE__ */ l.jsx(he, { "data-slot": "impact-tooltip-trigger", ...e });
+}
+function po({ className: e, ...t }) {
+  return /* @__PURE__ */ l.jsx(ge, { "data-slot": "impact-tooltip-anchor", className: e, ...t });
+}
+function uo({
+  color: e,
+  className: t,
+  align: r = "center",
+  side: n = "top",
+  sideOffset: o = 8,
+  collisionPadding: a = 20,
+  arrowPadding: i = 8.8,
+  children: c,
+  closeButton: p = !1,
+  avoidCollisions: u = !0,
+  hideWhenDetached: m = !1,
+  updatePositionStrategy: f = "optimized",
+  ...d
+}) {
+  return /* @__PURE__ */ l.jsx(Pe, { forceMount: d.forceMount, children: /* @__PURE__ */ l.jsxs(
+    xe,
+    {
+      "data-slot": "impact-tooltip-content",
+      side: n,
+      align: r,
+      sideOffset: o,
+      collisionPadding: a,
+      arrowPadding: i,
+      className: ee(ye({ color: e, className: t })),
+      avoidCollisions: u,
+      hideWhenDetached: m,
+      updatePositionStrategy: f,
+      ...d,
+      children: [
+        /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between gap-1.25", children: [
+          c,
+          p && /* @__PURE__ */ l.jsx(Ae, { children: /* @__PURE__ */ l.jsx(oe, { size: 15 }) })
+        ] }),
+        /* @__PURE__ */ l.jsx(
+          Re,
+          {
+            className: be({ color: e }),
+            width: 12,
+            height: 6,
+            style: { visibility: "visible" }
+          }
+        )
+      ]
+    }
+  ) });
+}
+function Ae({ ...e }) {
+  return /* @__PURE__ */ l.jsx(Ce, { "data-slot": "impact-tooltip-close", ...e });
+}
+export {
+  co as ImpactTooltip,
+  po as ImpactTooltipAnchor,
+  Ae as ImpactTooltipCloseButton,
+  uo as ImpactTooltipContent,
+  lo as ImpactTooltipTrigger
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/jsx-runtime.713F0z8w.js"),p=require("react"),f=require("../../chunks/index.DnJQUgiG.js"),n=require("../../chunks/utils.Gb5_Gcy7.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/jsx-runtime.713F0z8w.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.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "../../chunks/jsx-runtime.Drh4NO5G.js";
 import * as s from "react";
-import { c as d } from "../../chunks/index.LN3KW-I4.js";
-import { c as i } from "../../chunks/utils.B9KdtH6G.js";
+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: {

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../chunks/jsx-runtime.713F0z8w.js"),J=require("react"),g=require("../../chunks/index.DjUJriOp.js"),N=require("../../chunks/index.BIcga6m3.js"),M=require("../../chunks/index.Cdy_UEl-.js"),Q=require("../../chunks/index.ak1mD2js.js"),R=require("../../chunks/index.B1zCXH4b.js"),q=require("../../chunks/index.C4zsfJoH.js"),Z=require("../../lib/utils.cjs.js");function ee(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=ee(J);var te=Symbol("radix.slottable");function oe(e){const o=({children:t})=>c.jsxRuntimeExports.jsx(c.jsxRuntimeExports.Fragment,{children:t});return o.displayName=`${e}.Slottable`,o.__radixId=te,o}var re=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"}),ne="VisuallyHidden",$=s.forwardRef((e,o)=>c.jsxRuntimeExports.jsx(g.Primitive.span,{...e,ref:o,style:{...re,...e.style}}));$.displayName=ne;var se=$,[O,De]=g.createContextScope("Tooltip",[R.createPopperScope]),D=R.createPopperScope(),F="TooltipProvider",ie=700,L="tooltip.open",[ae,A]=O(F),G=e=>{const{__scopeTooltip:o,delayDuration:t=ie,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)},[]),c.jsxRuntimeExports.jsx(ae,{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})};G.displayName=F;var P="Tooltip",[le,_]=O(P),V=e=>{const{__scopeTooltip:o,children:t,open:r,defaultOpen:n,onOpenChange:a,disableHoverableContent:l,delayDuration:f}=e,i=A(P,e.__scopeTooltip),d=D(o),[u,x]=s.useState(null),v=Q.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:I=>{I?(i.onOpen(),document.dispatchEvent(new CustomEvent(L))):i.onClose(),a==null||a(I)},caller:P}),C=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]),H=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)},[]),c.jsxRuntimeExports.jsx(R.Root2,{...d,children:c.jsxRuntimeExports.jsx(le,{scope:o,contentId:v,open:E,stateAttribute:C,trigger:u,onTriggerChange:x,onTriggerEnter:s.useCallback(()=>{i.isOpenDelayedRef.current?H():j()},[i.isOpenDelayedRef,H,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 S="TooltipTrigger",z=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=_(S,t),a=A(S,t),l=D(t),f=s.useRef(null),i=N.useComposedRefs(o,f,n.onTriggerChange),d=s.useRef(!1),u=s.useRef(!1),x=s.useCallback(()=>d.current=!1,[]);return s.useEffect(()=>()=>document.removeEventListener("pointerup",x),[x]),c.jsxRuntimeExports.jsx(R.Anchor,{asChild:!0,...l,children:c.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"&&!u.current&&!a.isPointerInTransitRef.current&&(n.onTriggerEnter(),u.current=!0)}),onPointerLeave:g.composeEventHandlers(e.onPointerLeave,()=>{n.onTriggerLeave(),u.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=S;var k="TooltipPortal",[ce,ue]=O(k,{forceMount:void 0}),B=e=>{const{__scopeTooltip:o,forceMount:t,children:r,container:n}=e,a=_(k,o);return c.jsxRuntimeExports.jsx(ce,{scope:o,forceMount:t,children:c.jsxRuntimeExports.jsx(q.Presence,{present:t||a.open,children:c.jsxRuntimeExports.jsx(M.Portal,{asChild:!0,container:n,children:r})})})};B.displayName=k;var b="TooltipContent",Y=s.forwardRef((e,o)=>{const t=ue(b,e.__scopeTooltip),{forceMount:r=t.forceMount,side:n="top",...a}=e,l=_(b,e.__scopeTooltip);return c.jsxRuntimeExports.jsx(q.Presence,{present:r||l.open,children:l.disableHoverableContent?c.jsxRuntimeExports.jsx(U,{side:n,...a,ref:o}):c.jsxRuntimeExports.jsx(pe,{side:n,...a,ref:o})})}),pe=s.forwardRef((e,o)=>{const t=_(b,e.__scopeTooltip),r=A(b,e.__scopeTooltip),n=s.useRef(null),a=N.useComposedRefs(o,n),[l,f]=s.useState(null),{trigger:i,onClose:d}=t,u=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=ve(E,h.getBoundingClientRect()),C=me(E,y),j=he(T.getBoundingClientRect()),w=ye([...C,...j]);f(w),x(!0)},[x]);return s.useEffect(()=>()=>v(),[v]),s.useEffect(()=>{if(i&&u){const m=h=>p(h,u),T=h=>p(h,i);return i.addEventListener("pointerleave",m),u.addEventListener("pointerleave",T),()=>{i.removeEventListener("pointerleave",m),u.removeEventListener("pointerleave",T)}}},[i,u,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))||(u==null?void 0:u.contains(h)),C=!Te(E,l);y?v():C&&(v(),d())};return document.addEventListener("pointermove",m),()=>document.removeEventListener("pointermove",m)}},[i,u,l,d,v]),c.jsxRuntimeExports.jsx(U,{...e,ref:a})}),[de,xe]=O(P,{isInside:!1}),fe=oe("TooltipContent"),U=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:u}=i;return s.useEffect(()=>(document.addEventListener(L,u),()=>document.removeEventListener(L,u)),[u]),s.useEffect(()=>{if(i.trigger){const x=v=>{const p=v.target;p!=null&&p.contains(i.trigger)&&u()};return window.addEventListener("scroll",x,{capture:!0}),()=>window.removeEventListener("scroll",x,{capture:!0})}},[i.trigger,u]),c.jsxRuntimeExports.jsx(M.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:a,onPointerDownOutside:l,onFocusOutside:x=>x.preventDefault(),onDismiss:u,children:c.jsxRuntimeExports.jsxs(R.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:[c.jsxRuntimeExports.jsx(fe,{children:r}),c.jsxRuntimeExports.jsx(de,{scope:t,isInside:!0,children:c.jsxRuntimeExports.jsx(se,{id:i.contentId,role:"tooltip",children:n||r})})]})})});Y.displayName=b;var W="TooltipArrow",X=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=D(t);return xe(W,t).isInside?null:c.jsxRuntimeExports.jsx(R.Arrow,{...n,...r,ref:o})});X.displayName=W;function ve(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 me(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 he(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 Te(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,u=f.y,x=i.x,v=i.y;u>r!=v>r&&t<(x-d)*(r-u)/(v-u)+d&&(n=!n)}return n}function ye(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),ge(o)}function ge(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 Ee=G,be=V,Re=z,Ce=B,je=Y,we=X;function K({delayDuration:e=0,...o}){return c.jsxRuntimeExports.jsx(Ee,{"data-slot":"tooltip-provider",delayDuration:e,...o})}function Pe({...e}){return c.jsxRuntimeExports.jsx(K,{children:c.jsxRuntimeExports.jsx(be,{"data-slot":"tooltip",...e})})}function _e({...e}){return c.jsxRuntimeExports.jsx(Re,{"data-slot":"tooltip-trigger",...e})}function Oe({className:e,sideOffset:o=5,collisionPadding:t={left:20,right:20},children:r,...n}){return c.jsxRuntimeExports.jsx(Ce,{children:c.jsxRuntimeExports.jsxs(je,{"data-slot":"tooltip-content",sideOffset:o,className:Z.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,c.jsxRuntimeExports.jsx(we,{className:"-my-px border-none fill-white drop-shadow-[0_1px_0_var(--color-gray-100)]"})]})})}exports.Tooltip=Pe;exports.TooltipContent=Oe;exports.TooltipProvider=K;exports.TooltipTrigger=_e;

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 };