@purpur/library 9.5.0 → 9.7.0

package/dist/tooltip-C8Zxnqdb.js

@@ -1,2 +0,0 @@
-"use strict";const p=require("react/jsx-runtime"),Y=require("react"),le=require("./button-DmybVApa.js"),at=require("./info.es-Br84jly5.js"),ue=require("./paragraph-By4jMjnH.js"),ct=require("./variables-BSBunpiY.js"),he=require("react-dom"),T=require("./floating-ui.react-dom-Cc_YSprQ.js"),lt=require("./bind-DeUYJ6m9.js");function ve(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=ve(Y),ut=ve(he);function _(e,t,{checkForDefaultPrevented:n=!0}={}){return function(o){if(e?.(o),n===!1||!o.defaultPrevented)return t?.(o)}}function de(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function me(...e){return t=>{let n=!1;const r=e.map(o=>{const s=de(o,t);return!n&&typeof s=="function"&&(n=!0),s});if(n)return()=>{for(let o=0;o<r.length;o++){const s=r[o];typeof s=="function"?s():de(e[o],null)}}}}function S(...e){return i.useCallback(me(...e),e)}function ye(e,t=[]){let n=[];function r(s,a){const u=i.createContext(a),c=n.length;n=[...n,a];const l=f=>{const{scope:v,children:h,...m}=f,y=v?.[e]?.[c]||u,x=i.useMemo(()=>m,Object.values(m));return p.jsx(y.Provider,{value:x,children:h})};l.displayName=s+"Provider";function d(f,v){const h=v?.[e]?.[c]||u,m=i.useContext(h);if(m)return m;if(a!==void 0)return a;throw new Error(`\`${f}\` must be used within \`${s}\``)}return[l,d]}const o=()=>{const s=n.map(a=>i.createContext(a));return function(u){const c=u?.[e]||s;return i.useMemo(()=>({[`__scope${e}`]:{...u,[e]:c}}),[u,c])}};return o.scopeName=e,[r,dt(o,...t)]}function dt(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const r=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(s){const a=r.reduce((u,{useScope:c,scopeName:l})=>{const f=c(s)[`__scope${l}`];return{...u,...f}},{});return i.useMemo(()=>({[`__scope${t.scopeName}`]:a}),[a])}};return n.scopeName=t.scopeName,n}var ge=i.forwardRef((e,t)=>{const{children:n,...r}=e,o=i.Children.toArray(n),s=o.find(pt);if(s){const a=s.props.children,u=o.map(c=>c===s?i.Children.count(a)>1?i.Children.only(null):i.isValidElement(a)?a.props.children:null:c);return p.jsx(X,{...r,ref:t,children:i.isValidElement(a)?i.cloneElement(a,void 0,u):null})}return p.jsx(X,{...r,ref:t,children:n})});ge.displayName="Slot";var X=i.forwardRef((e,t)=>{const{children:n,...r}=e;if(i.isValidElement(n)){const o=ht(n),s=ft(r,n.props);return n.type!==i.Fragment&&(s.ref=t?me(t,o):o),i.cloneElement(n,s)}return i.Children.count(n)>1?i.Children.only(null):null});X.displayName="SlotClone";var xe=({children:e})=>p.jsx(p.Fragment,{children:e});function pt(e){return i.isValidElement(e)&&e.type===xe}function ft(e,t){const n={...t};for(const r in t){const o=e[r],s=t[r];/^on[A-Z]/.test(r)?o&&s?n[r]=(...u)=>{s(...u),o(...u)}:o&&(n[r]=o):r==="style"?n[r]={...o,...s}:r==="className"&&(n[r]=[o,s].filter(Boolean).join(" "))}return{...e,...n}}function ht(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var vt=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],A=vt.reduce((e,t)=>{const n=i.forwardRef((r,o)=>{const{asChild:s,...a}=r,u=s?ge:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),p.jsx(u,{...a,ref:o})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function mt(e,t){e&&ut.flushSync(()=>e.dispatchEvent(t))}function j(e){const t=i.useRef(e);return i.useEffect(()=>{t.current=e}),i.useMemo(()=>(...n)=>t.current?.(...n),[])}function yt(e,t=globalThis?.document){const n=j(e);i.useEffect(()=>{const r=o=>{o.key==="Escape"&&n(o)};return t.addEventListener("keydown",r,{capture:!0}),()=>t.removeEventListener("keydown",r,{capture:!0})},[n,t])}var gt="DismissableLayer",K="dismissableLayer.update",xt="dismissableLayer.pointerDownOutside",wt="dismissableLayer.focusOutside",pe,we=i.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),Pe=i.forwardRef((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:r,onPointerDownOutside:o,onFocusOutside:s,onInteractOutside:a,onDismiss:u,...c}=e,l=i.useContext(we),[d,f]=i.useState(null),v=d?.ownerDocument??globalThis?.document,[,h]=i.useState({}),m=S(t,g=>f(g)),y=Array.from(l.layers),[x]=[...l.layersWithOutsidePointerEventsDisabled].slice(-1),P=y.indexOf(x),w=d?y.indexOf(d):-1,C=l.layersWithOutsidePointerEventsDisabled.size>0,E=w>=P,b=Ct(g=>{const R=g.target,$=[...l.branches].some(k=>k.contains(R));!E||$||(o?.(g),a?.(g),g.defaultPrevented||u?.())},v),O=bt(g=>{const R=g.target;[...l.branches].some(k=>k.contains(R))||(s?.(g),a?.(g),g.defaultPrevented||u?.())},v);return yt(g=>{w===l.layers.size-1&&(r?.(g),!g.defaultPrevented&&u&&(g.preventDefault(),u()))},v),i.useEffect(()=>{if(d)return n&&(l.layersWithOutsidePointerEventsDisabled.size===0&&(pe=v.body.style.pointerEvents,v.body.style.pointerEvents="none"),l.layersWithOutsidePointerEventsDisabled.add(d)),l.layers.add(d),fe(),()=>{n&&l.layersWithOutsidePointerEventsDisabled.size===1&&(v.body.style.pointerEvents=pe)}},[d,v,n,l]),i.useEffect(()=>()=>{d&&(l.layers.delete(d),l.layersWithOutsidePointerEventsDisabled.delete(d),fe())},[d,l]),i.useEffect(()=>{const g=()=>h({});return document.addEventListener(K,g),()=>document.removeEventListener(K,g)},[]),p.jsx(A.div,{...c,ref:m,style:{pointerEvents:C?E?"auto":"none":void 0,...e.style},onFocusCapture:_(e.onFocusCapture,O.onFocusCapture),onBlurCapture:_(e.onBlurCapture,O.onBlurCapture),onPointerDownCapture:_(e.onPointerDownCapture,b.onPointerDownCapture)})});Pe.displayName=gt;var Pt="DismissableLayerBranch",Et=i.forwardRef((e,t)=>{const n=i.useContext(we),r=i.useRef(null),o=S(t,r);return i.useEffect(()=>{const s=r.current;if(s)return n.branches.add(s),()=>{n.branches.delete(s)}},[n.branches]),p.jsx(A.div,{...e,ref:o})});Et.displayName=Pt;function Ct(e,t=globalThis?.document){const n=j(e),r=i.useRef(!1),o=i.useRef(()=>{});return i.useEffect(()=>{const s=u=>{if(u.target&&!r.current){let c=function(){Ee(xt,n,l,{discrete:!0})};const l={originalEvent:u};u.pointerType==="touch"?(t.removeEventListener("click",o.current),o.current=c,t.addEventListener("click",o.current,{once:!0})):c()}else t.removeEventListener("click",o.current);r.current=!1},a=window.setTimeout(()=>{t.addEventListener("pointerdown",s)},0);return()=>{window.clearTimeout(a),t.removeEventListener("pointerdown",s),t.removeEventListener("click",o.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}function bt(e,t=globalThis?.document){const n=j(e),r=i.useRef(!1);return i.useEffect(()=>{const o=s=>{s.target&&!r.current&&Ee(wt,n,{originalEvent:s},{discrete:!1})};return t.addEventListener("focusin",o),()=>t.removeEventListener("focusin",o)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function fe(){const e=new CustomEvent(K);document.dispatchEvent(e)}function Ee(e,t,n,{discrete:r}){const o=n.originalEvent.target,s=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&o.addEventListener(e,t,{once:!0}),r?mt(o,s):o.dispatchEvent(s)}var N=globalThis?.document?i.useLayoutEffect:()=>{},Tt=i.useId||(()=>{}),_t=0;function Ot(e){const[t,n]=i.useState(Tt());return N(()=>{n(r=>r??String(_t++))},[e]),t?`radix-${t}`:""}var At="Arrow",Ce=i.forwardRef((e,t)=>{const{children:n,width:r=10,height:o=5,...s}=e;return p.jsx(A.svg,{...s,ref:t,width:r,height:o,viewBox:"0 0 30 10",preserveAspectRatio:"none",children:e.asChild?n:p.jsx("polygon",{points:"0,0 30,0 15,10"})})});Ce.displayName=At;var Rt=Ce;function Nt(e){const[t,n]=i.useState(void 0);return N(()=>{if(e){n({width:e.offsetWidth,height:e.offsetHeight});const r=new ResizeObserver(o=>{if(!Array.isArray(o)||!o.length)return;const s=o[0];let a,u;if("borderBoxSize"in s){const c=s.borderBoxSize,l=Array.isArray(c)?c[0]:c;a=l.inlineSize,u=l.blockSize}else a=e.offsetWidth,u=e.offsetHeight;n({width:a,height:u})});return r.observe(e,{box:"border-box"}),()=>r.unobserve(e)}else n(void 0)},[e]),t}var Q="Popper",[be,Te]=ye(Q),[St,_e]=be(Q),Oe=e=>{const{__scopePopper:t,children:n}=e,[r,o]=i.useState(null);return p.jsx(St,{scope:t,anchor:r,onAnchorChange:o,children:n})};Oe.displayName=Q;var Ae="PopperAnchor",Re=i.forwardRef((e,t)=>{const{__scopePopper:n,virtualRef:r,...o}=e,s=_e(Ae,n),a=i.useRef(null),u=S(t,a);return i.useEffect(()=>{s.onAnchorChange(r?.current||a.current)}),r?null:p.jsx(A.div,{...o,ref:u})});Re.displayName=Ae;var ee="PopperContent",[Dt,Lt]=be(ee),Ne=i.forwardRef((e,t)=>{const{__scopePopper:n,side:r="bottom",sideOffset:o=0,align:s="center",alignOffset:a=0,arrowPadding:u=0,avoidCollisions:c=!0,collisionBoundary:l=[],collisionPadding:d=0,sticky:f="partial",hideWhenDetached:v=!1,updatePositionStrategy:h="optimized",onPlaced:m,...y}=e,x=_e(ee,n),[P,w]=i.useState(null),C=S(t,M=>w(M)),[E,b]=i.useState(null),O=Nt(E),g=O?.width??0,R=O?.height??0,$=r+(s!=="center"?"-"+s:""),k=typeof d=="number"?d:{top:0,right:0,bottom:0,left:0,...d},oe=Array.isArray(l)?l:[l],Ye=oe.length>0,H={padding:k,boundary:oe.filter(jt),altBoundary:Ye},{refs:Xe,floatingStyles:se,placement:Ke,isPositioned:W,middlewareData:D}=T.useFloating({strategy:"fixed",placement:$,whileElementsMounted:(...M)=>T.autoUpdate(...M,{animationFrame:h==="always"}),elements:{reference:x.anchor},middleware:[T.offset({mainAxis:o+R,alignmentAxis:a}),c&&T.shift({mainAxis:!0,crossAxis:!1,limiter:f==="partial"?T.limitShift():void 0,...H}),c&&T.flip({...H}),T.size({...H,apply:({elements:M,rects:ce,availableWidth:rt,availableHeight:ot})=>{const{width:st,height:it}=ce.reference,B=M.floating.style;B.setProperty("--radix-popper-available-width",`${rt}px`),B.setProperty("--radix-popper-available-height",`${ot}px`),B.setProperty("--radix-popper-anchor-width",`${st}px`),B.setProperty("--radix-popper-anchor-height",`${it}px`)}}),E&&T.arrow({element:E,padding:u}),kt({arrowWidth:g,arrowHeight:R}),v&&T.hide({strategy:"referenceHidden",...H})]}),[ie,Ze]=Le(Ke),ae=j(m);N(()=>{W&&ae?.()},[W,ae]);const Je=D.arrow?.x,Qe=D.arrow?.y,et=D.arrow?.centerOffset!==0,[tt,nt]=i.useState();return N(()=>{P&&nt(window.getComputedStyle(P).zIndex)},[P]),p.jsx("div",{ref:Xe.setFloating,"data-radix-popper-content-wrapper":"",style:{...se,transform:W?se.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:tt,"--radix-popper-transform-origin":[D.transformOrigin?.x,D.transformOrigin?.y].join(" "),...D.hide?.referenceHidden&&{visibility:"hidden",pointerEvents:"none"}},dir:e.dir,children:p.jsx(Dt,{scope:n,placedSide:ie,onArrowChange:b,arrowX:Je,arrowY:Qe,shouldHideArrow:et,children:p.jsx(A.div,{"data-side":ie,"data-align":Ze,...y,ref:C,style:{...y.style,animation:W?void 0:"none"}})})})});Ne.displayName=ee;var Se="PopperArrow",It={top:"bottom",right:"left",bottom:"top",left:"right"},De=i.forwardRef(function(t,n){const{__scopePopper:r,...o}=t,s=Lt(Se,r),a=It[s.placedSide];return p.jsx("span",{ref:s.onArrowChange,style:{position:"absolute",left:s.arrowX,top:s.arrowY,[a]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[s.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[s.placedSide],visibility:s.shouldHideArrow?"hidden":void 0},children:p.jsx(Rt,{...o,ref:n,style:{...o.style,display:"block"}})})});De.displayName=Se;function jt(e){return e!==null}var kt=e=>({name:"transformOrigin",options:e,fn(t){const{placement:n,rects:r,middlewareData:o}=t,a=o.arrow?.centerOffset!==0,u=a?0:e.arrowWidth,c=a?0:e.arrowHeight,[l,d]=Le(n),f={start:"0%",center:"50%",end:"100%"}[d],v=(o.arrow?.x??0)+u/2,h=(o.arrow?.y??0)+c/2;let m="",y="";return l==="bottom"?(m=a?f:`${v}px`,y=`${-c}px`):l==="top"?(m=a?f:`${v}px`,y=`${r.floating.height+c}px`):l==="right"?(m=`${-c}px`,y=a?f:`${h}px`):l==="left"&&(m=`${r.floating.width+c}px`,y=a?f:`${h}px`),{data:{x:m,y}}}});function Le(e){const[t,n="center"]=e.split("-");return[t,n]}var Mt=Oe,Ft=Re,$t=Ne,Ht=De,Wt="Portal",Ie=i.forwardRef((e,t)=>{const{container:n,...r}=e,[o,s]=i.useState(!1);N(()=>s(!0),[]);const a=n||o&&globalThis?.document?.body;return a?he.createPortal(p.jsx(A.div,{...r,ref:t}),a):null});Ie.displayName=Wt;function Bt(e,t){return i.useReducer((n,r)=>t[n][r]??n,e)}var te=e=>{const{present:t,children:n}=e,r=Ut(t),o=typeof n=="function"?n({present:r.isPresent}):i.Children.only(n),s=S(r.ref,zt(o));return typeof n=="function"||r.isPresent?i.cloneElement(o,{ref:s}):null};te.displayName="Presence";function Ut(e){const[t,n]=i.useState(),r=i.useRef({}),o=i.useRef(e),s=i.useRef("none"),a=e?"mounted":"unmounted",[u,c]=Bt(a,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return i.useEffect(()=>{const l=U(r.current);s.current=u==="mounted"?l:"none"},[u]),N(()=>{const l=r.current,d=o.current;if(d!==e){const v=s.current,h=U(l);e?c("MOUNT"):h==="none"||l?.display==="none"?c("UNMOUNT"):c(d&&v!==h?"ANIMATION_OUT":"UNMOUNT"),o.current=e}},[e,c]),N(()=>{if(t){let l;const d=t.ownerDocument.defaultView??window,f=h=>{const y=U(r.current).includes(h.animationName);if(h.target===t&&y&&(c("ANIMATION_END"),!o.current)){const x=t.style.animationFillMode;t.style.animationFillMode="forwards",l=d.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=x)})}},v=h=>{h.target===t&&(s.current=U(r.current))};return t.addEventListener("animationstart",v),t.addEventListener("animationcancel",f),t.addEventListener("animationend",f),()=>{d.clearTimeout(l),t.removeEventListener("animationstart",v),t.removeEventListener("animationcancel",f),t.removeEventListener("animationend",f)}}else c("ANIMATION_END")},[t,c]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:i.useCallback(l=>{l&&(r.current=getComputedStyle(l)),n(l)},[])}}function U(e){return e?.animationName||"none"}function zt(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function Vt({prop:e,defaultProp:t,onChange:n=()=>{}}){const[r,o]=Gt({defaultProp:t,onChange:n}),s=e!==void 0,a=s?e:r,u=j(n),c=i.useCallback(l=>{if(s){const f=typeof l=="function"?l(e):l;f!==e&&u(f)}else o(l)},[s,e,o,u]);return[a,c]}function Gt({defaultProp:e,onChange:t}){const n=i.useState(e),[r]=n,o=i.useRef(r),s=j(t);return i.useEffect(()=>{o.current!==r&&(s(r),o.current=r)},[r,o,s]),n}var qt="VisuallyHidden",je=i.forwardRef((e,t)=>p.jsx(A.span,{...e,ref:t,style:{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",...e.style}}));je.displayName=qt;var Yt=je,[z]=ye("Tooltip",[Te]),V=Te(),ke="TooltipProvider",Xt=700,Z="tooltip.open",[Kt,ne]=z(ke),Me=e=>{const{__scopeTooltip:t,delayDuration:n=Xt,skipDelayDuration:r=300,disableHoverableContent:o=!1,children:s}=e,[a,u]=i.useState(!0),c=i.useRef(!1),l=i.useRef(0);return i.useEffect(()=>{const d=l.current;return()=>window.clearTimeout(d)},[]),p.jsx(Kt,{scope:t,isOpenDelayed:a,delayDuration:n,onOpen:i.useCallback(()=>{window.clearTimeout(l.current),u(!1)},[]),onClose:i.useCallback(()=>{window.clearTimeout(l.current),l.current=window.setTimeout(()=>u(!0),r)},[r]),isPointerInTransitRef:c,onPointerInTransitChange:i.useCallback(d=>{c.current=d},[]),disableHoverableContent:o,children:s})};Me.displayName=ke;var G="Tooltip",[Zt,F]=z(G),Fe=e=>{const{__scopeTooltip:t,children:n,open:r,defaultOpen:o=!1,onOpenChange:s,disableHoverableContent:a,delayDuration:u}=e,c=ne(G,e.__scopeTooltip),l=V(t),[d,f]=i.useState(null),v=Ot(),h=i.useRef(0),m=a??c.disableHoverableContent,y=u??c.delayDuration,x=i.useRef(!1),[P=!1,w]=Vt({prop:r,defaultProp:o,onChange:g=>{g?(c.onOpen(),document.dispatchEvent(new CustomEvent(Z))):c.onClose(),s?.(g)}}),C=i.useMemo(()=>P?x.current?"delayed-open":"instant-open":"closed",[P]),E=i.useCallback(()=>{window.clearTimeout(h.current),h.current=0,x.current=!1,w(!0)},[w]),b=i.useCallback(()=>{window.clearTimeout(h.current),h.current=0,w(!1)},[w]),O=i.useCallback(()=>{window.clearTimeout(h.current),h.current=window.setTimeout(()=>{x.current=!0,w(!0),h.current=0},y)},[y,w]);return i.useEffect(()=>()=>{h.current&&(window.clearTimeout(h.current),h.current=0)},[]),p.jsx(Mt,{...l,children:p.jsx(Zt,{scope:t,contentId:v,open:P,stateAttribute:C,trigger:d,onTriggerChange:f,onTriggerEnter:i.useCallback(()=>{c.isOpenDelayed?O():E()},[c.isOpenDelayed,O,E]),onTriggerLeave:i.useCallback(()=>{m?b():(window.clearTimeout(h.current),h.current=0)},[b,m]),onOpen:E,onClose:b,disableHoverableContent:m,children:n})})};Fe.displayName=G;var J="TooltipTrigger",$e=i.forwardRef((e,t)=>{const{__scopeTooltip:n,...r}=e,o=F(J,n),s=ne(J,n),a=V(n),u=i.useRef(null),c=S(t,u,o.onTriggerChange),l=i.useRef(!1),d=i.useRef(!1),f=i.useCallback(()=>l.current=!1,[]);return i.useEffect(()=>()=>document.removeEventListener("pointerup",f),[f]),p.jsx(Ft,{asChild:!0,...a,children:p.jsx(A.button,{"aria-describedby":o.open?o.contentId:void 0,"data-state":o.stateAttribute,...r,ref:c,onPointerMove:_(e.onPointerMove,v=>{v.pointerType!=="touch"&&!d.current&&!s.isPointerInTransitRef.current&&(o.onTriggerEnter(),d.current=!0)}),onPointerLeave:_(e.onPointerLeave,()=>{o.onTriggerLeave(),d.current=!1}),onPointerDown:_(e.onPointerDown,()=>{l.current=!0,document.addEventListener("pointerup",f,{once:!0})}),onFocus:_(e.onFocus,()=>{l.current||o.onOpen()}),onBlur:_(e.onBlur,o.onClose),onClick:_(e.onClick,o.onClose)})})});$e.displayName=J;var re="TooltipPortal",[Jt,Qt]=z(re,{forceMount:void 0}),He=e=>{const{__scopeTooltip:t,forceMount:n,children:r,container:o}=e,s=F(re,t);return p.jsx(Jt,{scope:t,forceMount:n,children:p.jsx(te,{present:n||s.open,children:p.jsx(Ie,{asChild:!0,container:o,children:r})})})};He.displayName=re;var I="TooltipContent",We=i.forwardRef((e,t)=>{const n=Qt(I,e.__scopeTooltip),{forceMount:r=n.forceMount,side:o="top",...s}=e,a=F(I,e.__scopeTooltip);return p.jsx(te,{present:r||a.open,children:a.disableHoverableContent?p.jsx(Be,{side:o,...s,ref:t}):p.jsx(en,{side:o,...s,ref:t})})}),en=i.forwardRef((e,t)=>{const n=F(I,e.__scopeTooltip),r=ne(I,e.__scopeTooltip),o=i.useRef(null),s=S(t,o),[a,u]=i.useState(null),{trigger:c,onClose:l}=n,d=o.current,{onPointerInTransitChange:f}=r,v=i.useCallback(()=>{u(null),f(!1)},[f]),h=i.useCallback((m,y)=>{const x=m.currentTarget,P={x:m.clientX,y:m.clientY},w=rn(P,x.getBoundingClientRect()),C=on(P,w),E=sn(y.getBoundingClientRect()),b=cn([...C,...E]);u(b),f(!0)},[f]);return i.useEffect(()=>()=>v(),[v]),i.useEffect(()=>{if(c&&d){const m=x=>h(x,d),y=x=>h(x,c);return c.addEventListener("pointerleave",m),d.addEventListener("pointerleave",y),()=>{c.removeEventListener("pointerleave",m),d.removeEventListener("pointerleave",y)}}},[c,d,h,v]),i.useEffect(()=>{if(a){const m=y=>{const x=y.target,P={x:y.clientX,y:y.clientY},w=c?.contains(x)||d?.contains(x),C=!an(P,a);w?v():C&&(v(),l())};return document.addEventListener("pointermove",m),()=>document.removeEventListener("pointermove",m)}},[c,d,a,l,v]),p.jsx(Be,{...e,ref:s})}),[tn,nn]=z(G,{isInside:!1}),Be=i.forwardRef((e,t)=>{const{__scopeTooltip:n,children:r,"aria-label":o,onEscapeKeyDown:s,onPointerDownOutside:a,...u}=e,c=F(I,n),l=V(n),{onClose:d}=c;return i.useEffect(()=>(document.addEventListener(Z,d),()=>document.removeEventListener(Z,d)),[d]),i.useEffect(()=>{if(c.trigger){const f=v=>{v.target?.contains(c.trigger)&&d()};return window.addEventListener("scroll",f,{capture:!0}),()=>window.removeEventListener("scroll",f,{capture:!0})}},[c.trigger,d]),p.jsx(Pe,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:s,onPointerDownOutside:a,onFocusOutside:f=>f.preventDefault(),onDismiss:d,children:p.jsxs($t,{"data-state":c.stateAttribute,...l,...u,ref:t,style:{...u.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:[p.jsx(xe,{children:r}),p.jsx(tn,{scope:n,isInside:!0,children:p.jsx(Yt,{id:c.contentId,role:"tooltip",children:o||r})})]})})});We.displayName=I;var Ue="TooltipArrow",ze=i.forwardRef((e,t)=>{const{__scopeTooltip:n,...r}=e,o=V(n);return nn(Ue,n).isInside?null:p.jsx(Ht,{...o,...r,ref:t})});ze.displayName=Ue;function rn(e,t){const n=Math.abs(t.top-e.y),r=Math.abs(t.bottom-e.y),o=Math.abs(t.right-e.x),s=Math.abs(t.left-e.x);switch(Math.min(n,r,o,s)){case s:return"left";case o:return"right";case n:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function on(e,t,n=5){const r=[];switch(t){case"top":r.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case"bottom":r.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case"left":r.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case"right":r.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n});break}return r}function sn(e){const{top:t,right:n,bottom:r,left:o}=e;return[{x:o,y:t},{x:n,y:t},{x:n,y:r},{x:o,y:r}]}function an(e,t){const{x:n,y:r}=e;let o=!1;for(let s=0,a=t.length-1;s<t.length;a=s++){const u=t[s].x,c=t[s].y,l=t[a].x,d=t[a].y;c>r!=d>r&&n<(l-u)*(r-c)/(d-c)+u&&(o=!o)}return o}function cn(e){const t=e.slice();return t.sort((n,r)=>n.x<r.x?-1:n.x>r.x?1:n.y<r.y?-1:n.y>r.y?1:0),ln(t)}function ln(e){if(e.length<=1)return e.slice();const t=[];for(let r=0;r<e.length;r++){const o=e[r];for(;t.length>=2;){const s=t[t.length-1],a=t[t.length-2];if((s.x-a.x)*(o.y-a.y)>=(s.y-a.y)*(o.x-a.x))t.pop();else break}t.push(o)}t.pop();const n=[];for(let r=e.length-1;r>=0;r--){const o=e[r];for(;n.length>=2;){const s=n[n.length-1],a=n[n.length-2];if((s.x-a.x)*(o.y-a.y)>=(s.y-a.y)*(o.x-a.x))n.pop();else break}n.push(o)}return n.pop(),t.length===1&&n.length===1&&t[0].x===n[0].x&&t[0].y===n[0].y?t:t.concat(n)}var un=Me,dn=Fe,pn=$e,fn=He,hn=We,vn=ze;const mn="_slideDownAndFade_fkagk_1",yn="_slideLeftAndFade_fkagk_1",gn="_slideUpAndFade_fkagk_1",xn="_slideRightAndFade_fkagk_1",wn={"purpur-tooltip":"_purpur-tooltip_fkagk_1","purpur-tooltip__content":"_purpur-tooltip__content_fkagk_4","purpur-tooltip__content--primary":"_purpur-tooltip__content--primary_fkagk_14","purpur-tooltip__content--primary-negative":"_purpur-tooltip__content--primary-negative_fkagk_17",slideDownAndFade:mn,slideLeftAndFade:yn,slideUpAndFade:gn,slideRightAndFade:xn,"purpur-tooltip__arrow--primary":"_purpur-tooltip__arrow--primary_fkagk_32","purpur-tooltip__arrow--primary-negative":"_purpur-tooltip__arrow--primary-negative_fkagk_35"},q=lt.c.bind(wn),Ve={TOP:"top",BOTTOM:"bottom",LEFT:"left",RIGHT:"right"},Ge={START:"start",CENTER:"center",END:"end"},L="purpur-tooltip",qe=Y.forwardRef(({["data-testid"]:e,buttonSize:t="md",children:n,className:r,contentClassName:o,negative:s=!1,position:a=Ve.TOP,align:u=Ge.CENTER,triggerAriaLabel:c,triggerElement:l,...d},f)=>{const[v,h]=Y.useState(!1),m=q(r,L,`${L}--primary${s?"-negative":""}`),y=p.jsx(le.Button,{ref:f,"aria-label":c??"","aria-expanded":v,variant:le.BUTTON_VARIANT.TERTIARY_PURPLE,negative:s,iconOnly:!0,"data-testid":`${e}-trigger-button`,size:t,children:p.jsx(at.r,{size:"md"})});return p.jsx("div",{"data-testid":e,className:m,children:p.jsx(un,{delayDuration:parseInt(ct.purpurMotionDuration400),children:p.jsxs(dn,{open:v,onOpenChange:h,...d,children:[p.jsx(pn,{asChild:!0,onClick:x=>{x.preventDefault(),h(!0)},children:l??y}),p.jsx(fn,{children:p.jsxs(hn,{side:a,align:u,className:q(o,`${L}__content`,`${L}__content--primary${s?"-negative":""}`),sideOffset:-5,"data-testid":`${e}-content`,children:[typeof n=="string"?p.jsx(ue.Paragraph,{variant:ue.ParagraphVariant.PARAGRAPH100,negative:!s,"data-testid":`${e}-paragraph`,children:n}):n,p.jsx(vn,{className:q(`${L}__arrow`,`${L}__arrow--primary${s?"-negative":""}`)})]})})]})})})});qe.displayName="Tooltip";exports.TOOLTIP_ALIGN=Ge;exports.TOOLTIP_POSITION=Ve;exports.Tooltip=qe;
-//# sourceMappingURL=tooltip-C8Zxnqdb.js.map

package/dist/useColorScheme-DNyjsWX9.js

@@ -1,2 +0,0 @@
-"use strict";const r=require("./ThemeProvider-Dy771oix.js"),c=()=>{const{colorScheme:e,setColorScheme:o}=r.useTheme();return[e,o]};exports.useColorScheme=c;
-//# sourceMappingURL=useColorScheme-DNyjsWX9.js.map

package/tokens/_dark.scss

@@ -1,9 +0,0 @@
-@forward "./border/variables.dark";
-@forward "./breakpoint/variables.dark";
-@forward "./color/variables.dark";
-@forward "./filter/variables.dark";
-@forward "./gradient/variables.dark";
-@forward "./motion/variables.dark";
-@forward "./shadow/variables.dark";
-@forward "./spacing/variables.dark";
-@forward "./typography/variables.dark";

package/tokens/_index.scss

@@ -1,9 +0,0 @@
-@forward "./border/variables";
-@forward "./breakpoint/variables";
-@forward "./color/variables";
-@forward "./filter/variables";
-@forward "./gradient/variables";
-@forward "./motion/variables";
-@forward "./shadow/variables";
-@forward "./spacing/variables";
-@forward "./typography/variables";

package/tokens/border/variables.css

@@ -1,13 +0,0 @@
-:root,
-[data-color-scheme="light"] {
-  --purpur-border-radius-xs: 2px;
-  --purpur-border-radius-sm: 4px;
-  --purpur-border-radius-md: 8px;
-  --purpur-border-radius-lg: 16px;
-  --purpur-border-radius-xl: 24px;
-  --purpur-border-radius-full: 999px;
-  --purpur-border-width-xs: 1px;
-  --purpur-border-width-sm: 2px;
-  --purpur-border-width-md: 3px;
-  --purpur-border-width-lg: 6px;
-}

package/tokens/border/variables.d.ts

@@ -1,10 +0,0 @@
-export const purpurBorderRadiusXs: string;
-export const purpurBorderRadiusSm: string;
-export const purpurBorderRadiusMd: string;
-export const purpurBorderRadiusLg: string;
-export const purpurBorderRadiusXl: string;
-export const purpurBorderRadiusFull: string;
-export const purpurBorderWidthXs: string;
-export const purpurBorderWidthSm: string;
-export const purpurBorderWidthMd: string;
-export const purpurBorderWidthLg: string;

package/tokens/border/variables.dark.css

@@ -1,12 +0,0 @@
-[data-color-scheme="dark"] {
-  --purpur-border-radius-xs: 2px;
-  --purpur-border-radius-sm: 4px;
-  --purpur-border-radius-md: 8px;
-  --purpur-border-radius-lg: 16px;
-  --purpur-border-radius-xl: 24px;
-  --purpur-border-radius-full: 999px;
-  --purpur-border-width-xs: 1px;
-  --purpur-border-width-sm: 2px;
-  --purpur-border-width-md: 3px;
-  --purpur-border-width-lg: 6px;
-}

package/tokens/border/variables.dark.d.ts

@@ -1,10 +0,0 @@
-export const purpurBorderRadiusXs: string;
-export const purpurBorderRadiusSm: string;
-export const purpurBorderRadiusMd: string;
-export const purpurBorderRadiusLg: string;
-export const purpurBorderRadiusXl: string;
-export const purpurBorderRadiusFull: string;
-export const purpurBorderWidthXs: string;
-export const purpurBorderWidthSm: string;
-export const purpurBorderWidthMd: string;
-export const purpurBorderWidthLg: string;

package/tokens/border/variables.dark.js

@@ -1,10 +0,0 @@
-export const purpurBorderRadiusXs = "2px";
-export const purpurBorderRadiusSm = "4px";
-export const purpurBorderRadiusMd = "8px";
-export const purpurBorderRadiusLg = "16px";
-export const purpurBorderRadiusXl = "24px";
-export const purpurBorderRadiusFull = "999px";
-export const purpurBorderWidthXs = "1px";
-export const purpurBorderWidthSm = "2px";
-export const purpurBorderWidthMd = "3px";
-export const purpurBorderWidthLg = "6px";

package/tokens/border/variables.dark.json

@@ -1,18 +0,0 @@
-{
-  "border": {
-    "radius": {
-      "xs": "2px",
-      "sm": "4px",
-      "md": "8px",
-      "lg": "16px",
-      "xl": "24px",
-      "full": "999px"
-    },
-    "width": {
-      "xs": "1px",
-      "sm": "2px",
-      "md": "3px",
-      "lg": "6px"
-    }
-  }
-}

package/tokens/border/variables.dark.scss

@@ -1,10 +0,0 @@
-$purpur-border-radius-xs: 2px;
-$purpur-border-radius-sm: 4px;
-$purpur-border-radius-md: 8px;
-$purpur-border-radius-lg: 16px;
-$purpur-border-radius-xl: 24px;
-$purpur-border-radius-full: 999px;
-$purpur-border-width-xs: 1px;
-$purpur-border-width-sm: 2px;
-$purpur-border-width-md: 3px;
-$purpur-border-width-lg: 6px;

package/tokens/border/variables.js

@@ -1,10 +0,0 @@
-export const purpurBorderRadiusXs = "2px";
-export const purpurBorderRadiusSm = "4px";
-export const purpurBorderRadiusMd = "8px";
-export const purpurBorderRadiusLg = "16px";
-export const purpurBorderRadiusXl = "24px";
-export const purpurBorderRadiusFull = "999px";
-export const purpurBorderWidthXs = "1px";
-export const purpurBorderWidthSm = "2px";
-export const purpurBorderWidthMd = "3px";
-export const purpurBorderWidthLg = "6px";

package/tokens/border/variables.json

@@ -1,18 +0,0 @@
-{
-  "border": {
-    "radius": {
-      "xs": "2px",
-      "sm": "4px",
-      "md": "8px",
-      "lg": "16px",
-      "xl": "24px",
-      "full": "999px"
-    },
-    "width": {
-      "xs": "1px",
-      "sm": "2px",
-      "md": "3px",
-      "lg": "6px"
-    }
-  }
-}

package/tokens/border/variables.scss

@@ -1,10 +0,0 @@
-$purpur-border-radius-xs: 2px;
-$purpur-border-radius-sm: 4px;
-$purpur-border-radius-md: 8px;
-$purpur-border-radius-lg: 16px;
-$purpur-border-radius-xl: 24px;
-$purpur-border-radius-full: 999px;
-$purpur-border-width-xs: 1px;
-$purpur-border-width-sm: 2px;
-$purpur-border-width-md: 3px;
-$purpur-border-width-lg: 6px;

package/tokens/breakpoint/variables.css

@@ -1,11 +0,0 @@
-:root,
-[data-color-scheme="light"] {
-  --purpur-breakpoint-sm: 0px;
-  --purpur-breakpoint-md: 600px;
-  --purpur-breakpoint-lg: 1024px;
-  --purpur-breakpoint-xl: 1440px;
-  --purpur-breakpoint-relative-sm: 0em;
-  --purpur-breakpoint-relative-md: 37.5em;
-  --purpur-breakpoint-relative-lg: 64em;
-  --purpur-breakpoint-relative-xl: 90em;
-}

package/tokens/breakpoint/variables.d.ts

@@ -1,8 +0,0 @@
-export const purpurBreakpointSm: string;
-export const purpurBreakpointMd: string;
-export const purpurBreakpointLg: string;
-export const purpurBreakpointXl: string;
-export const purpurBreakpointRelativeSm: string;
-export const purpurBreakpointRelativeMd: string;
-export const purpurBreakpointRelativeLg: string;
-export const purpurBreakpointRelativeXl: string;

package/tokens/breakpoint/variables.dark.css

@@ -1,10 +0,0 @@
-[data-color-scheme="dark"] {
-  --purpur-breakpoint-sm: 0px;
-  --purpur-breakpoint-md: 600px;
-  --purpur-breakpoint-lg: 1024px;
-  --purpur-breakpoint-xl: 1440px;
-  --purpur-breakpoint-relative-sm: 0em;
-  --purpur-breakpoint-relative-md: 37.5em;
-  --purpur-breakpoint-relative-lg: 64em;
-  --purpur-breakpoint-relative-xl: 90em;
-}

package/tokens/breakpoint/variables.dark.d.ts

@@ -1,8 +0,0 @@
-export const purpurBreakpointSm: string;
-export const purpurBreakpointMd: string;
-export const purpurBreakpointLg: string;
-export const purpurBreakpointXl: string;
-export const purpurBreakpointRelativeSm: string;
-export const purpurBreakpointRelativeMd: string;
-export const purpurBreakpointRelativeLg: string;
-export const purpurBreakpointRelativeXl: string;

package/tokens/breakpoint/variables.dark.js

@@ -1,8 +0,0 @@
-export const purpurBreakpointSm = "0px";
-export const purpurBreakpointMd = "600px";
-export const purpurBreakpointLg = "1024px";
-export const purpurBreakpointXl = "1440px";
-export const purpurBreakpointRelativeSm = "0em";
-export const purpurBreakpointRelativeMd = "37.5em";
-export const purpurBreakpointRelativeLg = "64em";
-export const purpurBreakpointRelativeXl = "90em";

package/tokens/breakpoint/variables.dark.json

@@ -1,14 +0,0 @@
-{
-  "breakpoint": {
-    "sm": "0px",
-    "md": "600px",
-    "lg": "1024px",
-    "xl": "1440px",
-    "relative": {
-      "sm": "0em",
-      "md": "37.5em",
-      "lg": "64em",
-      "xl": "90em"
-    }
-  }
-}

package/tokens/breakpoint/variables.dark.scss

@@ -1,8 +0,0 @@
-$purpur-breakpoint-sm: 0px;
-$purpur-breakpoint-md: 600px;
-$purpur-breakpoint-lg: 1024px;
-$purpur-breakpoint-xl: 1440px;
-$purpur-breakpoint-relative-sm: 0em;
-$purpur-breakpoint-relative-md: 37.5em;
-$purpur-breakpoint-relative-lg: 64em;
-$purpur-breakpoint-relative-xl: 90em;

package/tokens/breakpoint/variables.js

@@ -1,8 +0,0 @@
-export const purpurBreakpointSm = "0px";
-export const purpurBreakpointMd = "600px";
-export const purpurBreakpointLg = "1024px";
-export const purpurBreakpointXl = "1440px";
-export const purpurBreakpointRelativeSm = "0em";
-export const purpurBreakpointRelativeMd = "37.5em";
-export const purpurBreakpointRelativeLg = "64em";
-export const purpurBreakpointRelativeXl = "90em";

package/tokens/breakpoint/variables.json

@@ -1,14 +0,0 @@
-{
-  "breakpoint": {
-    "sm": "0px",
-    "md": "600px",
-    "lg": "1024px",
-    "xl": "1440px",
-    "relative": {
-      "sm": "0em",
-      "md": "37.5em",
-      "lg": "64em",
-      "xl": "90em"
-    }
-  }
-}

package/tokens/breakpoint/variables.scss

@@ -1,8 +0,0 @@
-$purpur-breakpoint-sm: 0px;
-$purpur-breakpoint-md: 600px;
-$purpur-breakpoint-lg: 1024px;
-$purpur-breakpoint-xl: 1440px;
-$purpur-breakpoint-relative-sm: 0em;
-$purpur-breakpoint-relative-md: 37.5em;
-$purpur-breakpoint-relative-lg: 64em;
-$purpur-breakpoint-relative-xl: 90em;

package/tokens/color/variables.css

@@ -1,262 +0,0 @@
-:root,
-[data-color-scheme="light"] {
-  --purpur-color-purple-50: #faf0ff;
-  --purpur-color-purple-100: #f4e0ff;
-  --purpur-color-purple-200: #e4b6fb;
-  --purpur-color-purple-300: #d58df9;
-  --purpur-color-purple-400: #c461f7;
-  --purpur-color-purple-500: #b12df4;
-  --purpur-color-purple-550: #990ae3;
-  --purpur-color-purple-600: #8c07d0;
-  --purpur-color-purple-700: #6d02a3;
-  --purpur-color-purple-800: #4e0174;
-  --purpur-color-purple-900: #29003e;
-  --purpur-color-purple-950: #1f002e;
-  --purpur-color-beige-50: #f9f1ec;
-  --purpur-color-beige-100: #ede1d8;
-  --purpur-color-beige-200: #d7c3b5;
-  --purpur-color-beige-300: #bba494;
-  --purpur-color-beige-400: #a08877;
-  --purpur-color-beige-500: #807268;
-  --purpur-color-beige-600: #665e58;
-  --purpur-color-beige-700: #4f4741;
-  --purpur-color-beige-800: #3b332d;
-  --purpur-color-beige-900: #2d2824;
-  --purpur-color-beige-950: #170f09;
-  --purpur-color-teal-50: #edf5f5;
-  --purpur-color-teal-100: #d5eae9;
-  --purpur-color-teal-200: #a1cfcd;
-  --purpur-color-teal-300: #6eb5b2;
-  --purpur-color-teal-400: #3a9b96;
-  --purpur-color-teal-500: #00847e;
-  --purpur-color-teal-600: #006c67;
-  --purpur-color-teal-700: #02534f;
-  --purpur-color-teal-800: #063c39;
-  --purpur-color-teal-900: #032220;
-  --purpur-color-teal-950: #011413;
-  --purpur-color-gray-50: #f5f5fa;
-  --purpur-color-gray-100: #e5e5eb;
-  --purpur-color-gray-150: #d6d6dd;
-  --purpur-color-gray-200: #c6c6cd;
-  --purpur-color-gray-300: #aaaab0;
-  --purpur-color-gray-400: #8d8d94;
-  --purpur-color-gray-500: #757579;
-  --purpur-color-gray-600: #5f5f63;
-  --purpur-color-gray-700: #4a4a4d;
-  --purpur-color-gray-800: #353537;
-  --purpur-color-gray-850: #2a2a2c;
-  --purpur-color-gray-900: #202022;
-  --purpur-color-gray-950: #121212;
-  --purpur-color-green-50: #e1f9ec;
-  --purpur-color-green-100: #c5efd9;
-  --purpur-color-green-200: #79d9a7;
-  --purpur-color-green-300: #3dbf7c;
-  --purpur-color-green-400: #1fa15e;
-  --purpur-color-green-500: #018842;
-  --purpur-color-green-600: #017037;
-  --purpur-color-green-700: #02562b;
-  --purpur-color-green-800: #003e1e;
-  --purpur-color-green-900: #002411;
-  --purpur-color-green-950: #00150a;
-  --purpur-color-red-50: #fff0f5;
-  --purpur-color-red-100: #ffdde8;
-  --purpur-color-red-200: #ffafc9;
-  --purpur-color-red-300: #ff80ab;
-  --purpur-color-red-400: #fb4885;
-  --purpur-color-red-500: #e4175c;
-  --purpur-color-red-600: #c00543;
-  --purpur-color-red-700: #980233;
-  --purpur-color-red-800: #700025;
-  --purpur-color-red-900: #440016;
-  --purpur-color-red-950: #2c000e;
-  --purpur-color-orange-50: #fff2de;
-  --purpur-color-orange-100: #ffe1b3;
-  --purpur-color-orange-200: #f9bb5b;
-  --purpur-color-orange-300: #f39200;
-  --purpur-color-orange-400: #cc7a00;
-  --purpur-color-orange-500: #a86602;
-  --purpur-color-orange-600: #8b5301;
-  --purpur-color-orange-700: #6a4102;
-  --purpur-color-orange-800: #4c2f03;
-  --purpur-color-orange-900: #2b1b03;
-  --purpur-color-orange-950: #1a0f00;
-  --purpur-color-blue-50: #e8f6ff;
-  --purpur-color-blue-100: #caeaff;
-  --purpur-color-blue-200: #91cdf4;
-  --purpur-color-blue-300: #62b2e7;
-  --purpur-color-blue-400: #3694d3;
-  --purpur-color-blue-500: #0078cb;
-  --purpur-color-blue-600: #0063a6;
-  --purpur-color-blue-700: #014d80;
-  --purpur-color-blue-800: #03385b;
-  --purpur-color-blue-900: #002036;
-  --purpur-color-blue-950: #011320;
-  --purpur-color-transparent-black-50: rgba(0, 0, 0, 0.05);
-  --purpur-color-transparent-black-100: rgba(0, 0, 0, 0.1);
-  --purpur-color-transparent-black-150: rgba(0, 0, 0, 0.16);
-  --purpur-color-transparent-black-200: rgba(0, 0, 0, 0.22);
-  --purpur-color-transparent-black-300: rgba(0, 0, 0, 0.33);
-  --purpur-color-transparent-black-400: rgba(0, 0, 0, 0.44);
-  --purpur-color-transparent-black-500: rgba(0, 0, 0, 0.54);
-  --purpur-color-transparent-black-600: rgba(0, 0, 0, 0.62);
-  --purpur-color-transparent-black-700: rgba(0, 0, 0, 0.71);
-  --purpur-color-transparent-black-800: rgba(0, 0, 0, 0.8);
-  --purpur-color-transparent-black-850: rgba(0, 0, 0, 0.84);
-  --purpur-color-transparent-black-900: rgba(0, 0, 0, 0.88);
-  --purpur-color-transparent-black-950: rgba(0, 0, 0, 0.93);
-  --purpur-color-transparent-white-50: rgba(255, 255, 255, 0.07);
-  --purpur-color-transparent-white-100: rgba(255, 255, 255, 0.11);
-  --purpur-color-transparent-white-150: rgba(255, 255, 255, 0.16);
-  --purpur-color-transparent-white-200: rgba(255, 255, 255, 0.21);
-  --purpur-color-transparent-white-300: rgba(255, 255, 255, 0.29);
-  --purpur-color-transparent-white-400: rgba(255, 255, 255, 0.37);
-  --purpur-color-transparent-white-500: rgba(255, 255, 255, 0.46);
-  --purpur-color-transparent-white-600: rgba(255, 255, 255, 0.55);
-  --purpur-color-transparent-white-700: rgba(255, 255, 255, 0.66);
-  --purpur-color-transparent-white-800: rgba(255, 255, 255, 0.79);
-  --purpur-color-transparent-white-850: rgba(255, 255, 255, 0.84);
-  --purpur-color-transparent-white-900: rgba(255, 255, 255, 0.89);
-  --purpur-color-transparent-white-950: rgba(255, 255, 255, 0.95);
-  --purpur-color-functional-black: #000000;
-  --purpur-color-functional-white: #ffffff;
-  --purpur-color-functional-transparent: rgba(255, 255, 255, 0);
-  --purpur-color-brand-deep-purple: var(--purpur-color-purple-900);
-  --purpur-color-brand-core-purple: var(--purpur-color-purple-550);
-  --purpur-color-brand-light-purple: var(--purpur-color-purple-100);
-  --purpur-color-brand-deep-beige: var(--purpur-color-beige-700);
-  --purpur-color-brand-beige: var(--purpur-color-beige-100);
-  --purpur-color-brand-light-beige: var(--purpur-color-beige-50);
-  --purpur-color-brand-off-black: var(--purpur-color-gray-900);
-  --purpur-color-brand-white: var(--purpur-color-functional-white);
-  --purpur-color-text-default: var(--purpur-color-transparent-black-850);
-  --purpur-color-text-medium: var(--purpur-color-transparent-black-600);
-  --purpur-color-text-weak: var(--purpur-color-transparent-black-400);
-  --purpur-color-text-default-negative: var(--purpur-color-transparent-white-950);
-  --purpur-color-text-medium-negative: var(--purpur-color-transparent-white-700);
-  --purpur-color-text-weak-negative: var(--purpur-color-transparent-white-400);
-  --purpur-color-text-interactive-primary: var(--purpur-color-purple-700);
-  --purpur-color-text-interactive-primary-hover: var(--purpur-color-purple-800);
-  --purpur-color-text-interactive-primary-active: var(--purpur-color-purple-900);
-  --purpur-color-text-interactive-on-primary: var(--purpur-color-functional-white);
-  --purpur-color-text-interactive-on-primary-negative: var(--purpur-color-purple-800);
-  --purpur-color-text-interactive-primary-negative: var(--purpur-color-purple-100);
-  --purpur-color-text-interactive-primary-hover-negative: var(--purpur-color-purple-50);
-  --purpur-color-text-interactive-primary-active-negative: var(--purpur-color-functional-white);
-  --purpur-color-text-interactive-on-expressive: var(--purpur-color-functional-white);
-  --purpur-color-text-interactive-on-expressive-negative: var(--purpur-color-functional-white);
-  --purpur-color-text-interactive-on-expressive-hover: var(--purpur-color-functional-white);
-  --purpur-color-text-interactive-on-expressive-hover-negative: var(--purpur-color-purple-900);
-  --purpur-color-text-interactive-on-expressive-active: var(--purpur-color-functional-white);
-  --purpur-color-text-interactive-on-expressive-active-negative: var(--purpur-color-purple-900);
-  --purpur-color-text-interactive-on-destructive: var(--purpur-color-functional-white);
-  --purpur-color-text-interactive-selected: var(--purpur-color-purple-550);
-  --purpur-color-text-interactive-selected-negative: var(--purpur-color-purple-300);
-  --purpur-color-text-status-discount: var(--purpur-color-purple-550);
-  --purpur-color-text-status-error-strong: var(--purpur-color-red-700);
-  --purpur-color-text-status-error-strong-negative: var(--purpur-color-red-300);
-  --purpur-color-text-status-error-medium: var(--purpur-color-red-500);
-  --purpur-color-text-status-error-medium-negative: var(--purpur-color-red-400);
-  --purpur-color-text-status-success-strong: var(--purpur-color-green-700);
-  --purpur-color-text-status-success-strong-negative: var(--purpur-color-green-300);
-  --purpur-color-text-status-success-medium: var(--purpur-color-green-500);
-  --purpur-color-text-status-success-medium-negative: var(--purpur-color-green-400);
-  --purpur-color-text-status-warning-strong: var(--purpur-color-orange-700);
-  --purpur-color-text-status-warning-medium: var(--purpur-color-orange-500);
-  --purpur-color-text-status-warning-medium-negative: var(--purpur-color-orange-300);
-  --purpur-color-text-status-info-strong: var(--purpur-color-blue-700);
-  --purpur-color-text-status-info-medium: var(--purpur-color-blue-500);
-  --purpur-color-text-status-neutral: var(--purpur-color-transparent-black-700);
-  --purpur-color-text-status-special: var(--purpur-color-purple-800);
-  --purpur-color-text-status-attention: var(--purpur-color-functional-white);
-  --purpur-color-text-status-black-friday: var(--purpur-color-functional-white);
-  --purpur-color-text-tone-on-tone-primary: var(--purpur-color-purple-100);
-  --purpur-color-text-tone-on-tone-secondary: var(--purpur-color-purple-900);
-  --purpur-color-text-tone-on-tone-tertiary: var(--purpur-color-beige-700);
-  --purpur-color-background-primary: var(--purpur-color-functional-white);
-  --purpur-color-background-primary-negative: var(--purpur-color-purple-950);
-  --purpur-color-background-secondary: var(--purpur-color-gray-50);
-  --purpur-color-background-secondary-negative: var(--purpur-color-purple-900);
-  --purpur-color-background-on-image: var(--purpur-color-transparent-white-850);
-  --purpur-color-background-on-image-negative: var(--purpur-color-transparent-black-700);
-  --purpur-color-background-interactive-auto-fill: var(--purpur-color-blue-50);
-  --purpur-color-background-interactive-primary: var(--purpur-color-purple-800);
-  --purpur-color-background-interactive-primary-hover: var(--purpur-color-purple-700);
-  --purpur-color-background-interactive-primary-active: var(--purpur-color-purple-600);
-  --purpur-color-background-interactive-primary-negative: var(--purpur-color-purple-100);
-  --purpur-color-background-interactive-primary-hover-negative: var(--purpur-color-purple-200);
-  --purpur-color-background-interactive-primary-active-negative: var(--purpur-color-purple-300);
-  --purpur-color-background-interactive-expressive: var(--purpur-color-purple-550);
-  --purpur-color-background-interactive-expressive-hover: var(--purpur-color-purple-700);
-  --purpur-color-background-interactive-expressive-active: var(--purpur-color-purple-800);
-  --purpur-color-background-interactive-expressive-negative: var(--purpur-color-purple-550);
-  --purpur-color-background-interactive-expressive-hover-negative: var(--purpur-color-purple-400);
-  --purpur-color-background-interactive-expressive-active-negative: var(--purpur-color-purple-300);
-  --purpur-color-background-interactive-disabled: var(--purpur-color-transparent-black-100);
-  --purpur-color-background-interactive-disabled-negative: var(
-    --purpur-color-transparent-white-100
-  );
-  --purpur-color-background-interactive-transparent-hover: var(--purpur-color-purple-100);
-  --purpur-color-background-interactive-transparent-hover-negative: var(--purpur-color-purple-800);
-  --purpur-color-background-interactive-transparent-active: var(--purpur-color-purple-200);
-  --purpur-color-background-interactive-transparent-active-negative: var(--purpur-color-purple-700);
-  --purpur-color-background-interactive-inactive: var(--purpur-color-transparent-black-50);
-  --purpur-color-background-interactive-inactive-negative: var(
-    --purpur-color-transparent-white-150
-  );
-  --purpur-color-background-interactive-read-only: var(--purpur-color-transparent-black-50);
-  --purpur-color-background-interactive-read-only-negative: var(
-    --purpur-color-transparent-white-100
-  );
-  --purpur-color-background-interactive-destructive: var(--purpur-color-red-500);
-  --purpur-color-background-interactive-destructive-hover: var(--purpur-color-red-600);
-  --purpur-color-background-interactive-destructive-active: var(--purpur-color-red-700);
-  --purpur-color-background-status-info-medium: var(--purpur-color-blue-100);
-  --purpur-color-background-status-info-strong: var(--purpur-color-blue-400);
-  --purpur-color-background-status-success-medium: var(--purpur-color-green-100);
-  --purpur-color-background-status-success-strong: var(--purpur-color-green-400);
-  --purpur-color-background-status-success-strong-negative: var(--purpur-color-green-300);
-  --purpur-color-background-status-error-medium: var(--purpur-color-red-100);
-  --purpur-color-background-status-error-strong: var(--purpur-color-red-400);
-  --purpur-color-background-status-error-strong-negative: var(--purpur-color-red-300);
-  --purpur-color-background-status-warning-medium: var(--purpur-color-orange-100);
-  --purpur-color-background-status-warning-strong: var(--purpur-color-orange-400);
-  --purpur-color-background-status-warning-strong-negative: var(--purpur-color-orange-300);
-  --purpur-color-background-status-neutral: var(--purpur-color-gray-150);
-  --purpur-color-background-status-special: var(--purpur-color-purple-100);
-  --purpur-color-background-status-attention: var(--purpur-color-purple-700);
-  --purpur-color-background-status-black-friday: var(--purpur-color-gray-900);
-  --purpur-color-background-tone-on-tone-primary: var(--purpur-color-purple-900);
-  --purpur-color-background-tone-on-tone-secondary: var(--purpur-color-purple-100);
-  --purpur-color-background-tone-on-tone-tertiary: var(--purpur-color-beige-100);
-  --purpur-color-background-tone-on-tone-quaternary: var(--purpur-color-beige-50);
-  --purpur-color-border-medium: var(--purpur-color-transparent-black-300);
-  --purpur-color-border-medium-negative: var(--purpur-color-transparent-white-300);
-  --purpur-color-border-strong: var(--purpur-color-transparent-black-500);
-  --purpur-color-border-strong-negative: var(--purpur-color-transparent-white-500);
-  --purpur-color-border-weak: var(--purpur-color-transparent-black-150);
-  --purpur-color-border-weak-negative: var(--purpur-color-transparent-white-150);
-  --purpur-color-border-interactive-focus: var(--purpur-color-purple-500);
-  --purpur-color-border-interactive-primary: var(--purpur-color-purple-700);
-  --purpur-color-border-interactive-primary-negative: var(--purpur-color-purple-100);
-  --purpur-color-border-interactive-primary-hover: var(--purpur-color-purple-800);
-  --purpur-color-border-interactive-primary-active: var(--purpur-color-purple-900);
-  --purpur-color-border-interactive-primary-hover-negative: var(--purpur-color-purple-50);
-  --purpur-color-border-interactive-primary-active-negative: var(--purpur-color-functional-white);
-  --purpur-color-border-interactive-expressive: var(--purpur-color-purple-550);
-  --purpur-color-border-interactive-selected: var(--purpur-color-purple-550);
-  --purpur-color-border-interactive-subtle: var(--purpur-color-transparent-black-400);
-  --purpur-color-border-interactive-subtle-negative: var(--purpur-color-transparent-white-500);
-  --purpur-color-border-interactive-subtle-hover: var(--purpur-color-purple-700);
-  --purpur-color-border-interactive-subtle-hover-negative: var(--purpur-color-purple-400);
-  --purpur-color-border-status-error: var(--purpur-color-red-500);
-  --purpur-color-border-status-error-negative: var(--purpur-color-red-400);
-  --purpur-color-border-status-warning: var(--purpur-color-orange-400);
-  --purpur-color-border-status-info: var(--purpur-color-blue-500);
-  --purpur-color-border-status-success: var(--purpur-color-green-500);
-  --purpur-color-border-status-success-negative: var(--purpur-color-green-400);
-  --purpur-color-overlay-default: var(--purpur-color-transparent-black-300);
-  --purpur-color-gradient-ai-bottom: var(--purpur-color-blue-400);
-  --purpur-color-gradient-ai-bottom-negative: var(--purpur-color-blue-300);
-  --purpur-color-gradient-ai-top: var(--purpur-color-purple-500);
-  --purpur-color-gradient-ai-top-negative: var(--purpur-color-purple-300);
-}