@purpurds/drawer 6.0.1 → 6.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/LICENSE.txt +23 -59
- package/dist/drawer.cjs.js +25 -21
- package/dist/drawer.cjs.js.map +1 -1
- package/dist/drawer.es.js +1798 -1870
- package/dist/drawer.es.js.map +1 -1
- package/package.json +8 -8
package/dist/drawer.cjs.js
CHANGED
|
@@ -1,62 +1,66 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),s=require("react"),We=require("react-dom");function Vt(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const $=Vt(s);function w(){return w=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},w.apply(null,arguments)}function A(e,r,{checkForDefaultPrevented:t=!0}={}){return function(a){if(e==null||e(a),t===!1||!a.defaultPrevented)return r==null?void 0:r(a)}}function Kt(e,r){typeof e=="function"?e(r):e!=null&&(e.current=r)}function lt(...e){return r=>e.forEach(t=>Kt(t,r))}function O(...e){return s.useCallback(lt(...e),e)}function ut(e,r=[]){let t=[];function o(n,i){const c=s.createContext(i),u=t.length;t=[...t,i];function l(f){const{scope:p,children:h,...g}=f,v=(p==null?void 0:p[e][u])||c,b=s.useMemo(()=>g,Object.values(g));return s.createElement(v.Provider,{value:b},h)}function d(f,p){const h=(p==null?void 0:p[e][u])||c,g=s.useContext(h);if(g)return g;if(i!==void 0)return i;throw new Error(`\`${f}\` must be used within \`${n}\``)}return l.displayName=n+"Provider",[l,d]}const a=()=>{const n=t.map(i=>s.createContext(i));return function(c){const u=(c==null?void 0:c[e])||n;return s.useMemo(()=>({[`__scope${e}`]:{...c,[e]:u}}),[c,u])}};return a.scopeName=e,[o,Gt(a,...r)]}function Gt(...e){const r=e[0];if(e.length===1)return r;const t=()=>{const o=e.map(a=>({useScope:a(),scopeName:a.scopeName}));return function(n){const i=o.reduce((c,{useScope:u,scopeName:l})=>{const f=u(n)[`__scope${l}`];return{...c,...f}},{});return s.useMemo(()=>({[`__scope${r.scopeName}`]:i}),[i])}};return t.scopeName=r.scopeName,t}const he=globalThis!=null&&globalThis.document?s.useLayoutEffect:()=>{},Zt=$.useId||(()=>{});let Qt=0;function ye(e){const[r,t]=$.useState(Zt());return he(()=>{e||t(o=>o??String(Qt++))},[e]),e||(r?`radix-${r}`:"")}function D(e){const r=s.useRef(e);return s.useEffect(()=>{r.current=e}),s.useMemo(()=>(...t)=>{var o;return(o=r.current)===null||o===void 0?void 0:o.call(r,...t)},[])}function Jt({prop:e,defaultProp:r,onChange:t=()=>{}}){const[o,a]=er({defaultProp:r,onChange:t}),n=e!==void 0,i=n?e:o,c=D(t),u=s.useCallback(l=>{if(n){const f=typeof l=="function"?l(e):l;f!==e&&c(f)}else a(l)},[n,e,a,c]);return[i,u]}function er({defaultProp:e,onChange:r}){const t=s.useState(e),[o]=t,a=s.useRef(o),n=D(r);return s.useEffect(()=>{a.current!==o&&(n(o),a.current=o)},[o,a,n]),t}const Ue=s.forwardRef((e,r)=>{const{children:t,...o}=e,a=s.Children.toArray(t),n=a.find(rr);if(n){const i=n.props.children,c=a.map(u=>u===n?s.Children.count(i)>1?s.Children.only(null):s.isValidElement(i)?i.props.children:null:u);return s.createElement(Ne,w({},o,{ref:r}),s.isValidElement(i)?s.cloneElement(i,void 0,c):null)}return s.createElement(Ne,w({},o,{ref:r}),t)});Ue.displayName="Slot";const Ne=s.forwardRef((e,r)=>{const{children:t,...o}=e;return s.isValidElement(t)?s.cloneElement(t,{...nr(o,t.props),ref:r?lt(r,t.ref):t.ref}):s.Children.count(t)>1?s.Children.only(null):null});Ne.displayName="SlotClone";const tr=({children:e})=>s.createElement(s.Fragment,null,e);function rr(e){return s.isValidElement(e)&&e.type===tr}function nr(e,r){const t={...r};for(const o in r){const a=e[o],n=r[o];/^on[A-Z]/.test(o)?a&&n?t[o]=(...c)=>{n(...c),a(...c)}:a&&(t[o]=a):o==="style"?t[o]={...a,...n}:o==="className"&&(t[o]=[a,n].filter(Boolean).join(" "))}return{...e,...t}}const or=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],L=or.reduce((e,r)=>{const t=s.forwardRef((o,a)=>{const{asChild:n,...i}=o,c=n?Ue:r;return s.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),s.createElement(c,w({},i,{ref:a}))});return t.displayName=`Primitive.${r}`,{...e,[r]:t}},{});function ar(e,r){e&&We.flushSync(()=>e.dispatchEvent(r))}function cr(e,r=globalThis==null?void 0:globalThis.document){const t=D(e);s.useEffect(()=>{const o=a=>{a.key==="Escape"&&t(a)};return r.addEventListener("keydown",o),()=>r.removeEventListener("keydown",o)},[t,r])}const Oe="dismissableLayer.update",ir="dismissableLayer.pointerDownOutside",sr="dismissableLayer.focusOutside";let Xe;const lr=s.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),ur=s.forwardRef((e,r)=>{var t;const{disableOutsidePointerEvents:o=!1,onEscapeKeyDown:a,onPointerDownOutside:n,onFocusOutside:i,onInteractOutside:c,onDismiss:u,...l}=e,d=s.useContext(lr),[f,p]=s.useState(null),h=(t=f==null?void 0:f.ownerDocument)!==null&&t!==void 0?t:globalThis==null?void 0:globalThis.document,[,g]=s.useState({}),v=O(r,S=>p(S)),b=Array.from(d.layers),[_]=[...d.layersWithOutsidePointerEventsDisabled].slice(-1),C=b.indexOf(_),y=f?b.indexOf(f):-1,E=d.layersWithOutsidePointerEventsDisabled.size>0,P=y>=C,N=dr(S=>{const x=S.target,R=[...d.branches].some(M=>M.contains(x));!P||R||(n==null||n(S),c==null||c(S),S.defaultPrevented||u==null||u())},h),T=fr(S=>{const x=S.target;[...d.branches].some(M=>M.contains(x))||(i==null||i(S),c==null||c(S),S.defaultPrevented||u==null||u())},h);return cr(S=>{y===d.layers.size-1&&(a==null||a(S),!S.defaultPrevented&&u&&(S.preventDefault(),u()))},h),s.useEffect(()=>{if(f)return o&&(d.layersWithOutsidePointerEventsDisabled.size===0&&(Xe=h.body.style.pointerEvents,h.body.style.pointerEvents="none"),d.layersWithOutsidePointerEventsDisabled.add(f)),d.layers.add(f),Be(),()=>{o&&d.layersWithOutsidePointerEventsDisabled.size===1&&(h.body.style.pointerEvents=Xe)}},[f,h,o,d]),s.useEffect(()=>()=>{f&&(d.layers.delete(f),d.layersWithOutsidePointerEventsDisabled.delete(f),Be())},[f,d]),s.useEffect(()=>{const S=()=>g({});return document.addEventListener(Oe,S),()=>document.removeEventListener(Oe,S)},[]),s.createElement(L.div,w({},l,{ref:v,style:{pointerEvents:E?P?"auto":"none":void 0,...e.style},onFocusCapture:A(e.onFocusCapture,T.onFocusCapture),onBlurCapture:A(e.onBlurCapture,T.onBlurCapture),onPointerDownCapture:A(e.onPointerDownCapture,N.onPointerDownCapture)}))});function dr(e,r=globalThis==null?void 0:globalThis.document){const t=D(e),o=s.useRef(!1),a=s.useRef(()=>{});return s.useEffect(()=>{const n=c=>{if(c.target&&!o.current){let l=function(){dt(ir,t,u,{discrete:!0})};const u={originalEvent:c};c.pointerType==="touch"?(r.removeEventListener("click",a.current),a.current=l,r.addEventListener("click",a.current,{once:!0})):l()}else r.removeEventListener("click",a.current);o.current=!1},i=window.setTimeout(()=>{r.addEventListener("pointerdown",n)},0);return()=>{window.clearTimeout(i),r.removeEventListener("pointerdown",n),r.removeEventListener("click",a.current)}},[r,t]),{onPointerDownCapture:()=>o.current=!0}}function fr(e,r=globalThis==null?void 0:globalThis.document){const t=D(e),o=s.useRef(!1);return s.useEffect(()=>{const a=n=>{n.target&&!o.current&&dt(sr,t,{originalEvent:n},{discrete:!1})};return r.addEventListener("focusin",a),()=>r.removeEventListener("focusin",a)},[r,t]),{onFocusCapture:()=>o.current=!0,onBlurCapture:()=>o.current=!1}}function Be(){const e=new CustomEvent(Oe);document.dispatchEvent(e)}function dt(e,r,t,{discrete:o}){const a=t.originalEvent.target,n=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:t});r&&a.addEventListener(e,r,{once:!0}),o?ar(a,n):a.dispatchEvent(n)}const Ee="focusScope.autoFocusOnMount",Se="focusScope.autoFocusOnUnmount",Ve={bubbles:!1,cancelable:!0},pr=s.forwardRef((e,r)=>{const{loop:t=!1,trapped:o=!1,onMountAutoFocus:a,onUnmountAutoFocus:n,...i}=e,[c,u]=s.useState(null),l=D(a),d=D(n),f=s.useRef(null),p=O(r,v=>u(v)),h=s.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;s.useEffect(()=>{if(o){let v=function(y){if(h.paused||!c)return;const E=y.target;c.contains(E)?f.current=E:U(f.current,{select:!0})},b=function(y){if(h.paused||!c)return;const E=y.relatedTarget;E!==null&&(c.contains(E)||U(f.current,{select:!0}))},_=function(y){if(document.activeElement===document.body)for(const P of y)P.removedNodes.length>0&&U(c)};document.addEventListener("focusin",v),document.addEventListener("focusout",b);const C=new MutationObserver(_);return c&&C.observe(c,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",v),document.removeEventListener("focusout",b),C.disconnect()}}},[o,c,h.paused]),s.useEffect(()=>{if(c){Ge.add(h);const v=document.activeElement;if(!c.contains(v)){const _=new CustomEvent(Ee,Ve);c.addEventListener(Ee,l),c.dispatchEvent(_),_.defaultPrevented||(vr(_r(ft(c)),{select:!0}),document.activeElement===v&&U(c))}return()=>{c.removeEventListener(Ee,l),setTimeout(()=>{const _=new CustomEvent(Se,Ve);c.addEventListener(Se,d),c.dispatchEvent(_),_.defaultPrevented||U(v??document.body,{select:!0}),c.removeEventListener(Se,d),Ge.remove(h)},0)}}},[c,l,d,h]);const g=s.useCallback(v=>{if(!t&&!o||h.paused)return;const b=v.key==="Tab"&&!v.altKey&&!v.ctrlKey&&!v.metaKey,_=document.activeElement;if(b&&_){const C=v.currentTarget,[y,E]=hr(C);y&&E?!v.shiftKey&&_===E?(v.preventDefault(),t&&U(y,{select:!0})):v.shiftKey&&_===y&&(v.preventDefault(),t&&U(E,{select:!0})):_===C&&v.preventDefault()}},[t,o,h.paused]);return s.createElement(L.div,w({tabIndex:-1},i,{ref:p,onKeyDown:g}))});function vr(e,{select:r=!1}={}){const t=document.activeElement;for(const o of e)if(U(o,{select:r}),document.activeElement!==t)return}function hr(e){const r=ft(e),t=Ke(r,e),o=Ke(r.reverse(),e);return[t,o]}function ft(e){const r=[],t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:o=>{const a=o.tagName==="INPUT"&&o.type==="hidden";return o.disabled||o.hidden||a?NodeFilter.FILTER_SKIP:o.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;t.nextNode();)r.push(t.currentNode);return r}function Ke(e,r){for(const t of e)if(!mr(t,{upTo:r}))return t}function mr(e,{upTo:r}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(r!==void 0&&e===r)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function br(e){return e instanceof HTMLInputElement&&"select"in e}function U(e,{select:r=!1}={}){if(e&&e.focus){const t=document.activeElement;e.focus({preventScroll:!0}),e!==t&&br(e)&&r&&e.select()}}const Ge=gr();function gr(){let e=[];return{add(r){const t=e[0];r!==t&&(t==null||t.pause()),e=Ze(e,r),e.unshift(r)},remove(r){var t;e=Ze(e,r),(t=e[0])===null||t===void 0||t.resume()}}}function Ze(e,r){const t=[...e],o=t.indexOf(r);return o!==-1&&t.splice(o,1),t}function _r(e){return e.filter(r=>r.tagName!=="A")}const $r=s.forwardRef((e,r)=>{var t;const{container:o=globalThis==null||(t=globalThis.document)===null||t===void 0?void 0:t.body,...a}=e;return o?We.createPortal(s.createElement(L.div,w({},a,{ref:r})),o):null});function wr(e,r){return s.useReducer((t,o)=>{const a=r[t][o];return a??t},e)}const q=e=>{const{present:r,children:t}=e,o=yr(r),a=typeof t=="function"?t({present:o.isPresent}):s.Children.only(t),n=O(o.ref,a.ref);return typeof t=="function"||o.isPresent?s.cloneElement(a,{ref:n}):null};q.displayName="Presence";function yr(e){const[r,t]=s.useState(),o=s.useRef({}),a=s.useRef(e),n=s.useRef("none"),i=e?"mounted":"unmounted",[c,u]=wr(i,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return s.useEffect(()=>{const l=ae(o.current);n.current=c==="mounted"?l:"none"},[c]),he(()=>{const l=o.current,d=a.current;if(d!==e){const p=n.current,h=ae(l);e?u("MOUNT"):h==="none"||(l==null?void 0:l.display)==="none"?u("UNMOUNT"):u(d&&p!==h?"ANIMATION_OUT":"UNMOUNT"),a.current=e}},[e,u]),he(()=>{if(r){const l=f=>{const h=ae(o.current).includes(f.animationName);f.target===r&&h&&We.flushSync(()=>u("ANIMATION_END"))},d=f=>{f.target===r&&(n.current=ae(o.current))};return r.addEventListener("animationstart",d),r.addEventListener("animationcancel",l),r.addEventListener("animationend",l),()=>{r.removeEventListener("animationstart",d),r.removeEventListener("animationcancel",l),r.removeEventListener("animationend",l)}}else u("ANIMATION_END")},[r,u]),{isPresent:["mounted","unmountSuspended"].includes(c),ref:s.useCallback(l=>{l&&(o.current=getComputedStyle(l)),t(l)},[])}}function ae(e){return(e==null?void 0:e.animationName)||"none"}let xe=0;function Er(){s.useEffect(()=>{var e,r;const t=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",(e=t[0])!==null&&e!==void 0?e:Qe()),document.body.insertAdjacentElement("beforeend",(r=t[1])!==null&&r!==void 0?r:Qe()),xe++,()=>{xe===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(o=>o.remove()),xe--}},[])}function Qe(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.cssText="outline: none; opacity: 0; position: fixed; pointer-events: none",e}var I=function(){return I=Object.assign||function(r){for(var t,o=1,a=arguments.length;o<a;o++){t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},I.apply(this,arguments)};function pt(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]]);return t}function Sr(e,r,t){if(t||arguments.length===2)for(var o=0,a=r.length,n;o<a;o++)(n||!(o in r))&&(n||(n=Array.prototype.slice.call(r,0,o)),n[o]=r[o]);return e.concat(n||Array.prototype.slice.call(r))}var pe="right-scroll-bar-position",ve="width-before-scroll-bar",xr="with-scroll-bars-hidden",Cr="--removed-body-scroll-bar-size";function Ce(e,r){return typeof e=="function"?e(r):e&&(e.current=r),e}function Pr(e,r){var t=s.useState(function(){return{value:e,callback:r,facade:{get current(){return t.value},set current(o){var a=t.value;a!==o&&(t.value=o,t.callback(o,a))}}}})[0];return t.callback=r,t.facade}var Tr=typeof window<"u"?$.useLayoutEffect:$.useEffect,Je=new WeakMap;function Ar(e,r){var t=Pr(null,function(o){return e.forEach(function(a){return Ce(a,o)})});return Tr(function(){var o=Je.get(t);if(o){var a=new Set(o),n=new Set(e),i=t.current;a.forEach(function(c){n.has(c)||Ce(c,null)}),n.forEach(function(c){a.has(c)||Ce(c,i)})}Je.set(t,e)},[e]),t}function Rr(e){return e}function Dr(e,r){r===void 0&&(r=Rr);var t=[],o=!1,a={read:function(){if(o)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return t.length?t[t.length-1]:e},useMedium:function(n){var i=r(n,o);return t.push(i),function(){t=t.filter(function(c){return c!==i})}},assignSyncMedium:function(n){for(o=!0;t.length;){var i=t;t=[],i.forEach(n)}t={push:function(c){return n(c)},filter:function(){return t}}},assignMedium:function(n){o=!0;var i=[];if(t.length){var c=t;t=[],c.forEach(n),i=t}var u=function(){var d=i;i=[],d.forEach(n)},l=function(){return Promise.resolve().then(u)};l(),t={push:function(d){i.push(d),l()},filter:function(d){return i=i.filter(d),t}}}};return a}function Nr(e){e===void 0&&(e={});var r=Dr(null);return r.options=I({async:!0,ssr:!1},e),r}var vt=function(e){var r=e.sideCar,t=pt(e,["sideCar"]);if(!r)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var o=r.read();if(!o)throw new Error("Sidecar medium not found");return $.createElement(o,I({},t))};vt.isSideCarExport=!0;function Or(e,r){return e.useMedium(r),vt}var ht=Nr(),Pe=function(){},ge=$.forwardRef(function(e,r){var t=$.useRef(null),o=$.useState({onScrollCapture:Pe,onWheelCapture:Pe,onTouchMoveCapture:Pe}),a=o[0],n=o[1],i=e.forwardProps,c=e.children,u=e.className,l=e.removeScrollBar,d=e.enabled,f=e.shards,p=e.sideCar,h=e.noIsolation,g=e.inert,v=e.allowPinchZoom,b=e.as,_=b===void 0?"div":b,C=pt(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),y=p,E=Ar([t,r]),P=I(I({},C),a);return $.createElement($.Fragment,null,d&&$.createElement(y,{sideCar:ht,removeScrollBar:l,shards:f,noIsolation:h,inert:g,setCallbacks:n,allowPinchZoom:!!v,lockRef:t}),i?$.cloneElement($.Children.only(c),I(I({},P),{ref:E})):$.createElement(_,I({},P,{className:u,ref:E}),c))});ge.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};ge.classNames={fullWidth:ve,zeroRight:pe};var Lr=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function jr(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var r=Lr();return r&&e.setAttribute("nonce",r),e}function Mr(e,r){e.styleSheet?e.styleSheet.cssText=r:e.appendChild(document.createTextNode(r))}function Ir(e){var r=document.head||document.getElementsByTagName("head")[0];r.appendChild(e)}var kr=function(){var e=0,r=null;return{add:function(t){e==0&&(r=jr())&&(Mr(r,t),Ir(r)),e++},remove:function(){e--,!e&&r&&(r.parentNode&&r.parentNode.removeChild(r),r=null)}}},Fr=function(){var e=kr();return function(r,t){$.useEffect(function(){return e.add(r),function(){e.remove()}},[r&&t])}},mt=function(){var e=Fr(),r=function(t){var o=t.styles,a=t.dynamic;return e(o,a),null};return r},zr={left:0,top:0,right:0,gap:0},Te=function(e){return parseInt(e||"",10)||0},Wr=function(e){var r=window.getComputedStyle(document.body),t=r[e==="padding"?"paddingLeft":"marginLeft"],o=r[e==="padding"?"paddingTop":"marginTop"],a=r[e==="padding"?"paddingRight":"marginRight"];return[Te(t),Te(o),Te(a)]},Ur=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return zr;var r=Wr(e),t=document.documentElement.clientWidth,o=window.innerWidth;return{left:r[0],top:r[1],right:r[2],gap:Math.max(0,o-t+r[2]-r[0])}},qr=mt(),Q="data-scroll-locked",Hr=function(e,r,t,o){var a=e.left,n=e.top,i=e.right,c=e.gap;return t===void 0&&(t="margin"),`
|
|
2
|
-
.`.concat(
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),N=require("react"),pt=require("react-dom");function vt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const c=vt(N),wr=vt(pt);function T(e,t,{checkForDefaultPrevented:r=!0}={}){return function(a){if(e==null||e(a),r===!1||!a.defaultPrevented)return t==null?void 0:t(a)}}function Ge(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function ht(...e){return t=>{let r=!1;const o=e.map(a=>{const n=Ge(a,t);return!r&&typeof n=="function"&&(r=!0),n});if(r)return()=>{for(let a=0;a<o.length;a++){const n=o[a];typeof n=="function"?n():Ge(e[a],null)}}}}function O(...e){return c.useCallback(ht(...e),e)}function br(e,t){const r=c.createContext(t),o=n=>{const{children:s,...i}=n,u=c.useMemo(()=>i,Object.values(i));return d.jsx(r.Provider,{value:u,children:s})};o.displayName=e+"Provider";function a(n){const s=c.useContext(r);if(s)return s;if(t!==void 0)return t;throw new Error(`\`${n}\` must be used within \`${e}\``)}return[o,a]}function mt(e,t=[]){let r=[];function o(n,s){const i=c.createContext(s),u=r.length;r=[...r,s];const l=v=>{var w;const{scope:p,children:m,..._}=v,h=((w=p==null?void 0:p[e])==null?void 0:w[u])||i,g=c.useMemo(()=>_,Object.values(_));return d.jsx(h.Provider,{value:g,children:m})};l.displayName=n+"Provider";function f(v,p){var h;const m=((h=p==null?void 0:p[e])==null?void 0:h[u])||i,_=c.useContext(m);if(_)return _;if(s!==void 0)return s;throw new Error(`\`${v}\` must be used within \`${n}\``)}return[l,f]}const a=()=>{const n=r.map(s=>c.createContext(s));return function(i){const u=(i==null?void 0:i[e])||n;return c.useMemo(()=>({[`__scope${e}`]:{...i,[e]:u}}),[i,u])}};return a.scopeName=e,[o,yr(a,...t)]}function yr(...e){const t=e[0];if(e.length===1)return t;const r=()=>{const o=e.map(a=>({useScope:a(),scopeName:a.scopeName}));return function(n){const s=o.reduce((i,{useScope:u,scopeName:l})=>{const v=u(n)[`__scope${l}`];return{...i,...v}},{});return c.useMemo(()=>({[`__scope${t.scopeName}`]:s}),[s])}};return r.scopeName=t.scopeName,r}var ae=globalThis!=null&&globalThis.document?c.useLayoutEffect:()=>{},Sr=c.useId||(()=>{}),Er=0;function Ee(e){const[t,r]=c.useState(Sr());return ae(()=>{e||r(o=>o??String(Er++))},[e]),e||(t?`radix-${t}`:"")}function D(e){const t=c.useRef(e);return c.useEffect(()=>{t.current=e}),c.useMemo(()=>(...r)=>{var o;return(o=t.current)==null?void 0:o.call(t,...r)},[])}function xr({prop:e,defaultProp:t,onChange:r=()=>{}}){const[o,a]=Cr({defaultProp:t,onChange:r}),n=e!==void 0,s=n?e:o,i=D(r),u=c.useCallback(l=>{if(n){const v=typeof l=="function"?l(e):l;v!==e&&i(v)}else a(l)},[n,e,a,i]);return[s,u]}function Cr({defaultProp:e,onChange:t}){const r=c.useState(e),[o]=r,a=c.useRef(o),n=D(t);return c.useEffect(()=>{a.current!==o&&(n(o),a.current=o)},[o,a,n]),r}var Fe=c.forwardRef((e,t)=>{const{children:r,...o}=e,a=c.Children.toArray(r),n=a.find(Nr);if(n){const s=n.props.children,i=a.map(u=>u===n?c.Children.count(s)>1?c.Children.only(null):c.isValidElement(s)?s.props.children:null:u);return d.jsx(Oe,{...o,ref:t,children:c.isValidElement(s)?c.cloneElement(s,void 0,i):null})}return d.jsx(Oe,{...o,ref:t,children:r})});Fe.displayName="Slot";var Oe=c.forwardRef((e,t)=>{const{children:r,...o}=e;if(c.isValidElement(r)){const a=Ar(r),n=Rr(o,r.props);return r.type!==c.Fragment&&(n.ref=t?ht(t,a):a),c.cloneElement(r,n)}return c.Children.count(r)>1?c.Children.only(null):null});Oe.displayName="SlotClone";var Pr=({children:e})=>d.jsx(d.Fragment,{children:e});function Nr(e){return c.isValidElement(e)&&e.type===Pr}function Rr(e,t){const r={...t};for(const o in t){const a=e[o],n=t[o];/^on[A-Z]/.test(o)?a&&n?r[o]=(...i)=>{n(...i),a(...i)}:a&&(r[o]=a):o==="style"?r[o]={...a,...n}:o==="className"&&(r[o]=[a,n].filter(Boolean).join(" "))}return{...e,...r}}function Ar(e){var o,a;let t=(o=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:o.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(a=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:a.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}var Tr=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],j=Tr.reduce((e,t)=>{const r=c.forwardRef((o,a)=>{const{asChild:n,...s}=o,i=n?Fe:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),d.jsx(i,{...s,ref:a})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});function Dr(e,t){e&&wr.flushSync(()=>e.dispatchEvent(t))}function jr(e,t=globalThis==null?void 0:globalThis.document){const r=D(e);c.useEffect(()=>{const o=a=>{a.key==="Escape"&&r(a)};return t.addEventListener("keydown",o,{capture:!0}),()=>t.removeEventListener("keydown",o,{capture:!0})},[r,t])}var Or="DismissableLayer",Le="dismissableLayer.update",Lr="dismissableLayer.pointerDownOutside",Mr="dismissableLayer.focusOutside",Ke,gt=c.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),_t=c.forwardRef((e,t)=>{const{disableOutsidePointerEvents:r=!1,onEscapeKeyDown:o,onPointerDownOutside:a,onFocusOutside:n,onInteractOutside:s,onDismiss:i,...u}=e,l=c.useContext(gt),[f,v]=c.useState(null),p=(f==null?void 0:f.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,m]=c.useState({}),_=O(t,b=>v(b)),h=Array.from(l.layers),[g]=[...l.layersWithOutsidePointerEventsDisabled].slice(-1),w=h.indexOf(g),E=f?h.indexOf(f):-1,S=l.layersWithOutsidePointerEventsDisabled.size>0,y=E>=w,x=kr(b=>{const R=b.target,C=[...l.branches].some(A=>A.contains(R));!y||C||(a==null||a(b),s==null||s(b),b.defaultPrevented||i==null||i())},p),P=Wr(b=>{const R=b.target;[...l.branches].some(A=>A.contains(R))||(n==null||n(b),s==null||s(b),b.defaultPrevented||i==null||i())},p);return jr(b=>{E===l.layers.size-1&&(o==null||o(b),!b.defaultPrevented&&i&&(b.preventDefault(),i()))},p),c.useEffect(()=>{if(f)return r&&(l.layersWithOutsidePointerEventsDisabled.size===0&&(Ke=p.body.style.pointerEvents,p.body.style.pointerEvents="none"),l.layersWithOutsidePointerEventsDisabled.add(f)),l.layers.add(f),Ze(),()=>{r&&l.layersWithOutsidePointerEventsDisabled.size===1&&(p.body.style.pointerEvents=Ke)}},[f,p,r,l]),c.useEffect(()=>()=>{f&&(l.layers.delete(f),l.layersWithOutsidePointerEventsDisabled.delete(f),Ze())},[f,l]),c.useEffect(()=>{const b=()=>m({});return document.addEventListener(Le,b),()=>document.removeEventListener(Le,b)},[]),d.jsx(j.div,{...u,ref:_,style:{pointerEvents:S?y?"auto":"none":void 0,...e.style},onFocusCapture:T(e.onFocusCapture,P.onFocusCapture),onBlurCapture:T(e.onBlurCapture,P.onBlurCapture),onPointerDownCapture:T(e.onPointerDownCapture,x.onPointerDownCapture)})});_t.displayName=Or;var $r="DismissableLayerBranch",Ir=c.forwardRef((e,t)=>{const r=c.useContext(gt),o=c.useRef(null),a=O(t,o);return c.useEffect(()=>{const n=o.current;if(n)return r.branches.add(n),()=>{r.branches.delete(n)}},[r.branches]),d.jsx(j.div,{...e,ref:a})});Ir.displayName=$r;function kr(e,t=globalThis==null?void 0:globalThis.document){const r=D(e),o=c.useRef(!1),a=c.useRef(()=>{});return c.useEffect(()=>{const n=i=>{if(i.target&&!o.current){let u=function(){wt(Lr,r,l,{discrete:!0})};const l={originalEvent:i};i.pointerType==="touch"?(t.removeEventListener("click",a.current),a.current=u,t.addEventListener("click",a.current,{once:!0})):u()}else t.removeEventListener("click",a.current);o.current=!1},s=window.setTimeout(()=>{t.addEventListener("pointerdown",n)},0);return()=>{window.clearTimeout(s),t.removeEventListener("pointerdown",n),t.removeEventListener("click",a.current)}},[t,r]),{onPointerDownCapture:()=>o.current=!0}}function Wr(e,t=globalThis==null?void 0:globalThis.document){const r=D(e),o=c.useRef(!1);return c.useEffect(()=>{const a=n=>{n.target&&!o.current&&wt(Mr,r,{originalEvent:n},{discrete:!1})};return t.addEventListener("focusin",a),()=>t.removeEventListener("focusin",a)},[t,r]),{onFocusCapture:()=>o.current=!0,onBlurCapture:()=>o.current=!1}}function Ze(){const e=new CustomEvent(Le);document.dispatchEvent(e)}function wt(e,t,r,{discrete:o}){const a=r.originalEvent.target,n=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:r});t&&a.addEventListener(e,t,{once:!0}),o?Dr(a,n):a.dispatchEvent(n)}var xe="focusScope.autoFocusOnMount",Ce="focusScope.autoFocusOnUnmount",Qe={bubbles:!1,cancelable:!0},Fr="FocusScope",bt=c.forwardRef((e,t)=>{const{loop:r=!1,trapped:o=!1,onMountAutoFocus:a,onUnmountAutoFocus:n,...s}=e,[i,u]=c.useState(null),l=D(a),f=D(n),v=c.useRef(null),p=O(t,h=>u(h)),m=c.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;c.useEffect(()=>{if(o){let h=function(S){if(m.paused||!i)return;const y=S.target;i.contains(y)?v.current=y:F(v.current,{select:!0})},g=function(S){if(m.paused||!i)return;const y=S.relatedTarget;y!==null&&(i.contains(y)||F(v.current,{select:!0}))},w=function(S){if(document.activeElement===document.body)for(const x of S)x.removedNodes.length>0&&F(i)};document.addEventListener("focusin",h),document.addEventListener("focusout",g);const E=new MutationObserver(w);return i&&E.observe(i,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",h),document.removeEventListener("focusout",g),E.disconnect()}}},[o,i,m.paused]),c.useEffect(()=>{if(i){et.add(m);const h=document.activeElement;if(!i.contains(h)){const w=new CustomEvent(xe,Qe);i.addEventListener(xe,l),i.dispatchEvent(w),w.defaultPrevented||(Ur(Yr(yt(i)),{select:!0}),document.activeElement===h&&F(i))}return()=>{i.removeEventListener(xe,l),setTimeout(()=>{const w=new CustomEvent(Ce,Qe);i.addEventListener(Ce,f),i.dispatchEvent(w),w.defaultPrevented||F(h??document.body,{select:!0}),i.removeEventListener(Ce,f),et.remove(m)},0)}}},[i,l,f,m]);const _=c.useCallback(h=>{if(!r&&!o||m.paused)return;const g=h.key==="Tab"&&!h.altKey&&!h.ctrlKey&&!h.metaKey,w=document.activeElement;if(g&&w){const E=h.currentTarget,[S,y]=qr(E);S&&y?!h.shiftKey&&w===y?(h.preventDefault(),r&&F(S,{select:!0})):h.shiftKey&&w===S&&(h.preventDefault(),r&&F(y,{select:!0})):w===E&&h.preventDefault()}},[r,o,m.paused]);return d.jsx(j.div,{tabIndex:-1,...s,ref:p,onKeyDown:_})});bt.displayName=Fr;function Ur(e,{select:t=!1}={}){const r=document.activeElement;for(const o of e)if(F(o,{select:t}),document.activeElement!==r)return}function qr(e){const t=yt(e),r=Je(t,e),o=Je(t.reverse(),e);return[r,o]}function yt(e){const t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:o=>{const a=o.tagName==="INPUT"&&o.type==="hidden";return o.disabled||o.hidden||a?NodeFilter.FILTER_SKIP:o.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function Je(e,t){for(const r of e)if(!zr(r,{upTo:t}))return r}function zr(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function Hr(e){return e instanceof HTMLInputElement&&"select"in e}function F(e,{select:t=!1}={}){if(e&&e.focus){const r=document.activeElement;e.focus({preventScroll:!0}),e!==r&&Hr(e)&&t&&e.select()}}var et=Br();function Br(){let e=[];return{add(t){const r=e[0];t!==r&&(r==null||r.pause()),e=tt(e,t),e.unshift(t)},remove(t){var r;e=tt(e,t),(r=e[0])==null||r.resume()}}}function tt(e,t){const r=[...e],o=r.indexOf(t);return o!==-1&&r.splice(o,1),r}function Yr(e){return e.filter(t=>t.tagName!=="A")}var Vr="Portal",St=c.forwardRef((e,t)=>{var i;const{container:r,...o}=e,[a,n]=c.useState(!1);ae(()=>n(!0),[]);const s=r||a&&((i=globalThis==null?void 0:globalThis.document)==null?void 0:i.body);return s?pt.createPortal(d.jsx(j.div,{...o,ref:t}),s):null});St.displayName=Vr;function Xr(e,t){return c.useReducer((r,o)=>t[r][o]??r,e)}var U=e=>{const{present:t,children:r}=e,o=Gr(t),a=typeof r=="function"?r({present:o.isPresent}):c.Children.only(r),n=O(o.ref,Kr(a));return typeof r=="function"||o.isPresent?c.cloneElement(a,{ref:n}):null};U.displayName="Presence";function Gr(e){const[t,r]=c.useState(),o=c.useRef({}),a=c.useRef(e),n=c.useRef("none"),s=e?"mounted":"unmounted",[i,u]=Xr(s,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return c.useEffect(()=>{const l=ie(o.current);n.current=i==="mounted"?l:"none"},[i]),ae(()=>{const l=o.current,f=a.current;if(f!==e){const p=n.current,m=ie(l);e?u("MOUNT"):m==="none"||(l==null?void 0:l.display)==="none"?u("UNMOUNT"):u(f&&p!==m?"ANIMATION_OUT":"UNMOUNT"),a.current=e}},[e,u]),ae(()=>{if(t){let l;const f=t.ownerDocument.defaultView??window,v=m=>{const h=ie(o.current).includes(m.animationName);if(m.target===t&&h&&(u("ANIMATION_END"),!a.current)){const g=t.style.animationFillMode;t.style.animationFillMode="forwards",l=f.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=g)})}},p=m=>{m.target===t&&(n.current=ie(o.current))};return t.addEventListener("animationstart",p),t.addEventListener("animationcancel",v),t.addEventListener("animationend",v),()=>{f.clearTimeout(l),t.removeEventListener("animationstart",p),t.removeEventListener("animationcancel",v),t.removeEventListener("animationend",v)}}else u("ANIMATION_END")},[t,u]),{isPresent:["mounted","unmountSuspended"].includes(i),ref:c.useCallback(l=>{l&&(o.current=getComputedStyle(l)),r(l)},[])}}function ie(e){return(e==null?void 0:e.animationName)||"none"}function Kr(e){var o,a;let t=(o=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:o.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(a=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:a.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}var Pe=0;function Zr(){c.useEffect(()=>{const e=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",e[0]??rt()),document.body.insertAdjacentElement("beforeend",e[1]??rt()),Pe++,()=>{Pe===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(t=>t.remove()),Pe--}},[])}function rt(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}var $=function(){return $=Object.assign||function(t){for(var r,o=1,a=arguments.length;o<a;o++){r=arguments[o];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},$.apply(this,arguments)};function Et(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]]);return r}function Qr(e,t,r){if(r||arguments.length===2)for(var o=0,a=t.length,n;o<a;o++)(n||!(o in t))&&(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}var ve="right-scroll-bar-position",he="width-before-scroll-bar",Jr="with-scroll-bars-hidden",en="--removed-body-scroll-bar-size";function Ne(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function tn(e,t){var r=N.useState(function(){return{value:e,callback:t,facade:{get current(){return r.value},set current(o){var a=r.value;a!==o&&(r.value=o,r.callback(o,a))}}}})[0];return r.callback=t,r.facade}var rn=typeof window<"u"?c.useLayoutEffect:c.useEffect,nt=new WeakMap;function nn(e,t){var r=tn(null,function(o){return e.forEach(function(a){return Ne(a,o)})});return rn(function(){var o=nt.get(r);if(o){var a=new Set(o),n=new Set(e),s=r.current;a.forEach(function(i){n.has(i)||Ne(i,null)}),n.forEach(function(i){a.has(i)||Ne(i,s)})}nt.set(r,e)},[e]),r}function on(e){return e}function an(e,t){t===void 0&&(t=on);var r=[],o=!1,a={read:function(){if(o)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return r.length?r[r.length-1]:e},useMedium:function(n){var s=t(n,o);return r.push(s),function(){r=r.filter(function(i){return i!==s})}},assignSyncMedium:function(n){for(o=!0;r.length;){var s=r;r=[],s.forEach(n)}r={push:function(i){return n(i)},filter:function(){return r}}},assignMedium:function(n){o=!0;var s=[];if(r.length){var i=r;r=[],i.forEach(n),s=r}var u=function(){var f=s;s=[],f.forEach(n)},l=function(){return Promise.resolve().then(u)};l(),r={push:function(f){s.push(f),l()},filter:function(f){return s=s.filter(f),r}}}};return a}function sn(e){e===void 0&&(e={});var t=an(null);return t.options=$({async:!0,ssr:!1},e),t}var xt=function(e){var t=e.sideCar,r=Et(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var o=t.read();if(!o)throw new Error("Sidecar medium not found");return c.createElement(o,$({},r))};xt.isSideCarExport=!0;function cn(e,t){return e.useMedium(t),xt}var Ct=sn(),Re=function(){},we=c.forwardRef(function(e,t){var r=c.useRef(null),o=c.useState({onScrollCapture:Re,onWheelCapture:Re,onTouchMoveCapture:Re}),a=o[0],n=o[1],s=e.forwardProps,i=e.children,u=e.className,l=e.removeScrollBar,f=e.enabled,v=e.shards,p=e.sideCar,m=e.noIsolation,_=e.inert,h=e.allowPinchZoom,g=e.as,w=g===void 0?"div":g,E=e.gapMode,S=Et(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as","gapMode"]),y=p,x=nn([r,t]),P=$($({},S),a);return c.createElement(c.Fragment,null,f&&c.createElement(y,{sideCar:Ct,removeScrollBar:l,shards:v,noIsolation:m,inert:_,setCallbacks:n,allowPinchZoom:!!h,lockRef:r,gapMode:E}),s?c.cloneElement(c.Children.only(i),$($({},P),{ref:x})):c.createElement(w,$({},P,{className:u,ref:x}),i))});we.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};we.classNames={fullWidth:he,zeroRight:ve};var ln=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function un(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=ln();return t&&e.setAttribute("nonce",t),e}function dn(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function fn(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var pn=function(){var e=0,t=null;return{add:function(r){e==0&&(t=un())&&(dn(t,r),fn(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},vn=function(){var e=pn();return function(t,r){c.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&r])}},Pt=function(){var e=vn(),t=function(r){var o=r.styles,a=r.dynamic;return e(o,a),null};return t},hn={left:0,top:0,right:0,gap:0},Ae=function(e){return parseInt(e||"",10)||0},mn=function(e){var t=window.getComputedStyle(document.body),r=t[e==="padding"?"paddingLeft":"marginLeft"],o=t[e==="padding"?"paddingTop":"marginTop"],a=t[e==="padding"?"paddingRight":"marginRight"];return[Ae(r),Ae(o),Ae(a)]},gn=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return hn;var t=mn(e),r=document.documentElement.clientWidth,o=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,o-r+t[2]-t[0])}},_n=Pt(),Q="data-scroll-locked",wn=function(e,t,r,o){var a=e.left,n=e.top,s=e.right,i=e.gap;return r===void 0&&(r="margin"),`
|
|
2
|
+
.`.concat(Jr,` {
|
|
3
3
|
overflow: hidden `).concat(o,`;
|
|
4
|
-
padding-right: `).concat(
|
|
4
|
+
padding-right: `).concat(i,"px ").concat(o,`;
|
|
5
5
|
}
|
|
6
6
|
body[`).concat(Q,`] {
|
|
7
7
|
overflow: hidden `).concat(o,`;
|
|
8
8
|
overscroll-behavior: contain;
|
|
9
|
-
`).concat([
|
|
9
|
+
`).concat([t&&"position: relative ".concat(o,";"),r==="margin"&&`
|
|
10
10
|
padding-left: `.concat(a,`px;
|
|
11
11
|
padding-top: `).concat(n,`px;
|
|
12
|
-
padding-right: `).concat(
|
|
12
|
+
padding-right: `).concat(s,`px;
|
|
13
13
|
margin-left:0;
|
|
14
14
|
margin-top:0;
|
|
15
|
-
margin-right: `).concat(
|
|
16
|
-
`),
|
|
15
|
+
margin-right: `).concat(i,"px ").concat(o,`;
|
|
16
|
+
`),r==="padding"&&"padding-right: ".concat(i,"px ").concat(o,";")].filter(Boolean).join(""),`
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.`).concat(
|
|
20
|
-
right: `).concat(
|
|
19
|
+
.`).concat(ve,` {
|
|
20
|
+
right: `).concat(i,"px ").concat(o,`;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
.`).concat(
|
|
24
|
-
margin-right: `).concat(
|
|
23
|
+
.`).concat(he,` {
|
|
24
|
+
margin-right: `).concat(i,"px ").concat(o,`;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
.`).concat(
|
|
27
|
+
.`).concat(ve," .").concat(ve,` {
|
|
28
28
|
right: 0 `).concat(o,`;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.`).concat(
|
|
31
|
+
.`).concat(he," .").concat(he,` {
|
|
32
32
|
margin-right: 0 `).concat(o,`;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
body[`).concat(Q,`] {
|
|
36
|
-
`).concat(
|
|
36
|
+
`).concat(en,": ").concat(i,`px;
|
|
37
37
|
}
|
|
38
|
-
`)},
|
|
38
|
+
`)},ot=function(){var e=parseInt(document.body.getAttribute(Q)||"0",10);return isFinite(e)?e:0},bn=function(){c.useEffect(function(){return document.body.setAttribute(Q,(ot()+1).toString()),function(){var e=ot()-1;e<=0?document.body.removeAttribute(Q):document.body.setAttribute(Q,e.toString())}},[])},yn=function(e){var t=e.noRelative,r=e.noImportant,o=e.gapMode,a=o===void 0?"margin":o;bn();var n=c.useMemo(function(){return gn(a)},[a]);return c.createElement(_n,{styles:wn(n,!t,a,r?"":"!important")})},Me=!1;if(typeof window<"u")try{var se=Object.defineProperty({},"passive",{get:function(){return Me=!0,!0}});window.addEventListener("test",se,se),window.removeEventListener("test",se,se)}catch{Me=!1}var V=Me?{passive:!1}:!1,Sn=function(e){return e.tagName==="TEXTAREA"},Nt=function(e,t){if(!(e instanceof Element))return!1;var r=window.getComputedStyle(e);return r[t]!=="hidden"&&!(r.overflowY===r.overflowX&&!Sn(e)&&r[t]==="visible")},En=function(e){return Nt(e,"overflowY")},xn=function(e){return Nt(e,"overflowX")},at=function(e,t){var r=t.ownerDocument,o=t;do{typeof ShadowRoot<"u"&&o instanceof ShadowRoot&&(o=o.host);var a=Rt(e,o);if(a){var n=At(e,o),s=n[1],i=n[2];if(s>i)return!0}o=o.parentNode}while(o&&o!==r.body);return!1},Cn=function(e){var t=e.scrollTop,r=e.scrollHeight,o=e.clientHeight;return[t,r,o]},Pn=function(e){var t=e.scrollLeft,r=e.scrollWidth,o=e.clientWidth;return[t,r,o]},Rt=function(e,t){return e==="v"?En(t):xn(t)},At=function(e,t){return e==="v"?Cn(t):Pn(t)},Nn=function(e,t){return e==="h"&&t==="rtl"?-1:1},Rn=function(e,t,r,o,a){var n=Nn(e,window.getComputedStyle(t).direction),s=n*o,i=r.target,u=t.contains(i),l=!1,f=s>0,v=0,p=0;do{var m=At(e,i),_=m[0],h=m[1],g=m[2],w=h-g-n*_;(_||w)&&Rt(e,i)&&(v+=w,p+=_),i instanceof ShadowRoot?i=i.host:i=i.parentNode}while(!u&&i!==document.body||u&&(t.contains(i)||t===i));return(f&&Math.abs(v)<1||!f&&Math.abs(p)<1)&&(l=!0),l},ce=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},it=function(e){return[e.deltaX,e.deltaY]},st=function(e){return e&&"current"in e?e.current:e},An=function(e,t){return e[0]===t[0]&&e[1]===t[1]},Tn=function(e){return`
|
|
39
39
|
.block-interactivity-`.concat(e,` {pointer-events: none;}
|
|
40
40
|
.allow-interactivity-`).concat(e,` {pointer-events: all;}
|
|
41
|
-
`)},
|
|
41
|
+
`)},Dn=0,X=[];function jn(e){var t=c.useRef([]),r=c.useRef([0,0]),o=c.useRef(),a=c.useState(Dn++)[0],n=c.useState(Pt)[0],s=c.useRef(e);c.useEffect(function(){s.current=e},[e]),c.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(a));var h=Qr([e.lockRef.current],(e.shards||[]).map(st),!0).filter(Boolean);return h.forEach(function(g){return g.classList.add("allow-interactivity-".concat(a))}),function(){document.body.classList.remove("block-interactivity-".concat(a)),h.forEach(function(g){return g.classList.remove("allow-interactivity-".concat(a))})}}},[e.inert,e.lockRef.current,e.shards]);var i=c.useCallback(function(h,g){if("touches"in h&&h.touches.length===2||h.type==="wheel"&&h.ctrlKey)return!s.current.allowPinchZoom;var w=ce(h),E=r.current,S="deltaX"in h?h.deltaX:E[0]-w[0],y="deltaY"in h?h.deltaY:E[1]-w[1],x,P=h.target,b=Math.abs(S)>Math.abs(y)?"h":"v";if("touches"in h&&b==="h"&&P.type==="range")return!1;var R=at(b,P);if(!R)return!0;if(R?x=b:(x=b==="v"?"h":"v",R=at(b,P)),!R)return!1;if(!o.current&&"changedTouches"in h&&(S||y)&&(o.current=x),!x)return!0;var C=o.current||x;return Rn(C,g,h,C==="h"?S:y)},[]),u=c.useCallback(function(h){var g=h;if(!(!X.length||X[X.length-1]!==n)){var w="deltaY"in g?it(g):ce(g),E=t.current.filter(function(x){return x.name===g.type&&(x.target===g.target||g.target===x.shadowParent)&&An(x.delta,w)})[0];if(E&&E.should){g.cancelable&&g.preventDefault();return}if(!E){var S=(s.current.shards||[]).map(st).filter(Boolean).filter(function(x){return x.contains(g.target)}),y=S.length>0?i(g,S[0]):!s.current.noIsolation;y&&g.cancelable&&g.preventDefault()}}},[]),l=c.useCallback(function(h,g,w,E){var S={name:h,delta:g,target:w,should:E,shadowParent:On(w)};t.current.push(S),setTimeout(function(){t.current=t.current.filter(function(y){return y!==S})},1)},[]),f=c.useCallback(function(h){r.current=ce(h),o.current=void 0},[]),v=c.useCallback(function(h){l(h.type,it(h),h.target,i(h,e.lockRef.current))},[]),p=c.useCallback(function(h){l(h.type,ce(h),h.target,i(h,e.lockRef.current))},[]);c.useEffect(function(){return X.push(n),e.setCallbacks({onScrollCapture:v,onWheelCapture:v,onTouchMoveCapture:p}),document.addEventListener("wheel",u,V),document.addEventListener("touchmove",u,V),document.addEventListener("touchstart",f,V),function(){X=X.filter(function(h){return h!==n}),document.removeEventListener("wheel",u,V),document.removeEventListener("touchmove",u,V),document.removeEventListener("touchstart",f,V)}},[]);var m=e.removeScrollBar,_=e.inert;return c.createElement(c.Fragment,null,_?c.createElement(n,{styles:Tn(a)}):null,m?c.createElement(yn,{gapMode:e.gapMode}):null)}function On(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const Ln=cn(Ct,jn);var Tt=c.forwardRef(function(e,t){return c.createElement(we,$({},e,{ref:t,sideCar:Ln}))});Tt.classNames=we.classNames;var Mn=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},G=new WeakMap,le=new WeakMap,ue={},Te=0,Dt=function(e){return e&&(e.host||Dt(e.parentNode))},$n=function(e,t){return t.map(function(r){if(e.contains(r))return r;var o=Dt(r);return o&&e.contains(o)?o:(console.error("aria-hidden",r,"in not contained inside",e,". Doing nothing"),null)}).filter(function(r){return!!r})},In=function(e,t,r,o){var a=$n(t,Array.isArray(e)?e:[e]);ue[r]||(ue[r]=new WeakMap);var n=ue[r],s=[],i=new Set,u=new Set(a),l=function(v){!v||i.has(v)||(i.add(v),l(v.parentNode))};a.forEach(l);var f=function(v){!v||u.has(v)||Array.prototype.forEach.call(v.children,function(p){if(i.has(p))f(p);else try{var m=p.getAttribute(o),_=m!==null&&m!=="false",h=(G.get(p)||0)+1,g=(n.get(p)||0)+1;G.set(p,h),n.set(p,g),s.push(p),h===1&&_&&le.set(p,!0),g===1&&p.setAttribute(r,"true"),_||p.setAttribute(o,"true")}catch(w){console.error("aria-hidden: cannot operate on ",p,w)}})};return f(t),i.clear(),Te++,function(){s.forEach(function(v){var p=G.get(v)-1,m=n.get(v)-1;G.set(v,p),n.set(v,m),p||(le.has(v)||v.removeAttribute(o),le.delete(v)),m||v.removeAttribute(r)}),Te--,Te||(G=new WeakMap,G=new WeakMap,le=new WeakMap,ue={})}},kn=function(e,t,r){r===void 0&&(r="data-aria-hidden");var o=Array.from(Array.isArray(e)?e:[e]),a=Mn(e);return a?(o.push.apply(o,Array.from(a.querySelectorAll("[aria-live]"))),In(o,a,r,"aria-hidden")):function(){return null}},Ue="Dialog",[jt,ha]=mt(Ue),[Wn,M]=jt(Ue),Ot=e=>{const{__scopeDialog:t,children:r,open:o,defaultOpen:a,onOpenChange:n,modal:s=!0}=e,i=c.useRef(null),u=c.useRef(null),[l=!1,f]=xr({prop:o,defaultProp:a,onChange:n});return d.jsx(Wn,{scope:t,triggerRef:i,contentRef:u,contentId:Ee(),titleId:Ee(),descriptionId:Ee(),open:l,onOpenChange:f,onOpenToggle:c.useCallback(()=>f(v=>!v),[f]),modal:s,children:r})};Ot.displayName=Ue;var Lt="DialogTrigger",Mt=c.forwardRef((e,t)=>{const{__scopeDialog:r,...o}=e,a=M(Lt,r),n=O(t,a.triggerRef);return d.jsx(j.button,{type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":He(a.open),...o,ref:n,onClick:T(e.onClick,a.onOpenToggle)})});Mt.displayName=Lt;var qe="DialogPortal",[Fn,$t]=jt(qe,{forceMount:void 0}),It=e=>{const{__scopeDialog:t,forceMount:r,children:o,container:a}=e,n=M(qe,t);return d.jsx(Fn,{scope:t,forceMount:r,children:c.Children.map(o,s=>d.jsx(U,{present:r||n.open,children:d.jsx(St,{asChild:!0,container:a,children:s})}))})};It.displayName=qe;var me="DialogOverlay",kt=c.forwardRef((e,t)=>{const r=$t(me,e.__scopeDialog),{forceMount:o=r.forceMount,...a}=e,n=M(me,e.__scopeDialog);return n.modal?d.jsx(U,{present:o||n.open,children:d.jsx(Un,{...a,ref:t})}):null});kt.displayName=me;var Un=c.forwardRef((e,t)=>{const{__scopeDialog:r,...o}=e,a=M(me,r);return d.jsx(Tt,{as:Fe,allowPinchZoom:!0,shards:[a.contentRef],children:d.jsx(j.div,{"data-state":He(a.open),...o,ref:t,style:{pointerEvents:"auto",...o.style}})})}),H="DialogContent",Wt=c.forwardRef((e,t)=>{const r=$t(H,e.__scopeDialog),{forceMount:o=r.forceMount,...a}=e,n=M(H,e.__scopeDialog);return d.jsx(U,{present:o||n.open,children:n.modal?d.jsx(qn,{...a,ref:t}):d.jsx(zn,{...a,ref:t})})});Wt.displayName=H;var qn=c.forwardRef((e,t)=>{const r=M(H,e.__scopeDialog),o=c.useRef(null),a=O(t,r.contentRef,o);return c.useEffect(()=>{const n=o.current;if(n)return kn(n)},[]),d.jsx(Ft,{...e,ref:a,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:T(e.onCloseAutoFocus,n=>{var s;n.preventDefault(),(s=r.triggerRef.current)==null||s.focus()}),onPointerDownOutside:T(e.onPointerDownOutside,n=>{const s=n.detail.originalEvent,i=s.button===0&&s.ctrlKey===!0;(s.button===2||i)&&n.preventDefault()}),onFocusOutside:T(e.onFocusOutside,n=>n.preventDefault())})}),zn=c.forwardRef((e,t)=>{const r=M(H,e.__scopeDialog),o=c.useRef(!1),a=c.useRef(!1);return d.jsx(Ft,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:n=>{var s,i;(s=e.onCloseAutoFocus)==null||s.call(e,n),n.defaultPrevented||(o.current||(i=r.triggerRef.current)==null||i.focus(),n.preventDefault()),o.current=!1,a.current=!1},onInteractOutside:n=>{var u,l;(u=e.onInteractOutside)==null||u.call(e,n),n.defaultPrevented||(o.current=!0,n.detail.originalEvent.type==="pointerdown"&&(a.current=!0));const s=n.target;((l=r.triggerRef.current)==null?void 0:l.contains(s))&&n.preventDefault(),n.detail.originalEvent.type==="focusin"&&a.current&&n.preventDefault()}})}),Ft=c.forwardRef((e,t)=>{const{__scopeDialog:r,trapFocus:o,onOpenAutoFocus:a,onCloseAutoFocus:n,...s}=e,i=M(H,r),u=c.useRef(null),l=O(t,u);return Zr(),d.jsxs(d.Fragment,{children:[d.jsx(bt,{asChild:!0,loop:!0,trapped:o,onMountAutoFocus:a,onUnmountAutoFocus:n,children:d.jsx(_t,{role:"dialog",id:i.contentId,"aria-describedby":i.descriptionId,"aria-labelledby":i.titleId,"data-state":He(i.open),...s,ref:l,onDismiss:()=>i.onOpenChange(!1)})}),d.jsxs(d.Fragment,{children:[d.jsx(Hn,{titleId:i.titleId}),d.jsx(Yn,{contentRef:u,descriptionId:i.descriptionId})]})]})}),ze="DialogTitle",Ut=c.forwardRef((e,t)=>{const{__scopeDialog:r,...o}=e,a=M(ze,r);return d.jsx(j.h2,{id:a.titleId,...o,ref:t})});Ut.displayName=ze;var qt="DialogDescription",zt=c.forwardRef((e,t)=>{const{__scopeDialog:r,...o}=e,a=M(qt,r);return d.jsx(j.p,{id:a.descriptionId,...o,ref:t})});zt.displayName=qt;var Ht="DialogClose",Bt=c.forwardRef((e,t)=>{const{__scopeDialog:r,...o}=e,a=M(Ht,r);return d.jsx(j.button,{type:"button",...o,ref:t,onClick:T(e.onClick,()=>a.onOpenChange(!1))})});Bt.displayName=Ht;function He(e){return e?"open":"closed"}var Yt="DialogTitleWarning",[ma,Vt]=br(Yt,{contentName:H,titleName:ze,docsSlug:"dialog"}),Hn=({titleId:e})=>{const t=Vt(Yt),r=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
|
|
42
|
+
|
|
43
|
+
If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
44
|
+
|
|
45
|
+
For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return c.useEffect(()=>{e&&(document.getElementById(e)||console.error(r))},[r,e]),null},Bn="DialogDescriptionWarning",Yn=({contentRef:e,descriptionId:t})=>{const o=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Vt(Bn).contentName}}.`;return c.useEffect(()=>{var n;const a=(n=e.current)==null?void 0:n.getAttribute("aria-describedby");t&&a&&(document.getElementById(t)||console.warn(o))},[o,e,t]),null},Vn=Ot,Xn=Mt,Gn=It,Kn=kt,Zn=Wt,ct=Ut,Qn=zt,Jn=Bt;function eo(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Xt={exports:{}};/*!
|
|
42
46
|
Copyright (c) 2018 Jed Watson.
|
|
43
47
|
Licensed under the MIT License (MIT), see
|
|
44
48
|
http://jedwatson.github.io/classnames
|
|
45
|
-
*/(function(e){(function(){var
|
|
49
|
+
*/(function(e){(function(){var t={}.hasOwnProperty;function r(){for(var n="",s=0;s<arguments.length;s++){var i=arguments[s];i&&(n=a(n,o.call(this,i)))}return n}function o(n){if(typeof n=="string"||typeof n=="number")return this&&this[n]||n;if(typeof n!="object")return"";if(Array.isArray(n))return r.apply(this,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var s="";for(var i in n)t.call(n,i)&&n[i]&&(s=a(s,this&&this[i]||i));return s}function a(n,s){return s?n?n+" "+s:n+s:n}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(Xt);var to=Xt.exports;const B=eo(to),Gt=N.createContext(null),ro={},no="_drawerSmallScreenAnimation_10vdf_1",oo="_drawerLargeScreenAnimation_10vdf_1",ao="_slideDown_10vdf_1",io="_overlayAnimation_10vdf_1",so={"purpur-drawer-content":"_purpur-drawer-content_10vdf_1",drawerSmallScreenAnimation:no,drawerLargeScreenAnimation:oo,"purpur-drawer-content__content-container":"_purpur-drawer-content__content-container_10vdf_22","purpur-drawer-content__drawer-frame":"_purpur-drawer-content__drawer-frame_10vdf_27",slideDown:ao,"purpur-drawer-content__description":"_purpur-drawer-content__description_10vdf_37","purpur-drawer-overlay":"_purpur-drawer-overlay_10vdf_48",overlayAnimation:io},co={"purpur-drawer-container--header":"_purpur-drawer-container--header_1r6tb_1","purpur-drawer-container--body":"_purpur-drawer-container--body_1r6tb_5","purpur-drawer-container--sticky":"_purpur-drawer-container--sticky_1r6tb_8","purpur-drawer-container--footer":"_purpur-drawer-container--footer_1r6tb_11"},lo=B.bind(co),De="purpur-drawer-container",Z=N.forwardRef(({["data-testid"]:e="purpur-drawer-container",children:t,className:r,variant:o="body",stickyFooter:a,...n},s)=>{const i=lo([r,De,{[`${De}--${o}`]:o},{[`${De}--sticky`]:a}]);return d.jsx("div",{className:i,"data-testid":e,ref:s,...n,children:t})});Z.displayName="DrawerContainer";const uo={"purpur-drawer-frame":"_purpur-drawer-frame_jj7dt_1","purpur-drawer-frame--sticky-footer":"_purpur-drawer-frame--sticky-footer_jj7dt_17","purpur-drawer-frame__header":"_purpur-drawer-frame__header_jj7dt_20","purpur-drawer-frame__body":"_purpur-drawer-frame__body_jj7dt_23","purpur-drawer-frame__footer":"_purpur-drawer-frame__footer_jj7dt_27","purpur-drawer-frame__content-container":"_purpur-drawer-frame__content-container_jj7dt_30","purpur-drawer-frame__content-container--no-footer":"_purpur-drawer-frame__content-container--no-footer_jj7dt_35"},fo={"purpur-drawer-handle":"_purpur-drawer-handle_3n0ew_1"},po=(e,t,r,o,a,n)=>({onPointerDown:l=>{e.current={y:l.clientY}},onPointerMove:l=>{if(!e.current)return;const f=l.clientY-e.current.y,v=!!t.current,p=Math.max(0,f),m=l.pointerType==="touch"?10:2,_={y:p},h={originalEvent:l,delta:_};v?(t.current=_,o(h)):lt(_,0)?(t.current=_,r(),l.target.setPointerCapture(l.pointerId)):Math.abs(f)>m&&(e.current=null)},onPointerUp:l=>{const f=t.current,v=l.target;if(v.hasPointerCapture(l.pointerId)&&v.releasePointerCapture(l.pointerId),t.current=null,e.current=null,f){const p=l.currentTarget,m={originalEvent:l,delta:f};lt(f,0)&&f.y>200?n(m):a(),p.addEventListener("click",_=>_.preventDefault(),{once:!0})}}}),lt=(e,t=0)=>Math.abs(e.y)>t,vo=B.bind(fo),ho="purpur-drawer-handle",Kt=N.forwardRef(({["data-testid"]:e="purpur-drawer-handle",className:t,onSwipeStart:r,onSwipeMove:o,onSwipeCancel:a,onSwipeEnd:n,...s},i)=>{const u=vo([t,ho]),l=N.useRef(null),f=N.useRef(null),{onPointerDown:v,onPointerMove:p,onPointerUp:m}=po(f,l,r,o,a,n);return d.jsx("div",{className:u,"data-testid":e,onPointerDown:v,onPointerMove:p,onPointerUp:m,ref:i,...s})});Kt.displayName="DrawerHandle";const mo={PRIMARY:"primary",SECONDARY:"secondary",EXPRESSIVE:"expressive"},go={XS:"xs",SM:"sm",MD:"md",LG:"lg"};function _o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Zt={exports:{}};/*!
|
|
46
50
|
Copyright (c) 2018 Jed Watson.
|
|
47
51
|
Licensed under the MIT License (MIT), see
|
|
48
52
|
http://jedwatson.github.io/classnames
|
|
49
|
-
*/(function(e){(function(){var
|
|
53
|
+
*/(function(e){(function(){var t={}.hasOwnProperty;function r(){for(var n="",s=0;s<arguments.length;s++){var i=arguments[s];i&&(n=a(n,o(i)))}return n}function o(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="object")return"";if(Array.isArray(n))return r.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var s="";for(var i in n)t.call(n,i)&&n[i]&&(s=a(s,i));return s}function a(n,s){return s?n?n+" "+s:n+s:n}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(Zt);var wo=Zt.exports;const ut=_o(wo),bo="_rotate_1xozj_1",yo="_dash_1xozj_1",ee={"purpur-spinner":"_purpur-spinner_1xozj_1",rotate:bo,"purpur-spinner--xxs":"_purpur-spinner--xxs_1xozj_4","purpur-spinner--xs":"_purpur-spinner--xs_1xozj_8","purpur-spinner--sm":"_purpur-spinner--sm_1xozj_12","purpur-spinner--md":"_purpur-spinner--md_1xozj_16","purpur-spinner--lg":"_purpur-spinner--lg_1xozj_20","purpur-spinner__circle":"_purpur-spinner__circle_1xozj_24",dash:yo,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_1xozj_33","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_1xozj_36"},te="purpur-spinner",So={XXS:"xxs",XS:"xs",SM:"sm",MD:"md",LG:"lg"},Eo=({["data-testid"]:e,disabled:t=!1,negative:r=!1,size:o=So.SM,...a})=>d.jsx("div",{className:ut([ee[te],ee[`${te}--${o}`]]),"data-testid":e,...a,children:d.jsx("svg",{viewBox:"0 0 50 50",children:d.jsx("circle",{className:ut(ee[`${te}__circle`],{[ee[`${te}__circle--disabled`]]:t,[ee[`${te}__circle--negative`]]:r}),cx:"25",cy:"25",r:"20"})})});function xo(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Qt={exports:{}};/*!
|
|
50
54
|
Copyright (c) 2018 Jed Watson.
|
|
51
55
|
Licensed under the MIT License (MIT), see
|
|
52
56
|
http://jedwatson.github.io/classnames
|
|
53
|
-
*/(function(e){(function(){var
|
|
57
|
+
*/(function(e){(function(){var t={}.hasOwnProperty;function r(){for(var n="",s=0;s<arguments.length;s++){var i=arguments[s];i&&(n=a(n,o.call(this,i)))}return n}function o(n){if(typeof n=="string"||typeof n=="number")return this&&this[n]||n;if(typeof n!="object")return"";if(Array.isArray(n))return r.apply(this,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var s="";for(var i in n)t.call(n,i)&&n[i]&&(s=a(s,this&&this[i]||i));return s}function a(n,s){return s?n?n+" "+s:n+s:n}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(Qt);var Co=Qt.exports;const Po=xo(Co),No={"purpur-button":"_purpur-button_w455q_1","purpur-button--xs":"_purpur-button--xs_w455q_33","purpur-button--icon-only":"_purpur-button--icon-only_w455q_36","purpur-button--sm":"_purpur-button--sm_w455q_39","purpur-button--md":"_purpur-button--md_w455q_45","purpur-button--lg":"_purpur-button--lg_w455q_51","purpur-button--full-width":"_purpur-button--full-width_w455q_57","purpur-button--primary":"_purpur-button--primary_w455q_60","purpur-button--disabled":"_purpur-button--disabled_w455q_64","purpur-button--primary-negative":"_purpur-button--primary-negative_w455q_70","purpur-button--secondary":"_purpur-button--secondary_w455q_82","purpur-button--secondary-negative":"_purpur-button--secondary-negative_w455q_93","purpur-button--expressive":"_purpur-button--expressive_w455q_104","purpur-button--expressive-negative":"_purpur-button--expressive-negative_w455q_114","purpur-button--negative":"_purpur-button--negative_w455q_126","purpur-button--destructive":"_purpur-button--destructive_w455q_133","purpur-button--destructive-negative":"_purpur-button--destructive-negative_w455q_143","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_w455q_153","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_w455q_166","purpur-button--text-negative":"_purpur-button--text-negative_w455q_181","purpur-button--text":"_purpur-button--text_w455q_181"},je={...mo,DESTRUCTIVE:"destructive",TERTIARY_PURPLE:"tertiary-purple",TEXT:"text"},Ro=Po.bind(No),q="purpur-button",Ao=({children:e,className:t,["data-testid"]:r,disabled:o=!1,fullWidth:a=!1,iconOnly:n,loading:s=!1,negative:i=!1,onClick:u,size:l="md",variant:f,type:v="button",...p},m)=>{if(n&&f==="destructive")return null;const _=Ro([q,`${q}--${i?`${f}-negative`:f}`,`${q}--${l}`],{[`${q}--icon-only`]:n,[`${q}--negative`]:i,[`${q}--full-width`]:a,[`${q}--disabled`]:o||s},t),h=w=>{o||s?w.preventDefault():u&&u(w)},g=!!p["aria-disabled"]||o||s;return d.jsxs("button",{className:_,"data-testid":r,type:v,ref:m,"aria-disabled":g,onClick:h,...p,children:[s&&d.jsx(Eo,{size:l===go.LG?"xs":"xxs",negative:i,disabled:g})," ",e]})},$e=N.forwardRef(Ao);$e.displayName="Button";function To(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Jt={exports:{}};/*!
|
|
54
58
|
Copyright (c) 2018 Jed Watson.
|
|
55
59
|
Licensed under the MIT License (MIT), see
|
|
56
60
|
http://jedwatson.github.io/classnames
|
|
57
|
-
*/(function(e){(function(){var
|
|
61
|
+
*/(function(e){(function(){var t={}.hasOwnProperty;function r(){for(var n="",s=0;s<arguments.length;s++){var i=arguments[s];i&&(n=a(n,o(i)))}return n}function o(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="object")return"";if(Array.isArray(n))return r.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var s="";for(var i in n)t.call(n,i)&&n[i]&&(s=a(s,i));return s}function a(n,s){return s?n?n+" "+s:n+s:n}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(Jt);var Do=Jt.exports;const jo=To(Do),de={"purpur-heading":"_purpur-heading_k9fhq_1","purpur-heading--hyphens":"_purpur-heading--hyphens_k9fhq_8","purpur-heading--negative":"_purpur-heading--negative_k9fhq_11","purpur-heading--subsection-100":"_purpur-heading--subsection-100_k9fhq_14","purpur-heading--title-100":"_purpur-heading--title-100_k9fhq_20","purpur-heading--title-200":"_purpur-heading--title-200_k9fhq_26","purpur-heading--title-300":"_purpur-heading--title-300_k9fhq_32","purpur-heading--title-400":"_purpur-heading--title-400_k9fhq_38","purpur-heading--title-500":"_purpur-heading--title-500_k9fhq_44","purpur-heading--title-600":"_purpur-heading--title-600_k9fhq_50","purpur-heading--title-700":"_purpur-heading--title-700_k9fhq_56","purpur-heading--display-25":"_purpur-heading--display-25_k9fhq_62","purpur-heading--display-50":"_purpur-heading--display-50_k9fhq_68","purpur-heading--display-100":"_purpur-heading--display-100_k9fhq_74","purpur-heading--display-200":"_purpur-heading--display-200_k9fhq_80"},Ie={TITLE100:"title-100",TITLE200:"title-200",TITLE300:"title-300",TITLE400:"title-400",TITLE500:"title-500",TITLE600:"title-600",TITLE700:"title-700",SUBSECTION100:"subsection-100"},fe="purpur-heading",ke=({["data-testid"]:e,children:t,className:r="",enableHyphenation:o=!1,negative:a=!1,tag:n,variant:s=Ie.TITLE100,...i})=>{const u=n,l=jo([r,de[fe],de[`${fe}--${s}`],{[de[`${fe}--hyphens`]]:o,[de[`${fe}--negative`]]:a}]);return d.jsx(u,{...i,className:l,"data-testid":e,children:t})};ke.displayName="Heading";function Oo(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var er={exports:{}};/*!
|
|
58
62
|
Copyright (c) 2018 Jed Watson.
|
|
59
63
|
Licensed under the MIT License (MIT), see
|
|
60
64
|
http://jedwatson.github.io/classnames
|
|
61
|
-
*/(function(e){(function(){var r={}.hasOwnProperty;function t(){for(var n="",i=0;i<arguments.length;i++){var c=arguments[i];c&&(n=a(n,o.call(this,c)))}return n}function o(n){if(typeof n=="string"||typeof n=="number")return this&&this[n]||n;if(typeof n!="object")return"";if(Array.isArray(n))return t.apply(this,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var i="";for(var c in n)r.call(n,c)&&n[c]&&(i=a(i,this&&this[c]||c));return i}function a(n,i){return i?n?n+" "+i:n+i:n}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})(Ot);var vo=Ot.exports;const ho=po(vo),mo={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},bo=ho.bind(mo),it="purpur-icon",go="md",_o=e=>e.filter(r=>Object.keys(r).length>=1).map(r=>`${r.name}="${r.value}"`).join(" "),$o=({content:e="",title:r}={})=>{const t=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},r?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],o=r?`<title>${r}</title>`:"";return`<svg ${_o(t)}>${o}${e}</svg>`},wo=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),He=({["data-testid"]:e,svg:r,allyTitle:t,className:o,size:a=go,...n})=>{const i=$o({content:wo(r.svg),title:t}),c=bo(o,it,`${it}--${a}`);return m.jsx("span",{"aria-label":t,className:c,"data-testid":e,dangerouslySetInnerHTML:{__html:i},...n})};He.displayName="Icon";const yo={name:"arrow-left",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',keywords:["arrow-left"],category:"utility"},Lt=e=>m.jsx(He,{...e,svg:yo});Lt.displayName="IconArrowLeft";const Eo={name:"close",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["close"],category:"utility"},jt=e=>m.jsx(He,{...e,svg:Eo});jt.displayName="IconClose";const So={"purpur-drawer-header__row":"_purpur-drawer-header__row_1yg5w_1","purpur-drawer-header__row--with-back-button":"_purpur-drawer-header__row--with-back-button_1yg5w_6","purpur-drawer-header__left":"_purpur-drawer-header__left_1yg5w_9","purpur-drawer-header__right":"_purpur-drawer-header__right_1yg5w_12","purpur-drawer-header__close-button":"_purpur-drawer-header__close-button_1yg5w_15","purpur-drawer-header__back-button--only-icon":"_purpur-drawer-header__back-button--only-icon_1yg5w_18"},Y=X.bind(So),F="purpur-drawer-header",Mt=s.forwardRef(({["data-testid"]:e="purpur-drawer-header",backButton:r,backButtonText:t,backButtonOnlyIcon:o,className:a,closeButtonText:n,onBackButtonClick:i,title:c,...u},l)=>{const d=Y([a,F]);return m.jsxs("div",{className:d,"data-testid":e,ref:l,...u,children:[m.jsxs("div",{className:Y([`${F}__row`,{[`${F}__row--with-back-button`]:r&&t&&i}]),"data-testid":`${e}-row`,children:[m.jsx("div",{className:Y(`${F}__left`),children:r&&t&&i?m.jsxs(Me,{"aria-label":o?t:"",className:Y([`${F}__back-button`,{[`${F}__back-button--only-icon`]:o}]),"data-testid":`${e}-back-button`,iconOnly:o,onClick:i,size:"sm",variant:o?De.TERTIARY_PURPLE:De.TEXT,children:[m.jsx(Lt,{size:"sm"}),!o&&t]}):m.jsx(ot,{asChild:!0,children:m.jsx(ke,{"data-testid":`${e}-title`,tag:"h2",variant:Ie.TITLE200,children:c})})}),m.jsx("div",{className:Y(`${F}__right`),children:m.jsx(On,{asChild:!0,children:m.jsx(Me,{"aria-label":n,className:Y(`${F}__close-button`),iconOnly:!0,size:"sm",variant:De.TERTIARY_PURPLE,children:m.jsx(jt,{size:"sm"})})})})]}),r&&t&&i&&m.jsx(ot,{asChild:!0,children:m.jsx(ke,{className:Y(`${F}__heading`),"data-testid":`${e}-title-with-back-button`,tag:"h2",variant:Ie.TITLE200,children:c})})]})});Mt.displayName="DrawerHeader";const xo=s.createContext(void 0);function Co(e){const r=s.useContext(xo);return e||r||"ltr"}function Po(e,[r,t]){return Math.min(t,Math.max(r,e))}function To(e,r){return s.useReducer((t,o)=>{const a=r[t][o];return a??t},e)}const It="ScrollArea",[kt,Jo]=ut(It),[Ao,k]=kt(It),Ro=s.forwardRef((e,r)=>{const{__scopeScrollArea:t,type:o="hover",dir:a,scrollHideDelay:n=600,...i}=e,[c,u]=s.useState(null),[l,d]=s.useState(null),[f,p]=s.useState(null),[h,g]=s.useState(null),[v,b]=s.useState(null),[_,C]=s.useState(0),[y,E]=s.useState(0),[P,N]=s.useState(!1),[T,S]=s.useState(!1),x=O(r,M=>u(M)),R=Co(a);return s.createElement(Ao,{scope:t,type:o,dir:R,scrollHideDelay:n,scrollArea:c,viewport:l,onViewportChange:d,content:f,onContentChange:p,scrollbarX:h,onScrollbarXChange:g,scrollbarXEnabled:P,onScrollbarXEnabledChange:N,scrollbarY:v,onScrollbarYChange:b,scrollbarYEnabled:T,onScrollbarYEnabledChange:S,onCornerWidthChange:C,onCornerHeightChange:E},s.createElement(L.div,w({dir:R},i,{ref:x,style:{position:"relative","--radix-scroll-area-corner-width":_+"px","--radix-scroll-area-corner-height":y+"px",...e.style}})))}),Do="ScrollAreaViewport",No=s.forwardRef((e,r)=>{const{__scopeScrollArea:t,children:o,...a}=e,n=k(Do,t),i=s.useRef(null),c=O(r,i,n.onViewportChange);return s.createElement(s.Fragment,null,s.createElement("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"}}),s.createElement(L.div,w({"data-radix-scroll-area-viewport":""},a,{ref:c,style:{overflowX:n.scrollbarXEnabled?"scroll":"hidden",overflowY:n.scrollbarYEnabled?"scroll":"hidden",...e.style}}),s.createElement("div",{ref:n.onContentChange,style:{minWidth:"100%",display:"table"}},o)))}),z="ScrollAreaScrollbar",Oo=s.forwardRef((e,r)=>{const{forceMount:t,...o}=e,a=k(z,e.__scopeScrollArea),{onScrollbarXEnabledChange:n,onScrollbarYEnabledChange:i}=a,c=e.orientation==="horizontal";return s.useEffect(()=>(c?n(!0):i(!0),()=>{c?n(!1):i(!1)}),[c,n,i]),a.type==="hover"?s.createElement(Lo,w({},o,{ref:r,forceMount:t})):a.type==="scroll"?s.createElement(jo,w({},o,{ref:r,forceMount:t})):a.type==="auto"?s.createElement(Ft,w({},o,{ref:r,forceMount:t})):a.type==="always"?s.createElement(Ye,w({},o,{ref:r})):null}),Lo=s.forwardRef((e,r)=>{const{forceMount:t,...o}=e,a=k(z,e.__scopeScrollArea),[n,i]=s.useState(!1);return s.useEffect(()=>{const c=a.scrollArea;let u=0;if(c){const l=()=>{window.clearTimeout(u),i(!0)},d=()=>{u=window.setTimeout(()=>i(!1),a.scrollHideDelay)};return c.addEventListener("pointerenter",l),c.addEventListener("pointerleave",d),()=>{window.clearTimeout(u),c.removeEventListener("pointerenter",l),c.removeEventListener("pointerleave",d)}}},[a.scrollArea,a.scrollHideDelay]),s.createElement(q,{present:t||n},s.createElement(Ft,w({"data-state":n?"visible":"hidden"},o,{ref:r})))}),jo=s.forwardRef((e,r)=>{const{forceMount:t,...o}=e,a=k(z,e.__scopeScrollArea),n=e.orientation==="horizontal",i=$e(()=>u("SCROLL_END"),100),[c,u]=To("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return s.useEffect(()=>{if(c==="idle"){const l=window.setTimeout(()=>u("HIDE"),a.scrollHideDelay);return()=>window.clearTimeout(l)}},[c,a.scrollHideDelay,u]),s.useEffect(()=>{const l=a.viewport,d=n?"scrollLeft":"scrollTop";if(l){let f=l[d];const p=()=>{const h=l[d];f!==h&&(u("SCROLL"),i()),f=h};return l.addEventListener("scroll",p),()=>l.removeEventListener("scroll",p)}},[a.viewport,n,u,i]),s.createElement(q,{present:t||c!=="hidden"},s.createElement(Ye,w({"data-state":c==="hidden"?"hidden":"visible"},o,{ref:r,onPointerEnter:A(e.onPointerEnter,()=>u("POINTER_ENTER")),onPointerLeave:A(e.onPointerLeave,()=>u("POINTER_LEAVE"))})))}),Ft=s.forwardRef((e,r)=>{const t=k(z,e.__scopeScrollArea),{forceMount:o,...a}=e,[n,i]=s.useState(!1),c=e.orientation==="horizontal",u=$e(()=>{if(t.viewport){const l=t.viewport.offsetWidth<t.viewport.scrollWidth,d=t.viewport.offsetHeight<t.viewport.scrollHeight;i(c?l:d)}},10);return be(t.viewport,u),be(t.content,u),s.createElement(q,{present:o||n},s.createElement(Ye,w({"data-state":n?"visible":"hidden"},a,{ref:r})))}),Ye=s.forwardRef((e,r)=>{const{orientation:t="vertical",...o}=e,a=k(z,e.__scopeScrollArea),n=s.useRef(null),i=s.useRef(0),[c,u]=s.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),l=Ut(c.viewport,c.content),d={...o,sizes:c,onSizesChange:u,hasThumb:l>0&&l<1,onThumbChange:p=>n.current=p,onThumbPointerUp:()=>i.current=0,onThumbPointerDown:p=>i.current=p};function f(p,h){return Wo(p,i.current,c,h)}return t==="horizontal"?s.createElement(Mo,w({},d,{ref:r,onThumbPositionChange:()=>{if(a.viewport&&n.current){const p=a.viewport.scrollLeft,h=st(p,c,a.dir);n.current.style.transform=`translate3d(${h}px, 0, 0)`}},onWheelScroll:p=>{a.viewport&&(a.viewport.scrollLeft=p)},onDragScroll:p=>{a.viewport&&(a.viewport.scrollLeft=f(p,a.dir))}})):t==="vertical"?s.createElement(Io,w({},d,{ref:r,onThumbPositionChange:()=>{if(a.viewport&&n.current){const p=a.viewport.scrollTop,h=st(p,c);n.current.style.transform=`translate3d(0, ${h}px, 0)`}},onWheelScroll:p=>{a.viewport&&(a.viewport.scrollTop=p)},onDragScroll:p=>{a.viewport&&(a.viewport.scrollTop=f(p))}})):null}),Mo=s.forwardRef((e,r)=>{const{sizes:t,onSizesChange:o,...a}=e,n=k(z,e.__scopeScrollArea),[i,c]=s.useState(),u=s.useRef(null),l=O(r,u,n.onScrollbarXChange);return s.useEffect(()=>{u.current&&c(getComputedStyle(u.current))},[u]),s.createElement(Wt,w({"data-orientation":"horizontal"},a,{ref:l,sizes:t,style:{bottom:0,left:n.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:n.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":_e(t)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.x),onDragScroll:d=>e.onDragScroll(d.x),onWheelScroll:(d,f)=>{if(n.viewport){const p=n.viewport.scrollLeft+d.deltaX;e.onWheelScroll(p),Ht(p,f)&&d.preventDefault()}},onResize:()=>{u.current&&n.viewport&&i&&o({content:n.viewport.scrollWidth,viewport:n.viewport.offsetWidth,scrollbar:{size:u.current.clientWidth,paddingStart:me(i.paddingLeft),paddingEnd:me(i.paddingRight)}})}}))}),Io=s.forwardRef((e,r)=>{const{sizes:t,onSizesChange:o,...a}=e,n=k(z,e.__scopeScrollArea),[i,c]=s.useState(),u=s.useRef(null),l=O(r,u,n.onScrollbarYChange);return s.useEffect(()=>{u.current&&c(getComputedStyle(u.current))},[u]),s.createElement(Wt,w({"data-orientation":"vertical"},a,{ref:l,sizes:t,style:{top:0,right:n.dir==="ltr"?0:void 0,left:n.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":_e(t)+"px",...e.style},onThumbPointerDown:d=>e.onThumbPointerDown(d.y),onDragScroll:d=>e.onDragScroll(d.y),onWheelScroll:(d,f)=>{if(n.viewport){const p=n.viewport.scrollTop+d.deltaY;e.onWheelScroll(p),Ht(p,f)&&d.preventDefault()}},onResize:()=>{u.current&&n.viewport&&i&&o({content:n.viewport.scrollHeight,viewport:n.viewport.offsetHeight,scrollbar:{size:u.current.clientHeight,paddingStart:me(i.paddingTop),paddingEnd:me(i.paddingBottom)}})}}))}),[ko,zt]=kt(z),Wt=s.forwardRef((e,r)=>{const{__scopeScrollArea:t,sizes:o,hasThumb:a,onThumbChange:n,onThumbPointerUp:i,onThumbPointerDown:c,onThumbPositionChange:u,onDragScroll:l,onWheelScroll:d,onResize:f,...p}=e,h=k(z,t),[g,v]=s.useState(null),b=O(r,x=>v(x)),_=s.useRef(null),C=s.useRef(""),y=h.viewport,E=o.content-o.viewport,P=D(d),N=D(u),T=$e(f,10);function S(x){if(_.current){const R=x.clientX-_.current.left,M=x.clientY-_.current.top;l({x:R,y:M})}}return s.useEffect(()=>{const x=R=>{const M=R.target;(g==null?void 0:g.contains(M))&&P(R,E)};return document.addEventListener("wheel",x,{passive:!1}),()=>document.removeEventListener("wheel",x,{passive:!1})},[y,g,E,P]),s.useEffect(N,[o,N]),be(g,T),be(h.content,T),s.createElement(ko,{scope:t,scrollbar:g,hasThumb:a,onThumbChange:D(n),onThumbPointerUp:D(i),onThumbPositionChange:N,onThumbPointerDown:D(c)},s.createElement(L.div,w({},p,{ref:b,style:{position:"absolute",...p.style},onPointerDown:A(e.onPointerDown,x=>{x.button===0&&(x.target.setPointerCapture(x.pointerId),_.current=g.getBoundingClientRect(),C.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",h.viewport&&(h.viewport.style.scrollBehavior="auto"),S(x))}),onPointerMove:A(e.onPointerMove,S),onPointerUp:A(e.onPointerUp,x=>{const R=x.target;R.hasPointerCapture(x.pointerId)&&R.releasePointerCapture(x.pointerId),document.body.style.webkitUserSelect=C.current,h.viewport&&(h.viewport.style.scrollBehavior=""),_.current=null})})))}),Fe="ScrollAreaThumb",Fo=s.forwardRef((e,r)=>{const{forceMount:t,...o}=e,a=zt(Fe,e.__scopeScrollArea);return s.createElement(q,{present:t||a.hasThumb},s.createElement(zo,w({ref:r},o)))}),zo=s.forwardRef((e,r)=>{const{__scopeScrollArea:t,style:o,...a}=e,n=k(Fe,t),i=zt(Fe,t),{onThumbPositionChange:c}=i,u=O(r,f=>i.onThumbChange(f)),l=s.useRef(),d=$e(()=>{l.current&&(l.current(),l.current=void 0)},100);return s.useEffect(()=>{const f=n.viewport;if(f){const p=()=>{if(d(),!l.current){const h=Uo(f,c);l.current=h,c()}};return c(),f.addEventListener("scroll",p),()=>f.removeEventListener("scroll",p)}},[n.viewport,d,c]),s.createElement(L.div,w({"data-state":i.hasThumb?"visible":"hidden"},a,{ref:u,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...o},onPointerDownCapture:A(e.onPointerDownCapture,f=>{const h=f.target.getBoundingClientRect(),g=f.clientX-h.left,v=f.clientY-h.top;i.onThumbPointerDown({x:g,y:v})}),onPointerUp:A(e.onPointerUp,i.onThumbPointerUp)}))});function me(e){return e?parseInt(e,10):0}function Ut(e,r){const t=e/r;return isNaN(t)?0:t}function _e(e){const r=Ut(e.viewport,e.content),t=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,o=(e.scrollbar.size-t)*r;return Math.max(o,18)}function Wo(e,r,t,o="ltr"){const a=_e(t),n=a/2,i=r||n,c=a-i,u=t.scrollbar.paddingStart+i,l=t.scrollbar.size-t.scrollbar.paddingEnd-c,d=t.content-t.viewport,f=o==="ltr"?[0,d]:[d*-1,0];return qt([u,l],f)(e)}function st(e,r,t="ltr"){const o=_e(r),a=r.scrollbar.paddingStart+r.scrollbar.paddingEnd,n=r.scrollbar.size-a,i=r.content-r.viewport,c=n-o,u=t==="ltr"?[0,i]:[i*-1,0],l=Po(e,u);return qt([0,i],[0,c])(l)}function qt(e,r){return t=>{if(e[0]===e[1]||r[0]===r[1])return r[0];const o=(r[1]-r[0])/(e[1]-e[0]);return r[0]+o*(t-e[0])}}function Ht(e,r){return e>0&&e<r}const Uo=(e,r=()=>{})=>{let t={left:e.scrollLeft,top:e.scrollTop},o=0;return function a(){const n={left:e.scrollLeft,top:e.scrollTop},i=t.left!==n.left,c=t.top!==n.top;(i||c)&&r(),t=n,o=window.requestAnimationFrame(a)}(),()=>window.cancelAnimationFrame(o)};function $e(e,r){const t=D(e),o=s.useRef(0);return s.useEffect(()=>()=>window.clearTimeout(o.current),[]),s.useCallback(()=>{window.clearTimeout(o.current),o.current=window.setTimeout(t,r)},[t,r])}function be(e,r){const t=D(r);he(()=>{let o=0;if(e){const a=new ResizeObserver(()=>{cancelAnimationFrame(o),o=window.requestAnimationFrame(t)});return a.observe(e),()=>{window.cancelAnimationFrame(o),a.unobserve(e)}}},[e,t])}const qo=Ro,Ho=No,Yo=Oo,Xo=Fo,Bo={"purpur-drawer-scroll-area__root":"_purpur-drawer-scroll-area__root_1p63i_1","purpur-drawer-scroll-area__viewport":"_purpur-drawer-scroll-area__viewport_1p63i_4","purpur-drawer-scroll-area__scrollbar":"_purpur-drawer-scroll-area__scrollbar_1p63i_7","purpur-drawer-scroll-area__thumb":"_purpur-drawer-scroll-area__thumb_1p63i_18"},te=X.bind(Bo),re="purpur-drawer-scroll-area",ze=s.forwardRef(({["data-testid"]:e="purpur-drawer-scroll-area",children:r,className:t,...o},a)=>{const n=te([t,re]);return m.jsx("div",{className:n,"data-testid":e,ref:a,...o,children:m.jsxs(qo,{className:te(`${re}__root`),children:[m.jsx(Ho,{className:te(`${re}__viewport`),children:r}),m.jsx(Yo,{className:te(`${re}__scrollbar`),orientation:"vertical",children:m.jsx(Xo,{className:te(`${re}__thumb`)})})]})})});ze.displayName="DrawerScrollArea";const G=X.bind(Hn),W="purpur-drawer-frame",Yt=s.forwardRef(({["data-testid"]:e="purpur-drawer-frame",backButton:r,backButtonText:t,backButtonOnlyIcon:o,children:a,className:n,closeButtonText:i,footerContent:c,onAnimationEnd:u,onBackButtonClick:l,onSwipeStart:d,onSwipeMove:f,onSwipeCancel:p,onSwipeEnd:h,title:g,stickyFooter:v,...b},_)=>{const C=G([n,W,{[`${W}--sticky-footer`]:v}]);return m.jsxs("div",{className:C,"data-testid":e,ref:_,onAnimationEnd:u,...b,children:[m.jsx(At,{onSwipeStart:d,onSwipeMove:f,onSwipeCancel:p,onSwipeEnd:h}),m.jsx(Z,{className:G(`${W}__header`),variant:"header",stickyFooter:v,children:m.jsx(Mt,{title:g,backButtonOnlyIcon:o,backButton:r,backButtonText:t,closeButtonText:i,onBackButtonClick:l})}),v?m.jsxs(m.Fragment,{children:[m.jsx(ze,{className:G(`${W}__body`),"data-testid":`${e}-sticky-footer-scroll-area`,children:m.jsx(Z,{stickyFooter:!0,children:a})}),c&&m.jsx(Z,{className:G(`${W}__footer`),"data-testid":`${e}-sticky-footer`,variant:"footer",stickyFooter:v,children:c})]}):m.jsx(ze,{className:G(`${W}__body`),"data-testid":`${e}-scroll-area`,children:m.jsxs("div",{className:G([`${W}__content-container`,{[`${W}__content-container--no-footer`]:!c}]),children:[m.jsx(Z,{stickyFooter:v,children:a}),c&&m.jsx(Z,{"data-testid":`${e}-footer`,stickyFooter:v,variant:"footer",children:c})]})})]})});Yt.displayName="DrawerFrame";const Vo=(e,r)=>({onAnimationEnd:c=>{c.currentTarget.getAttribute("data-swipe")==="end"&&r(!1)},onSwipeStart:()=>{e.current&&e.current.setAttribute("data-swipe","start")},onSwipeMove:c=>{if(!e.current)return;const{y:u}=c.delta;e.current.setAttribute("data-swipe","move"),e.current.style.setProperty("--purpur-drawer-swipe-move-y",`${u}px`)},onSwipeCancel:()=>{e.current&&(e.current.setAttribute("data-swipe","cancel"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.removeProperty("--purpur-drawer-swipe-end-y"))},onSwipeEnd:c=>{if(!e.current)return;const{y:u}=c.delta;e.current.setAttribute("data-swipe","end"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.setProperty("--purpur-drawer-swipe-end-y",`${u}px`)}}),ne=X.bind(Wn),fe="purpur-drawer-content",Xt=s.forwardRef(({["data-testid"]:e="purpur-drawer-content",backButton:r=!1,backButtonText:t,backButtonOnlyIcon:o=!1,bodyText:a,children:n,className:i,closeButtonText:c,disableCloseOnClickOutside:u=!1,footerContent:l,onBackButtonClick:d,stickyFooter:f=!1,title:p,zIndex:h,...g},v)=>{const b=ne([i,fe]),_=s.useRef(null),C=s.useContext(Tt),{onAnimationEnd:y,onSwipeStart:E,onSwipeMove:P,onSwipeCancel:N,onSwipeEnd:T}=Vo(_,C),S=x=>{u&&x.preventDefault()};return m.jsx(An,{children:m.jsx(Rn,{className:ne("purpur-drawer-overlay"),style:h?{zIndex:h}:void 0,"data-testid":`${e}-overlay`,children:m.jsx(Dn,{onPointerDownOutside:S,className:b,"data-testid":e,ref:v,...g,children:m.jsx(Yt,{backButton:r,backButtonText:t,backButtonOnlyIcon:o,closeButtonText:c,className:ne(`${fe}__drawer-frame`),footerContent:l,ref:_,onAnimationEnd:y,onBackButtonClick:d,onSwipeStart:E,onSwipeMove:P,onSwipeCancel:N,onSwipeEnd:T,stickyFooter:f,title:p,children:a?m.jsxs("div",{className:ne(`${fe}__content-container`),children:[m.jsx(Nn,{className:ne(`${fe}__description`),"data-testid":`${e}-description`,children:a}),m.jsx("div",{children:n})]}):n})})})})});Xt.displayName="DrawerContent";const Bt=s.forwardRef(({["data-testid"]:e="purpur-drawer-trigger",children:r,className:t,...o},a)=>m.jsx(Tn,{asChild:!0,className:t,"data-testid":e,ref:a,...o,children:r}));Bt.displayName="DrawerTrigger";const Ko=X.bind(Mn),Go="purpur-drawer",we=({["data-testid"]:e="purpur-drawer",children:r,className:t,onOpenChange:o,open:a=!1,...n})=>{const[i,c]=s.useState(a),u=Ko([t,Go]),l=d=>{c(d),o==null||o(d)};return s.useEffect(()=>{c(a)},[a]),m.jsx(Tt.Provider,{value:l,children:m.jsx("div",{className:u,"data-testid":e,...n,children:m.jsx(Pn,{open:i,onOpenChange:l,children:r})})})};we.Trigger=Bt;we.Content=Xt;we.displayName="Drawer";exports.Drawer=we;
|
|
65
|
+
*/(function(e){(function(){var t={}.hasOwnProperty;function r(){for(var n="",s=0;s<arguments.length;s++){var i=arguments[s];i&&(n=a(n,o.call(this,i)))}return n}function o(n){if(typeof n=="string"||typeof n=="number")return this&&this[n]||n;if(typeof n!="object")return"";if(Array.isArray(n))return r.apply(this,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var s="";for(var i in n)t.call(n,i)&&n[i]&&(s=a(s,this&&this[i]||i));return s}function a(n,s){return s?n?n+" "+s:n+s:n}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(er);var Lo=er.exports;const Mo=Oo(Lo),$o={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},Io=Mo.bind($o),dt="purpur-icon",ko="md",Wo=e=>e.filter(t=>Object.keys(t).length>=1).map(t=>`${t.name}="${t.value}"`).join(" "),Fo=({content:e="",title:t}={})=>{const r=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},t?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],o=t?`<title>${t}</title>`:"";return`<svg ${Wo(r)}>${o}${e}</svg>`},Uo=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),Be=({["data-testid"]:e,svg:t,allyTitle:r,className:o,size:a=ko,...n})=>{const s=Fo({content:Uo(t.svg),title:r}),i=Io(o,dt,`${dt}--${a}`);return d.jsx("span",{"aria-label":r,className:i,"data-testid":e,dangerouslySetInnerHTML:{__html:s},...n})};Be.displayName="Icon";const qo={name:"arrow-left",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',keywords:["arrow-left"],category:"utility"},tr=e=>d.jsx(Be,{...e,svg:qo});tr.displayName="IconArrowLeft";const zo={name:"close",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["close"],category:"utility"},rr=e=>d.jsx(Be,{...e,svg:zo});rr.displayName="IconClose";const Ho={"purpur-drawer-header__row":"_purpur-drawer-header__row_1yg5w_1","purpur-drawer-header__row--with-back-button":"_purpur-drawer-header__row--with-back-button_1yg5w_6","purpur-drawer-header__left":"_purpur-drawer-header__left_1yg5w_9","purpur-drawer-header__right":"_purpur-drawer-header__right_1yg5w_12","purpur-drawer-header__close-button":"_purpur-drawer-header__close-button_1yg5w_15","purpur-drawer-header__back-button--only-icon":"_purpur-drawer-header__back-button--only-icon_1yg5w_18"},z=B.bind(Ho),k="purpur-drawer-header",nr=N.forwardRef(({["data-testid"]:e="purpur-drawer-header",backButton:t,backButtonText:r,backButtonOnlyIcon:o,className:a,closeButtonText:n,onBackButtonClick:s,title:i,...u},l)=>{const f=z([a,k]);return d.jsxs("div",{className:f,"data-testid":e,ref:l,...u,children:[d.jsxs("div",{className:z([`${k}__row`,{[`${k}__row--with-back-button`]:t&&r&&s}]),"data-testid":`${e}-row`,children:[d.jsx("div",{className:z(`${k}__left`),children:t&&r&&s?d.jsxs($e,{"aria-label":o?r:"",className:z([`${k}__back-button`,{[`${k}__back-button--only-icon`]:o}]),"data-testid":`${e}-back-button`,iconOnly:o,onClick:s,size:"sm",variant:o?je.TERTIARY_PURPLE:je.TEXT,children:[d.jsx(tr,{size:"sm"}),!o&&r]}):d.jsx(ct,{asChild:!0,children:d.jsx(ke,{"data-testid":`${e}-title`,tag:"h2",variant:Ie.TITLE200,children:i})})}),d.jsx("div",{className:z(`${k}__right`),children:d.jsx(Jn,{asChild:!0,children:d.jsx($e,{"aria-label":n,className:z(`${k}__close-button`),iconOnly:!0,size:"sm",variant:je.TERTIARY_PURPLE,children:d.jsx(rr,{size:"sm"})})})})]}),t&&r&&s&&d.jsx(ct,{asChild:!0,children:d.jsx(ke,{className:z(`${k}__heading`),"data-testid":`${e}-title-with-back-button`,tag:"h2",variant:Ie.TITLE200,children:i})})]})});nr.displayName="DrawerHeader";var Bo=c.createContext(void 0);function Yo(e){const t=c.useContext(Bo);return e||t||"ltr"}function Vo(e,[t,r]){return Math.min(r,Math.max(t,e))}function Xo(e,t){return c.useReducer((r,o)=>t[r][o]??r,e)}var Ye="ScrollArea",[or,ga]=mt(Ye),[Go,L]=or(Ye),ar=c.forwardRef((e,t)=>{const{__scopeScrollArea:r,type:o="hover",dir:a,scrollHideDelay:n=600,...s}=e,[i,u]=c.useState(null),[l,f]=c.useState(null),[v,p]=c.useState(null),[m,_]=c.useState(null),[h,g]=c.useState(null),[w,E]=c.useState(0),[S,y]=c.useState(0),[x,P]=c.useState(!1),[b,R]=c.useState(!1),C=O(t,Y=>u(Y)),A=Yo(a);return d.jsx(Go,{scope:r,type:o,dir:A,scrollHideDelay:n,scrollArea:i,viewport:l,onViewportChange:f,content:v,onContentChange:p,scrollbarX:m,onScrollbarXChange:_,scrollbarXEnabled:x,onScrollbarXEnabledChange:P,scrollbarY:h,onScrollbarYChange:g,scrollbarYEnabled:b,onScrollbarYEnabledChange:R,onCornerWidthChange:E,onCornerHeightChange:y,children:d.jsx(j.div,{dir:A,...s,ref:C,style:{position:"relative","--radix-scroll-area-corner-width":w+"px","--radix-scroll-area-corner-height":S+"px",...e.style}})})});ar.displayName=Ye;var ir="ScrollAreaViewport",sr=c.forwardRef((e,t)=>{const{__scopeScrollArea:r,children:o,nonce:a,...n}=e,s=L(ir,r),i=c.useRef(null),u=O(t,i,s.onViewportChange);return d.jsxs(d.Fragment,{children:[d.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:a}),d.jsx(j.div,{"data-radix-scroll-area-viewport":"",...n,ref:u,style:{overflowX:s.scrollbarXEnabled?"scroll":"hidden",overflowY:s.scrollbarYEnabled?"scroll":"hidden",...e.style},children:d.jsx("div",{ref:s.onContentChange,style:{minWidth:"100%",display:"table"},children:o})})]})});sr.displayName=ir;var I="ScrollAreaScrollbar",cr=c.forwardRef((e,t)=>{const{forceMount:r,...o}=e,a=L(I,e.__scopeScrollArea),{onScrollbarXEnabledChange:n,onScrollbarYEnabledChange:s}=a,i=e.orientation==="horizontal";return c.useEffect(()=>(i?n(!0):s(!0),()=>{i?n(!1):s(!1)}),[i,n,s]),a.type==="hover"?d.jsx(Ko,{...o,ref:t,forceMount:r}):a.type==="scroll"?d.jsx(Zo,{...o,ref:t,forceMount:r}):a.type==="auto"?d.jsx(lr,{...o,ref:t,forceMount:r}):a.type==="always"?d.jsx(Ve,{...o,ref:t}):null});cr.displayName=I;var Ko=c.forwardRef((e,t)=>{const{forceMount:r,...o}=e,a=L(I,e.__scopeScrollArea),[n,s]=c.useState(!1);return c.useEffect(()=>{const i=a.scrollArea;let u=0;if(i){const l=()=>{window.clearTimeout(u),s(!0)},f=()=>{u=window.setTimeout(()=>s(!1),a.scrollHideDelay)};return i.addEventListener("pointerenter",l),i.addEventListener("pointerleave",f),()=>{window.clearTimeout(u),i.removeEventListener("pointerenter",l),i.removeEventListener("pointerleave",f)}}},[a.scrollArea,a.scrollHideDelay]),d.jsx(U,{present:r||n,children:d.jsx(lr,{"data-state":n?"visible":"hidden",...o,ref:t})})}),Zo=c.forwardRef((e,t)=>{const{forceMount:r,...o}=e,a=L(I,e.__scopeScrollArea),n=e.orientation==="horizontal",s=ye(()=>u("SCROLL_END"),100),[i,u]=Xo("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return c.useEffect(()=>{if(i==="idle"){const l=window.setTimeout(()=>u("HIDE"),a.scrollHideDelay);return()=>window.clearTimeout(l)}},[i,a.scrollHideDelay,u]),c.useEffect(()=>{const l=a.viewport,f=n?"scrollLeft":"scrollTop";if(l){let v=l[f];const p=()=>{const m=l[f];v!==m&&(u("SCROLL"),s()),v=m};return l.addEventListener("scroll",p),()=>l.removeEventListener("scroll",p)}},[a.viewport,n,u,s]),d.jsx(U,{present:r||i!=="hidden",children:d.jsx(Ve,{"data-state":i==="hidden"?"hidden":"visible",...o,ref:t,onPointerEnter:T(e.onPointerEnter,()=>u("POINTER_ENTER")),onPointerLeave:T(e.onPointerLeave,()=>u("POINTER_LEAVE"))})})}),lr=c.forwardRef((e,t)=>{const r=L(I,e.__scopeScrollArea),{forceMount:o,...a}=e,[n,s]=c.useState(!1),i=e.orientation==="horizontal",u=ye(()=>{if(r.viewport){const l=r.viewport.offsetWidth<r.viewport.scrollWidth,f=r.viewport.offsetHeight<r.viewport.scrollHeight;s(i?l:f)}},10);return J(r.viewport,u),J(r.content,u),d.jsx(U,{present:o||n,children:d.jsx(Ve,{"data-state":n?"visible":"hidden",...a,ref:t})})}),Ve=c.forwardRef((e,t)=>{const{orientation:r="vertical",...o}=e,a=L(I,e.__scopeScrollArea),n=c.useRef(null),s=c.useRef(0),[i,u]=c.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),l=pr(i.viewport,i.content),f={...o,sizes:i,onSizesChange:u,hasThumb:l>0&&l<1,onThumbChange:p=>n.current=p,onThumbPointerUp:()=>s.current=0,onThumbPointerDown:p=>s.current=p};function v(p,m){return oa(p,s.current,i,m)}return r==="horizontal"?d.jsx(Qo,{...f,ref:t,onThumbPositionChange:()=>{if(a.viewport&&n.current){const p=a.viewport.scrollLeft,m=ft(p,i,a.dir);n.current.style.transform=`translate3d(${m}px, 0, 0)`}},onWheelScroll:p=>{a.viewport&&(a.viewport.scrollLeft=p)},onDragScroll:p=>{a.viewport&&(a.viewport.scrollLeft=v(p,a.dir))}}):r==="vertical"?d.jsx(Jo,{...f,ref:t,onThumbPositionChange:()=>{if(a.viewport&&n.current){const p=a.viewport.scrollTop,m=ft(p,i);n.current.style.transform=`translate3d(0, ${m}px, 0)`}},onWheelScroll:p=>{a.viewport&&(a.viewport.scrollTop=p)},onDragScroll:p=>{a.viewport&&(a.viewport.scrollTop=v(p))}}):null}),Qo=c.forwardRef((e,t)=>{const{sizes:r,onSizesChange:o,...a}=e,n=L(I,e.__scopeScrollArea),[s,i]=c.useState(),u=c.useRef(null),l=O(t,u,n.onScrollbarXChange);return c.useEffect(()=>{u.current&&i(getComputedStyle(u.current))},[u]),d.jsx(dr,{"data-orientation":"horizontal",...a,ref:l,sizes:r,style:{bottom:0,left:n.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:n.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":be(r)+"px",...e.style},onThumbPointerDown:f=>e.onThumbPointerDown(f.x),onDragScroll:f=>e.onDragScroll(f.x),onWheelScroll:(f,v)=>{if(n.viewport){const p=n.viewport.scrollLeft+f.deltaX;e.onWheelScroll(p),hr(p,v)&&f.preventDefault()}},onResize:()=>{u.current&&n.viewport&&s&&o({content:n.viewport.scrollWidth,viewport:n.viewport.offsetWidth,scrollbar:{size:u.current.clientWidth,paddingStart:_e(s.paddingLeft),paddingEnd:_e(s.paddingRight)}})}})}),Jo=c.forwardRef((e,t)=>{const{sizes:r,onSizesChange:o,...a}=e,n=L(I,e.__scopeScrollArea),[s,i]=c.useState(),u=c.useRef(null),l=O(t,u,n.onScrollbarYChange);return c.useEffect(()=>{u.current&&i(getComputedStyle(u.current))},[u]),d.jsx(dr,{"data-orientation":"vertical",...a,ref:l,sizes:r,style:{top:0,right:n.dir==="ltr"?0:void 0,left:n.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":be(r)+"px",...e.style},onThumbPointerDown:f=>e.onThumbPointerDown(f.y),onDragScroll:f=>e.onDragScroll(f.y),onWheelScroll:(f,v)=>{if(n.viewport){const p=n.viewport.scrollTop+f.deltaY;e.onWheelScroll(p),hr(p,v)&&f.preventDefault()}},onResize:()=>{u.current&&n.viewport&&s&&o({content:n.viewport.scrollHeight,viewport:n.viewport.offsetHeight,scrollbar:{size:u.current.clientHeight,paddingStart:_e(s.paddingTop),paddingEnd:_e(s.paddingBottom)}})}})}),[ea,ur]=or(I),dr=c.forwardRef((e,t)=>{const{__scopeScrollArea:r,sizes:o,hasThumb:a,onThumbChange:n,onThumbPointerUp:s,onThumbPointerDown:i,onThumbPositionChange:u,onDragScroll:l,onWheelScroll:f,onResize:v,...p}=e,m=L(I,r),[_,h]=c.useState(null),g=O(t,C=>h(C)),w=c.useRef(null),E=c.useRef(""),S=m.viewport,y=o.content-o.viewport,x=D(f),P=D(u),b=ye(v,10);function R(C){if(w.current){const A=C.clientX-w.current.left,Y=C.clientY-w.current.top;l({x:A,y:Y})}}return c.useEffect(()=>{const C=A=>{const Y=A.target;(_==null?void 0:_.contains(Y))&&x(A,y)};return document.addEventListener("wheel",C,{passive:!1}),()=>document.removeEventListener("wheel",C,{passive:!1})},[S,_,y,x]),c.useEffect(P,[o,P]),J(_,b),J(m.content,b),d.jsx(ea,{scope:r,scrollbar:_,hasThumb:a,onThumbChange:D(n),onThumbPointerUp:D(s),onThumbPositionChange:P,onThumbPointerDown:D(i),children:d.jsx(j.div,{...p,ref:g,style:{position:"absolute",...p.style},onPointerDown:T(e.onPointerDown,C=>{C.button===0&&(C.target.setPointerCapture(C.pointerId),w.current=_.getBoundingClientRect(),E.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",m.viewport&&(m.viewport.style.scrollBehavior="auto"),R(C))}),onPointerMove:T(e.onPointerMove,R),onPointerUp:T(e.onPointerUp,C=>{const A=C.target;A.hasPointerCapture(C.pointerId)&&A.releasePointerCapture(C.pointerId),document.body.style.webkitUserSelect=E.current,m.viewport&&(m.viewport.style.scrollBehavior=""),w.current=null})})})}),ge="ScrollAreaThumb",fr=c.forwardRef((e,t)=>{const{forceMount:r,...o}=e,a=ur(ge,e.__scopeScrollArea);return d.jsx(U,{present:r||a.hasThumb,children:d.jsx(ta,{ref:t,...o})})}),ta=c.forwardRef((e,t)=>{const{__scopeScrollArea:r,style:o,...a}=e,n=L(ge,r),s=ur(ge,r),{onThumbPositionChange:i}=s,u=O(t,v=>s.onThumbChange(v)),l=c.useRef(void 0),f=ye(()=>{l.current&&(l.current(),l.current=void 0)},100);return c.useEffect(()=>{const v=n.viewport;if(v){const p=()=>{if(f(),!l.current){const m=aa(v,i);l.current=m,i()}};return i(),v.addEventListener("scroll",p),()=>v.removeEventListener("scroll",p)}},[n.viewport,f,i]),d.jsx(j.div,{"data-state":s.hasThumb?"visible":"hidden",...a,ref:u,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...o},onPointerDownCapture:T(e.onPointerDownCapture,v=>{const m=v.target.getBoundingClientRect(),_=v.clientX-m.left,h=v.clientY-m.top;s.onThumbPointerDown({x:_,y:h})}),onPointerUp:T(e.onPointerUp,s.onThumbPointerUp)})});fr.displayName=ge;var Xe="ScrollAreaCorner",ra=c.forwardRef((e,t)=>{const r=L(Xe,e.__scopeScrollArea),o=!!(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&o?d.jsx(na,{...e,ref:t}):null});ra.displayName=Xe;var na=c.forwardRef((e,t)=>{const{__scopeScrollArea:r,...o}=e,a=L(Xe,r),[n,s]=c.useState(0),[i,u]=c.useState(0),l=!!(n&&i);return J(a.scrollbarX,()=>{var v;const f=((v=a.scrollbarX)==null?void 0:v.offsetHeight)||0;a.onCornerHeightChange(f),u(f)}),J(a.scrollbarY,()=>{var v;const f=((v=a.scrollbarY)==null?void 0:v.offsetWidth)||0;a.onCornerWidthChange(f),s(f)}),l?d.jsx(j.div,{...o,ref:t,style:{width:n,height:i,position:"absolute",right:a.dir==="ltr"?0:void 0,left:a.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function _e(e){return e?parseInt(e,10):0}function pr(e,t){const r=e/t;return isNaN(r)?0:r}function be(e){const t=pr(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,o=(e.scrollbar.size-r)*t;return Math.max(o,18)}function oa(e,t,r,o="ltr"){const a=be(r),n=a/2,s=t||n,i=a-s,u=r.scrollbar.paddingStart+s,l=r.scrollbar.size-r.scrollbar.paddingEnd-i,f=r.content-r.viewport,v=o==="ltr"?[0,f]:[f*-1,0];return vr([u,l],v)(e)}function ft(e,t,r="ltr"){const o=be(t),a=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,n=t.scrollbar.size-a,s=t.content-t.viewport,i=n-o,u=r==="ltr"?[0,s]:[s*-1,0],l=Vo(e,u);return vr([0,s],[0,i])(l)}function vr(e,t){return r=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const o=(t[1]-t[0])/(e[1]-e[0]);return t[0]+o*(r-e[0])}}function hr(e,t){return e>0&&e<t}var aa=(e,t=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},o=0;return function a(){const n={left:e.scrollLeft,top:e.scrollTop},s=r.left!==n.left,i=r.top!==n.top;(s||i)&&t(),r=n,o=window.requestAnimationFrame(a)}(),()=>window.cancelAnimationFrame(o)};function ye(e,t){const r=D(e),o=c.useRef(0);return c.useEffect(()=>()=>window.clearTimeout(o.current),[]),c.useCallback(()=>{window.clearTimeout(o.current),o.current=window.setTimeout(r,t)},[r,t])}function J(e,t){const r=D(t);ae(()=>{let o=0;if(e){const a=new ResizeObserver(()=>{cancelAnimationFrame(o),o=window.requestAnimationFrame(r)});return a.observe(e),()=>{window.cancelAnimationFrame(o),a.unobserve(e)}}},[e,r])}var ia=ar,sa=sr,ca=cr,la=fr;const ua={"purpur-drawer-scroll-area__root":"_purpur-drawer-scroll-area__root_1p63i_1","purpur-drawer-scroll-area__viewport":"_purpur-drawer-scroll-area__viewport_1p63i_4","purpur-drawer-scroll-area__scrollbar":"_purpur-drawer-scroll-area__scrollbar_1p63i_7","purpur-drawer-scroll-area__thumb":"_purpur-drawer-scroll-area__thumb_1p63i_18"},re=B.bind(ua),ne="purpur-drawer-scroll-area",We=N.forwardRef(({["data-testid"]:e="purpur-drawer-scroll-area",children:t,className:r,...o},a)=>{const n=re([r,ne]);return d.jsx("div",{className:n,"data-testid":e,ref:a,...o,children:d.jsxs(ia,{className:re(`${ne}__root`),children:[d.jsx(sa,{className:re(`${ne}__viewport`),children:t}),d.jsx(ca,{className:re(`${ne}__scrollbar`),orientation:"vertical",children:d.jsx(la,{className:re(`${ne}__thumb`)})})]})})});We.displayName="DrawerScrollArea";const K=B.bind(uo),W="purpur-drawer-frame",mr=N.forwardRef(({["data-testid"]:e="purpur-drawer-frame",backButton:t,backButtonText:r,backButtonOnlyIcon:o,children:a,className:n,closeButtonText:s,footerContent:i,onAnimationEnd:u,onBackButtonClick:l,onSwipeStart:f,onSwipeMove:v,onSwipeCancel:p,onSwipeEnd:m,title:_,stickyFooter:h,...g},w)=>{const E=K([n,W,{[`${W}--sticky-footer`]:h}]);return d.jsxs("div",{className:E,"data-testid":e,ref:w,onAnimationEnd:u,...g,children:[d.jsx(Kt,{onSwipeStart:f,onSwipeMove:v,onSwipeCancel:p,onSwipeEnd:m}),d.jsx(Z,{className:K(`${W}__header`),variant:"header",stickyFooter:h,children:d.jsx(nr,{title:_,backButtonOnlyIcon:o,backButton:t,backButtonText:r,closeButtonText:s,onBackButtonClick:l})}),h?d.jsxs(d.Fragment,{children:[d.jsx(We,{className:K(`${W}__body`),"data-testid":`${e}-sticky-footer-scroll-area`,children:d.jsx(Z,{stickyFooter:!0,children:a})}),i&&d.jsx(Z,{className:K(`${W}__footer`),"data-testid":`${e}-sticky-footer`,variant:"footer",stickyFooter:h,children:i})]}):d.jsx(We,{className:K(`${W}__body`),"data-testid":`${e}-scroll-area`,children:d.jsxs("div",{className:K([`${W}__content-container`,{[`${W}__content-container--no-footer`]:!i}]),children:[d.jsx(Z,{stickyFooter:h,children:a}),i&&d.jsx(Z,{"data-testid":`${e}-footer`,stickyFooter:h,variant:"footer",children:i})]})})]})});mr.displayName="DrawerFrame";const da=(e,t)=>({onAnimationEnd:i=>{i.currentTarget.getAttribute("data-swipe")==="end"&&t(!1)},onSwipeStart:()=>{e.current&&e.current.setAttribute("data-swipe","start")},onSwipeMove:i=>{if(!e.current)return;const{y:u}=i.delta;e.current.setAttribute("data-swipe","move"),e.current.style.setProperty("--purpur-drawer-swipe-move-y",`${u}px`)},onSwipeCancel:()=>{e.current&&(e.current.setAttribute("data-swipe","cancel"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.removeProperty("--purpur-drawer-swipe-end-y"))},onSwipeEnd:i=>{if(!e.current)return;const{y:u}=i.delta;e.current.setAttribute("data-swipe","end"),e.current.style.removeProperty("--purpur-drawer-swipe-move-y"),e.current.style.setProperty("--purpur-drawer-swipe-end-y",`${u}px`)}}),oe=B.bind(so),pe="purpur-drawer-content",gr=N.forwardRef(({["data-testid"]:e="purpur-drawer-content",backButton:t=!1,backButtonText:r,backButtonOnlyIcon:o=!1,bodyText:a,children:n,className:s,closeButtonText:i,disableCloseOnClickOutside:u=!1,footerContent:l,onBackButtonClick:f,stickyFooter:v=!1,title:p,zIndex:m,..._},h)=>{const g=oe([s,pe]),w=N.useRef(null),E=N.useContext(Gt),{onAnimationEnd:S,onSwipeStart:y,onSwipeMove:x,onSwipeCancel:P,onSwipeEnd:b}=da(w,E),R=C=>{u&&C.preventDefault()};return d.jsx(Gn,{children:d.jsx(Kn,{className:oe("purpur-drawer-overlay"),style:m?{zIndex:m}:void 0,"data-testid":`${e}-overlay`,children:d.jsx(Zn,{onPointerDownOutside:R,className:g,"data-testid":e,ref:h,..._,children:d.jsx(mr,{backButton:t,backButtonText:r,backButtonOnlyIcon:o,closeButtonText:i,className:oe(`${pe}__drawer-frame`),footerContent:l,ref:w,onAnimationEnd:S,onBackButtonClick:f,onSwipeStart:y,onSwipeMove:x,onSwipeCancel:P,onSwipeEnd:b,stickyFooter:v,title:p,children:a?d.jsxs("div",{className:oe(`${pe}__content-container`),children:[d.jsx(Qn,{className:oe(`${pe}__description`),"data-testid":`${e}-description`,children:a}),d.jsx("div",{children:n})]}):n})})})})});gr.displayName="DrawerContent";const _r=N.forwardRef(({["data-testid"]:e="purpur-drawer-trigger",children:t,className:r,...o},a)=>d.jsx(Xn,{asChild:!0,className:r,"data-testid":e,ref:a,...o,children:t}));_r.displayName="DrawerTrigger";const fa=B.bind(ro),pa="purpur-drawer",Se=({["data-testid"]:e="purpur-drawer",children:t,className:r,onOpenChange:o,open:a=!1,...n})=>{const[s,i]=N.useState(a),u=fa([r,pa]),l=f=>{i(f),o==null||o(f)};return N.useEffect(()=>{i(a)},[a]),d.jsx(Gt.Provider,{value:l,children:d.jsx("div",{className:u,"data-testid":e,...n,children:d.jsx(Vn,{open:s,onOpenChange:l,children:t})})})};Se.Trigger=_r;Se.Content=gr;Se.displayName="Drawer";exports.Drawer=Se;
|
|
62
66
|
//# sourceMappingURL=drawer.cjs.js.map
|