@purpurds/drawer 5.32.0 → 5.33.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 +3 -3
- package/dist/drawer.cjs.js +6 -6
- package/dist/drawer.cjs.js.map +1 -1
- package/dist/drawer.es.js +261 -259
- package/dist/drawer.es.js.map +1 -1
- package/package.json +6 -6
package/dist/LICENSE.txt
CHANGED
|
@@ -457,21 +457,21 @@ SOFTWARE.
|
|
|
457
457
|
---
|
|
458
458
|
|
|
459
459
|
Name: @purpurds/button
|
|
460
|
-
Version: 5.
|
|
460
|
+
Version: 5.32.0
|
|
461
461
|
License: AGPL-3.0-only
|
|
462
462
|
Private: false
|
|
463
463
|
|
|
464
464
|
---
|
|
465
465
|
|
|
466
466
|
Name: @purpurds/heading
|
|
467
|
-
Version: 5.
|
|
467
|
+
Version: 5.32.0
|
|
468
468
|
License: AGPL-3.0-only
|
|
469
469
|
Private: false
|
|
470
470
|
|
|
471
471
|
---
|
|
472
472
|
|
|
473
473
|
Name: @purpurds/icon
|
|
474
|
-
Version: 5.
|
|
474
|
+
Version: 5.32.0
|
|
475
475
|
License: AGPL-3.0-only
|
|
476
476
|
Private: false
|
|
477
477
|
|
package/dist/drawer.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),s=require("react"),We=require("react-dom");function qt(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 $=qt(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 Be;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(j=>j.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(j=>j.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&&(Be=h.body.style.pointerEvents,h.body.style.pointerEvents="none"),d.layersWithOutsidePointerEventsDisabled.add(f)),d.layers.add(f),Ve(),()=>{o&&d.layersWithOutsidePointerEventsDisabled.size===1&&(h.body.style.pointerEvents=Be)}},[f,h,o,d]),s.useEffect(()=>()=>{f&&(d.layers.delete(f),d.layersWithOutsidePointerEventsDisabled.delete(f),Ve())},[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 Ve(){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",qe={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,qe);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,qe);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 H=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};H.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 Mr(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var r=Lr();return r&&e.setAttribute("nonce",r),e}function jr(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=Mr())&&(jr(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])}},Hr=mt(),Q="data-scroll-locked",Yr=function(e,r,t,o){var a=e.left,n=e.top,i=e.right,c=e.gap;return t===void 0&&(t="margin"),`
|
|
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
2
|
.`.concat(xr,` {
|
|
3
3
|
overflow: hidden `).concat(o,`;
|
|
4
4
|
padding-right: `).concat(c,"px ").concat(o,`;
|
|
@@ -35,14 +35,14 @@
|
|
|
35
35
|
body[`).concat(Q,`] {
|
|
36
36
|
`).concat(Cr,": ").concat(c,`px;
|
|
37
37
|
}
|
|
38
|
-
`)},et=function(){var e=parseInt(document.body.getAttribute(Q)||"0",10);return isFinite(e)?e:0},
|
|
38
|
+
`)},et=function(){var e=parseInt(document.body.getAttribute(Q)||"0",10);return isFinite(e)?e:0},Yr=function(){$.useEffect(function(){return document.body.setAttribute(Q,(et()+1).toString()),function(){var e=et()-1;e<=0?document.body.removeAttribute(Q):document.body.setAttribute(Q,e.toString())}},[])},Xr=function(e){var r=e.noRelative,t=e.noImportant,o=e.gapMode,a=o===void 0?"margin":o;Yr();var n=$.useMemo(function(){return Ur(a)},[a]);return $.createElement(qr,{styles:Hr(n,!r,a,t?"":"!important")})},Le=!1;if(typeof window<"u")try{var ce=Object.defineProperty({},"passive",{get:function(){return Le=!0,!0}});window.addEventListener("test",ce,ce),window.removeEventListener("test",ce,ce)}catch{Le=!1}var B=Le?{passive:!1}:!1,Br=function(e){return e.tagName==="TEXTAREA"},bt=function(e,r){var t=window.getComputedStyle(e);return t[r]!=="hidden"&&!(t.overflowY===t.overflowX&&!Br(e)&&t[r]==="visible")},Vr=function(e){return bt(e,"overflowY")},Kr=function(e){return bt(e,"overflowX")},tt=function(e,r){var t=r;do{typeof ShadowRoot<"u"&&t instanceof ShadowRoot&&(t=t.host);var o=gt(e,t);if(o){var a=_t(e,t),n=a[1],i=a[2];if(n>i)return!0}t=t.parentNode}while(t&&t!==document.body);return!1},Gr=function(e){var r=e.scrollTop,t=e.scrollHeight,o=e.clientHeight;return[r,t,o]},Zr=function(e){var r=e.scrollLeft,t=e.scrollWidth,o=e.clientWidth;return[r,t,o]},gt=function(e,r){return e==="v"?Vr(r):Kr(r)},_t=function(e,r){return e==="v"?Gr(r):Zr(r)},Qr=function(e,r){return e==="h"&&r==="rtl"?-1:1},Jr=function(e,r,t,o,a){var n=Qr(e,window.getComputedStyle(r).direction),i=n*o,c=t.target,u=r.contains(c),l=!1,d=i>0,f=0,p=0;do{var h=_t(e,c),g=h[0],v=h[1],b=h[2],_=v-b-n*g;(g||_)&>(e,c)&&(f+=_,p+=g),c=c.parentNode}while(!u&&c!==document.body||u&&(r.contains(c)||r===c));return(d&&f===0||!d&&p===0)&&(l=!0),l},ie=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},rt=function(e){return[e.deltaX,e.deltaY]},nt=function(e){return e&&"current"in e?e.current:e},en=function(e,r){return e[0]===r[0]&&e[1]===r[1]},tn=function(e){return`
|
|
39
39
|
.block-interactivity-`.concat(e,` {pointer-events: none;}
|
|
40
40
|
.allow-interactivity-`).concat(e,` {pointer-events: all;}
|
|
41
|
-
`)},rn=0,
|
|
41
|
+
`)},rn=0,V=[];function nn(e){var r=$.useRef([]),t=$.useRef([0,0]),o=$.useRef(),a=$.useState(rn++)[0],n=$.useState(function(){return mt()})[0],i=$.useRef(e);$.useEffect(function(){i.current=e},[e]),$.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(a));var v=Sr([e.lockRef.current],(e.shards||[]).map(nt),!0).filter(Boolean);return v.forEach(function(b){return b.classList.add("allow-interactivity-".concat(a))}),function(){document.body.classList.remove("block-interactivity-".concat(a)),v.forEach(function(b){return b.classList.remove("allow-interactivity-".concat(a))})}}},[e.inert,e.lockRef.current,e.shards]);var c=$.useCallback(function(v,b){if("touches"in v&&v.touches.length===2)return!i.current.allowPinchZoom;var _=ie(v),C=t.current,y="deltaX"in v?v.deltaX:C[0]-_[0],E="deltaY"in v?v.deltaY:C[1]-_[1],P,N=v.target,T=Math.abs(y)>Math.abs(E)?"h":"v";if("touches"in v&&T==="h"&&N.type==="range")return!1;var S=tt(T,N);if(!S)return!0;if(S?P=T:(P=T==="v"?"h":"v",S=tt(T,N)),!S)return!1;if(!o.current&&"changedTouches"in v&&(y||E)&&(o.current=P),!P)return!0;var x=o.current||P;return Jr(x,b,v,x==="h"?y:E)},[]),u=$.useCallback(function(v){var b=v;if(!(!V.length||V[V.length-1]!==n)){var _="deltaY"in b?rt(b):ie(b),C=r.current.filter(function(P){return P.name===b.type&&P.target===b.target&&en(P.delta,_)})[0];if(C&&C.should){b.cancelable&&b.preventDefault();return}if(!C){var y=(i.current.shards||[]).map(nt).filter(Boolean).filter(function(P){return P.contains(b.target)}),E=y.length>0?c(b,y[0]):!i.current.noIsolation;E&&b.cancelable&&b.preventDefault()}}},[]),l=$.useCallback(function(v,b,_,C){var y={name:v,delta:b,target:_,should:C};r.current.push(y),setTimeout(function(){r.current=r.current.filter(function(E){return E!==y})},1)},[]),d=$.useCallback(function(v){t.current=ie(v),o.current=void 0},[]),f=$.useCallback(function(v){l(v.type,rt(v),v.target,c(v,e.lockRef.current))},[]),p=$.useCallback(function(v){l(v.type,ie(v),v.target,c(v,e.lockRef.current))},[]);$.useEffect(function(){return V.push(n),e.setCallbacks({onScrollCapture:f,onWheelCapture:f,onTouchMoveCapture:p}),document.addEventListener("wheel",u,B),document.addEventListener("touchmove",u,B),document.addEventListener("touchstart",d,B),function(){V=V.filter(function(v){return v!==n}),document.removeEventListener("wheel",u,B),document.removeEventListener("touchmove",u,B),document.removeEventListener("touchstart",d,B)}},[]);var h=e.removeScrollBar,g=e.inert;return $.createElement($.Fragment,null,g?$.createElement(n,{styles:tn(a)}):null,h?$.createElement(Xr,{gapMode:"margin"}):null)}const on=Or(ht,nn);var $t=$.forwardRef(function(e,r){return $.createElement(ge,I({},e,{ref:r,sideCar:on}))});$t.classNames=ge.classNames;var an=function(e){if(typeof document>"u")return null;var r=Array.isArray(e)?e[0]:e;return r.ownerDocument.body},K=new WeakMap,se=new WeakMap,le={},Ae=0,wt=function(e){return e&&(e.host||wt(e.parentNode))},cn=function(e,r){return r.map(function(t){if(e.contains(t))return t;var o=wt(t);return o&&e.contains(o)?o:(console.error("aria-hidden",t,"in not contained inside",e,". Doing nothing"),null)}).filter(function(t){return!!t})},sn=function(e,r,t,o){var a=cn(r,Array.isArray(e)?e:[e]);le[t]||(le[t]=new WeakMap);var n=le[t],i=[],c=new Set,u=new Set(a),l=function(f){!f||c.has(f)||(c.add(f),l(f.parentNode))};a.forEach(l);var d=function(f){!f||u.has(f)||Array.prototype.forEach.call(f.children,function(p){if(c.has(p))d(p);else try{var h=p.getAttribute(o),g=h!==null&&h!=="false",v=(K.get(p)||0)+1,b=(n.get(p)||0)+1;K.set(p,v),n.set(p,b),i.push(p),v===1&&g&&se.set(p,!0),b===1&&p.setAttribute(t,"true"),g||p.setAttribute(o,"true")}catch(_){console.error("aria-hidden: cannot operate on ",p,_)}})};return d(r),c.clear(),Ae++,function(){i.forEach(function(f){var p=K.get(f)-1,h=n.get(f)-1;K.set(f,p),n.set(f,h),p||(se.has(f)||f.removeAttribute(o),se.delete(f)),h||f.removeAttribute(t)}),Ae--,Ae||(K=new WeakMap,K=new WeakMap,se=new WeakMap,le={})}},ln=function(e,r,t){t===void 0&&(t="data-aria-hidden");var o=Array.from(Array.isArray(e)?e:[e]),a=an(e);return a?(o.push.apply(o,Array.from(a.querySelectorAll("[aria-live]"))),sn(o,a,t,"aria-hidden")):function(){return null}};const yt="Dialog",[Et,Qo]=ut(yt),[un,j]=Et(yt),dn=e=>{const{__scopeDialog:r,children:t,open:o,defaultOpen:a,onOpenChange:n,modal:i=!0}=e,c=s.useRef(null),u=s.useRef(null),[l=!1,d]=Jt({prop:o,defaultProp:a,onChange:n});return s.createElement(un,{scope:r,triggerRef:c,contentRef:u,contentId:ye(),titleId:ye(),descriptionId:ye(),open:l,onOpenChange:d,onOpenToggle:s.useCallback(()=>d(f=>!f),[d]),modal:i},t)},fn="DialogTrigger",pn=s.forwardRef((e,r)=>{const{__scopeDialog:t,...o}=e,a=j(fn,t),n=O(r,a.triggerRef);return s.createElement(L.button,w({type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":qe(a.open)},o,{ref:n,onClick:A(e.onClick,a.onOpenToggle)}))}),St="DialogPortal",[vn,xt]=Et(St,{forceMount:void 0}),hn=e=>{const{__scopeDialog:r,forceMount:t,children:o,container:a}=e,n=j(St,r);return s.createElement(vn,{scope:r,forceMount:t},s.Children.map(o,i=>s.createElement(q,{present:t||n.open},s.createElement($r,{asChild:!0,container:a},i))))},je="DialogOverlay",mn=s.forwardRef((e,r)=>{const t=xt(je,e.__scopeDialog),{forceMount:o=t.forceMount,...a}=e,n=j(je,e.__scopeDialog);return n.modal?s.createElement(q,{present:o||n.open},s.createElement(bn,w({},a,{ref:r}))):null}),bn=s.forwardRef((e,r)=>{const{__scopeDialog:t,...o}=e,a=j(je,t);return s.createElement($t,{as:Ue,allowPinchZoom:!0,shards:[a.contentRef]},s.createElement(L.div,w({"data-state":qe(a.open)},o,{ref:r,style:{pointerEvents:"auto",...o.style}})))}),oe="DialogContent",gn=s.forwardRef((e,r)=>{const t=xt(oe,e.__scopeDialog),{forceMount:o=t.forceMount,...a}=e,n=j(oe,e.__scopeDialog);return s.createElement(q,{present:o||n.open},n.modal?s.createElement(_n,w({},a,{ref:r})):s.createElement($n,w({},a,{ref:r})))}),_n=s.forwardRef((e,r)=>{const t=j(oe,e.__scopeDialog),o=s.useRef(null),a=O(r,t.contentRef,o);return s.useEffect(()=>{const n=o.current;if(n)return ln(n)},[]),s.createElement(Ct,w({},e,{ref:a,trapFocus:t.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:A(e.onCloseAutoFocus,n=>{var i;n.preventDefault(),(i=t.triggerRef.current)===null||i===void 0||i.focus()}),onPointerDownOutside:A(e.onPointerDownOutside,n=>{const i=n.detail.originalEvent,c=i.button===0&&i.ctrlKey===!0;(i.button===2||c)&&n.preventDefault()}),onFocusOutside:A(e.onFocusOutside,n=>n.preventDefault())}))}),$n=s.forwardRef((e,r)=>{const t=j(oe,e.__scopeDialog),o=s.useRef(!1),a=s.useRef(!1);return s.createElement(Ct,w({},e,{ref:r,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:n=>{var i;if((i=e.onCloseAutoFocus)===null||i===void 0||i.call(e,n),!n.defaultPrevented){var c;o.current||(c=t.triggerRef.current)===null||c===void 0||c.focus(),n.preventDefault()}o.current=!1,a.current=!1},onInteractOutside:n=>{var i,c;(i=e.onInteractOutside)===null||i===void 0||i.call(e,n),n.defaultPrevented||(o.current=!0,n.detail.originalEvent.type==="pointerdown"&&(a.current=!0));const u=n.target;((c=t.triggerRef.current)===null||c===void 0?void 0:c.contains(u))&&n.preventDefault(),n.detail.originalEvent.type==="focusin"&&a.current&&n.preventDefault()}}))}),Ct=s.forwardRef((e,r)=>{const{__scopeDialog:t,trapFocus:o,onOpenAutoFocus:a,onCloseAutoFocus:n,...i}=e,c=j(oe,t),u=s.useRef(null),l=O(r,u);return Er(),s.createElement(s.Fragment,null,s.createElement(pr,{asChild:!0,loop:!0,trapped:o,onMountAutoFocus:a,onUnmountAutoFocus:n},s.createElement(ur,w({role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":qe(c.open)},i,{ref:l,onDismiss:()=>c.onOpenChange(!1)}))),!1)}),wn="DialogTitle",yn=s.forwardRef((e,r)=>{const{__scopeDialog:t,...o}=e,a=j(wn,t);return s.createElement(L.h2,w({id:a.titleId},o,{ref:r}))}),En="DialogDescription",Sn=s.forwardRef((e,r)=>{const{__scopeDialog:t,...o}=e,a=j(En,t);return s.createElement(L.p,w({id:a.descriptionId},o,{ref:r}))}),xn="DialogClose",Cn=s.forwardRef((e,r)=>{const{__scopeDialog:t,...o}=e,a=j(xn,t);return s.createElement(L.button,w({type:"button"},o,{ref:r,onClick:A(e.onClick,()=>a.onOpenChange(!1))}))});function qe(e){return e?"open":"closed"}const Pn=dn,Tn=pn,An=hn,Rn=mn,Dn=gn,ot=yn,Nn=Sn,On=Cn;function Ln(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Pt={exports:{}};/*!
|
|
42
42
|
Copyright (c) 2018 Jed Watson.
|
|
43
43
|
Licensed under the MIT License (MIT), see
|
|
44
44
|
http://jedwatson.github.io/classnames
|
|
45
|
-
*/(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})()})(Pt);var
|
|
45
|
+
*/(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})()})(Pt);var jn=Pt.exports;const X=Ln(jn),Tt=s.createContext(null),Mn={},In="_drawerSmallScreenAnimation_10vdf_1",kn="_drawerLargeScreenAnimation_10vdf_1",Fn="_slideDown_10vdf_1",zn="_overlayAnimation_10vdf_1",Wn={"purpur-drawer-content":"_purpur-drawer-content_10vdf_1",drawerSmallScreenAnimation:In,drawerLargeScreenAnimation:kn,"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:Fn,"purpur-drawer-content__description":"_purpur-drawer-content__description_10vdf_37","purpur-drawer-overlay":"_purpur-drawer-overlay_10vdf_48",overlayAnimation:zn},Un={"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"},qn=X.bind(Un),Re="purpur-drawer-container",Z=s.forwardRef(({["data-testid"]:e="purpur-drawer-container",children:r,className:t,variant:o="body",stickyFooter:a,...n},i)=>{const c=qn([t,Re,{[`${Re}--${o}`]:o},{[`${Re}--sticky`]:a}]);return m.jsx("div",{className:c,"data-testid":e,ref:i,...n,children:r})});Z.displayName="DrawerContainer";const Hn={"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"},Yn={"purpur-drawer-handle":"_purpur-drawer-handle_3n0ew_1"},Xn=(e,r,t,o,a,n)=>({onPointerDown:l=>{e.current={y:l.clientY}},onPointerMove:l=>{if(!e.current)return;const d=l.clientY-e.current.y,f=!!r.current,p=Math.max(0,d),h=l.pointerType==="touch"?10:2,g={y:p},v={originalEvent:l,delta:g};f?(r.current=g,o(v)):at(g,0)?(r.current=g,t(),l.target.setPointerCapture(l.pointerId)):Math.abs(d)>h&&(e.current=null)},onPointerUp:l=>{const d=r.current,f=l.target;if(f.hasPointerCapture(l.pointerId)&&f.releasePointerCapture(l.pointerId),r.current=null,e.current=null,d){const p=l.currentTarget,h={originalEvent:l,delta:d};at(d,0)&&d.y>200?n(h):a(),p.addEventListener("click",g=>g.preventDefault(),{once:!0})}}}),at=(e,r=0)=>Math.abs(e.y)>r,Bn=X.bind(Yn),Vn="purpur-drawer-handle",At=s.forwardRef(({["data-testid"]:e="purpur-drawer-handle",className:r,onSwipeStart:t,onSwipeMove:o,onSwipeCancel:a,onSwipeEnd:n,...i},c)=>{const u=Bn([r,Vn]),l=s.useRef(null),d=s.useRef(null),{onPointerDown:f,onPointerMove:p,onPointerUp:h}=Xn(d,l,t,o,a,n);return m.jsx("div",{className:u,"data-testid":e,onPointerDown:f,onPointerMove:p,onPointerUp:h,ref:c,...i})});At.displayName="DrawerHandle";const Kn={PRIMARY:"primary",SECONDARY:"secondary",EXPRESSIVE:"expressive"},Gn={XS:"xs",SM:"sm",MD:"md",LG:"lg"};function Zn(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Rt={exports:{}};/*!
|
|
46
46
|
Copyright (c) 2018 Jed Watson.
|
|
47
47
|
Licensed under the MIT License (MIT), see
|
|
48
48
|
http://jedwatson.github.io/classnames
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
Copyright (c) 2018 Jed Watson.
|
|
51
51
|
Licensed under the MIT License (MIT), see
|
|
52
52
|
http://jedwatson.github.io/classnames
|
|
53
|
-
*/(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})()})(Dt);var oo=Dt.exports;const ao=no(oo),co={"purpur-button":"_purpur-
|
|
53
|
+
*/(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})()})(Dt);var oo=Dt.exports;const ao=no(oo),co={"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"},De={...Kn,DESTRUCTIVE:"destructive",TERTIARY_PURPLE:"tertiary-purple",TEXT:"text"},io=ao.bind(co),H="purpur-button",so=({children:e,className:r,["data-testid"]:t,disabled:o=!1,fullWidth:a=!1,iconOnly:n,loading:i=!1,negative:c=!1,onClick:u,size:l="md",variant:d,type:f="button",...p},h)=>{if(n&&d==="destructive")return null;const g=io([H,`${H}--${c?`${d}-negative`:d}`,`${H}--${l}`],{[`${H}--icon-only`]:n,[`${H}--negative`]:c,[`${H}--full-width`]:a,[`${H}--disabled`]:o||i},r),v=_=>{o||i?_.preventDefault():u&&u(_)},b=!!p["aria-disabled"]||o||i;return m.jsxs("button",{className:g,"data-testid":t,type:f,ref:h,"aria-disabled":b,onClick:v,...p,children:[i&&m.jsx(ro,{size:l===Gn.LG?"xs":"xxs",negative:c,disabled:b})," ",e]})},Me=s.forwardRef(so);Me.displayName="Button";function lo(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Nt={exports:{}};/*!
|
|
54
54
|
Copyright (c) 2018 Jed Watson.
|
|
55
55
|
Licensed under the MIT License (MIT), see
|
|
56
56
|
http://jedwatson.github.io/classnames
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
Copyright (c) 2018 Jed Watson.
|
|
59
59
|
Licensed under the MIT License (MIT), see
|
|
60
60
|
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={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"},go={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"},Lt=e=>m.jsx(Ye,{...e,svg:bo});Lt.displayName="IconArrowLeft";const Mt=e=>m.jsx(Ye,{...e,svg:go});Mt.displayName="IconClose";const _o=ho.bind(mo),it="purpur-icon",$o="md",wo=e=>e.filter(r=>Object.keys(r).length>=1).map(r=>`${r.name}="${r.value}"`).join(" "),yo=({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 ${wo(t)}>${o}${e}</svg>`},Eo=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),Ye=({["data-testid"]:e,svg:r,allyTitle:t,className:o,size:a=$o,...n})=>{const i=yo({content:Eo(r.svg),title:t}),c=_o(o,it,`${it}--${a}`);return m.jsx("span",{"aria-label":t,className:c,"data-testid":e,dangerouslySetInnerHTML:{__html:i},...n})};Ye.displayName="Icon";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"},X=B.bind(So),F="purpur-drawer-header",jt=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=X([a,F]);return m.jsxs("div",{className:d,"data-testid":e,ref:l,...u,children:[m.jsxs("div",{className:X([`${F}__row`,{[`${F}__row--with-back-button`]:r&&t&&i}]),"data-testid":`${e}-row`,children:[m.jsx("div",{className:X(`${F}__left`),children:r&&t&&i?m.jsxs(je,{"aria-label":o?t:"",className:X([`${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:X(`${F}__right`),children:m.jsx(On,{asChild:!0,children:m.jsx(je,{"aria-label":n,className:X(`${F}__close-button`),iconOnly:!0,size:"sm",variant:De.TERTIARY_PURPLE,children:m.jsx(Mt,{size:"sm"})})})})]}),r&&t&&i&&m.jsx(ot,{asChild:!0,children:m.jsx(ke,{className:X(`${F}__heading`),"data-testid":`${e}-title-with-back-button`,tag:"h2",variant:Ie.TITLE200,children:c})})]})});jt.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,j=>u(j)),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(Mo,w({},o,{ref:r,forceMount:t})):a.type==="auto"?s.createElement(Ft,w({},o,{ref:r,forceMount:t})):a.type==="always"?s.createElement(Xe,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(H,{present:t||n},s.createElement(Ft,w({"data-state":n?"visible":"hidden"},o,{ref:r})))}),Mo=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(H,{present:t||c!=="hidden"},s.createElement(Xe,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(H,{present:o||n},s.createElement(Xe,w({"data-state":n?"visible":"hidden"},a,{ref:r})))}),Xe=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(jo,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}),jo=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),Yt(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),Yt(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,j=x.clientY-_.current.top;l({x:R,y:j})}}return s.useEffect(()=>{const x=R=>{const j=R.target;(g==null?void 0:g.contains(j))&&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(H,{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 Ht([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 Ht([0,i],[0,c])(l)}function Ht(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 Yt(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 Ho=Ro,Yo=No,Xo=Oo,Bo=Fo,Vo={"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=B.bind(Vo),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(Ho,{className:te(`${re}__root`),children:[m.jsx(Yo,{className:te(`${re}__viewport`),children:r}),m.jsx(Xo,{className:te(`${re}__scrollbar`),orientation:"vertical",children:m.jsx(Bo,{className:te(`${re}__thumb`)})})]})})});ze.displayName="DrawerScrollArea";const G=B.bind(Yn),W="purpur-drawer-frame",Xt=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(jt,{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})]})})]})});Xt.displayName="DrawerFrame";const qo=(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=B.bind(Wn),fe="purpur-drawer-content",Bt=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}=qo(_,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(Xt,{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})})})})});Bt.displayName="DrawerContent";const Vt=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}));Vt.displayName="DrawerTrigger";const Ko=B.bind(jn),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=Vt;we.Content=Bt;we.displayName="Drawer";exports.Drawer=we;
|
|
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={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"},go={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"},Lt=e=>m.jsx(He,{...e,svg:bo});Lt.displayName="IconArrowLeft";const jt=e=>m.jsx(He,{...e,svg:go});jt.displayName="IconClose";const _o=ho.bind(mo),it="purpur-icon",$o="md",wo=e=>e.filter(r=>Object.keys(r).length>=1).map(r=>`${r.name}="${r.value}"`).join(" "),yo=({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 ${wo(t)}>${o}${e}</svg>`},Eo=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),He=({["data-testid"]:e,svg:r,allyTitle:t,className:o,size:a=$o,...n})=>{const i=yo({content:Eo(r.svg),title:t}),c=_o(o,it,`${it}--${a}`);return m.jsx("span",{"aria-label":t,className:c,"data-testid":e,dangerouslySetInnerHTML:{__html:i},...n})};He.displayName="Icon";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;
|
|
62
62
|
//# sourceMappingURL=drawer.cjs.js.map
|