@pfct/purple 1.5.0-rc.8 → 1.5.0-rc.9

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../chunks/jsx-runtime.713F0z8w.js"),ie=require("react"),b=require("../../chunks/index.ZuOrgs85.js"),S=require("../../chunks/index.BIcga6m3.js"),K=require("../../chunks/index.dlWziLJm.js"),E=require("../../chunks/index.D44slB7j.js"),N=require("../../chunks/index.DoZ51x4G.js"),q=require("../../chunks/index.C_vToOO_.js"),k=require("../../chunks/index.CSxTWj2O.js"),ae=require("../../chunks/index.COC-ih10.js"),ce=require("../../chunks/index.Cw8-3kaP.js"),ue=require("../../lib/utils.cjs.js"),H=require("../../chunks/index.DMhXgOEz.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Cancel_circle.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/Cart_fill.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");const le=require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Plus.cjs.js");function de(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 u=de(ie);var _="focusScope.autoFocusOnMount",F="focusScope.autoFocusOnUnmount",M={bubbles:!1,cancelable:!0},pe="FocusScope",$=u.forwardRef((e,o)=>{const{loop:t=!1,trapped:r=!1,onMountAutoFocus:s,onUnmountAutoFocus:i,...c}=e,[n,d]=u.useState(null),p=k.useCallbackRef(s),h=k.useCallbackRef(i),P=u.useRef(null),x=S.useComposedRefs(o,l=>d(l)),f=u.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;u.useEffect(()=>{if(r){let l=function(g){if(f.paused||!n)return;const v=g.target;n.contains(v)?P.current=v:R(P.current,{select:!0})},y=function(g){if(f.paused||!n)return;const v=g.relatedTarget;v!==null&&(n.contains(v)||R(P.current,{select:!0}))},m=function(g){if(document.activeElement===document.body)for(const w of g)w.removedNodes.length>0&&R(n)};document.addEventListener("focusin",l),document.addEventListener("focusout",y);const O=new MutationObserver(m);return n&&O.observe(n,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",l),document.removeEventListener("focusout",y),O.disconnect()}}},[r,n,f.paused]),u.useEffect(()=>{if(n){L.add(f);const l=document.activeElement;if(!n.contains(l)){const m=new CustomEvent(_,M);n.addEventListener(_,p),n.dispatchEvent(m),m.defaultPrevented||(fe(Ee(V(n)),{select:!0}),document.activeElement===l&&R(n))}return()=>{n.removeEventListener(_,p),setTimeout(()=>{const m=new CustomEvent(F,M);n.addEventListener(F,h),n.dispatchEvent(m),m.defaultPrevented||R(l??document.body,{select:!0}),n.removeEventListener(F,h),L.remove(f)},0)}}},[n,p,h,f]);const se=u.useCallback(l=>{if(!t&&!r||f.paused)return;const y=l.key==="Tab"&&!l.altKey&&!l.ctrlKey&&!l.metaKey,m=document.activeElement;if(y&&m){const O=l.currentTarget,[g,v]=me(O);g&&v?!l.shiftKey&&m===v?(l.preventDefault(),t&&R(g,{select:!0})):l.shiftKey&&m===g&&(l.preventDefault(),t&&R(v,{select:!0})):m===O&&l.preventDefault()}},[t,r,f.paused]);return a.jsxRuntimeExports.jsx(q.Primitive.div,{tabIndex:-1,...c,ref:x,onKeyDown:se})});$.displayName=pe;function fe(e,{select:o=!1}={}){const t=document.activeElement;for(const r of e)if(R(r,{select:o}),document.activeElement!==t)return}function me(e){const o=V(e),t=D(o,e),r=D(o.reverse(),e);return[t,r]}function V(e){const o=[],t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const s=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||s?NodeFilter.FILTER_SKIP:r.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;t.nextNode();)o.push(t.currentNode);return o}function D(e,o){for(const t of e)if(!ve(t,{upTo:o}))return t}function ve(e,{upTo:o}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(o!==void 0&&e===o)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function xe(e){return e instanceof HTMLInputElement&&"select"in e}function R(e,{select:o=!1}={}){if(e&&e.focus){const t=document.activeElement;e.focus({preventScroll:!0}),e!==t&&xe(e)&&o&&e.select()}}var L=ge();function ge(){let e=[];return{add(o){const t=e[0];o!==t&&(t==null||t.pause()),e=U(e,o),e.unshift(o)},remove(o){var t;e=U(e,o),(t=e[0])==null||t.resume()}}}function U(e,o){const t=[...e],r=t.indexOf(o);return r!==-1&&t.splice(r,1),t}function Ee(e){return e.filter(o=>o.tagName!=="A")}var A="Popover",[z,Le]=K.createContextScope(A,[E.createPopperScope]),T=E.createPopperScope(),[he,C]=z(A),G=e=>{const{__scopePopover:o,children:t,open:r,defaultOpen:s,onOpenChange:i,modal:c=!1}=e,n=T(o),d=u.useRef(null),[p,h]=u.useState(!1),[P,x]=K.useControllableState({prop:r,defaultProp:s??!1,onChange:i,caller:A});return a.jsxRuntimeExports.jsx(E.Root2,{...n,children:a.jsxRuntimeExports.jsx(he,{scope:o,contentId:ae.useId(),triggerRef:d,open:P,onOpenChange:x,onOpenToggle:u.useCallback(()=>x(f=>!f),[x]),hasCustomAnchor:p,onCustomAnchorAdd:u.useCallback(()=>h(!0),[]),onCustomAnchorRemove:u.useCallback(()=>h(!1),[]),modal:c,children:t})})};G.displayName=A;var W="PopoverAnchor",B=u.forwardRef((e,o)=>{const{__scopePopover:t,...r}=e,s=C(W,t),i=T(t),{onCustomAnchorAdd:c,onCustomAnchorRemove:n}=s;return u.useEffect(()=>(c(),()=>n()),[c,n]),a.jsxRuntimeExports.jsx(E.Anchor,{...i,...r,ref:o})});B.displayName=W;var Z="PopoverTrigger",J=u.forwardRef((e,o)=>{const{__scopePopover:t,...r}=e,s=C(Z,t),i=T(t),c=S.useComposedRefs(o,s.triggerRef),n=a.jsxRuntimeExports.jsx(q.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":s.open,"aria-controls":s.contentId,"data-state":re(s.open),...r,ref:c,onClick:b.composeEventHandlers(e.onClick,s.onOpenToggle)});return s.hasCustomAnchor?n:a.jsxRuntimeExports.jsx(E.Anchor,{asChild:!0,...i,children:n})});J.displayName=Z;var I="PopoverPortal",[Pe,Re]=z(I,{forceMount:void 0}),Q=e=>{const{__scopePopover:o,forceMount:t,children:r,container:s}=e,i=C(I,o);return a.jsxRuntimeExports.jsx(Pe,{scope:o,forceMount:t,children:a.jsxRuntimeExports.jsx(b.Presence,{present:t||i.open,children:a.jsxRuntimeExports.jsx(E.Portal,{asChild:!0,container:s,children:r})})})};Q.displayName=I;var j="PopoverContent",X=u.forwardRef((e,o)=>{const t=Re(j,e.__scopePopover),{forceMount:r=t.forceMount,...s}=e,i=C(j,e.__scopePopover);return a.jsxRuntimeExports.jsx(b.Presence,{present:r||i.open,children:i.modal?a.jsxRuntimeExports.jsx(be,{...s,ref:o}):a.jsxRuntimeExports.jsx(je,{...s,ref:o})})});X.displayName=j;var Ce=ce.createSlot("PopoverContent.RemoveScroll"),be=u.forwardRef((e,o)=>{const t=C(j,e.__scopePopover),r=u.useRef(null),s=S.useComposedRefs(o,r),i=u.useRef(!1);return u.useEffect(()=>{const c=r.current;if(c)return N.hideOthers(c)},[]),a.jsxRuntimeExports.jsx(N.ReactRemoveScroll,{as:Ce,allowPinchZoom:!0,children:a.jsxRuntimeExports.jsx(Y,{...e,ref:s,trapFocus:t.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:b.composeEventHandlers(e.onCloseAutoFocus,c=>{var n;c.preventDefault(),i.current||(n=t.triggerRef.current)==null||n.focus()}),onPointerDownOutside:b.composeEventHandlers(e.onPointerDownOutside,c=>{const n=c.detail.originalEvent,d=n.button===0&&n.ctrlKey===!0,p=n.button===2||d;i.current=p},{checkForDefaultPrevented:!1}),onFocusOutside:b.composeEventHandlers(e.onFocusOutside,c=>c.preventDefault(),{checkForDefaultPrevented:!1})})})}),je=u.forwardRef((e,o)=>{const t=C(j,e.__scopePopover),r=u.useRef(!1),s=u.useRef(!1);return a.jsxRuntimeExports.jsx(Y,{...e,ref:o,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:i=>{var c,n;(c=e.onCloseAutoFocus)==null||c.call(e,i),i.defaultPrevented||(r.current||(n=t.triggerRef.current)==null||n.focus(),i.preventDefault()),r.current=!1,s.current=!1},onInteractOutside:i=>{var d,p;(d=e.onInteractOutside)==null||d.call(e,i),i.defaultPrevented||(r.current=!0,i.detail.originalEvent.type==="pointerdown"&&(s.current=!0));const c=i.target;((p=t.triggerRef.current)==null?void 0:p.contains(c))&&i.preventDefault(),i.detail.originalEvent.type==="focusin"&&s.current&&i.preventDefault()}})}),Y=u.forwardRef((e,o)=>{const{__scopePopover:t,trapFocus:r,onOpenAutoFocus:s,onCloseAutoFocus:i,disableOutsidePointerEvents:c,onEscapeKeyDown:n,onPointerDownOutside:d,onFocusOutside:p,onInteractOutside:h,...P}=e,x=C(j,t),f=T(t);return N.useFocusGuards(),a.jsxRuntimeExports.jsx($,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:s,onUnmountAutoFocus:i,children:a.jsxRuntimeExports.jsx(E.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:c,onInteractOutside:h,onEscapeKeyDown:n,onPointerDownOutside:d,onFocusOutside:p,onDismiss:()=>x.onOpenChange(!1),children:a.jsxRuntimeExports.jsx(E.Content,{"data-state":re(x.open),role:"dialog",id:x.contentId,...f,...P,ref:o,style:{...P.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)"}})})})}),ee="PopoverClose",te=u.forwardRef((e,o)=>{const{__scopePopover:t,...r}=e,s=C(ee,t);return a.jsxRuntimeExports.jsx(q.Primitive.button,{type:"button",...r,ref:o,onClick:b.composeEventHandlers(e.onClick,()=>s.onOpenChange(!1))})});te.displayName=ee;var ye="PopoverArrow",oe=u.forwardRef((e,o)=>{const{__scopePopover:t,...r}=e,s=T(t);return a.jsxRuntimeExports.jsx(E.Arrow,{...s,...r,ref:o})});oe.displayName=ye;function re(e){return e?"open":"closed"}var Oe=G,Te=B,Ae=J,_e=Q,Fe=X,Ne=te,Se=oe;const qe=H.cva("z-50 overflow-hidden rounded-[8px] px-[15px] py-[12.5px] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-0 typo-b2",{variants:{color:{pink:"bg-pink-400 text-gray-25",blue:"bg-blue-400 text-gray-25",gray:"bg-gray-700 text-gray-25",lime:"bg-lime-400 text-gray-25"}},defaultVariants:{color:"gray"}}),Ie=H.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 we({defaultOpen:e=!0,...o}){return a.jsxRuntimeExports.jsx(Oe,{"data-slot":"popover",defaultOpen:e,...o})}function ke({...e}){return a.jsxRuntimeExports.jsx(Ae,{"data-slot":"popover-trigger",...e})}function Me({color:e,className:o,align:t="center",sideOffset:r=4,collisionPadding:s={left:20,right:20},arrowPadding:i=7,children:c,closeButton:n=!1,...d}){return a.jsxRuntimeExports.jsx(_e,{children:a.jsxRuntimeExports.jsxs(Fe,{"data-slot":"popover-content",align:t,sideOffset:r,collisionPadding:s,className:ue.cn(qe({color:e,className:o})),arrowPadding:i,...d,children:[a.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between gap-1.25",children:[c,n&&a.jsxRuntimeExports.jsx(ne,{asChild:!0,children:a.jsxRuntimeExports.jsx(le.default,{size:15})})]}),a.jsxRuntimeExports.jsx(Se,{className:Ie({color:e})})]})})}function De({...e}){return a.jsxRuntimeExports.jsx(Te,{"data-slot":"popover-anchor",...e})}function ne({...e}){return a.jsxRuntimeExports.jsx(Ne,{"data-slot":"popover-close",...e})}exports.ImpactTooltip=we;exports.ImpactTooltipAnchor=De;exports.ImpactTooltipCloseButton=ne;exports.ImpactTooltipContent=Me;exports.ImpactTooltipTrigger=ke;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../chunks/jsx-runtime.713F0z8w.js"),ie=require("react"),C=require("../../chunks/index.ZuOrgs85.js"),S=require("../../chunks/index.BIcga6m3.js"),K=require("../../chunks/index.dlWziLJm.js"),P=require("../../chunks/index.D44slB7j.js"),N=require("../../chunks/index.DoZ51x4G.js"),q=require("../../chunks/index.C_vToOO_.js"),M=require("../../chunks/index.CSxTWj2O.js"),ae=require("../../chunks/index.COC-ih10.js"),ce=require("../../chunks/index.Cw8-3kaP.js"),ue=require("../../lib/utils.cjs.js"),H=require("../../chunks/index.DMhXgOEz.js");require("../../icons/src/icons/Alarm_fill.cjs.js");const le=require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Chevron_left.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/Chevron_right.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");function de(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 u=de(ie);var _="focusScope.autoFocusOnMount",F="focusScope.autoFocusOnUnmount",k={bubbles:!1,cancelable:!0},pe="FocusScope",$=u.forwardRef((e,o)=>{const{loop:t=!1,trapped:r=!1,onMountAutoFocus:s,onUnmountAutoFocus:i,...c}=e,[n,p]=u.useState(null),d=M.useCallbackRef(s),x=M.useCallbackRef(i),g=u.useRef(null),f=S.useComposedRefs(o,l=>p(l)),m=u.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;u.useEffect(()=>{if(r){let l=function(h){if(m.paused||!n)return;const E=h.target;n.contains(E)?g.current=E:R(g.current,{select:!0})},y=function(h){if(m.paused||!n)return;const E=h.relatedTarget;E!==null&&(n.contains(E)||R(g.current,{select:!0}))},v=function(h){if(document.activeElement===document.body)for(const I of h)I.removedNodes.length>0&&R(n)};document.addEventListener("focusin",l),document.addEventListener("focusout",y);const O=new MutationObserver(v);return n&&O.observe(n,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",l),document.removeEventListener("focusout",y),O.disconnect()}}},[r,n,m.paused]),u.useEffect(()=>{if(n){L.add(m);const l=document.activeElement;if(!n.contains(l)){const v=new CustomEvent(_,k);n.addEventListener(_,d),n.dispatchEvent(v),v.defaultPrevented||(fe(Ee(V(n)),{select:!0}),document.activeElement===l&&R(n))}return()=>{n.removeEventListener(_,d),setTimeout(()=>{const v=new CustomEvent(F,k);n.addEventListener(F,x),n.dispatchEvent(v),v.defaultPrevented||R(l??document.body,{select:!0}),n.removeEventListener(F,x),L.remove(m)},0)}}},[n,d,x,m]);const se=u.useCallback(l=>{if(!t&&!r||m.paused)return;const y=l.key==="Tab"&&!l.altKey&&!l.ctrlKey&&!l.metaKey,v=document.activeElement;if(y&&v){const O=l.currentTarget,[h,E]=me(O);h&&E?!l.shiftKey&&v===E?(l.preventDefault(),t&&R(h,{select:!0})):l.shiftKey&&v===h&&(l.preventDefault(),t&&R(E,{select:!0})):v===O&&l.preventDefault()}},[t,r,m.paused]);return a.jsxRuntimeExports.jsx(q.Primitive.div,{tabIndex:-1,...c,ref:f,onKeyDown:se})});$.displayName=pe;function fe(e,{select:o=!1}={}){const t=document.activeElement;for(const r of e)if(R(r,{select:o}),document.activeElement!==t)return}function me(e){const o=V(e),t=D(o,e),r=D(o.reverse(),e);return[t,r]}function V(e){const o=[],t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const s=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||s?NodeFilter.FILTER_SKIP:r.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;t.nextNode();)o.push(t.currentNode);return o}function D(e,o){for(const t of e)if(!ve(t,{upTo:o}))return t}function ve(e,{upTo:o}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(o!==void 0&&e===o)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function xe(e){return e instanceof HTMLInputElement&&"select"in e}function R(e,{select:o=!1}={}){if(e&&e.focus){const t=document.activeElement;e.focus({preventScroll:!0}),e!==t&&xe(e)&&o&&e.select()}}var L=ge();function ge(){let e=[];return{add(o){const t=e[0];o!==t&&(t==null||t.pause()),e=U(e,o),e.unshift(o)},remove(o){var t;e=U(e,o),(t=e[0])==null||t.resume()}}}function U(e,o){const t=[...e],r=t.indexOf(o);return r!==-1&&t.splice(r,1),t}function Ee(e){return e.filter(o=>o.tagName!=="A")}var A="Popover",[z,Le]=K.createContextScope(A,[P.createPopperScope]),T=P.createPopperScope(),[he,b]=z(A),G=e=>{const{__scopePopover:o,children:t,open:r,defaultOpen:s,onOpenChange:i,modal:c=!1}=e,n=T(o),p=u.useRef(null),[d,x]=u.useState(!1),[g,f]=K.useControllableState({prop:r,defaultProp:s??!1,onChange:i,caller:A});return a.jsxRuntimeExports.jsx(P.Root2,{...n,children:a.jsxRuntimeExports.jsx(he,{scope:o,contentId:ae.useId(),triggerRef:p,open:g,onOpenChange:f,onOpenToggle:u.useCallback(()=>f(m=>!m),[f]),hasCustomAnchor:d,onCustomAnchorAdd:u.useCallback(()=>x(!0),[]),onCustomAnchorRemove:u.useCallback(()=>x(!1),[]),modal:c,children:t})})};G.displayName=A;var W="PopoverAnchor",B=u.forwardRef((e,o)=>{const{__scopePopover:t,...r}=e,s=b(W,t),i=T(t),{onCustomAnchorAdd:c,onCustomAnchorRemove:n}=s;return u.useEffect(()=>(c(),()=>n()),[c,n]),a.jsxRuntimeExports.jsx(P.Anchor,{...i,...r,ref:o})});B.displayName=W;var Z="PopoverTrigger",J=u.forwardRef((e,o)=>{const{__scopePopover:t,...r}=e,s=b(Z,t),i=T(t),c=S.useComposedRefs(o,s.triggerRef),n=a.jsxRuntimeExports.jsx(q.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":s.open,"aria-controls":s.contentId,"data-state":re(s.open),...r,ref:c,onClick:C.composeEventHandlers(e.onClick,s.onOpenToggle)});return s.hasCustomAnchor?n:a.jsxRuntimeExports.jsx(P.Anchor,{asChild:!0,...i,children:n})});J.displayName=Z;var w="PopoverPortal",[Pe,Re]=z(w,{forceMount:void 0}),Q=e=>{const{__scopePopover:o,forceMount:t,children:r,container:s}=e,i=b(w,o);return a.jsxRuntimeExports.jsx(Pe,{scope:o,forceMount:t,children:a.jsxRuntimeExports.jsx(C.Presence,{present:t||i.open,children:a.jsxRuntimeExports.jsx(P.Portal,{asChild:!0,container:s,children:r})})})};Q.displayName=w;var j="PopoverContent",X=u.forwardRef((e,o)=>{const t=Re(j,e.__scopePopover),{forceMount:r=t.forceMount,...s}=e,i=b(j,e.__scopePopover);return a.jsxRuntimeExports.jsx(C.Presence,{present:r||i.open,children:i.modal?a.jsxRuntimeExports.jsx(Ce,{...s,ref:o}):a.jsxRuntimeExports.jsx(je,{...s,ref:o})})});X.displayName=j;var be=ce.createSlot("PopoverContent.RemoveScroll"),Ce=u.forwardRef((e,o)=>{const t=b(j,e.__scopePopover),r=u.useRef(null),s=S.useComposedRefs(o,r),i=u.useRef(!1);return u.useEffect(()=>{const c=r.current;if(c)return N.hideOthers(c)},[]),a.jsxRuntimeExports.jsx(N.ReactRemoveScroll,{as:be,allowPinchZoom:!0,children:a.jsxRuntimeExports.jsx(Y,{...e,ref:s,trapFocus:t.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:C.composeEventHandlers(e.onCloseAutoFocus,c=>{var n;c.preventDefault(),i.current||(n=t.triggerRef.current)==null||n.focus()}),onPointerDownOutside:C.composeEventHandlers(e.onPointerDownOutside,c=>{const n=c.detail.originalEvent,p=n.button===0&&n.ctrlKey===!0,d=n.button===2||p;i.current=d},{checkForDefaultPrevented:!1}),onFocusOutside:C.composeEventHandlers(e.onFocusOutside,c=>c.preventDefault(),{checkForDefaultPrevented:!1})})})}),je=u.forwardRef((e,o)=>{const t=b(j,e.__scopePopover),r=u.useRef(!1),s=u.useRef(!1);return a.jsxRuntimeExports.jsx(Y,{...e,ref:o,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:i=>{var c,n;(c=e.onCloseAutoFocus)==null||c.call(e,i),i.defaultPrevented||(r.current||(n=t.triggerRef.current)==null||n.focus(),i.preventDefault()),r.current=!1,s.current=!1},onInteractOutside:i=>{var p,d;(p=e.onInteractOutside)==null||p.call(e,i),i.defaultPrevented||(r.current=!0,i.detail.originalEvent.type==="pointerdown"&&(s.current=!0));const c=i.target;((d=t.triggerRef.current)==null?void 0:d.contains(c))&&i.preventDefault(),i.detail.originalEvent.type==="focusin"&&s.current&&i.preventDefault()}})}),Y=u.forwardRef((e,o)=>{const{__scopePopover:t,trapFocus:r,onOpenAutoFocus:s,onCloseAutoFocus:i,disableOutsidePointerEvents:c,onEscapeKeyDown:n,onPointerDownOutside:p,onFocusOutside:d,onInteractOutside:x,...g}=e,f=b(j,t),m=T(t);return N.useFocusGuards(),a.jsxRuntimeExports.jsx($,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:s,onUnmountAutoFocus:i,children:a.jsxRuntimeExports.jsx(P.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:c,onInteractOutside:x,onEscapeKeyDown:n,onPointerDownOutside:p,onFocusOutside:d,onDismiss:()=>f.onOpenChange(!1),children:a.jsxRuntimeExports.jsx(P.Content,{"data-state":re(f.open),role:"dialog",id:f.contentId,...m,...g,ref:o,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)"}})})})}),ee="PopoverClose",te=u.forwardRef((e,o)=>{const{__scopePopover:t,...r}=e,s=b(ee,t);return a.jsxRuntimeExports.jsx(q.Primitive.button,{type:"button",...r,ref:o,onClick:C.composeEventHandlers(e.onClick,()=>s.onOpenChange(!1))})});te.displayName=ee;var ye="PopoverArrow",oe=u.forwardRef((e,o)=>{const{__scopePopover:t,...r}=e,s=T(t);return a.jsxRuntimeExports.jsx(P.Arrow,{...s,...r,ref:o})});oe.displayName=ye;function re(e){return e?"open":"closed"}var Oe=G,Te=B,Ae=J,_e=Q,Fe=X,Ne=te,Se=oe;const qe=H.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"}}),we=H.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 Ie({defaultOpen:e=!0,...o}){return a.jsxRuntimeExports.jsx(Oe,{"data-slot":"impact-tooltip",defaultOpen:e,...o})}function Me({...e}){return a.jsxRuntimeExports.jsx(Ae,{"data-slot":"impact-tooltip-trigger",...e})}function ke({className:e,...o}){return a.jsxRuntimeExports.jsx(Te,{"data-slot":"impact-tooltip-anchor",className:e,...o})}function De({color:e,className:o,align:t="center",side:r="top",sideOffset:s=8,collisionPadding:i=20,arrowPadding:c=8.8,children:n,closeButton:p=!1,avoidCollisions:d=!0,hideWhenDetached:x=!1,updatePositionStrategy:g="optimized",...f}){return a.jsxRuntimeExports.jsx(_e,{forceMount:f.forceMount,children:a.jsxRuntimeExports.jsxs(Fe,{"data-slot":"impact-tooltip-content",side:r,align:t,sideOffset:s,collisionPadding:i,arrowPadding:c,className:ue.cn(qe({color:e,className:o})),avoidCollisions:d,hideWhenDetached:x,updatePositionStrategy:g,...f,children:[a.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between gap-1.25",children:[n,p&&a.jsxRuntimeExports.jsx(ne,{children:a.jsxRuntimeExports.jsx(le.default,{size:15})})]}),a.jsxRuntimeExports.jsx(Se,{className:we({color:e}),width:12,height:6,style:{visibility:"visible"}})]})})}function ne({...e}){return a.jsxRuntimeExports.jsx(Ne,{"data-slot":"impact-tooltip-close",...e})}exports.ImpactTooltip=Ie;exports.ImpactTooltipAnchor=ke;exports.ImpactTooltipCloseButton=ne;exports.ImpactTooltipContent=De;exports.ImpactTooltipTrigger=Me;

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

@@ -6,11 +6,11 @@ declare const impactTooltipVariants: (props?: ({
 } & 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, sideOffset, collisionPadding, arrowPadding, children, closeButton, ...props }: ImpactTooltipContentProps): React.JSX.Element;
-declare function ImpactTooltipAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
+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

@@ -5,46 +5,46 @@ import { u as _ } from "../../chunks/index.DLcqcWxM.js";
 import { u as se, c as ae } from "../../chunks/index.CDFgfSC_.js";
 import { c as K, R as ie, A as H, P as ce, a as ue, D as le, C as pe } from "../../chunks/index.DBTu0V6e.js";
 import { h as de, R as fe, u as me } from "../../chunks/index.wFBaTsPC.js";
-import { P as S } from "../../chunks/index.Cwg-luV1.js";
+import { P as w } from "../../chunks/index.Cwg-luV1.js";
 import { u as I } from "../../chunks/index.55uP5Llv.js";
 import { u as ve } from "../../chunks/index.D1sqxe4V.js";
 import { c as ge } from "../../chunks/index.BB3W3jfD.js";
 import { cn as he } from "../../lib/utils.es.js";
 import { c as V } from "../../chunks/index.Cc-miKAT.js";
-import "../../icons/src/icons/Calendar.es.js";
 import "../../icons/src/icons/Alarm_fill.es.js";
+import Pe from "../../icons/src/icons/Cancel.es.js";
 import "../../icons/src/icons/Chevron_down.es.js";
-import "../../icons/src/icons/Cancel_circle.es.js";
-import "../../icons/src/icons/Chevron_right.es.js";
+import "../../icons/src/icons/Chevron_left.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/Chevron_right.es.js";
 import "../../icons/src/icons/Double_Chevron_left.es.js";
-import "../../icons/src/icons/Cart_fill.es.js";
 import "../../icons/src/icons/Eye_fill.es.js";
-import Pe from "../../icons/src/icons/Cancel.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/Eye_slash_fill.es.js";
 import "../../icons/src/icons/Menu.es.js";
-import "../../icons/src/icons/More.es.js";
-import "../../icons/src/icons/Double_Chevron_right.es.js";
-import "../../icons/src/icons/Check.es.js";
+import "../../icons/src/icons/Plus.es.js";
 import "../../icons/src/icons/Question_circle.es.js";
+import "../../icons/src/icons/More.es.js";
+import "../../icons/src/icons/Person_fill.es.js";
 import "../../icons/src/icons/Re.es.js";
 import "../../icons/src/icons/Search.es.js";
-import "../../icons/src/icons/Person_fill.es.js";
 import "../../icons/src/icons/Setting_fill.es.js";
-import "../../icons/src/icons/Store.es.js";
 import "../../icons/src/icons/Share.es.js";
-import "../../icons/src/icons/Chevron_left.es.js";
-import "../../icons/src/icons/Plus.es.js";
-var T = "focusScope.autoFocusOnMount", N = "focusScope.autoFocusOnUnmount", k = { bubbles: !1, cancelable: !0 }, Ce = "FocusScope", z = u.forwardRef((e, o) => {
+import "../../icons/src/icons/Store.es.js";
+import "../../icons/src/icons/Check.es.js";
+import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+var T = "focusScope.autoFocusOnMount", N = "focusScope.autoFocusOnUnmount", M = { bubbles: !1, cancelable: !0 }, xe = "FocusScope", z = u.forwardRef((e, o) => {
   const {
     loop: t = !1,
     trapped: r = !1,
     onMountAutoFocus: s,
     onUnmountAutoFocus: a,
     ...c
-  } = e, [n, p] = u.useState(null), d = I(s), P = I(a), C = u.useRef(null), g = _(o, (l) => p(l)), f = u.useRef({
+  } = e, [n, d] = u.useState(null), p = I(s), g = I(a), h = u.useRef(null), f = _(o, (l) => d(l)), m = u.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -55,62 +55,62 @@ var T = "focusScope.autoFocusOnMount", N = "focusScope.autoFocusOnUnmount", k =
   }).current;
   u.useEffect(() => {
     if (r) {
-      let l = function(h) {
-        if (f.paused || !n) return;
-        const v = h.target;
-        n.contains(v) ? C.current = v : x(C.current, { select: !0 });
-      }, R = function(h) {
-        if (f.paused || !n) return;
-        const v = h.relatedTarget;
-        v !== null && (n.contains(v) || x(C.current, { select: !0 }));
-      }, m = function(h) {
+      let l = function(x) {
+        if (m.paused || !n) return;
+        const P = x.target;
+        n.contains(P) ? h.current = P : C(h.current, { select: !0 });
+      }, y = function(x) {
+        if (m.paused || !n) return;
+        const P = x.relatedTarget;
+        P !== null && (n.contains(P) || C(h.current, { select: !0 }));
+      }, v = function(x) {
         if (document.activeElement === document.body)
-          for (const j of h)
-            j.removedNodes.length > 0 && x(n);
+          for (const j of x)
+            j.removedNodes.length > 0 && C(n);
       };
-      document.addEventListener("focusin", l), document.addEventListener("focusout", R);
-      const y = new MutationObserver(m);
-      return n && y.observe(n, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", l), document.removeEventListener("focusout", R), y.disconnect();
+      document.addEventListener("focusin", l), document.addEventListener("focusout", y);
+      const R = new MutationObserver(v);
+      return n && R.observe(n, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", l), document.removeEventListener("focusout", y), R.disconnect();
       };
     }
-  }, [r, n, f.paused]), u.useEffect(() => {
+  }, [r, n, m.paused]), u.useEffect(() => {
     if (n) {
-      D.add(f);
+      D.add(m);
       const l = document.activeElement;
       if (!n.contains(l)) {
-        const m = new CustomEvent(T, k);
-        n.addEventListener(T, d), n.dispatchEvent(m), m.defaultPrevented || (xe(Oe(G(n)), { select: !0 }), document.activeElement === l && x(n));
+        const v = new CustomEvent(T, M);
+        n.addEventListener(T, p), n.dispatchEvent(v), v.defaultPrevented || (Ce(Oe(G(n)), { select: !0 }), document.activeElement === l && C(n));
       }
       return () => {
-        n.removeEventListener(T, d), setTimeout(() => {
-          const m = new CustomEvent(N, k);
-          n.addEventListener(N, P), n.dispatchEvent(m), m.defaultPrevented || x(l ?? document.body, { select: !0 }), n.removeEventListener(N, P), D.remove(f);
+        n.removeEventListener(T, p), setTimeout(() => {
+          const v = new CustomEvent(N, M);
+          n.addEventListener(N, g), n.dispatchEvent(v), v.defaultPrevented || C(l ?? document.body, { select: !0 }), n.removeEventListener(N, g), D.remove(m);
         }, 0);
       };
     }
-  }, [n, d, P, f]);
+  }, [n, p, g, m]);
   const ne = u.useCallback(
     (l) => {
-      if (!t && !r || f.paused) return;
-      const R = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, m = document.activeElement;
-      if (R && m) {
-        const y = l.currentTarget, [h, v] = Ee(y);
-        h && v ? !l.shiftKey && m === v ? (l.preventDefault(), t && x(h, { select: !0 })) : l.shiftKey && m === h && (l.preventDefault(), t && x(v, { select: !0 })) : m === y && l.preventDefault();
+      if (!t && !r || m.paused) return;
+      const y = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, v = document.activeElement;
+      if (y && v) {
+        const R = l.currentTarget, [x, P] = Ee(R);
+        x && P ? !l.shiftKey && v === P ? (l.preventDefault(), t && C(x, { select: !0 })) : l.shiftKey && v === x && (l.preventDefault(), t && C(P, { select: !0 })) : v === R && l.preventDefault();
       }
     },
-    [t, r, f.paused]
+    [t, r, m.paused]
   );
-  return /* @__PURE__ */ i.jsx(S.div, { tabIndex: -1, ...c, ref: g, onKeyDown: ne });
+  return /* @__PURE__ */ i.jsx(w.div, { tabIndex: -1, ...c, ref: f, onKeyDown: ne });
 });
-z.displayName = Ce;
-function xe(e, { select: o = !1 } = {}) {
+z.displayName = xe;
+function Ce(e, { select: o = !1 } = {}) {
   const t = document.activeElement;
   for (const r of e)
-    if (x(r, { select: o }), document.activeElement !== t) return;
+    if (C(r, { select: o }), document.activeElement !== t) return;
 }
 function Ee(e) {
-  const o = G(e), t = M(o, e), r = M(o.reverse(), e);
+  const o = G(e), t = k(o, e), r = k(o.reverse(), e);
   return [t, r];
 }
 function G(e) {
@@ -123,7 +123,7 @@ function G(e) {
   for (; t.nextNode(); ) o.push(t.currentNode);
   return o;
 }
-function M(e, o) {
+function k(e, o) {
   for (const t of e)
     if (!be(t, { upTo: o })) return t;
 }
@@ -136,17 +136,17 @@ function be(e, { upTo: o }) {
   }
   return !1;
 }
-function Re(e) {
+function ye(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function x(e, { select: o = !1 } = {}) {
+function C(e, { select: o = !1 } = {}) {
   if (e && e.focus) {
     const t = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== t && Re(e) && o && e.select();
+    e.focus({ preventScroll: !0 }), e !== t && ye(e) && o && e.select();
   }
 }
-var D = ye();
-function ye() {
+var D = Re();
+function Re() {
   let e = [];
   return {
     add(o) {
@@ -176,7 +176,7 @@ var F = "Popover", [W, Ft] = ae(F, [
     defaultOpen: s,
     onOpenChange: a,
     modal: c = !1
-  } = e, n = A(o), p = u.useRef(null), [d, P] = u.useState(!1), [C, g] = se({
+  } = e, n = A(o), d = u.useRef(null), [p, g] = u.useState(!1), [h, f] = se({
     prop: r,
     defaultProp: s ?? !1,
     onChange: a,
@@ -187,13 +187,13 @@ var F = "Popover", [W, Ft] = ae(F, [
     {
       scope: o,
       contentId: ve(),
-      triggerRef: p,
-      open: C,
-      onOpenChange: g,
-      onOpenToggle: u.useCallback(() => g((f) => !f), [g]),
-      hasCustomAnchor: d,
-      onCustomAnchorAdd: u.useCallback(() => P(!0), []),
-      onCustomAnchorRemove: u.useCallback(() => P(!1), []),
+      triggerRef: d,
+      open: h,
+      onOpenChange: f,
+      onOpenToggle: u.useCallback(() => f((m) => !m), [f]),
+      hasCustomAnchor: p,
+      onCustomAnchorAdd: u.useCallback(() => g(!0), []),
+      onCustomAnchorRemove: u.useCallback(() => g(!1), []),
       modal: c,
       children: t
     }
@@ -210,7 +210,7 @@ Z.displayName = B;
 var q = "PopoverTrigger", J = u.forwardRef(
   (e, o) => {
     const { __scopePopover: t, ...r } = e, s = E(q, t), a = A(t), c = _(o, s.triggerRef), n = /* @__PURE__ */ i.jsx(
-      S.button,
+      w.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -226,17 +226,17 @@ var q = "PopoverTrigger", J = u.forwardRef(
   }
 );
 J.displayName = q;
-var w = "PopoverPortal", [Fe, Te] = W(w, {
+var S = "PopoverPortal", [Fe, Te] = W(S, {
   forceMount: void 0
 }), Q = (e) => {
-  const { __scopePopover: o, forceMount: t, children: r, container: s } = e, a = E(w, o);
+  const { __scopePopover: o, forceMount: t, children: r, container: s } = e, a = E(S, o);
   return /* @__PURE__ */ i.jsx(Fe, { scope: o, forceMount: t, children: /* @__PURE__ */ i.jsx(U, { present: t || a.open, children: /* @__PURE__ */ i.jsx(ce, { asChild: !0, container: s, children: r }) }) });
 };
-Q.displayName = w;
+Q.displayName = S;
 var b = "PopoverContent", X = u.forwardRef(
   (e, o) => {
     const t = Te(b, e.__scopePopover), { forceMount: r = t.forceMount, ...s } = e, a = E(b, e.__scopePopover);
-    return /* @__PURE__ */ i.jsx(U, { present: r || a.open, children: a.modal ? /* @__PURE__ */ i.jsx(_e, { ...s, ref: o }) : /* @__PURE__ */ i.jsx(Se, { ...s, ref: o }) });
+    return /* @__PURE__ */ i.jsx(U, { present: r || a.open, children: a.modal ? /* @__PURE__ */ i.jsx(_e, { ...s, ref: o }) : /* @__PURE__ */ i.jsx(we, { ...s, ref: o }) });
   }
 );
 X.displayName = b;
@@ -260,8 +260,8 @@ var Ne = ge("PopoverContent.RemoveScroll"), _e = u.forwardRef(
         onPointerDownOutside: O(
           e.onPointerDownOutside,
           (c) => {
-            const n = c.detail.originalEvent, p = n.button === 0 && n.ctrlKey === !0, d = n.button === 2 || p;
-            a.current = d;
+            const n = c.detail.originalEvent, d = n.button === 0 && n.ctrlKey === !0, p = n.button === 2 || d;
+            a.current = p;
           },
           { checkForDefaultPrevented: !1 }
         ),
@@ -273,7 +273,7 @@ var Ne = ge("PopoverContent.RemoveScroll"), _e = u.forwardRef(
       }
     ) });
   }
-), Se = u.forwardRef(
+), we = u.forwardRef(
   (e, o) => {
     const t = E(b, e.__scopePopover), r = u.useRef(!1), s = u.useRef(!1);
     return /* @__PURE__ */ i.jsx(
@@ -288,10 +288,10 @@ var Ne = ge("PopoverContent.RemoveScroll"), _e = u.forwardRef(
           (c = e.onCloseAutoFocus) == null || c.call(e, a), a.defaultPrevented || (r.current || (n = t.triggerRef.current) == null || n.focus(), a.preventDefault()), r.current = !1, s.current = !1;
         },
         onInteractOutside: (a) => {
-          var p, d;
-          (p = e.onInteractOutside) == null || p.call(e, a), a.defaultPrevented || (r.current = !0, a.detail.originalEvent.type === "pointerdown" && (s.current = !0));
+          var d, p;
+          (d = e.onInteractOutside) == null || d.call(e, a), a.defaultPrevented || (r.current = !0, a.detail.originalEvent.type === "pointerdown" && (s.current = !0));
           const c = a.target;
-          ((d = t.triggerRef.current) == null ? void 0 : d.contains(c)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && s.current && a.preventDefault();
+          ((p = t.triggerRef.current) == null ? void 0 : p.contains(c)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && s.current && a.preventDefault();
         }
       }
     );
@@ -305,11 +305,11 @@ var Ne = ge("PopoverContent.RemoveScroll"), _e = u.forwardRef(
       onCloseAutoFocus: a,
       disableOutsidePointerEvents: c,
       onEscapeKeyDown: n,
-      onPointerDownOutside: p,
-      onFocusOutside: d,
-      onInteractOutside: P,
-      ...C
-    } = e, g = E(b, t), f = A(t);
+      onPointerDownOutside: d,
+      onFocusOutside: p,
+      onInteractOutside: g,
+      ...h
+    } = e, f = E(b, t), m = A(t);
     return me(), /* @__PURE__ */ i.jsx(
       z,
       {
@@ -323,22 +323,22 @@ var Ne = ge("PopoverContent.RemoveScroll"), _e = u.forwardRef(
           {
             asChild: !0,
             disableOutsidePointerEvents: c,
-            onInteractOutside: P,
+            onInteractOutside: g,
             onEscapeKeyDown: n,
-            onPointerDownOutside: p,
-            onFocusOutside: d,
-            onDismiss: () => g.onOpenChange(!1),
+            onPointerDownOutside: d,
+            onFocusOutside: p,
+            onDismiss: () => f.onOpenChange(!1),
             children: /* @__PURE__ */ i.jsx(
               pe,
               {
-                "data-state": re(g.open),
+                "data-state": re(f.open),
                 role: "dialog",
-                id: g.contentId,
-                ...f,
-                ...C,
+                id: f.contentId,
+                ...m,
+                ...h,
                 ref: o,
                 style: {
-                  ...C.style,
+                  ...h.style,
                   "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
                   "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
                   "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
@@ -356,7 +356,7 @@ var Ne = ge("PopoverContent.RemoveScroll"), _e = u.forwardRef(
   (e, o) => {
     const { __scopePopover: t, ...r } = e, s = E(ee, t);
     return /* @__PURE__ */ i.jsx(
-      S.button,
+      w.button,
       {
         type: "button",
         ...r,
@@ -367,19 +367,19 @@ var Ne = ge("PopoverContent.RemoveScroll"), _e = u.forwardRef(
   }
 );
 te.displayName = ee;
-var we = "PopoverArrow", oe = u.forwardRef(
+var Se = "PopoverArrow", oe = u.forwardRef(
   (e, o) => {
     const { __scopePopover: t, ...r } = e, s = A(t);
     return /* @__PURE__ */ i.jsx(ue, { ...s, ...r, ref: o });
   }
 );
-oe.displayName = we;
+oe.displayName = Se;
 function re(e) {
   return e ? "open" : "closed";
 }
-var je = $, Ie = Z, ke = J, Me = Q, De = X, Le = te, Ue = oe;
+var je = $, Ie = Z, Me = J, ke = Q, De = X, Le = te, Ue = oe;
 const Ke = V(
-  "z-50 overflow-hidden rounded-[8px] px-[15px] py-[12.5px] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-0 typo-b2",
+  "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: {
@@ -407,55 +407,68 @@ const Ke = V(
   }
 });
 function Tt({ defaultOpen: e = !0, ...o }) {
-  return /* @__PURE__ */ i.jsx(je, { "data-slot": "popover", defaultOpen: e, ...o });
+  return /* @__PURE__ */ i.jsx(je, { "data-slot": "impact-tooltip", defaultOpen: e, ...o });
 }
 function Nt({ ...e }) {
-  return /* @__PURE__ */ i.jsx(ke, { "data-slot": "popover-trigger", ...e });
+  return /* @__PURE__ */ i.jsx(Me, { "data-slot": "impact-tooltip-trigger", ...e });
 }
-function _t({
+function _t({ className: e, ...o }) {
+  return /* @__PURE__ */ i.jsx(Ie, { "data-slot": "impact-tooltip-anchor", className: e, ...o });
+}
+function wt({
   color: e,
   className: o,
   align: t = "center",
-  sideOffset: r = 4,
-  collisionPadding: s = {
-    left: 20,
-    right: 20
-  },
-  arrowPadding: a = 7,
-  children: c,
-  closeButton: n = !1,
-  ...p
+  side: r = "top",
+  sideOffset: s = 8,
+  collisionPadding: a = 20,
+  arrowPadding: c = 8.8,
+  children: n,
+  closeButton: d = !1,
+  avoidCollisions: p = !0,
+  hideWhenDetached: g = !1,
+  updatePositionStrategy: h = "optimized",
+  ...f
 }) {
-  return /* @__PURE__ */ i.jsx(Me, { children: /* @__PURE__ */ i.jsxs(
+  return /* @__PURE__ */ i.jsx(ke, { forceMount: f.forceMount, children: /* @__PURE__ */ i.jsxs(
     De,
     {
-      "data-slot": "popover-content",
+      "data-slot": "impact-tooltip-content",
+      side: r,
       align: t,
-      sideOffset: r,
-      collisionPadding: s,
+      sideOffset: s,
+      collisionPadding: a,
+      arrowPadding: c,
       className: he(Ke({ color: e, className: o })),
-      arrowPadding: a,
-      ...p,
+      avoidCollisions: p,
+      hideWhenDetached: g,
+      updatePositionStrategy: h,
+      ...f,
       children: [
         /* @__PURE__ */ i.jsxs("div", { className: "flex items-center justify-between gap-1.25", children: [
-          c,
-          n && /* @__PURE__ */ i.jsx(Ve, { asChild: !0, children: /* @__PURE__ */ i.jsx(Pe, { size: 15 }) })
+          n,
+          d && /* @__PURE__ */ i.jsx(Ve, { children: /* @__PURE__ */ i.jsx(Pe, { size: 15 }) })
         ] }),
-        /* @__PURE__ */ i.jsx(Ue, { className: He({ color: e }) })
+        /* @__PURE__ */ i.jsx(
+          Ue,
+          {
+            className: He({ color: e }),
+            width: 12,
+            height: 6,
+            style: { visibility: "visible" }
+          }
+        )
       ]
     }
   ) });
 }
-function St({ ...e }) {
-  return /* @__PURE__ */ i.jsx(Ie, { "data-slot": "popover-anchor", ...e });
-}
 function Ve({ ...e }) {
-  return /* @__PURE__ */ i.jsx(Le, { "data-slot": "popover-close", ...e });
+  return /* @__PURE__ */ i.jsx(Le, { "data-slot": "impact-tooltip-close", ...e });
 }
 export {
   Tt as ImpactTooltip,
-  St as ImpactTooltipAnchor,
+  _t as ImpactTooltipAnchor,
   Ve as ImpactTooltipCloseButton,
-  _t as ImpactTooltipContent,
+  wt as ImpactTooltipContent,
   Nt as ImpactTooltipTrigger
 };

package/dist/core/Display/Mobile.cjs.js

@@ -1 +1 @@
-"use strict";const r=require("../../chunks/jsx-runtime.713F0z8w.js"),t=require("../../chunks/index.Bp7CjPWa.js"),s=({children:e})=>r.jsxRuntimeExports.jsx(t.MobileWrapper,{children:e});module.exports=s;
+"use strict";const r=require("../../chunks/jsx-runtime.713F0z8w.js"),t=require("../../chunks/index.pf4IuYqa.js"),s=({children:e})=>r.jsxRuntimeExports.jsx(t.MobileWrapper,{children:e});module.exports=s;

package/dist/core/Display/Mobile.es.js

@@ -1,5 +1,5 @@
 import { j as o } from "../../chunks/jsx-runtime.Drh4NO5G.js";
-import { M as t } from "../../chunks/index.DD9gwgDi.js";
+import { M as t } from "../../chunks/index.CuzsZiUZ.js";
 const p = ({ children: r }) => /* @__PURE__ */ o.jsx(t, { children: r });
 export {
   p as default

package/dist/core/Display/Pc.cjs.js

@@ -1 +1 @@
-"use strict";const r=require("../../chunks/jsx-runtime.713F0z8w.js"),t=require("../../chunks/index.Bp7CjPWa.js"),s=({children:e})=>r.jsxRuntimeExports.jsx(t.PcWrapper,{children:e});module.exports=s;
+"use strict";const r=require("../../chunks/jsx-runtime.713F0z8w.js"),t=require("../../chunks/index.pf4IuYqa.js"),s=({children:e})=>r.jsxRuntimeExports.jsx(t.PcWrapper,{children:e});module.exports=s;

package/dist/core/Display/Pc.es.js

@@ -1,5 +1,5 @@
 import { j as t } from "../../chunks/jsx-runtime.Drh4NO5G.js";
-import { F as o } from "../../chunks/index.DD9gwgDi.js";
+import { F as o } from "../../chunks/index.CuzsZiUZ.js";
 const a = ({ children: r }) => /* @__PURE__ */ t.jsx(o, { children: r });
 export {
   a as default

package/dist/core/Display/index.styled.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");require("@emotion/styled");require("../../utils/media.util.cjs.js");require("../Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.Bp7CjPWa.js");require("../TextStyles/index.cjs.js");require("../../components/ui/typography.cjs.js");require("../../components/Accordion/index.cjs.js");require("../../components/Badge/IconBadge/index.styled.cjs.js");require("../../components/Badge/TextBadge/index.styled.cjs.js");require("react");require("../../components/Loading/Skeleton/index.cjs.js");require("../../components/Loading/Spinner/index.styled.cjs.js");require("../../components/Card/index.styled.cjs.js");require("../../components/Comment/index.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Cancel_circle.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/Cart_fill.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Chevron_left.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../components/Control/CheckMark/index.styled.cjs.js");require("../../components/Control/Switch/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../library/IconWithImage/index.styled.cjs.js");require("../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../library/Lottie/index.styled.cjs.js");require("../../library/Spacing/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../../components/DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../components/Divider/index.styled.cjs.js");require("../../chunks/index.styled.CMpDdHBq.js");require("../../components/Input/BaseInput/index.cjs.js");require("../../components/Input/PostfixInput/index.cjs.js");require("../../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../../components/Navigation/index.styled.cjs.js");require("../../components/Navigation/BaseNavigation/index.styled.cjs.js");require("../../components/Navigation/constant.cjs.js");require("../../components/Segment/BaseSegment/index.styled.cjs.js");require("../../components/Segment/ExtendSegment/index.styled.cjs.js");require("../../chunks/index.DC_I05Aq.js");require("../../components/ui/bottomSheet.cjs.js");exports.MobileWrapper=e.MobileWrapper;exports.PcWrapper=e.PcWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");require("@emotion/styled");require("../../utils/media.util.cjs.js");require("../Colors/index.cjs.js");require("../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.pf4IuYqa.js");require("../TextStyles/index.cjs.js");require("../../components/ui/typography.cjs.js");require("../../components/Accordion/index.cjs.js");require("../../components/Badge/IconBadge/index.styled.cjs.js");require("../../components/Badge/TextBadge/index.styled.cjs.js");require("react");require("../../components/Loading/Skeleton/index.cjs.js");require("../../components/Loading/Spinner/index.styled.cjs.js");require("../../components/Card/index.styled.cjs.js");require("../../components/Comment/index.cjs.js");require("../../icons/src/icons/Alarm_fill.cjs.js");require("../../icons/src/icons/Cancel.cjs.js");require("../../icons/src/icons/Chevron_down.cjs.js");require("../../icons/src/icons/Chevron_left.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/Chevron_right.cjs.js");require("../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../icons/src/icons/Eye_fill.cjs.js");require("../../icons/src/icons/Filter.cjs.js");require("../../icons/src/icons/Information.cjs.js");require("../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../icons/src/icons/Menu.cjs.js");require("../../icons/src/icons/Plus.cjs.js");require("../../icons/src/icons/Question_circle.cjs.js");require("../../icons/src/icons/More.cjs.js");require("../../icons/src/icons/Person_fill.cjs.js");require("../../icons/src/icons/Re.cjs.js");require("../../icons/src/icons/Search.cjs.js");require("../../icons/src/icons/Setting_fill.cjs.js");require("../../icons/src/icons/Share.cjs.js");require("../../icons/src/icons/Store.cjs.js");require("../../icons/src/icons/Check.cjs.js");require("../../icons/src/icons/Cancel_circle.cjs.js");require("../../icons/src/icons/Calendar.cjs.js");require("../../components/Control/CheckMark/index.styled.cjs.js");require("../../components/Control/Switch/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../library/IconWithImage/index.styled.cjs.js");require("../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../library/Lottie/index.styled.cjs.js");require("../../library/Spacing/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../components/DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../types/date.cjs.js");require("../../components/DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../components/Divider/index.styled.cjs.js");require("../../chunks/index.styled.CMpDdHBq.js");require("../../components/Input/BaseInput/index.cjs.js");require("../../components/Input/PostfixInput/index.cjs.js");require("../../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../../components/Navigation/index.styled.cjs.js");require("../../components/Navigation/BaseNavigation/index.styled.cjs.js");require("../../components/Navigation/constant.cjs.js");require("../../components/Segment/BaseSegment/index.styled.cjs.js");require("../../components/Segment/ExtendSegment/index.styled.cjs.js");require("../../chunks/index.DC_I05Aq.js");require("../../components/ui/bottomSheet.cjs.js");exports.MobileWrapper=e.MobileWrapper;exports.PcWrapper=e.PcWrapper;