@snowbomb1/nova-ui 1.0.13 → 1.0.15
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/index.d.ts +2 -0
- package/dist/index.js +2 -2
- package/dist/nova-ui.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -27,8 +27,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
27
27
|
${w}px !important;
|
|
28
28
|
${P}px !important;
|
|
29
29
|
}
|
|
30
|
-
`),()=>{M.contains(T)&&M.removeChild(T)}},[t]),f.jsx(Mu,{isPresent:t,childRef:a,sizeRef:l,pop:r,children:r===!1?e:E.cloneElement(e,{ref:d})})}const Vu=({children:e,initial:t,isPresent:n,onExitComplete:s,custom:i,presenceAffectsLayout:r,mode:o,anchorX:a,anchorY:l,root:u})=>{const c=gt(ju),d=g.useId();let h=!0,m=g.useMemo(()=>(h=!1,{id:d,initial:t,isPresent:n,custom:i,onExitComplete:p=>{c.set(p,!0);for(const x of c.values())if(!x)return;s&&s()},register:p=>(c.set(p,!1),()=>c.delete(p))}),[n,c,s]);return r&&h&&(m={...m}),g.useMemo(()=>{c.forEach((p,x)=>c.set(x,!1))},[n]),E.useEffect(()=>{!n&&!c.size&&s&&s()},[n]),e=f.jsx(ku,{pop:o==="popLayout",isPresent:n,anchorX:a,anchorY:l,root:u,children:e}),f.jsx(yt.Provider,{value:m,children:e})};function ju(){return new Map}function Jo(e=!0){const t=g.useContext(yt);if(t===null)return[!0,null];const{isPresent:n,onExitComplete:s,register:i}=t,r=g.useId();g.useEffect(()=>{if(e)return i(r)},[e]);const o=g.useCallback(()=>e&&s&&s(r),[r,s,e]);return!n&&s?[!1,o]:[!0]}const It=e=>e.key||"";function Qo(e){const t=[];return g.Children.forEach(e,n=>{g.isValidElement(n)&&t.push(n)}),t}const je=({children:e,custom:t,initial:n=!0,onExitComplete:s,presenceAffectsLayout:i=!0,mode:r="sync",propagate:o=!1,anchorX:a="left",anchorY:l="top",root:u})=>{const[c,d]=Jo(o),h=g.useMemo(()=>Qo(e),[e]),m=o&&!c?[]:h.map(It),p=g.useRef(!0),x=g.useRef(h),_=gt(()=>new Map),y=g.useRef(new Set),[b,w]=g.useState(h),[P,T]=g.useState(h);Ts(()=>{p.current=!1,x.current=h;for(let C=0;C<P.length;C++){const k=It(P[C]);m.includes(k)?(_.delete(k),y.current.delete(k)):_.get(k)!==!0&&_.set(k,!1)}},[P,m.length,m.join("-")]);const M=[];if(h!==b){let C=[...h];for(let k=0;k<P.length;k++){const B=P[k],ee=It(B);m.includes(ee)||(C.splice(k,0,B),M.push(B))}return r==="wait"&&M.length&&(C=M),T(Qo(C)),w(h),null}process.env.NODE_ENV!=="production"&&r==="wait"&&P.length>1&&console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);const{forceRender:j}=g.useContext(zt);return f.jsx(f.Fragment,{children:P.map(C=>{const k=It(C),B=o&&!c?!1:h===P||m.includes(k),ee=()=>{if(y.current.has(k))return;if(y.current.add(k),_.has(k))_.set(k,!0);else return;let ae=!0;_.forEach(A=>{A||(ae=!1)}),ae&&(j==null||j(),T(x.current),o&&(d==null||d()),s&&s())};return f.jsx(Vu,{isPresent:B,initial:!p.current||n?void 0:!1,custom:t,presenceAffectsLayout:i,mode:r,root:u,onExitComplete:B?void 0:ee,anchorX:a,anchorY:l,children:C},k)})})},er=g.createContext({strict:!1}),tr={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]};let nr=!1;function Du(){if(nr)return;const e={};for(const t in tr)e[t]={isEnabled:n=>tr[t].some(s=>!!n[s])};Xi(e),nr=!0}function sr(){return Du(),_c()}function Lu(e){const t=sr();for(const n in e)t[n]={...t[n],...e[n]};Xi(t)}const Ru=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","propagate","ignoreStrict","viewport"]);function Nt(e){return e.startsWith("while")||e.startsWith("drag")&&e!=="draggable"||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||e.startsWith("onLayout")||Ru.has(e)}let ir=e=>!Nt(e);function Iu(e){typeof e=="function"&&(ir=t=>t.startsWith("on")?!Nt(t):e(t))}try{Iu(require("@emotion/is-prop-valid").default)}catch{}function Nu(e,t,n){const s={};for(const i in e)i==="values"&&typeof e.values=="object"||(ir(i)||n===!0&&Nt(i)||!t&&!Nt(i)||e.draggable&&i.startsWith("onDrag"))&&(s[i]=e[i]);return s}const $t=g.createContext({});function $u(e,t){if(Mt(e)){const{initial:n,animate:s}=e;return{initial:n===!1||rt(n)?n:void 0,animate:rt(s)?s:void 0}}return e.inherit!==!1?t:{}}function Bu(e){const{initial:t,animate:n}=$u(e,g.useContext($t));return g.useMemo(()=>({initial:t,animate:n}),[or(t),or(n)])}function or(e){return Array.isArray(e)?e.join(" "):e}const Qn=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function rr(e,t,n){for(const s in t)!X(t[s])&&!lo(s,n)&&(e[s]=t[s])}function Ou({transformTemplate:e},t){return g.useMemo(()=>{const n=Qn();return Yn(n,t,e),Object.assign({},n.vars,n.style)},[t])}function Fu(e,t){const n=e.style||{},s={};return rr(s,n,e),Object.assign(s,Ou(e,t)),s}function Wu(e,t){const n={},s=Fu(e,t);return e.drag&&e.dragListener!==!1&&(n.draggable=!1,s.userSelect=s.WebkitUserSelect=s.WebkitTouchCallout="none",s.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(n.tabIndex=0),n.style=s,n}const ar=()=>({...Qn(),attrs:{}});function Uu(e,t,n,s){const i=g.useMemo(()=>{const r=ar();return co(r,t,ho(s),e.transformTemplate,e.style),{...r.attrs,style:{...r.style}}},[t]);if(e.style){const r={};rr(r,e.style,e),i.style={...r,...i.style}}return i}const Hu=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function es(e){return typeof e!="string"||e.includes("-")?!1:!!(Hu.indexOf(e)>-1||/[A-Z]/u.test(e))}function zu(e,t,n,{latestValues:s},i,r=!1,o){const l=(o??es(e)?Uu:Wu)(t,s,i,e),u=Nu(t,typeof e=="string",r),c=e!==g.Fragment?{...u,...l,ref:n}:{},{children:d}=t,h=g.useMemo(()=>X(d)?d.get():d,[d]);return g.createElement(e,{...c,children:h})}function Ku({scrapeMotionValuesFromProps:e,createRenderState:t},n,s,i){return{latestValues:Yu(n,s,i,e),renderState:t()}}function Yu(e,t,n,s){const i={},r=s(e,{});for(const h in r)i[h]=Dt(r[h]);let{initial:o,animate:a}=e;const l=Mt(e),u=Ki(e);t&&u&&!l&&e.inherit!==!1&&(o===void 0&&(o=t.initial),a===void 0&&(a=t.animate));let c=n?n.initial===!1:!1;c=c||o===!1;const d=c?a:o;if(d&&typeof d!="boolean"&&!At(d)){const h=Array.isArray(d)?d:[d];for(let m=0;m<h.length;m++){const p=Mn(e,h[m]);if(p){const{transitionEnd:x,transition:_,...y}=p;for(const b in y){let w=y[b];if(Array.isArray(w)){const P=c?w.length-1:0;w=w[P]}w!==null&&(i[b]=w)}for(const b in x)i[b]=x[b]}}}return i}const lr=e=>(t,n)=>{const s=g.useContext($t),i=g.useContext(yt),r=()=>Ku(e,t,s,i);return n?r():gt(r)},Gu=lr({scrapeMotionValuesFromProps:Xn,createRenderState:Qn}),Xu=lr({scrapeMotionValuesFromProps:fo,createRenderState:ar}),Zu=Symbol.for("motionComponentSymbol");function qu(e,t,n){const s=g.useRef(n);g.useInsertionEffect(()=>{s.current=n});const i=g.useRef(null);return g.useCallback(r=>{var a;r&&((a=e.onMount)==null||a.call(e,r)),t&&(r?t.mount(r):t.unmount());const o=s.current;if(typeof o=="function")if(r){const l=o(r);typeof l=="function"&&(i.current=l)}else i.current?(i.current(),i.current=null):o(r);else o&&(o.current=r)},[t])}const cr=g.createContext({});function Ke(e){return e&&typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}function Ju(e,t,n,s,i,r){var w,P;const{visualElement:o}=g.useContext($t),a=g.useContext(er),l=g.useContext(yt),u=g.useContext(Rt),c=u.reducedMotion,d=u.skipAnimations,h=g.useRef(null),m=g.useRef(!1);s=s||a.renderer,!h.current&&s&&(h.current=s(e,{visualState:t,parent:o,props:n,presenceContext:l,blockInitialAnimation:l?l.initial===!1:!1,reducedMotionConfig:c,skipAnimations:d,isSVG:r}),m.current&&h.current&&(h.current.manuallyAnimateOnMount=!0));const p=h.current,x=g.useContext(cr);p&&!p.projection&&i&&(p.type==="html"||p.type==="svg")&&Qu(h.current,n,i,x);const _=g.useRef(!1);g.useInsertionEffect(()=>{p&&_.current&&p.update(n,l)});const y=n[Ei],b=g.useRef(!!y&&!((w=window.MotionHandoffIsComplete)!=null&&w.call(window,y))&&((P=window.MotionHasOptimisedAnimation)==null?void 0:P.call(window,y)));return Ts(()=>{m.current=!0,p&&(_.current=!0,window.MotionIsMounted=!0,p.updateFeatures(),p.scheduleRenderMicrotask(),b.current&&p.animationState&&p.animationState.animateChanges())}),g.useEffect(()=>{p&&(!b.current&&p.animationState&&p.animationState.animateChanges(),b.current&&(queueMicrotask(()=>{var T;(T=window.MotionHandoffMarkAsComplete)==null||T.call(window,y)}),b.current=!1),p.enteringChildren=void 0)}),p}function Qu(e,t,n,s){const{layoutId:i,layout:r,drag:o,dragConstraints:a,layoutScroll:l,layoutRoot:u,layoutCrossfade:c}=t;e.projection=new n(e.latestValues,t["data-framer-portal-id"]?void 0:ur(e.parent)),e.projection.setOptions({layoutId:i,layout:r,alwaysMeasureLayout:!!o||a&&Ke(a),visualElement:e,animationType:typeof r=="string"?r:"both",initialPromotionConfig:s,crossfade:c,layoutScroll:l,layoutRoot:u})}function ur(e){if(e)return e.options.allowProjection!==!1?e.projection:ur(e.parent)}function ts(e,{forwardMotionProps:t=!1,type:n}={},s,i){s&&Lu(s);const r=n?n==="svg":es(e),o=r?Xu:Gu;function a(u,c){let d;const h={...g.useContext(Rt),...u,layoutId:ed(u)},{isStatic:m}=h,p=Bu(u),x=o(u,m);if(!m&&ws){td(h,s);const _=nd(h);d=_.MeasureLayout,p.visualElement=Ju(e,x,h,i,_.ProjectionNode,r)}return f.jsxs($t.Provider,{value:p,children:[d&&p.visualElement?f.jsx(d,{visualElement:p.visualElement,...h}):null,zu(e,u,qu(x,p.visualElement,c),x,m,t,r)]})}a.displayName=`motion.${typeof e=="string"?e:`create(${e.displayName??e.name??""})`}`;const l=g.forwardRef(a);return l[Zu]=e,l}function ed({layoutId:e}){const t=g.useContext(zt).id;return t&&e!==void 0?t+"-"+e:e}function td(e,t){const n=g.useContext(er).strict;if(process.env.NODE_ENV!=="production"&&t&&n){const s="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";e.ignoreStrict?Re(!1,s,"lazy-strict-mode"):pe(!1,s,"lazy-strict-mode")}}function nd(e){const t=sr(),{drag:n,layout:s}=t;if(!n&&!s)return{};const i={...n,...s};return{MeasureLayout:n!=null&&n.isEnabled(e)||s!=null&&s.isEnabled(e)?i.MeasureLayout:void 0,ProjectionNode:i.ProjectionNode}}function sd(e,t){if(typeof Proxy>"u")return ts;const n=new Map,s=(r,o)=>ts(r,o,e,t),i=(r,o)=>(process.env.NODE_ENV!=="production"&&Zt(!1,"motion() is deprecated. Use motion.create() instead."),s(r,o));return new Proxy(i,{get:(r,o)=>o==="create"?s:(n.has(o)||n.set(o,ts(o,void 0,e,t)),n.get(o))})}const id=(e,t)=>t.isSVG??es(e)?new Ic(t):new kc(t,{allowProjection:e!==g.Fragment});class od extends Se{constructor(t){super(t),t.animationState||(t.animationState=Fc(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();At(t)&&(this.unmountControls=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){var t;this.node.animationState.reset(),(t=this.unmountControls)==null||t.call(this)}}let rd=0;class ad extends Se{constructor(){super(...arguments),this.id=rd++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n}=this.node.presenceContext,{isPresent:s}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===s)return;const i=this.node.animationState.setActive("exit",!t);n&&!t&&i.then(()=>{n(this.id)})}mount(){const{register:t,onExitComplete:n}=this.node.presenceContext||{};n&&n(this.id),t&&(this.unmount=t(this.id))}unmount(){}}const ld={animation:{Feature:od},exit:{Feature:ad}};function ut(e){return{point:{x:e.pageX,y:e.pageY}}}const cd=e=>t=>$n(t)&&e(t,ut(t));function dt(e,t,n,s){return ct(e,t,cd(n),s)}const dr=({current:e})=>e?e.ownerDocument.defaultView:null,hr=(e,t)=>Math.abs(e-t);function ud(e,t){const n=hr(e.x,t.x),s=hr(e.y,t.y);return Math.sqrt(n**2+s**2)}const fr=new Set(["auto","scroll"]);class mr{constructor(t,n,{transformPagePoint:s,contextWindow:i=window,dragSnapToOrigin:r=!1,distanceThreshold:o=3,element:a}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.scrollPositions=new Map,this.removeScrollListeners=null,this.onElementScroll=m=>{this.handleScroll(m.target)},this.onWindowScroll=()=>{this.handleScroll(window)},this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const m=ss(this.lastMoveEventInfo,this.history),p=this.startEvent!==null,x=ud(m.offset,{x:0,y:0})>=this.distanceThreshold;if(!p&&!x)return;const{point:_}=m,{timestamp:y}=Y;this.history.push({..._,timestamp:y});const{onStart:b,onMove:w}=this.handlers;p||(b&&b(this.lastMoveEvent,m),this.startEvent=this.lastMoveEvent),w&&w(this.lastMoveEvent,m)},this.handlePointerMove=(m,p)=>{this.lastMoveEvent=m,this.lastMoveEventInfo=ns(p,this.transformPagePoint),I.update(this.updatePoint,!0)},this.handlePointerUp=(m,p)=>{this.end();const{onEnd:x,onSessionEnd:_,resumeAnimation:y}=this.handlers;if((this.dragSnapToOrigin||!this.startEvent)&&y&&y(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const b=ss(m.type==="pointercancel"?this.lastMoveEventInfo:ns(p,this.transformPagePoint),this.history);this.startEvent&&x&&x(m,b),_&&_(m,b)},!$n(t))return;this.dragSnapToOrigin=r,this.handlers=n,this.transformPagePoint=s,this.distanceThreshold=o,this.contextWindow=i||window;const l=ut(t),u=ns(l,this.transformPagePoint),{point:c}=u,{timestamp:d}=Y;this.history=[{...c,timestamp:d}];const{onSessionStart:h}=n;h&&h(t,ss(u,this.history)),this.removeListeners=Je(dt(this.contextWindow,"pointermove",this.handlePointerMove),dt(this.contextWindow,"pointerup",this.handlePointerUp),dt(this.contextWindow,"pointercancel",this.handlePointerUp)),a&&this.startScrollTracking(a)}startScrollTracking(t){let n=t.parentElement;for(;n;){const s=getComputedStyle(n);(fr.has(s.overflowX)||fr.has(s.overflowY))&&this.scrollPositions.set(n,{x:n.scrollLeft,y:n.scrollTop}),n=n.parentElement}this.scrollPositions.set(window,{x:window.scrollX,y:window.scrollY}),window.addEventListener("scroll",this.onElementScroll,{capture:!0,passive:!0}),window.addEventListener("scroll",this.onWindowScroll,{passive:!0}),this.removeScrollListeners=()=>{window.removeEventListener("scroll",this.onElementScroll,{capture:!0}),window.removeEventListener("scroll",this.onWindowScroll)}}handleScroll(t){const n=this.scrollPositions.get(t);if(!n)return;const s=t===window,i=s?{x:window.scrollX,y:window.scrollY}:{x:t.scrollLeft,y:t.scrollTop},r={x:i.x-n.x,y:i.y-n.y};r.x===0&&r.y===0||(s?this.lastMoveEventInfo&&(this.lastMoveEventInfo.point.x+=r.x,this.lastMoveEventInfo.point.y+=r.y):this.history.length>0&&(this.history[0].x-=r.x,this.history[0].y-=r.y),this.scrollPositions.set(t,i),I.update(this.updatePoint,!0))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),this.removeScrollListeners&&this.removeScrollListeners(),this.scrollPositions.clear(),_e(this.updatePoint)}}function ns(e,t){return t?{point:t(e.point)}:e}function pr(e,t){return{x:e.x-t.x,y:e.y-t.y}}function ss({point:e},t){return{point:e,delta:pr(e,gr(t)),offset:pr(e,dd(t)),velocity:hd(t,.1)}}function dd(e){return e[0]}function gr(e){return e[e.length-1]}function hd(e,t){if(e.length<2)return{x:0,y:0};let n=e.length-1,s=null;const i=gr(e);for(;n>=0&&(s=e[n],!(i.timestamp-s.timestamp>oe(t)));)n--;if(!s)return{x:0,y:0};s===e[0]&&e.length>2&&i.timestamp-s.timestamp>oe(t)*2&&(s=e[1]);const r=re(i.timestamp-s.timestamp);if(r===0)return{x:0,y:0};const o={x:(i.x-s.x)/r,y:(i.y-s.y)/r};return o.x===1/0&&(o.x=0),o.y===1/0&&(o.y=0),o}function fd(e,{min:t,max:n},s){return t!==void 0&&e<t?e=s?N(t,e,s.min):Math.max(e,t):n!==void 0&&e>n&&(e=s?N(n,e,s.max):Math.min(e,n)),e}function yr(e,t,n){return{min:t!==void 0?e.min+t:void 0,max:n!==void 0?e.max+n-(e.max-e.min):void 0}}function md(e,{top:t,left:n,bottom:s,right:i}){return{x:yr(e.x,n,i),y:yr(e.y,t,s)}}function vr(e,t){let n=t.min-e.min,s=t.max-e.max;return t.max-t.min<e.max-e.min&&([n,s]=[s,n]),{min:n,max:s}}function pd(e,t){return{x:vr(e.x,t.x),y:vr(e.y,t.y)}}function gd(e,t){let n=.5;const s=J(e),i=J(t);return i>s?n=Qe(t.min,t.max-s,e.min):s>i&&(n=Qe(e.min,e.max-i,t.min)),de(0,1,n)}function yd(e,t){const n={};return t.min!==void 0&&(n.min=t.min-e.min),t.max!==void 0&&(n.max=t.max-e.min),n}const is=.35;function vd(e=is){return e===!1?e=0:e===!0&&(e=is),{x:_r(e,"left","right"),y:_r(e,"top","bottom")}}function _r(e,t,n){return{min:xr(e,t),max:xr(e,n)}}function xr(e,t){return typeof e=="number"?e:e[t]||0}const _d=new WeakMap;class xd{constructor(t){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=W(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=t}start(t,{snapToCursor:n=!1,distanceThreshold:s}={}){const{presenceContext:i}=this.visualElement;if(i&&i.isPresent===!1)return;const r=d=>{n&&this.snapToCursor(ut(d).point),this.stopAnimation()},o=(d,h)=>{const{drag:m,dragPropagation:p,onDragStart:x}=this.getProps();if(m&&!p&&(this.openDragLock&&this.openDragLock(),this.openDragLock=Xl(m),!this.openDragLock))return;this.latestPointerEvent=d,this.latestPanInfo=h,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),fe(y=>{let b=this.getAxisMotionValue(y).get()||0;if(he.test(b)){const{projection:w}=this.visualElement;if(w&&w.layout){const P=w.layout.layoutBox[y];P&&(b=J(P)*(parseFloat(b)/100))}}this.originPoint[y]=b}),x&&I.update(()=>x(d,h),!1,!0),Vn(this.visualElement,"transform");const{animationState:_}=this.visualElement;_&&_.setActive("whileDrag",!0)},a=(d,h)=>{this.latestPointerEvent=d,this.latestPanInfo=h;const{dragPropagation:m,dragDirectionLock:p,onDirectionLock:x,onDrag:_}=this.getProps();if(!m&&!this.openDragLock)return;const{offset:y}=h;if(p&&this.currentDirection===null){this.currentDirection=wd(y),this.currentDirection!==null&&x&&x(this.currentDirection);return}this.updateAxis("x",h.point,y),this.updateAxis("y",h.point,y),this.visualElement.render(),_&&I.update(()=>_(d,h),!1,!0)},l=(d,h)=>{this.latestPointerEvent=d,this.latestPanInfo=h,this.stop(d,h),this.latestPointerEvent=null,this.latestPanInfo=null},u=()=>{const{dragSnapToOrigin:d}=this.getProps();(d||this.constraints)&&this.startAnimation({x:0,y:0})},{dragSnapToOrigin:c}=this.getProps();this.panSession=new mr(t,{onSessionStart:r,onStart:o,onMove:a,onSessionEnd:l,resumeAnimation:u},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:c,distanceThreshold:s,contextWindow:dr(this.visualElement),element:this.visualElement.current})}stop(t,n){const s=t||this.latestPointerEvent,i=n||this.latestPanInfo,r=this.isDragging;if(this.cancel(),!r||!i||!s)return;const{velocity:o}=i;this.startAnimation(o);const{onDragEnd:a}=this.getProps();a&&I.postRender(()=>a(s,i))}cancel(){this.isDragging=!1;const{projection:t,animationState:n}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.endPanSession();const{dragPropagation:s}=this.getProps();!s&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),n&&n.setActive("whileDrag",!1)}endPanSession(){this.panSession&&this.panSession.end(),this.panSession=void 0}updateAxis(t,n,s){const{drag:i}=this.getProps();if(!s||!Bt(t,i,this.currentDirection))return;const r=this.getAxisMotionValue(t);let o=this.originPoint[t]+s[t];this.constraints&&this.constraints[t]&&(o=fd(o,this.constraints[t],this.elastic[t])),r.set(o)}resolveConstraints(){var r;const{dragConstraints:t,dragElastic:n}=this.getProps(),s=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):(r=this.visualElement.projection)==null?void 0:r.layout,i=this.constraints;t&&Ke(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):t&&s?this.constraints=md(s.layoutBox,t):this.constraints=!1,this.elastic=vd(n),i!==this.constraints&&!Ke(t)&&s&&this.constraints&&!this.hasMutatedConstraints&&fe(o=>{this.constraints!==!1&&this.getAxisMotionValue(o)&&(this.constraints[o]=yd(s.layoutBox[o],this.constraints[o]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:n}=this.getProps();if(!t||!Ke(t))return!1;const s=t.current;pe(s!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.","drag-constraints-ref");const{projection:i}=this.visualElement;if(!i||!i.layout)return!1;const r=Sc(s,i.root,this.visualElement.getTransformPagePoint());let o=pd(i.layout.layoutBox,r);if(n){const a=n(bc(o));this.hasMutatedConstraints=!!a,a&&(o=qi(a))}return o}startAnimation(t){const{drag:n,dragMomentum:s,dragElastic:i,dragTransition:r,dragSnapToOrigin:o,onDragTransitionEnd:a}=this.getProps(),l=this.constraints||{},u=fe(c=>{if(!Bt(c,n,this.currentDirection))return;let d=l&&l[c]||{};o&&(d={min:0,max:0});const h=i?200:1e6,m=i?40:1e7,p={type:"inertia",velocity:s?t[c]:0,bounceStiffness:h,bounceDamping:m,timeConstant:750,restDelta:1,restSpeed:10,...r,...d};return this.startAxisValueAnimation(c,p)});return Promise.all(u).then(a)}startAxisValueAnimation(t,n){const s=this.getAxisMotionValue(t);return Vn(this.visualElement,t),s.start(An(t,s,0,n,this.visualElement,!1))}stopAnimation(){fe(t=>this.getAxisMotionValue(t).stop())}getAxisMotionValue(t){const n=`_drag${t.toUpperCase()}`,s=this.visualElement.getProps(),i=s[n];return i||this.visualElement.getValue(t,(s.initial?s.initial[t]:void 0)||0)}snapToCursor(t){fe(n=>{const{drag:s}=this.getProps();if(!Bt(n,s,this.currentDirection))return;const{projection:i}=this.visualElement,r=this.getAxisMotionValue(n);if(i&&i.layout){const{min:o,max:a}=i.layout.layoutBox[n],l=r.get()||0;r.set(t[n]-N(o,a,.5)+l)}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:n}=this.getProps(),{projection:s}=this.visualElement;if(!Ke(n)||!s||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};fe(o=>{const a=this.getAxisMotionValue(o);if(a&&this.constraints!==!1){const l=a.get();i[o]=gd({min:l,max:l},this.constraints[o])}});const{transformTemplate:r}=this.visualElement.getProps();this.visualElement.current.style.transform=r?r({},""):"none",s.root&&s.root.updateScroll(),s.updateLayout(),this.constraints=!1,this.resolveConstraints(),fe(o=>{if(!Bt(o,t,null))return;const a=this.getAxisMotionValue(o),{min:l,max:u}=this.constraints[o];a.set(N(l,u,i[o]))}),this.visualElement.render()}addListeners(){if(!this.visualElement.current)return;_d.set(this.visualElement,this);const t=this.visualElement.current,n=dt(t,"pointerdown",u=>{const{drag:c,dragListener:d=!0}=this.getProps(),h=u.target,m=h!==t&&tc(h);c&&d&&!m&&this.start(u)});let s;const i=()=>{const{dragConstraints:u}=this.getProps();Ke(u)&&u.current&&(this.constraints=this.resolveRefConstraints(),s||(s=bd(t,u.current,()=>this.scalePositionWithinConstraints())))},{projection:r}=this.visualElement,o=r.addEventListener("measure",i);r&&!r.layout&&(r.root&&r.root.updateScroll(),r.updateLayout()),I.read(i);const a=ct(window,"resize",()=>this.scalePositionWithinConstraints()),l=r.addEventListener("didUpdate",(({delta:u,hasLayoutChanged:c})=>{this.isDragging&&c&&(fe(d=>{const h=this.getAxisMotionValue(d);h&&(this.originPoint[d]+=u[d].translate,h.set(h.get()+u[d].translate))}),this.visualElement.render())}));return()=>{a(),n(),o(),l&&l(),s&&s()}}getProps(){const t=this.visualElement.getProps(),{drag:n=!1,dragDirectionLock:s=!1,dragPropagation:i=!1,dragConstraints:r=!1,dragElastic:o=is,dragMomentum:a=!0}=t;return{...t,drag:n,dragDirectionLock:s,dragPropagation:i,dragConstraints:r,dragElastic:o,dragMomentum:a}}}function br(e){let t=!0;return()=>{if(t){t=!1;return}e()}}function bd(e,t,n){const s=Ui(e,br(n)),i=Ui(t,br(n));return()=>{s(),i()}}function Bt(e,t,n){return(t===!0||t===e)&&(n===null||n===e)}function wd(e,t=10){let n=null;return Math.abs(e.y)>t?n="y":Math.abs(e.x)>t&&(n="x"),n}class Td extends Se{constructor(t){super(t),this.removeGroupControls=ie,this.removeListeners=ie,this.controls=new xd(t)}mount(){const{dragControls:t}=this.node.getProps();t&&(this.removeGroupControls=t.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||ie}update(){const{dragControls:t}=this.node.getProps(),{dragControls:n}=this.node.prevProps||{};t!==n&&(this.removeGroupControls(),t&&(this.removeGroupControls=t.subscribe(this.controls)))}unmount(){this.removeGroupControls(),this.removeListeners(),this.controls.isDragging||this.controls.endPanSession()}}const os=e=>(t,n)=>{e&&I.update(()=>e(t,n),!1,!0)};class Sd extends Se{constructor(){super(...arguments),this.removePointerDownListener=ie}onPointerDown(t){this.session=new mr(t,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:dr(this.node)})}createPanHandlers(){const{onPanSessionStart:t,onPanStart:n,onPan:s,onPanEnd:i}=this.node.getProps();return{onSessionStart:os(t),onStart:os(n),onMove:os(s),onEnd:(r,o)=>{delete this.session,i&&I.postRender(()=>i(r,o))}}}mount(){this.removePointerDownListener=dt(this.node.current,"pointerdown",t=>this.onPointerDown(t))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}let rs=!1;class Ed extends g.Component{componentDidMount(){const{visualElement:t,layoutGroup:n,switchLayoutGroup:s,layoutId:i}=this.props,{projection:r}=t;r&&(n.group&&n.group.add(r),s&&s.register&&i&&s.register(r),rs&&r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,layoutDependency:this.props.layoutDependency,onExitComplete:()=>this.safeToRemove()})),Lt.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:n,visualElement:s,drag:i,isPresent:r}=this.props,{projection:o}=s;return o&&(o.isPresent=r,t.layoutDependency!==n&&o.setOptions({...o.options,layoutDependency:n}),rs=!0,i||t.layoutDependency!==n||n===void 0||t.isPresent!==r?o.willUpdate():this.safeToRemove(),t.isPresent!==r&&(r?o.promote():o.relegate()||I.postRender(()=>{const a=o.getStack();(!a||!a.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),Nn.postRender(()=>{!t.currentAnimation&&t.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:t,layoutGroup:n,switchLayoutGroup:s}=this.props,{projection:i}=t;rs=!0,i&&(i.scheduleCheckAfterUnmount(),n&&n.group&&n.group.remove(i),s&&s.deregister&&s.deregister(i))}safeToRemove(){const{safeToRemove:t}=this.props;t&&t()}render(){return null}}function wr(e){const[t,n]=Jo(),s=g.useContext(zt);return f.jsx(Ed,{...e,layoutGroup:s,switchLayoutGroup:g.useContext(cr),isPresent:t,safeToRemove:n})}const Pd={pan:{Feature:Sd},drag:{Feature:Td,ProjectionNode:Zo,MeasureLayout:wr}};function Tr(e,t,n){const{props:s}=e;e.animationState&&s.whileHover&&e.animationState.setActive("whileHover",n==="Start");const i="onHover"+n,r=s[i];r&&I.postRender(()=>r(t,ut(t)))}class Cd extends Se{mount(){const{current:t}=this.node;t&&(this.unmount=ql(t,(n,s)=>(Tr(this.node,s,"Start"),i=>Tr(this.node,i,"End"))))}unmount(){}}class Ad extends Se{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=Je(ct(this.node.current,"focus",()=>this.onFocus()),ct(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function Sr(e,t,n){const{props:s}=e;if(e.current instanceof HTMLButtonElement&&e.current.disabled)return;e.animationState&&s.whileTap&&e.animationState.setActive("whileTap",n==="Start");const i="onTap"+(n==="End"?"":n),r=s[i];r&&I.postRender(()=>r(t,ut(t)))}class Md extends Se{mount(){const{current:t}=this.node;if(!t)return;const{globalTapTarget:n,propagate:s}=this.node.props;this.unmount=sc(t,(i,r)=>(Sr(this.node,r,"Start"),(o,{success:a})=>Sr(this.node,o,a?"End":"Cancel")),{useGlobalTarget:n,stopPropagation:(s==null?void 0:s.tap)===!1})}unmount(){}}const as=new WeakMap,ls=new WeakMap,kd=e=>{const t=as.get(e.target);t&&t(e)},Vd=e=>{e.forEach(kd)};function jd({root:e,...t}){const n=e||document;ls.has(n)||ls.set(n,{});const s=ls.get(n),i=JSON.stringify(t);return s[i]||(s[i]=new IntersectionObserver(Vd,{root:e,...t})),s[i]}function Dd(e,t,n){const s=jd(t);return as.set(e,n),s.observe(e),()=>{as.delete(e),s.unobserve(e)}}const Ld={some:0,all:1};class Rd extends Se{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:t={}}=this.node.getProps(),{root:n,margin:s,amount:i="some",once:r}=t,o={root:n?n.current:void 0,rootMargin:s,threshold:typeof i=="number"?i:Ld[i]},a=l=>{const{isIntersecting:u}=l;if(this.isInView===u||(this.isInView=u,r&&!u&&this.hasEnteredView))return;u&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",u);const{onViewportEnter:c,onViewportLeave:d}=this.node.getProps(),h=u?c:d;h&&h(l)};return Dd(this.node.current,o,a)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:t,prevProps:n}=this.node;["amount","margin","root"].some(Id(t,n))&&this.startObserver()}unmount(){}}function Id({viewport:e={}},{viewport:t={}}={}){return n=>e[n]!==t[n]}const Nd={...ld,...{inView:{Feature:Rd},tap:{Feature:Md},focus:{Feature:Ad},hover:{Feature:Cd}},...Pd,...{layout:{ProjectionNode:Zo,MeasureLayout:wr}}},R=sd(Nd,id);function $d(e){const t=gt(()=>Me(e)),{isStatic:n}=g.useContext(Rt);if(n){const[,s]=g.useState(e);g.useEffect(()=>t.on("change",s),[])}return t}const se={backdrop:"action-sheet-module__backdrop___E-oM5",sheet:"action-sheet-module__sheet___zFFdl",handle:"action-sheet-module__handle___1dYRp",handleBar:"action-sheet-module__handleBar___3lmQ1",header:"action-sheet-module__header___oMW-U",title:"action-sheet-module__title___k5RM2",message:"action-sheet-module__message___jsCQT",actions:"action-sheet-module__actions___vgr-N",action:"action-sheet-module__action___kV71S",destructive:"action-sheet-module__destructive___N5M9i",actionIcon:"action-sheet-module__actionIcon___MXc9U",actionLabel:"action-sheet-module__actionLabel___dPWqE",cancel:"action-sheet-module__cancel___Oncun"},Er=({isOpen:e,onClose:t,title:n,message:s,actions:i})=>{const r=$d(0),o=(l,u)=>{(u.offset.y>250||u.velocity.y>500)&&a()},a=()=>{t()};return f.jsx(je,{children:e&&f.jsxs(f.Fragment,{children:[f.jsx("div",{className:se.backdrop,onClick:a}),f.jsxs(R.div,{className:se.sheet,role:"dialog","aria-modal":"true","aria-labelledby":n?"action-sheet-title":void 0,style:{y:r},drag:"y",dragConstraints:{top:0,bottom:0},dragElastic:{top:0,bottom:.5},onDragEnd:o,initial:{y:"100%"},animate:{y:0},exit:{y:"100%"},transition:{type:"spring",damping:30,stiffness:300},children:[f.jsx("div",{className:se.handle,children:f.jsx("div",{className:se.handleBar})}),(n||s)&&f.jsxs("div",{className:se.header,children:[n&&f.jsx("h3",{className:se.title,children:n}),s&&f.jsx("p",{className:se.message,children:s})]}),f.jsx("div",{className:se.actions,children:i.map((l,u)=>f.jsxs("button",{className:`${se.action} ${l.destructive?se.destructive:""}`,onClick:()=>{l.onClick(),a()},disabled:l.disabled,children:[l.icon&&f.jsx("span",{className:se.actionIcon,children:l.icon}),f.jsx("span",{className:se.actionLabel,children:l.label})]},u))}),f.jsx("button",{className:se.cancel,onClick:a,children:"Cancel"})]})]})})},ht={alert:"alert-module__alert___phXsH",iconWrapper:"alert-module__iconWrapper___5mthT",statusIcon:"alert-module__statusIcon___Tyvx3",content:"alert-module__content___IvPaU",success:"alert-module__success___lM3GI",warning:"alert-module__warning___DfOAf",error:"alert-module__error___9GnhN",info:"alert-module__info___SotSQ",container:"alert-module__container___SGTJP"},Bd=({type:e="info",children:t})=>{const n={success:f.jsx(ys,{width:"20"}),warning:f.jsx(vs,{width:"20"}),error:f.jsx(Ut,{width:"20"}),info:f.jsx(_s,{width:"20"})};return f.jsxs("div",{className:`${ht.alert} ${ht[e]}`,role:e==="error"?"alert":"status","aria-live":e==="error"?"assertive":"polite","aria-atomic":"true",children:[f.jsx("div",{className:ht.iconWrapper,children:f.jsx("span",{className:ht.statusIcon,children:n[e]})}),f.jsx("div",{className:ht.content,children:t})]})},cs={layout:"applayout-module__layout___d2c6J",mainArea:"applayout-module__mainArea___Q4Yhu",content:"applayout-module__content___lok2L"},Od=({topNav:e,sideNav:t,sideNavOpen:n=!1,sideNavExpandedWidth:s="280px",sideNavCollapsedWidth:i="50px",children:r})=>{const[o,a]=g.useState(!1);return g.useLayoutEffect(()=>{const l=()=>a(window.innerWidth<=768);return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[]),f.jsxs("div",{className:cs.layout,children:[t,f.jsxs(R.div,{className:cs.mainArea,animate:{marginLeft:o?"0px":n?s:i},transition:{type:"spring",damping:25,stiffness:200},children:[e,f.jsx("main",{className:cs.content,children:r})]})]})},Fd={box:"box-module__box___FP5Js"},Wd=({children:e,position:t="center",direction:n="vertical"})=>f.jsx(R.div,{className:Fd.box,"data-position":t,"data-direction":n,children:e}),us={triggerWrapper:"tooltip-module__triggerWrapper___mvvzS",tooltip:"tooltip-module__tooltip___mEmui",arrow:"tooltip-module__arrow___Kjrs-"},Pr=({children:e,message:t=void 0,position:n="top"})=>{const[s,i]=g.useState(!1),r=g.useRef(null),o=g.useRef(null),a=()=>window.matchMedia("(hover: none)").matches;g.useLayoutEffect(()=>{var m;if(!s)return;const d=(m=r.current)==null?void 0:m.getBoundingClientRect(),h=o.current;if(d&&h){const p=h.offsetWidth,x=h.offsetHeight,_=10,y={top:{x:d.left+d.width/2-p/2,y:d.top-x-_},bottom:{x:d.left+d.width/2-p/2,y:d.bottom+_},left:{x:d.left-p-_,y:d.top+d.height/2-x/2},right:{x:d.right+_,y:d.top+d.height/2-x/2}},{x:b,y:w}=y[n];o.current&&(o.current.style.setProperty("--tooltip-x",`${b+window.scrollX}px`),o.current.style.setProperty("--tooltip-y",`${w+window.scrollY}px`))}},[s,n]);const l=()=>{a()||t&&i(!0)},u=()=>{a()||i(!1)},c=d=>{a()&&(d.stopPropagation(),i(h=>!h))};return g.useEffect(()=>{if(!s)return;const d=h=>{r.current&&!r.current.contains(h.target)&&i(!1)};return document.addEventListener("click",d),()=>document.removeEventListener("click",d)},[s]),t?f.jsxs(f.Fragment,{children:[f.jsx("div",{ref:r,className:us.triggerWrapper,onClick:c,onMouseEnter:l,onMouseLeave:u,children:e}),Dr.createPortal(f.jsx(je,{children:s&&f.jsxs(R.div,{ref:o,"data-position":n,initial:{opacity:0,scale:.5},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.5},transition:{duration:.2},className:us.tooltip,children:[t,f.jsx("div",{className:us.arrow})]})}),document.body)]}):f.jsx(f.Fragment,{children:e})},Cr={button:"button-module__button___JyfZW",primary:"button-module__primary___ggjlO",secondary:"button-module__secondary___Q4I1z",icon:"button-module__icon___zcUnX"},Ar=({children:e,onClick:t,variant:n="primary",disabled:s=!1,disabledMessage:i,tooltipPosition:r="top",...o})=>f.jsx(Pr,{message:s?i:void 0,position:r,children:f.jsx("button",{className:`${Cr.button} ${Cr[n]}`,disabled:s,onClick:t,...o,children:e})}),De={container:"checkbox-module__container___26-ah",hiddenInput:"checkbox-module__hiddenInput___X-HH-",label:"checkbox-module__label___dV34E",box:"checkbox-module__box___UQZjc",checked:"checkbox-module__checked___mqwdo",labelText:"checkbox-module__labelText___ORrnL",disabled:"checkbox-module__disabled___E2BaQ"},Ud=({checked:e,onChange:t,label:n,disabled:s=!1,indeterminate:i=!1})=>{const r=g.useId();return f.jsxs("div",{className:`${De.container} ${s?De.disabled:""}`,children:[f.jsx("input",{id:r,type:"checkbox",checked:e,onChange:({target:o})=>t(o.checked),disabled:s,className:De.hiddenInput,"aria-checked":i?"mixed":e}),f.jsxs("label",{htmlFor:r,className:De.label,onClick:o=>o.stopPropagation(),children:[f.jsxs("div",{className:`${De.box} ${e||i?De.checked:""}`,children:[e&&!i&&f.jsx(Fr,{width:"20"}),i&&f.jsx(xs,{width:"20"})]}),n&&f.jsx("span",{onClick:o=>o.stopPropagation(),className:De.labelText,children:n})]})]})},ye={container:"container-module__container___g2I0w",fullWidth:"container-module__fullWidth___C7E9O",default:"container-module__default___VLaR3",outlined:"container-module__outlined___V7eh0",elevated:"container-module__elevated___TdnlI",flat:"container-module__flat___VVl-e",header:"container-module__header___EUrkl",headerContent:"container-module__headerContent___E9O0H",headerActions:"container-module__headerActions___PZYbZ",content:"container-module__content___U-qAz",footer:"container-module__footer___TrwGJ",paddingNone:"container-module__padding-none___eH2bc",paddingSm:"container-module__paddingSm___geCvv",paddingMd:"container-module__paddingMd___oSyMG",paddingLg:"container-module__paddingLg___RMAPT"},Hd=({children:e,header:t,headerActions:n,footer:s,variant:i="default",padding:r="md",fullWidth:o=!1})=>{const a=t||n,l=g.useId();return f.jsxs("div",{className:`${ye.container} ${ye[i]} ${ye[`padding-${r}`]} ${o?ye.fullWidth:""}`,role:t?"region":void 0,"aria-labelledby":t?l:void 0,children:[a&&f.jsxs("div",{className:ye.header,children:[f.jsx("div",{className:ye.headerContent,children:t}),n&&f.jsx("div",{className:ye.headerActions,children:n})]}),f.jsx("div",{className:ye.content,children:e}),s&&f.jsx("div",{className:ye.footer,children:s})]})},zd={floatingButton:"floating-menu-button-module__floatingButton___aAEgo"},Kd=({onClick:e,variant:t,ariaLabel:n})=>f.jsx("button",{className:zd.floatingButton,onClick:e,"aria-label":n,children:t==="action"?f.jsx(bs,{width:"24"}):f.jsx(gs,{width:"24"})}),me={wrapper:"styles-module__wrapper___-K643",container:"styles-module__container___rhMhO",containerNoLabel:"styles-module__containerNoLabel___BoOt6",border:"styles-module__border___Jsi91",label:"styles-module__label___gBE41",borderError:"styles-module__borderError___WH34m",borderDisabled:"styles-module__borderDisabled___wc6lw",labelError:"styles-module__labelError___m0PRR",helperText:"styles-module__helperText___cA3Se",errorText:"styles-module__errorText___QZJ5F"},Ot=({label:e,helperText:t,error:n,required:s,disabled:i,children:r})=>{const o=g.useId();return f.jsxs("div",{className:`${me.wrapper}`,children:[f.jsxs("div",{className:`${me.container} ${e?"":me.containerNoLabel}`,children:[e&&f.jsxs("label",{htmlFor:o,className:`${me.label} ${n?me.labelError:""}`,children:[e,s&&f.jsx("span",{children:"*"})]}),f.jsx("div",{className:`
|
|
30
|
+
`),()=>{M.contains(T)&&M.removeChild(T)}},[t]),f.jsx(Mu,{isPresent:t,childRef:a,sizeRef:l,pop:r,children:r===!1?e:E.cloneElement(e,{ref:d})})}const Vu=({children:e,initial:t,isPresent:n,onExitComplete:s,custom:i,presenceAffectsLayout:r,mode:o,anchorX:a,anchorY:l,root:u})=>{const c=gt(ju),d=g.useId();let h=!0,m=g.useMemo(()=>(h=!1,{id:d,initial:t,isPresent:n,custom:i,onExitComplete:p=>{c.set(p,!0);for(const x of c.values())if(!x)return;s&&s()},register:p=>(c.set(p,!1),()=>c.delete(p))}),[n,c,s]);return r&&h&&(m={...m}),g.useMemo(()=>{c.forEach((p,x)=>c.set(x,!1))},[n]),E.useEffect(()=>{!n&&!c.size&&s&&s()},[n]),e=f.jsx(ku,{pop:o==="popLayout",isPresent:n,anchorX:a,anchorY:l,root:u,children:e}),f.jsx(yt.Provider,{value:m,children:e})};function ju(){return new Map}function Jo(e=!0){const t=g.useContext(yt);if(t===null)return[!0,null];const{isPresent:n,onExitComplete:s,register:i}=t,r=g.useId();g.useEffect(()=>{if(e)return i(r)},[e]);const o=g.useCallback(()=>e&&s&&s(r),[r,s,e]);return!n&&s?[!1,o]:[!0]}const It=e=>e.key||"";function Qo(e){const t=[];return g.Children.forEach(e,n=>{g.isValidElement(n)&&t.push(n)}),t}const je=({children:e,custom:t,initial:n=!0,onExitComplete:s,presenceAffectsLayout:i=!0,mode:r="sync",propagate:o=!1,anchorX:a="left",anchorY:l="top",root:u})=>{const[c,d]=Jo(o),h=g.useMemo(()=>Qo(e),[e]),m=o&&!c?[]:h.map(It),p=g.useRef(!0),x=g.useRef(h),_=gt(()=>new Map),y=g.useRef(new Set),[b,w]=g.useState(h),[P,T]=g.useState(h);Ts(()=>{p.current=!1,x.current=h;for(let C=0;C<P.length;C++){const k=It(P[C]);m.includes(k)?(_.delete(k),y.current.delete(k)):_.get(k)!==!0&&_.set(k,!1)}},[P,m.length,m.join("-")]);const M=[];if(h!==b){let C=[...h];for(let k=0;k<P.length;k++){const B=P[k],ee=It(B);m.includes(ee)||(C.splice(k,0,B),M.push(B))}return r==="wait"&&M.length&&(C=M),T(Qo(C)),w(h),null}process.env.NODE_ENV!=="production"&&r==="wait"&&P.length>1&&console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);const{forceRender:j}=g.useContext(zt);return f.jsx(f.Fragment,{children:P.map(C=>{const k=It(C),B=o&&!c?!1:h===P||m.includes(k),ee=()=>{if(y.current.has(k))return;if(y.current.add(k),_.has(k))_.set(k,!0);else return;let ae=!0;_.forEach(A=>{A||(ae=!1)}),ae&&(j==null||j(),T(x.current),o&&(d==null||d()),s&&s())};return f.jsx(Vu,{isPresent:B,initial:!p.current||n?void 0:!1,custom:t,presenceAffectsLayout:i,mode:r,root:u,onExitComplete:B?void 0:ee,anchorX:a,anchorY:l,children:C},k)})})},er=g.createContext({strict:!1}),tr={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]};let nr=!1;function Du(){if(nr)return;const e={};for(const t in tr)e[t]={isEnabled:n=>tr[t].some(s=>!!n[s])};Xi(e),nr=!0}function sr(){return Du(),_c()}function Lu(e){const t=sr();for(const n in e)t[n]={...t[n],...e[n]};Xi(t)}const Ru=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","propagate","ignoreStrict","viewport"]);function Nt(e){return e.startsWith("while")||e.startsWith("drag")&&e!=="draggable"||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||e.startsWith("onLayout")||Ru.has(e)}let ir=e=>!Nt(e);function Iu(e){typeof e=="function"&&(ir=t=>t.startsWith("on")?!Nt(t):e(t))}try{Iu(require("@emotion/is-prop-valid").default)}catch{}function Nu(e,t,n){const s={};for(const i in e)i==="values"&&typeof e.values=="object"||(ir(i)||n===!0&&Nt(i)||!t&&!Nt(i)||e.draggable&&i.startsWith("onDrag"))&&(s[i]=e[i]);return s}const $t=g.createContext({});function $u(e,t){if(Mt(e)){const{initial:n,animate:s}=e;return{initial:n===!1||rt(n)?n:void 0,animate:rt(s)?s:void 0}}return e.inherit!==!1?t:{}}function Bu(e){const{initial:t,animate:n}=$u(e,g.useContext($t));return g.useMemo(()=>({initial:t,animate:n}),[or(t),or(n)])}function or(e){return Array.isArray(e)?e.join(" "):e}const Qn=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function rr(e,t,n){for(const s in t)!X(t[s])&&!lo(s,n)&&(e[s]=t[s])}function Ou({transformTemplate:e},t){return g.useMemo(()=>{const n=Qn();return Yn(n,t,e),Object.assign({},n.vars,n.style)},[t])}function Fu(e,t){const n=e.style||{},s={};return rr(s,n,e),Object.assign(s,Ou(e,t)),s}function Wu(e,t){const n={},s=Fu(e,t);return e.drag&&e.dragListener!==!1&&(n.draggable=!1,s.userSelect=s.WebkitUserSelect=s.WebkitTouchCallout="none",s.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(n.tabIndex=0),n.style=s,n}const ar=()=>({...Qn(),attrs:{}});function Uu(e,t,n,s){const i=g.useMemo(()=>{const r=ar();return co(r,t,ho(s),e.transformTemplate,e.style),{...r.attrs,style:{...r.style}}},[t]);if(e.style){const r={};rr(r,e.style,e),i.style={...r,...i.style}}return i}const Hu=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function es(e){return typeof e!="string"||e.includes("-")?!1:!!(Hu.indexOf(e)>-1||/[A-Z]/u.test(e))}function zu(e,t,n,{latestValues:s},i,r=!1,o){const l=(o??es(e)?Uu:Wu)(t,s,i,e),u=Nu(t,typeof e=="string",r),c=e!==g.Fragment?{...u,...l,ref:n}:{},{children:d}=t,h=g.useMemo(()=>X(d)?d.get():d,[d]);return g.createElement(e,{...c,children:h})}function Ku({scrapeMotionValuesFromProps:e,createRenderState:t},n,s,i){return{latestValues:Yu(n,s,i,e),renderState:t()}}function Yu(e,t,n,s){const i={},r=s(e,{});for(const h in r)i[h]=Dt(r[h]);let{initial:o,animate:a}=e;const l=Mt(e),u=Ki(e);t&&u&&!l&&e.inherit!==!1&&(o===void 0&&(o=t.initial),a===void 0&&(a=t.animate));let c=n?n.initial===!1:!1;c=c||o===!1;const d=c?a:o;if(d&&typeof d!="boolean"&&!At(d)){const h=Array.isArray(d)?d:[d];for(let m=0;m<h.length;m++){const p=Mn(e,h[m]);if(p){const{transitionEnd:x,transition:_,...y}=p;for(const b in y){let w=y[b];if(Array.isArray(w)){const P=c?w.length-1:0;w=w[P]}w!==null&&(i[b]=w)}for(const b in x)i[b]=x[b]}}}return i}const lr=e=>(t,n)=>{const s=g.useContext($t),i=g.useContext(yt),r=()=>Ku(e,t,s,i);return n?r():gt(r)},Gu=lr({scrapeMotionValuesFromProps:Xn,createRenderState:Qn}),Xu=lr({scrapeMotionValuesFromProps:fo,createRenderState:ar}),Zu=Symbol.for("motionComponentSymbol");function qu(e,t,n){const s=g.useRef(n);g.useInsertionEffect(()=>{s.current=n});const i=g.useRef(null);return g.useCallback(r=>{var a;r&&((a=e.onMount)==null||a.call(e,r)),t&&(r?t.mount(r):t.unmount());const o=s.current;if(typeof o=="function")if(r){const l=o(r);typeof l=="function"&&(i.current=l)}else i.current?(i.current(),i.current=null):o(r);else o&&(o.current=r)},[t])}const cr=g.createContext({});function Ke(e){return e&&typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}function Ju(e,t,n,s,i,r){var w,P;const{visualElement:o}=g.useContext($t),a=g.useContext(er),l=g.useContext(yt),u=g.useContext(Rt),c=u.reducedMotion,d=u.skipAnimations,h=g.useRef(null),m=g.useRef(!1);s=s||a.renderer,!h.current&&s&&(h.current=s(e,{visualState:t,parent:o,props:n,presenceContext:l,blockInitialAnimation:l?l.initial===!1:!1,reducedMotionConfig:c,skipAnimations:d,isSVG:r}),m.current&&h.current&&(h.current.manuallyAnimateOnMount=!0));const p=h.current,x=g.useContext(cr);p&&!p.projection&&i&&(p.type==="html"||p.type==="svg")&&Qu(h.current,n,i,x);const _=g.useRef(!1);g.useInsertionEffect(()=>{p&&_.current&&p.update(n,l)});const y=n[Ei],b=g.useRef(!!y&&!((w=window.MotionHandoffIsComplete)!=null&&w.call(window,y))&&((P=window.MotionHasOptimisedAnimation)==null?void 0:P.call(window,y)));return Ts(()=>{m.current=!0,p&&(_.current=!0,window.MotionIsMounted=!0,p.updateFeatures(),p.scheduleRenderMicrotask(),b.current&&p.animationState&&p.animationState.animateChanges())}),g.useEffect(()=>{p&&(!b.current&&p.animationState&&p.animationState.animateChanges(),b.current&&(queueMicrotask(()=>{var T;(T=window.MotionHandoffMarkAsComplete)==null||T.call(window,y)}),b.current=!1),p.enteringChildren=void 0)}),p}function Qu(e,t,n,s){const{layoutId:i,layout:r,drag:o,dragConstraints:a,layoutScroll:l,layoutRoot:u,layoutCrossfade:c}=t;e.projection=new n(e.latestValues,t["data-framer-portal-id"]?void 0:ur(e.parent)),e.projection.setOptions({layoutId:i,layout:r,alwaysMeasureLayout:!!o||a&&Ke(a),visualElement:e,animationType:typeof r=="string"?r:"both",initialPromotionConfig:s,crossfade:c,layoutScroll:l,layoutRoot:u})}function ur(e){if(e)return e.options.allowProjection!==!1?e.projection:ur(e.parent)}function ts(e,{forwardMotionProps:t=!1,type:n}={},s,i){s&&Lu(s);const r=n?n==="svg":es(e),o=r?Xu:Gu;function a(u,c){let d;const h={...g.useContext(Rt),...u,layoutId:ed(u)},{isStatic:m}=h,p=Bu(u),x=o(u,m);if(!m&&ws){td(h,s);const _=nd(h);d=_.MeasureLayout,p.visualElement=Ju(e,x,h,i,_.ProjectionNode,r)}return f.jsxs($t.Provider,{value:p,children:[d&&p.visualElement?f.jsx(d,{visualElement:p.visualElement,...h}):null,zu(e,u,qu(x,p.visualElement,c),x,m,t,r)]})}a.displayName=`motion.${typeof e=="string"?e:`create(${e.displayName??e.name??""})`}`;const l=g.forwardRef(a);return l[Zu]=e,l}function ed({layoutId:e}){const t=g.useContext(zt).id;return t&&e!==void 0?t+"-"+e:e}function td(e,t){const n=g.useContext(er).strict;if(process.env.NODE_ENV!=="production"&&t&&n){const s="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";e.ignoreStrict?Re(!1,s,"lazy-strict-mode"):pe(!1,s,"lazy-strict-mode")}}function nd(e){const t=sr(),{drag:n,layout:s}=t;if(!n&&!s)return{};const i={...n,...s};return{MeasureLayout:n!=null&&n.isEnabled(e)||s!=null&&s.isEnabled(e)?i.MeasureLayout:void 0,ProjectionNode:i.ProjectionNode}}function sd(e,t){if(typeof Proxy>"u")return ts;const n=new Map,s=(r,o)=>ts(r,o,e,t),i=(r,o)=>(process.env.NODE_ENV!=="production"&&Zt(!1,"motion() is deprecated. Use motion.create() instead."),s(r,o));return new Proxy(i,{get:(r,o)=>o==="create"?s:(n.has(o)||n.set(o,ts(o,void 0,e,t)),n.get(o))})}const id=(e,t)=>t.isSVG??es(e)?new Ic(t):new kc(t,{allowProjection:e!==g.Fragment});class od extends Se{constructor(t){super(t),t.animationState||(t.animationState=Fc(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();At(t)&&(this.unmountControls=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){var t;this.node.animationState.reset(),(t=this.unmountControls)==null||t.call(this)}}let rd=0;class ad extends Se{constructor(){super(...arguments),this.id=rd++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n}=this.node.presenceContext,{isPresent:s}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===s)return;const i=this.node.animationState.setActive("exit",!t);n&&!t&&i.then(()=>{n(this.id)})}mount(){const{register:t,onExitComplete:n}=this.node.presenceContext||{};n&&n(this.id),t&&(this.unmount=t(this.id))}unmount(){}}const ld={animation:{Feature:od},exit:{Feature:ad}};function ut(e){return{point:{x:e.pageX,y:e.pageY}}}const cd=e=>t=>$n(t)&&e(t,ut(t));function dt(e,t,n,s){return ct(e,t,cd(n),s)}const dr=({current:e})=>e?e.ownerDocument.defaultView:null,hr=(e,t)=>Math.abs(e-t);function ud(e,t){const n=hr(e.x,t.x),s=hr(e.y,t.y);return Math.sqrt(n**2+s**2)}const fr=new Set(["auto","scroll"]);class mr{constructor(t,n,{transformPagePoint:s,contextWindow:i=window,dragSnapToOrigin:r=!1,distanceThreshold:o=3,element:a}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.scrollPositions=new Map,this.removeScrollListeners=null,this.onElementScroll=m=>{this.handleScroll(m.target)},this.onWindowScroll=()=>{this.handleScroll(window)},this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const m=ss(this.lastMoveEventInfo,this.history),p=this.startEvent!==null,x=ud(m.offset,{x:0,y:0})>=this.distanceThreshold;if(!p&&!x)return;const{point:_}=m,{timestamp:y}=Y;this.history.push({..._,timestamp:y});const{onStart:b,onMove:w}=this.handlers;p||(b&&b(this.lastMoveEvent,m),this.startEvent=this.lastMoveEvent),w&&w(this.lastMoveEvent,m)},this.handlePointerMove=(m,p)=>{this.lastMoveEvent=m,this.lastMoveEventInfo=ns(p,this.transformPagePoint),I.update(this.updatePoint,!0)},this.handlePointerUp=(m,p)=>{this.end();const{onEnd:x,onSessionEnd:_,resumeAnimation:y}=this.handlers;if((this.dragSnapToOrigin||!this.startEvent)&&y&&y(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const b=ss(m.type==="pointercancel"?this.lastMoveEventInfo:ns(p,this.transformPagePoint),this.history);this.startEvent&&x&&x(m,b),_&&_(m,b)},!$n(t))return;this.dragSnapToOrigin=r,this.handlers=n,this.transformPagePoint=s,this.distanceThreshold=o,this.contextWindow=i||window;const l=ut(t),u=ns(l,this.transformPagePoint),{point:c}=u,{timestamp:d}=Y;this.history=[{...c,timestamp:d}];const{onSessionStart:h}=n;h&&h(t,ss(u,this.history)),this.removeListeners=Je(dt(this.contextWindow,"pointermove",this.handlePointerMove),dt(this.contextWindow,"pointerup",this.handlePointerUp),dt(this.contextWindow,"pointercancel",this.handlePointerUp)),a&&this.startScrollTracking(a)}startScrollTracking(t){let n=t.parentElement;for(;n;){const s=getComputedStyle(n);(fr.has(s.overflowX)||fr.has(s.overflowY))&&this.scrollPositions.set(n,{x:n.scrollLeft,y:n.scrollTop}),n=n.parentElement}this.scrollPositions.set(window,{x:window.scrollX,y:window.scrollY}),window.addEventListener("scroll",this.onElementScroll,{capture:!0,passive:!0}),window.addEventListener("scroll",this.onWindowScroll,{passive:!0}),this.removeScrollListeners=()=>{window.removeEventListener("scroll",this.onElementScroll,{capture:!0}),window.removeEventListener("scroll",this.onWindowScroll)}}handleScroll(t){const n=this.scrollPositions.get(t);if(!n)return;const s=t===window,i=s?{x:window.scrollX,y:window.scrollY}:{x:t.scrollLeft,y:t.scrollTop},r={x:i.x-n.x,y:i.y-n.y};r.x===0&&r.y===0||(s?this.lastMoveEventInfo&&(this.lastMoveEventInfo.point.x+=r.x,this.lastMoveEventInfo.point.y+=r.y):this.history.length>0&&(this.history[0].x-=r.x,this.history[0].y-=r.y),this.scrollPositions.set(t,i),I.update(this.updatePoint,!0))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),this.removeScrollListeners&&this.removeScrollListeners(),this.scrollPositions.clear(),_e(this.updatePoint)}}function ns(e,t){return t?{point:t(e.point)}:e}function pr(e,t){return{x:e.x-t.x,y:e.y-t.y}}function ss({point:e},t){return{point:e,delta:pr(e,gr(t)),offset:pr(e,dd(t)),velocity:hd(t,.1)}}function dd(e){return e[0]}function gr(e){return e[e.length-1]}function hd(e,t){if(e.length<2)return{x:0,y:0};let n=e.length-1,s=null;const i=gr(e);for(;n>=0&&(s=e[n],!(i.timestamp-s.timestamp>oe(t)));)n--;if(!s)return{x:0,y:0};s===e[0]&&e.length>2&&i.timestamp-s.timestamp>oe(t)*2&&(s=e[1]);const r=re(i.timestamp-s.timestamp);if(r===0)return{x:0,y:0};const o={x:(i.x-s.x)/r,y:(i.y-s.y)/r};return o.x===1/0&&(o.x=0),o.y===1/0&&(o.y=0),o}function fd(e,{min:t,max:n},s){return t!==void 0&&e<t?e=s?N(t,e,s.min):Math.max(e,t):n!==void 0&&e>n&&(e=s?N(n,e,s.max):Math.min(e,n)),e}function yr(e,t,n){return{min:t!==void 0?e.min+t:void 0,max:n!==void 0?e.max+n-(e.max-e.min):void 0}}function md(e,{top:t,left:n,bottom:s,right:i}){return{x:yr(e.x,n,i),y:yr(e.y,t,s)}}function vr(e,t){let n=t.min-e.min,s=t.max-e.max;return t.max-t.min<e.max-e.min&&([n,s]=[s,n]),{min:n,max:s}}function pd(e,t){return{x:vr(e.x,t.x),y:vr(e.y,t.y)}}function gd(e,t){let n=.5;const s=J(e),i=J(t);return i>s?n=Qe(t.min,t.max-s,e.min):s>i&&(n=Qe(e.min,e.max-i,t.min)),de(0,1,n)}function yd(e,t){const n={};return t.min!==void 0&&(n.min=t.min-e.min),t.max!==void 0&&(n.max=t.max-e.min),n}const is=.35;function vd(e=is){return e===!1?e=0:e===!0&&(e=is),{x:_r(e,"left","right"),y:_r(e,"top","bottom")}}function _r(e,t,n){return{min:xr(e,t),max:xr(e,n)}}function xr(e,t){return typeof e=="number"?e:e[t]||0}const _d=new WeakMap;class xd{constructor(t){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=W(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=t}start(t,{snapToCursor:n=!1,distanceThreshold:s}={}){const{presenceContext:i}=this.visualElement;if(i&&i.isPresent===!1)return;const r=d=>{n&&this.snapToCursor(ut(d).point),this.stopAnimation()},o=(d,h)=>{const{drag:m,dragPropagation:p,onDragStart:x}=this.getProps();if(m&&!p&&(this.openDragLock&&this.openDragLock(),this.openDragLock=Xl(m),!this.openDragLock))return;this.latestPointerEvent=d,this.latestPanInfo=h,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),fe(y=>{let b=this.getAxisMotionValue(y).get()||0;if(he.test(b)){const{projection:w}=this.visualElement;if(w&&w.layout){const P=w.layout.layoutBox[y];P&&(b=J(P)*(parseFloat(b)/100))}}this.originPoint[y]=b}),x&&I.update(()=>x(d,h),!1,!0),Vn(this.visualElement,"transform");const{animationState:_}=this.visualElement;_&&_.setActive("whileDrag",!0)},a=(d,h)=>{this.latestPointerEvent=d,this.latestPanInfo=h;const{dragPropagation:m,dragDirectionLock:p,onDirectionLock:x,onDrag:_}=this.getProps();if(!m&&!this.openDragLock)return;const{offset:y}=h;if(p&&this.currentDirection===null){this.currentDirection=wd(y),this.currentDirection!==null&&x&&x(this.currentDirection);return}this.updateAxis("x",h.point,y),this.updateAxis("y",h.point,y),this.visualElement.render(),_&&I.update(()=>_(d,h),!1,!0)},l=(d,h)=>{this.latestPointerEvent=d,this.latestPanInfo=h,this.stop(d,h),this.latestPointerEvent=null,this.latestPanInfo=null},u=()=>{const{dragSnapToOrigin:d}=this.getProps();(d||this.constraints)&&this.startAnimation({x:0,y:0})},{dragSnapToOrigin:c}=this.getProps();this.panSession=new mr(t,{onSessionStart:r,onStart:o,onMove:a,onSessionEnd:l,resumeAnimation:u},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:c,distanceThreshold:s,contextWindow:dr(this.visualElement),element:this.visualElement.current})}stop(t,n){const s=t||this.latestPointerEvent,i=n||this.latestPanInfo,r=this.isDragging;if(this.cancel(),!r||!i||!s)return;const{velocity:o}=i;this.startAnimation(o);const{onDragEnd:a}=this.getProps();a&&I.postRender(()=>a(s,i))}cancel(){this.isDragging=!1;const{projection:t,animationState:n}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.endPanSession();const{dragPropagation:s}=this.getProps();!s&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),n&&n.setActive("whileDrag",!1)}endPanSession(){this.panSession&&this.panSession.end(),this.panSession=void 0}updateAxis(t,n,s){const{drag:i}=this.getProps();if(!s||!Bt(t,i,this.currentDirection))return;const r=this.getAxisMotionValue(t);let o=this.originPoint[t]+s[t];this.constraints&&this.constraints[t]&&(o=fd(o,this.constraints[t],this.elastic[t])),r.set(o)}resolveConstraints(){var r;const{dragConstraints:t,dragElastic:n}=this.getProps(),s=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):(r=this.visualElement.projection)==null?void 0:r.layout,i=this.constraints;t&&Ke(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):t&&s?this.constraints=md(s.layoutBox,t):this.constraints=!1,this.elastic=vd(n),i!==this.constraints&&!Ke(t)&&s&&this.constraints&&!this.hasMutatedConstraints&&fe(o=>{this.constraints!==!1&&this.getAxisMotionValue(o)&&(this.constraints[o]=yd(s.layoutBox[o],this.constraints[o]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:n}=this.getProps();if(!t||!Ke(t))return!1;const s=t.current;pe(s!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.","drag-constraints-ref");const{projection:i}=this.visualElement;if(!i||!i.layout)return!1;const r=Sc(s,i.root,this.visualElement.getTransformPagePoint());let o=pd(i.layout.layoutBox,r);if(n){const a=n(bc(o));this.hasMutatedConstraints=!!a,a&&(o=qi(a))}return o}startAnimation(t){const{drag:n,dragMomentum:s,dragElastic:i,dragTransition:r,dragSnapToOrigin:o,onDragTransitionEnd:a}=this.getProps(),l=this.constraints||{},u=fe(c=>{if(!Bt(c,n,this.currentDirection))return;let d=l&&l[c]||{};o&&(d={min:0,max:0});const h=i?200:1e6,m=i?40:1e7,p={type:"inertia",velocity:s?t[c]:0,bounceStiffness:h,bounceDamping:m,timeConstant:750,restDelta:1,restSpeed:10,...r,...d};return this.startAxisValueAnimation(c,p)});return Promise.all(u).then(a)}startAxisValueAnimation(t,n){const s=this.getAxisMotionValue(t);return Vn(this.visualElement,t),s.start(An(t,s,0,n,this.visualElement,!1))}stopAnimation(){fe(t=>this.getAxisMotionValue(t).stop())}getAxisMotionValue(t){const n=`_drag${t.toUpperCase()}`,s=this.visualElement.getProps(),i=s[n];return i||this.visualElement.getValue(t,(s.initial?s.initial[t]:void 0)||0)}snapToCursor(t){fe(n=>{const{drag:s}=this.getProps();if(!Bt(n,s,this.currentDirection))return;const{projection:i}=this.visualElement,r=this.getAxisMotionValue(n);if(i&&i.layout){const{min:o,max:a}=i.layout.layoutBox[n],l=r.get()||0;r.set(t[n]-N(o,a,.5)+l)}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:n}=this.getProps(),{projection:s}=this.visualElement;if(!Ke(n)||!s||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};fe(o=>{const a=this.getAxisMotionValue(o);if(a&&this.constraints!==!1){const l=a.get();i[o]=gd({min:l,max:l},this.constraints[o])}});const{transformTemplate:r}=this.visualElement.getProps();this.visualElement.current.style.transform=r?r({},""):"none",s.root&&s.root.updateScroll(),s.updateLayout(),this.constraints=!1,this.resolveConstraints(),fe(o=>{if(!Bt(o,t,null))return;const a=this.getAxisMotionValue(o),{min:l,max:u}=this.constraints[o];a.set(N(l,u,i[o]))}),this.visualElement.render()}addListeners(){if(!this.visualElement.current)return;_d.set(this.visualElement,this);const t=this.visualElement.current,n=dt(t,"pointerdown",u=>{const{drag:c,dragListener:d=!0}=this.getProps(),h=u.target,m=h!==t&&tc(h);c&&d&&!m&&this.start(u)});let s;const i=()=>{const{dragConstraints:u}=this.getProps();Ke(u)&&u.current&&(this.constraints=this.resolveRefConstraints(),s||(s=bd(t,u.current,()=>this.scalePositionWithinConstraints())))},{projection:r}=this.visualElement,o=r.addEventListener("measure",i);r&&!r.layout&&(r.root&&r.root.updateScroll(),r.updateLayout()),I.read(i);const a=ct(window,"resize",()=>this.scalePositionWithinConstraints()),l=r.addEventListener("didUpdate",(({delta:u,hasLayoutChanged:c})=>{this.isDragging&&c&&(fe(d=>{const h=this.getAxisMotionValue(d);h&&(this.originPoint[d]+=u[d].translate,h.set(h.get()+u[d].translate))}),this.visualElement.render())}));return()=>{a(),n(),o(),l&&l(),s&&s()}}getProps(){const t=this.visualElement.getProps(),{drag:n=!1,dragDirectionLock:s=!1,dragPropagation:i=!1,dragConstraints:r=!1,dragElastic:o=is,dragMomentum:a=!0}=t;return{...t,drag:n,dragDirectionLock:s,dragPropagation:i,dragConstraints:r,dragElastic:o,dragMomentum:a}}}function br(e){let t=!0;return()=>{if(t){t=!1;return}e()}}function bd(e,t,n){const s=Ui(e,br(n)),i=Ui(t,br(n));return()=>{s(),i()}}function Bt(e,t,n){return(t===!0||t===e)&&(n===null||n===e)}function wd(e,t=10){let n=null;return Math.abs(e.y)>t?n="y":Math.abs(e.x)>t&&(n="x"),n}class Td extends Se{constructor(t){super(t),this.removeGroupControls=ie,this.removeListeners=ie,this.controls=new xd(t)}mount(){const{dragControls:t}=this.node.getProps();t&&(this.removeGroupControls=t.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||ie}update(){const{dragControls:t}=this.node.getProps(),{dragControls:n}=this.node.prevProps||{};t!==n&&(this.removeGroupControls(),t&&(this.removeGroupControls=t.subscribe(this.controls)))}unmount(){this.removeGroupControls(),this.removeListeners(),this.controls.isDragging||this.controls.endPanSession()}}const os=e=>(t,n)=>{e&&I.update(()=>e(t,n),!1,!0)};class Sd extends Se{constructor(){super(...arguments),this.removePointerDownListener=ie}onPointerDown(t){this.session=new mr(t,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:dr(this.node)})}createPanHandlers(){const{onPanSessionStart:t,onPanStart:n,onPan:s,onPanEnd:i}=this.node.getProps();return{onSessionStart:os(t),onStart:os(n),onMove:os(s),onEnd:(r,o)=>{delete this.session,i&&I.postRender(()=>i(r,o))}}}mount(){this.removePointerDownListener=dt(this.node.current,"pointerdown",t=>this.onPointerDown(t))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}let rs=!1;class Ed extends g.Component{componentDidMount(){const{visualElement:t,layoutGroup:n,switchLayoutGroup:s,layoutId:i}=this.props,{projection:r}=t;r&&(n.group&&n.group.add(r),s&&s.register&&i&&s.register(r),rs&&r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,layoutDependency:this.props.layoutDependency,onExitComplete:()=>this.safeToRemove()})),Lt.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:n,visualElement:s,drag:i,isPresent:r}=this.props,{projection:o}=s;return o&&(o.isPresent=r,t.layoutDependency!==n&&o.setOptions({...o.options,layoutDependency:n}),rs=!0,i||t.layoutDependency!==n||n===void 0||t.isPresent!==r?o.willUpdate():this.safeToRemove(),t.isPresent!==r&&(r?o.promote():o.relegate()||I.postRender(()=>{const a=o.getStack();(!a||!a.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),Nn.postRender(()=>{!t.currentAnimation&&t.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:t,layoutGroup:n,switchLayoutGroup:s}=this.props,{projection:i}=t;rs=!0,i&&(i.scheduleCheckAfterUnmount(),n&&n.group&&n.group.remove(i),s&&s.deregister&&s.deregister(i))}safeToRemove(){const{safeToRemove:t}=this.props;t&&t()}render(){return null}}function wr(e){const[t,n]=Jo(),s=g.useContext(zt);return f.jsx(Ed,{...e,layoutGroup:s,switchLayoutGroup:g.useContext(cr),isPresent:t,safeToRemove:n})}const Pd={pan:{Feature:Sd},drag:{Feature:Td,ProjectionNode:Zo,MeasureLayout:wr}};function Tr(e,t,n){const{props:s}=e;e.animationState&&s.whileHover&&e.animationState.setActive("whileHover",n==="Start");const i="onHover"+n,r=s[i];r&&I.postRender(()=>r(t,ut(t)))}class Cd extends Se{mount(){const{current:t}=this.node;t&&(this.unmount=ql(t,(n,s)=>(Tr(this.node,s,"Start"),i=>Tr(this.node,i,"End"))))}unmount(){}}class Ad extends Se{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=Je(ct(this.node.current,"focus",()=>this.onFocus()),ct(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function Sr(e,t,n){const{props:s}=e;if(e.current instanceof HTMLButtonElement&&e.current.disabled)return;e.animationState&&s.whileTap&&e.animationState.setActive("whileTap",n==="Start");const i="onTap"+(n==="End"?"":n),r=s[i];r&&I.postRender(()=>r(t,ut(t)))}class Md extends Se{mount(){const{current:t}=this.node;if(!t)return;const{globalTapTarget:n,propagate:s}=this.node.props;this.unmount=sc(t,(i,r)=>(Sr(this.node,r,"Start"),(o,{success:a})=>Sr(this.node,o,a?"End":"Cancel")),{useGlobalTarget:n,stopPropagation:(s==null?void 0:s.tap)===!1})}unmount(){}}const as=new WeakMap,ls=new WeakMap,kd=e=>{const t=as.get(e.target);t&&t(e)},Vd=e=>{e.forEach(kd)};function jd({root:e,...t}){const n=e||document;ls.has(n)||ls.set(n,{});const s=ls.get(n),i=JSON.stringify(t);return s[i]||(s[i]=new IntersectionObserver(Vd,{root:e,...t})),s[i]}function Dd(e,t,n){const s=jd(t);return as.set(e,n),s.observe(e),()=>{as.delete(e),s.unobserve(e)}}const Ld={some:0,all:1};class Rd extends Se{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:t={}}=this.node.getProps(),{root:n,margin:s,amount:i="some",once:r}=t,o={root:n?n.current:void 0,rootMargin:s,threshold:typeof i=="number"?i:Ld[i]},a=l=>{const{isIntersecting:u}=l;if(this.isInView===u||(this.isInView=u,r&&!u&&this.hasEnteredView))return;u&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",u);const{onViewportEnter:c,onViewportLeave:d}=this.node.getProps(),h=u?c:d;h&&h(l)};return Dd(this.node.current,o,a)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:t,prevProps:n}=this.node;["amount","margin","root"].some(Id(t,n))&&this.startObserver()}unmount(){}}function Id({viewport:e={}},{viewport:t={}}={}){return n=>e[n]!==t[n]}const Nd={...ld,...{inView:{Feature:Rd},tap:{Feature:Md},focus:{Feature:Ad},hover:{Feature:Cd}},...Pd,...{layout:{ProjectionNode:Zo,MeasureLayout:wr}}},R=sd(Nd,id);function $d(e){const t=gt(()=>Me(e)),{isStatic:n}=g.useContext(Rt);if(n){const[,s]=g.useState(e);g.useEffect(()=>t.on("change",s),[])}return t}const se={backdrop:"action-sheet-module__backdrop___E-oM5",sheet:"action-sheet-module__sheet___zFFdl",handle:"action-sheet-module__handle___1dYRp",handleBar:"action-sheet-module__handleBar___3lmQ1",header:"action-sheet-module__header___oMW-U",title:"action-sheet-module__title___k5RM2",message:"action-sheet-module__message___jsCQT",actions:"action-sheet-module__actions___vgr-N",action:"action-sheet-module__action___kV71S",destructive:"action-sheet-module__destructive___N5M9i",actionIcon:"action-sheet-module__actionIcon___MXc9U",actionLabel:"action-sheet-module__actionLabel___dPWqE",cancel:"action-sheet-module__cancel___Oncun"},Er=({isOpen:e,onClose:t,title:n,message:s,actions:i})=>{const r=$d(0),o=(l,u)=>{(u.offset.y>250||u.velocity.y>500)&&a()},a=()=>{t()};return f.jsx(je,{children:e&&f.jsxs(f.Fragment,{children:[f.jsx("div",{className:se.backdrop,onClick:a}),f.jsxs(R.div,{className:se.sheet,role:"dialog","aria-modal":"true","aria-labelledby":n?"action-sheet-title":void 0,style:{y:r},drag:"y",dragConstraints:{top:0,bottom:0},dragElastic:{top:0,bottom:.5},onDragEnd:o,initial:{y:"100%"},animate:{y:0},exit:{y:"100%"},transition:{type:"spring",damping:30,stiffness:300},children:[f.jsx("div",{className:se.handle,children:f.jsx("div",{className:se.handleBar})}),(n||s)&&f.jsxs("div",{className:se.header,children:[n&&f.jsx("h3",{className:se.title,children:n}),s&&f.jsx("p",{className:se.message,children:s})]}),f.jsx("div",{className:se.actions,children:i.map((l,u)=>f.jsxs("button",{className:`${se.action} ${l.destructive?se.destructive:""}`,onClick:()=>{l.onClick(),a()},disabled:l.disabled,children:[l.icon&&f.jsx("span",{className:se.actionIcon,children:l.icon}),f.jsx("span",{className:se.actionLabel,children:l.label})]},u))}),f.jsx("button",{className:se.cancel,onClick:a,children:"Cancel"})]})]})})},ht={alert:"alert-module__alert___phXsH",iconWrapper:"alert-module__iconWrapper___5mthT",statusIcon:"alert-module__statusIcon___Tyvx3",content:"alert-module__content___IvPaU",success:"alert-module__success___lM3GI",warning:"alert-module__warning___DfOAf",error:"alert-module__error___9GnhN",info:"alert-module__info___SotSQ",container:"alert-module__container___SGTJP"},Bd=({type:e="info",children:t})=>{const n={success:f.jsx(ys,{width:"20"}),warning:f.jsx(vs,{width:"20"}),error:f.jsx(Ut,{width:"20"}),info:f.jsx(_s,{width:"20"})};return f.jsxs("div",{className:`${ht.alert} ${ht[e]}`,role:e==="error"?"alert":"status","aria-live":e==="error"?"assertive":"polite","aria-atomic":"true",children:[f.jsx("div",{className:ht.iconWrapper,children:f.jsx("span",{className:ht.statusIcon,children:n[e]})}),f.jsx("div",{className:ht.content,children:t})]})},cs={layout:"applayout-module__layout___d2c6J",mainArea:"applayout-module__mainArea___Q4Yhu",content:"applayout-module__content___lok2L"},Od=({topNav:e,sideNav:t,sideNavOpen:n=!1,sideNavExpandedWidth:s="280px",sideNavCollapsedWidth:i="50px",children:r})=>{const[o,a]=g.useState(!1);return g.useLayoutEffect(()=>{const l=()=>a(window.innerWidth<=768);return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[]),f.jsxs("div",{className:cs.layout,children:[t,f.jsxs(R.div,{className:cs.mainArea,animate:{marginLeft:!t||o?"0px":n?s:i},transition:{type:"spring",damping:25,stiffness:200},children:[e,f.jsx("main",{className:cs.content,children:r})]})]})},Fd={box:"box-module__box___FP5Js"},Wd=({children:e,position:t="center",direction:n="vertical"})=>f.jsx(R.div,{className:Fd.box,"data-position":t,"data-direction":n,children:e}),us={triggerWrapper:"tooltip-module__triggerWrapper___mvvzS",tooltip:"tooltip-module__tooltip___mEmui",arrow:"tooltip-module__arrow___Kjrs-"},Pr=({children:e,message:t=void 0,position:n="top"})=>{const[s,i]=g.useState(!1),r=g.useRef(null),o=g.useRef(null),a=()=>window.matchMedia("(hover: none)").matches;g.useLayoutEffect(()=>{var m;if(!s)return;const d=(m=r.current)==null?void 0:m.getBoundingClientRect(),h=o.current;if(d&&h){const p=h.offsetWidth,x=h.offsetHeight,_=10,y={top:{x:d.left+d.width/2-p/2,y:d.top-x-_},bottom:{x:d.left+d.width/2-p/2,y:d.bottom+_},left:{x:d.left-p-_,y:d.top+d.height/2-x/2},right:{x:d.right+_,y:d.top+d.height/2-x/2}},{x:b,y:w}=y[n];o.current&&(o.current.style.setProperty("--tooltip-x",`${b+window.scrollX}px`),o.current.style.setProperty("--tooltip-y",`${w+window.scrollY}px`))}},[s,n]);const l=()=>{a()||t&&i(!0)},u=()=>{a()||i(!1)},c=d=>{a()&&(d.stopPropagation(),i(h=>!h))};return g.useEffect(()=>{if(!s)return;const d=h=>{r.current&&!r.current.contains(h.target)&&i(!1)};return document.addEventListener("click",d),()=>document.removeEventListener("click",d)},[s]),t?f.jsxs(f.Fragment,{children:[f.jsx("div",{ref:r,className:us.triggerWrapper,onClick:c,onMouseEnter:l,onMouseLeave:u,children:e}),Dr.createPortal(f.jsx(je,{children:s&&f.jsxs(R.div,{ref:o,"data-position":n,initial:{opacity:0,scale:.5},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.5},transition:{duration:.2},className:us.tooltip,children:[t,f.jsx("div",{className:us.arrow})]})}),document.body)]}):f.jsx(f.Fragment,{children:e})},Cr={button:"button-module__button___JyfZW",primary:"button-module__primary___ggjlO",secondary:"button-module__secondary___Q4I1z",icon:"button-module__icon___zcUnX"},Ar=({children:e,onClick:t,variant:n="primary",disabled:s=!1,disabledMessage:i,tooltipPosition:r="top",...o})=>f.jsx(Pr,{message:s?i:void 0,position:r,children:f.jsx("button",{className:`${Cr.button} ${Cr[n]}`,disabled:s,onClick:t,...o,children:e})}),De={container:"checkbox-module__container___26-ah",hiddenInput:"checkbox-module__hiddenInput___X-HH-",label:"checkbox-module__label___dV34E",box:"checkbox-module__box___UQZjc",checked:"checkbox-module__checked___mqwdo",labelText:"checkbox-module__labelText___ORrnL",disabled:"checkbox-module__disabled___E2BaQ"},Ud=({checked:e,onChange:t,label:n,disabled:s=!1,indeterminate:i=!1})=>{const r=g.useId();return f.jsxs("div",{className:`${De.container} ${s?De.disabled:""}`,children:[f.jsx("input",{id:r,type:"checkbox",checked:e,onChange:({target:o})=>t(o.checked),disabled:s,className:De.hiddenInput,"aria-checked":i?"mixed":e}),f.jsxs("label",{htmlFor:r,className:De.label,onClick:o=>o.stopPropagation(),children:[f.jsxs("div",{className:`${De.box} ${e||i?De.checked:""}`,children:[e&&!i&&f.jsx(Fr,{width:"20"}),i&&f.jsx(xs,{width:"20"})]}),n&&f.jsx("span",{onClick:o=>o.stopPropagation(),className:De.labelText,children:n})]})]})},ye={container:"container-module__container___g2I0w",fullWidth:"container-module__fullWidth___C7E9O",default:"container-module__default___VLaR3",outlined:"container-module__outlined___V7eh0",elevated:"container-module__elevated___TdnlI",flat:"container-module__flat___VVl-e",header:"container-module__header___EUrkl",headerContent:"container-module__headerContent___E9O0H",headerActions:"container-module__headerActions___PZYbZ",content:"container-module__content___U-qAz",footer:"container-module__footer___TrwGJ",paddingNone:"container-module__paddingNone___qFyWC",paddingSm:"container-module__paddingSm___geCvv",paddingMd:"container-module__paddingMd___oSyMG",paddingLg:"container-module__paddingLg___RMAPT"},Hd=({children:e,header:t,headerActions:n,footer:s,variant:i="default",padding:r="md",fullWidth:o=!1})=>{const a=t||n,l=g.useId(),u={sm:"Sm",md:"Md",lg:"Lg",none:"None"};return f.jsxs("div",{className:`${ye.container} ${ye[i]} ${ye[`padding${u[r]}`]} ${o?ye.fullWidth:""}`,role:t?"region":void 0,"aria-labelledby":t?l:void 0,children:[a&&f.jsxs("div",{className:ye.header,children:[f.jsx("div",{className:ye.headerContent,children:t}),n&&f.jsx("div",{className:ye.headerActions,children:n})]}),f.jsx("div",{className:ye.content,children:e}),s&&f.jsx("div",{className:ye.footer,children:s})]})},zd={floatingButton:"floating-menu-button-module__floatingButton___aAEgo"},Kd=({onClick:e,variant:t,ariaLabel:n})=>f.jsx("button",{className:zd.floatingButton,onClick:e,"aria-label":n,children:t==="action"?f.jsx(bs,{width:"24"}):f.jsx(gs,{width:"24"})}),me={wrapper:"styles-module__wrapper___-K643",container:"styles-module__container___rhMhO",containerNoLabel:"styles-module__containerNoLabel___BoOt6",border:"styles-module__border___Jsi91",label:"styles-module__label___gBE41",borderError:"styles-module__borderError___WH34m",borderDisabled:"styles-module__borderDisabled___wc6lw",labelError:"styles-module__labelError___m0PRR",helperText:"styles-module__helperText___cA3Se",errorText:"styles-module__errorText___QZJ5F"},Ot=({label:e,helperText:t,error:n,required:s,disabled:i,children:r})=>{const o=g.useId();return f.jsxs("div",{className:`${me.wrapper}`,children:[f.jsxs("div",{className:`${me.container} ${e?"":me.containerNoLabel}`,children:[e&&f.jsxs("label",{htmlFor:o,className:`${me.label} ${n?me.labelError:""}`,children:[e,s&&f.jsx("span",{children:"*"})]}),f.jsx("div",{className:`
|
|
31
31
|
${me.border}
|
|
32
32
|
${n?me.borderError:""}
|
|
33
33
|
${i?me.borderDisabled:""}
|
|
34
|
-
`,children:r})]}),t&&f.jsx("span",{className:me.helperText,children:t}),n&&f.jsx("p",{className:me.errorText,role:"alert",children:n})]})},Yd={header:"styles-module__header___XLj-v"},Gd=({children:e,variant:t="h1"})=>{const n=t;return f.jsx(n,{className:Yd.header,children:e})},ft={inputContainer:"input-module__inputContainer___ulqhQ",input:"input-module__input___tBoBs",clearButton:"input-module__clearButton___GmMYO",suggestionsList:"input-module__suggestionsList___ym2TV",suggestionItem:"input-module__suggestionItem___xtYWE"},Mr=({value:e,onChange:t,disabled:n=!1,suggestions:s=[],placeholder:i,hideClear:r=!1,label:o,error:a,required:l=!1,helperText:u,...c})=>{const d=g.useId(),[h,m]=g.useState(!1),{onBlur:p,...x}=c,_=g.useMemo(()=>s.length===0||!e?[]:s.filter(y=>y.toLowerCase().includes(e.toLowerCase())),[s,e]);return f.jsx(Ot,{label:o,required:l,disabled:n,helperText:u,error:a,children:f.jsxs("div",{className:ft.inputContainer,children:[f.jsx(R.input,{id:d,className:ft.input,value:e,disabled:n,onChange:({target:y})=>t==null?void 0:t(y.value),placeholder:i,required:l,"aria-invalid":a?"true":"false","aria-describedby":a?`${d}-error`:u?`${d}-helper`:void 0,onFocus:()=>m(!0),onBlur:y=>{setTimeout(()=>m(!1),150),p==null||p(y)},...x}),!r&&e&&f.jsx("button",{className:ft.clearButton,onClick:()=>t==null?void 0:t(""),"aria-label":"Clear input",type:"button",children:f.jsx(Ht,{width:"20",strokeWidth:2.5})}),f.jsx(je,{children:h&&_.length>0&&f.jsx(R.ul,{className:ft.suggestionsList,role:"listbox","aria-label":"Suggestions",initial:{opacity:0,y:-10,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-10,scale:.95},transition:{duration:.2},children:_.map(y=>f.jsx("li",{role:"option","aria-selected":e===y,className:ft.suggestionItem,onClick:()=>{t==null||t(y),m(!1)},children:y},y))})})]})})},Ye={overlay:"modal-module__overlay___z2GxJ",modal:"modal-module__modal___RJmct",header:"modal-module__header___KlpKY",close:"modal-module__close___ELArH",content:"modal-module__content___OMS8T",footer:"modal-module__footer___rF7ly"},Xd=({isVisible:e,onClose:t,size:n="m",header:s,footer:i,children:r})=>{const o=g.useRef(null);return g.useLayoutEffect(()=>{if(!e)return;const a=o.current;if(!a)return;const l=a.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),u=l[0],c=l[l.length-1],d=h=>{h.key==="Tab"&&(h.shiftKey?document.activeElement===u&&(h.preventDefault(),c==null||c.focus()):document.activeElement===c&&(h.preventDefault(),u==null||u.focus()))};return u==null||u.focus(),document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[e]),g.useLayoutEffect(()=>{if(!e)return;const a=l=>{l.key==="Escape"&&t()};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[e,t]),f.jsx(je,{children:e&&f.jsx(R.div,{id:"overlay",className:Ye.overlay,role:"dialog","aria-modal":"true","aria-labelledby":"modal-header",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:t,children:f.jsxs(R.div,{id:"modal",ref:o,className:Ye.modal,onClick:a=>a.stopPropagation(),"data-size":n,initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{duration:.3},exit:{opacity:0,scale:0},children:[f.jsxs(R.div,{id:"header",className:Ye.header,onClick:a=>a.stopPropagation(),children:[s,f.jsx(R.button,{className:Ye.close,initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{duration:.2},onClick:t,"aria-label":"Close Modal",type:"button",children:f.jsx(Ht,{width:"24"})})]}),f.jsx(R.div,{id:"content",className:Ye.content,onClick:a=>a.stopPropagation(),children:r}),i&&f.jsx(R.div,{id:"footer",className:Ye.footer,onClick:a=>a.stopPropagation(),children:i})]})})})},Q={container:"select-module__container___U4BrV",hiddenSelect:"select-module__hiddenSelect___qRfKA",control:"select-module__control___qogxN",disabled:"select-module__disabled___kYpJI",value:"select-module__value___sRnlS",placeholder:"select-module__placeholder___qhzG5",arrow:"select-module__arrow___LWj9s",menu:"select-module__menu___MHmhv",searchWrapper:"select-module__searchWrapper___gI2ic",list:"select-module__list___XICSu",item:"select-module__item___XHREC",selected:"select-module__selected___iSbaR",highlighted:"select-module__highlighted___OhCJO",checkbox:"select-module__checkbox___dD2H5",empty:"select-module__empty___i6OgM"},Zd=e=>{var ae;const{selectedOption:t,selectType:n="single",autoFilter:s=!1,options:i,onChange:r,placeholder:o="Select...",disabled:a=!1,name:l,required:u,label:c,helperText:d,error:h}=e,m=g.useId(),[p,x]=g.useState(!1),[_,y]=g.useState(""),[b,w]=g.useState(null),P=g.useRef(null),T=g.useRef(null),M=g.useCallback(A=>{var U,H;if(!a){if(n==="multi"){const te=Array.isArray(t)?t:[],G=te.find(ne=>ne.value===A.value)?te.filter(ne=>ne.value!==A.value):[...te,A];r(G),(U=T.current)==null||U.focus()}else r(A),x(!1),(H=T.current)==null||H.blur();y("")}},[a,n,t,r]),j=g.useMemo(()=>i.filter(A=>A.label.toLowerCase().includes(_.toLowerCase())),[i,_]);g.useEffect(()=>{if(!p){w(null);return}const A=U=>{var H;switch(U.key){case"ArrowDown":U.preventDefault(),w(te=>{const D=te??-1;return D<j.length-1?D+1:0});break;case"ArrowUp":U.preventDefault(),w(te=>{const D=te??0;return D>0?D-1:j.length-1});break;case"Enter":U.preventDefault(),b!==null&&j[b]&&M(j[b]);break;case"Escape":U.preventDefault(),x(!1),(H=T.current)==null||H.blur();break}};return document.addEventListener("keydown",A),()=>document.removeEventListener("keydown",A)},[p,j,b,M]),g.useEffect(()=>{if(!p)return;const A=U=>{var H;P.current&&!P.current.contains(U.target)&&(x(!1),(H=T.current)==null||H.blur())};return document.addEventListener("mousedown",A),()=>document.removeEventListener("mousedown",A)},[p]);const C=()=>{a||x(A=>!A)},k=g.useMemo(()=>n==="multi"&&Array.isArray(t)?t.length>0?t.map(A=>A.label).join(", "):o:(t==null?void 0:t.label)||o,[t,n,o]),B=n==="multi"?!Array.isArray(t)||t.length===0:!t,ee=A=>n==="multi"&&Array.isArray(t)?t.some(U=>U.value===A.value):(t==null?void 0:t.value)===A.value;return f.jsx(Ot,{label:c,required:u,disabled:a,helperText:d,error:h,children:f.jsxs("div",{ref:P,className:Q.container,children:[f.jsx("select",{name:l,id:m,required:u,disabled:a,multiple:n==="multi",value:n==="multi"?t==null?void 0:t.map(A=>String(A.value)):((ae=t==null?void 0:t.value)==null?void 0:ae.toString())||"",className:Q.hiddenSelect,tabIndex:-1,"aria-hidden":"true",onChange:()=>{},children:i.map(A=>f.jsx("option",{value:A.value,children:A.label},A.value))}),f.jsxs("div",{ref:T,className:`${Q.control} ${a?Q.disabled:""}`,onClick:C,role:"combobox","aria-haspopup":"listbox","aria-expanded":p,"aria-controls":`${m}-listbox`,tabIndex:a?-1:0,onKeyDown:A=>{(A.key==="Enter"||A.key===" ")&&(A.preventDefault(),p||C())},children:[f.jsx("span",{className:`${Q.value} ${B?Q.placeholder:""}`,children:k}),f.jsx(R.span,{className:Q.arrow,animate:{rotate:p?180:0},transition:{duration:.2},children:"▼"})]}),f.jsx(je,{children:p&&f.jsxs(R.div,{id:`${m}-listbox`,className:Q.menu,initial:{opacity:0,y:-4,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-4,scale:.95},transition:{duration:.15},role:"listbox","aria-label":c||"Select an option","aria-multiselectable":n==="multi",children:[s&&f.jsx("div",{className:Q.searchWrapper,children:f.jsx(Mr,{value:_,onChange:y,placeholder:"Search...",hideClear:!0})}),f.jsx("div",{className:Q.list,children:j.length>0?j.map((A,U)=>{const H=ee(A),te=U===b;return f.jsxs("div",{className:`${Q.item} ${H?Q.selected:""} ${te?Q.highlighted:""}`,onClick:D=>{D.stopPropagation(),M(A)},tabIndex:te?0:-1,onKeyDown:D=>{(D.key==="Enter"||D.key===" ")&&(D.preventDefault(),M(A))},role:"option","aria-selected":H,children:[n==="multi"&&f.jsx("span",{className:Q.checkbox,"aria-hidden":!0,children:H?"✓":"○"}),A.label]},A.value)}):f.jsx("div",{className:Q.empty,children:"No options found"})})]})})]})})},ue={overlay:"sidenav-module__overlay___QDdKo",sidenav:"sidenav-module__sidenav___CnZmU",left:"sidenav-module__left___Qa1xG",right:"sidenav-module__right___4BYR2",collapsed:"sidenav-module__collapsed___jltGX",header:"sidenav-module__header___f3Sc9",item:"sidenav-module__item___5B09S",toggleButton:"sidenav-module__toggleButton___8Z7kQ",items:"sidenav-module__items___Az0kh",active:"sidenav-module__active___Lo-AM",itemIcon:"sidenav-module__itemIcon___i6GWq"},qd=({isOpen:e,items:t,onToggle:n,expandedWidth:s="280px",collapsedWidth:i="50px",position:r="left"})=>{const[o,a]=g.useState(()=>window.location.pathname.slice(1)||""),[l,u]=g.useState(!1);return g.useLayoutEffect(()=>{const c=()=>u(window.innerWidth<=768);return c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)},[]),g.useLayoutEffect(()=>{const c=d=>{d.key==="Escape"&&e&&n()};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[e,n]),l?f.jsx(Er,{isOpen:e,onClose:n,title:"Menu",actions:t.map(c=>({label:c.label,icon:c.icon,onClick:c.onClick}))}):f.jsxs(f.Fragment,{children:[e&&f.jsx("div",{className:ue.overlay,onClick:n,onKeyDown:c=>{c.key==="Enter"&&n()}}),f.jsxs(R.nav,{className:`${ue.sidenav} ${ue[r]} ${e?"":ue.collapsed}`,initial:!1,animate:{width:e?s:i},transition:{type:"spring",damping:25,stiffness:200},children:[f.jsx("div",{className:ue.header,children:f.jsx(R.button,{className:ue.toggleButton,onClick:n,whileHover:{scale:1.05},whileTap:{scale:.95},"aria-label":e?"Close menu":"Open menu",children:e?f.jsx(Ht,{width:"24"}):f.jsx(gs,{width:"24"})})}),f.jsx("div",{className:ue.items,children:t.filter(c=>e||c.icon).map(c=>f.jsxs("button",{className:`${ue.item} ${c.label.toLowerCase()===o?ue.active:""}`,"aria-current":c.label===o?"page":void 0,onClick:()=>{a(c.label.toLowerCase()),c.onClick(),e&&n()},title:e?void 0:c.label,children:[c.icon&&f.jsx("span",{className:ue.itemIcon,children:c.icon}),e&&f.jsx("span",{className:ue.itemLabel,children:c.label})]},c.label))})]})]})};function Jd({title:e,titleId:t,...n},s){return E.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:s,"aria-labelledby":t},n),e?E.createElement("title",{id:t},e):null,E.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 12h14"}))}const Qd=E.forwardRef(Jd);function eh({title:e,titleId:t,...n},s){return E.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:s,"aria-labelledby":t},n),e?E.createElement("title",{id:t},e):null,E.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z"}))}const th=E.forwardRef(eh);function nh({title:e,titleId:t,...n},s){return E.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:s,"aria-labelledby":t},n),e?E.createElement("title",{id:t},e):null,E.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4.5v15m7.5-7.5h-15"}))}const sh=E.forwardRef(nh);function ih({title:e,titleId:t,...n},s){return E.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:s,"aria-labelledby":t},n),e?E.createElement("title",{id:t},e):null,E.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"}))}const oh=E.forwardRef(ih),Ft={container:"stepper-module__container___GYIxN",stepper:"stepper-module__stepper___44JDp",input:"stepper-module__input___9ZI6O"},rh=({label:e,helperText:t,error:n,required:s,value:i,onChange:r,min:o=0,max:a,step:l=1,disabled:u=!1})=>{const[c,d]=g.useState(i.toString()),h=u||i<=o,m=u||a!==void 0&&i>=a,p=()=>{if(h)return;const b=Math.max(o,i-l);r(b),d(b.toString())},x=()=>{if(m)return;const b=i+l,w=a!==void 0?Math.min(a,b):b;r(w),d(w.toString())},_=b=>{d(b)},y=()=>{const b=parseInt(c);if(isNaN(b)){d(i.toString());return}const w=a!==void 0?Math.min(a,Math.max(o,b)):Math.max(o,b);r(w),d(w.toString())};return f.jsx(Ot,{label:e,required:s,disabled:u,helperText:t,error:n,children:f.jsxs("div",{className:`${Ft.container}`,children:[f.jsx("button",{className:Ft.stepper,disabled:h,onClick:p,"aria-label":"Decrease value",type:"button",children:f.jsx(Qd,{width:"20",strokeWidth:2.5})}),f.jsx("input",{className:Ft.input,value:c,onChange:b=>_(b.target.value),onBlur:y,disabled:u,type:"text",inputMode:"numeric",pattern:"[0-9]*","aria-label":"Value"}),f.jsx("button",{className:Ft.stepper,disabled:m,onClick:x,"aria-label":"Increase value",type:"button",children:f.jsx(sh,{width:"20",strokeWidth:2.5})})]})})},Ee={container:"toast-module__container___7m6vr",top:"toast-module__top___iVpue",bottom:"toast-module__bottom___Bt3N0",toast:"toast-module__toast___SOSDh",iconWrapper:"toast-module__iconWrapper___F-4yg",statusIcon:"toast-module__statusIcon___KjJ56",content:"toast-module__content___9ufP5",closeButton:"toast-module__closeButton___eMXm-",success:"toast-module__success___FYQI3",warning:"toast-module__warning___2XrO1",error:"toast-module__error___v44fd",info:"toast-module__info___tOY3D"},ah=({visible:e,onDismiss:t,timeout:n=5e3,position:s="top",status:i="info",children:r,dismissible:o=!0})=>{g.useEffect(()=>{if(!e||!n)return;const l=setTimeout(()=>{t()},n);return()=>clearTimeout(l)},[e,n,t]);const a={success:f.jsx(ys,{width:"20"}),warning:f.jsx(vs,{width:"20"}),error:f.jsx(Ut,{width:"20"}),info:f.jsx(_s,{width:"20"})};return f.jsx("div",{className:`${Ee.container} ${Ee[s]}`,children:f.jsx(je,{children:e&&f.jsxs(R.div,{layout:!0,initial:{opacity:0,y:s==="top"?-50:50,scale:.8},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,scale:.8,x:100},transition:{duration:.3,ease:[.4,0,.2,1]},className:`${Ee.toast} ${Ee[i]}`,role:i==="error"?"alert":"status","aria-live":i==="error"?"assertive":"polite","aria-atomic":"true",children:[f.jsx("div",{className:Ee.iconWrapper,children:f.jsx("span",{className:Ee.statusIcon,children:a[i]})}),f.jsx("div",{className:Ee.content,children:r}),o&&f.jsx(R.button,{className:Ee.closeButton,onClick:t,whileHover:{scale:1.1},whileTap:{scale:.9},"aria-label":"Dismiss",children:f.jsx(Ut,{width:"20"})})]})})})},mt={wrapper:"toggle-module__wrapper___xb91q",label:"toggle-module__label___8-AlI",switch:"toggle-module__switch___9e0np",enabled:"toggle-module__enabled___3jPo5",handle:"toggle-module__handle___fiWwj"},lh=({label:e,value:t,onChange:n,disabled:s=!1})=>{const i=g.useRef(null),r=g.useId();return g.useLayoutEffect(()=>{i.current&&(t?i.current.style.setProperty("--toggle-direction","flex-end"):i.current.style.setProperty("--toggle-direction","flex-start"))},[t]),f.jsxs("div",{className:mt.wrapper,children:[f.jsx("span",{className:mt.label,children:e}),f.jsx(R.button,{ref:i,role:"switch","aria-checked":t,"aria-labelledby":r,className:`${mt.switch} ${t?mt.enabled:""}`,onClick:()=>n(!t),disabled:s,onKeyDown:o=>{(o.key===" "||o.key==="Enter")&&(o.preventDefault(),n(!t))},...!s&&{whileHover:{scale:1.1}},children:f.jsx(R.div,{layout:!0,className:mt.handle,initial:{opacity:0},animate:{opacity:1},transition:{type:"spring",stiffness:300,damping:15}})})]})},kr=()=>{const[e,t]=g.useState(!1),[n,s]=g.useState(()=>{const r=localStorage.getItem("nova-ui-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").media?"dark":"light")});g.useLayoutEffect(()=>{document.documentElement.classList.remove("light","dark"),document.documentElement.classList.add(n),localStorage.setItem("nova-ui-theme",n)},[n]);const i=g.useCallback(r=>{if(e)return;const o=r.clientX,a=r.clientY;document.documentElement.style.setProperty("--x",`${o}px`),document.documentElement.style.setProperty("--y",`${a}px`);const l=()=>{s(c=>c==="dark"?"light":"dark")};if(!document.startViewTransition){l();return}t(!0),document.startViewTransition(l).finished.finally(()=>{t(!1)})},[e]);return{theme:n,isTransitioning:e,toggleTheme:i}},ch=()=>{const{theme:e,isTransitioning:t,toggleTheme:n}=kr();return f.jsx(Ar,{variant:"icon",onClick:n,disabled:t,"aria-label":e==="dark"?"Switch to light mode":"Switch to dark mode",children:e==="dark"?f.jsx(oh,{width:"24"}):f.jsx(th,{width:"24"})})},Ge={topnavContainer:"topnav-module__topnavContainer___TXXB4",topRow:"topnav-module__topRow___s-Ohm",header:"topnav-module__header___r3Y52",collapsibleContent:"topnav-module__collapsibleContent___oulCx",searchWrapper:"topnav-module__searchWrapper___Rdox0",themeWrapper:"topnav-module__themeWrapper___gx0Yd"},uh=({header:e,logo:t,logoClick:n,search:s})=>f.jsxs("nav",{className:Ge.topnavContainer,"aria-label":"Main navigation",children:[f.jsx("div",{className:Ge.topRow,children:f.jsxs("div",{className:Ge.header,children:[f.jsx("div",{onClick:n,style:{cursor:n?"pointer":"default"},children:t}),e]})}),f.jsxs("div",{className:Ge.collapsibleContent,children:[f.jsx("div",{className:Ge.searchWrapper,children:s}),f.jsx("div",{className:Ge.themeWrapper,children:f.jsx(ch,{})})]})]}),Z={thumbnailWrapper:"viewer-module__thumbnailWrapper___iV-AM",thumbnail:"viewer-module__thumbnail___pk9Jf",hoverOverlay:"viewer-module__hoverOverlay___k04ev",expandIcon:"viewer-module__expandIcon___xm6pk",skeleton:"viewer-module__skeleton___h3Hzv",errorState:"viewer-module__errorState___gXQxU",errorIcon:"viewer-module__errorIcon___-qPTV",errorText:"viewer-module__errorText___UT4dg",retryButton:"viewer-module__retryButton___L-B3U",lightboxOverlay:"viewer-module__lightboxOverlay___jP4rl",closeButton:"viewer-module__closeButton___0rBK1",lightboxContent:"viewer-module__lightboxContent___i-2FK",lightboxMedia:"viewer-module__lightboxMedia___ZBgR-"},dh=({divRef:e,width:t,aspectRatio:n})=>f.jsx("div",{ref:e,className:Z.thumbnailWrapper,style:{width:t,aspectRatio:n.toString()},children:f.jsx("div",{className:Z.skeleton,"aria-busy":"true","aria-label":"Loading media"})}),Vr=({src:e,onError:t})=>{const[n,s]=g.useState(!0),[i,r]=g.useState(!1),[o,a]=g.useState(!1),[l,u]=g.useState(0),c=g.useCallback(()=>{u(d=>d+1)},[]);return g.useEffect(()=>{if(!e.length)return;s(!0),r(!1);const d=setTimeout(()=>{const p=new Error(`Media loading timed out: ${e}`);r(!0),s(!1),t==null||t(p)},1e4),h=e.endsWith(".mp4")||e.endsWith(".webm")||e.endsWith(".ogg");a(h);const m=h?document.createElement("video"):new Image;return m.src=e,m.onerror=()=>{const p=new Error(`Failed to load media: ${e}`);r(!0),t==null||t(p)},h?m.onloadeddata=()=>{clearTimeout(d),s(!1)}:m.onload=()=>{clearTimeout(d),s(!1)},()=>{m.onload=null,m.onloadeddata=null,m.onerror=null,clearTimeout(d)}},[e,l]),{isLoading:n,hasError:i,isVideo:o,reload:c}},hh=({src:e,alt:t,video:n={controls:!0,loop:!0,autoPlay:!0,muted:!0},thumbnailWidth:s="300px",onError:i,aspectRatio:r="9/16"})=>{const{isLoading:o,hasError:a,isVideo:l,reload:u}=Vr({src:e,onError:i}),[c,d]=g.useState(!1),h=g.useRef(null);return g.useLayoutEffect(()=>{var m;(m=h.current)==null||m.style.setProperty("--thumbnail-size",s)},[s]),g.useLayoutEffect(()=>{const m=p=>{p.key==="Escape"&&d(!1)};return c&&document.addEventListener("keydown",m),()=>{document.removeEventListener("keydown",m)}},[c]),o?f.jsx(dh,{divRef:h,aspectRatio:r,width:s}):a?f.jsxs("div",{ref:h,className:Z.errorState,role:"alert",children:[f.jsx("span",{className:Z.errorIcon,children:"⚠️"}),f.jsx("p",{className:Z.errorText,children:"Failed to load media"}),f.jsx("button",{onClick:u,className:Z.retryButton,children:"Retry"})]}):f.jsxs(f.Fragment,{children:[f.jsxs(R.div,{ref:h,className:Z.thumbnailWrapper,whileHover:{scale:1.02},whileTap:{scale:.98},children:[l?f.jsx(R.video,{className:Z.thumbnail,src:e,muted:!0,preload:"none",autoPlay:n.autoPlay,loop:n.loop,disablePictureInPicture:!0,initial:{opacity:0},animate:{opacity:1},onClick:()=>d(!0)}):f.jsx(R.img,{className:Z.thumbnail,loading:"lazy",src:e,alt:t,initial:{opacity:0},animate:{opacity:1},onClick:()=>d(!0)}),f.jsx(R.div,{className:Z.hoverOverlay,initial:{opacity:0},whileHover:{opacity:1},children:f.jsx("span",{className:Z.expandIcon,children:"🔍"})})]}),f.jsx(je,{children:c&&f.jsxs(R.div,{className:Z.lightboxOverlay,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},onClick:()=>d(!1),children:[f.jsx(R.button,{className:Z.closeButton,onClick:()=>d(!1),whileHover:{scale:1.1,rotate:90},transition:{duration:.2},"aria-label":"Close lightbox",children:"✕"}),f.jsx(R.div,{className:Z.lightboxContent,onClick:m=>m.stopPropagation(),initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.8,opacity:0},transition:{duration:.3,ease:[.4,0,.2,1]},children:l?f.jsx("video",{preload:"none",className:Z.lightboxMedia,src:e,controls:n.controls,loop:n.loop,autoPlay:n.autoPlay,muted:n.muted,children:f.jsx("track",{kind:"captions"})}):f.jsx("img",{className:Z.lightboxMedia,src:e,alt:t})})]})})]})};L.Accordion=Gr,L.ActionSheet=Er,L.Alert=Bd,L.AppLayout=Od,L.Box=Wd,L.Button=Ar,L.Checkbox=Ud,L.Container=Hd,L.FloatingButton=Kd,L.FormField=Ot,L.Header=Gd,L.Input=Mr,L.Modal=Xd,L.Select=Zd,L.SideNav=qd,L.Stepper=rh,L.Toast=ah,L.Toggle=lh,L.Tooltip=Pr,L.TopNav=uh,L.Viewer=hh,L.useMediaLoader=Vr,L.useTheme=kr,Object.defineProperty(L,Symbol.toStringTag,{value:"Module"})}));
|
|
34
|
+
`,children:r})]}),t&&f.jsx("span",{className:me.helperText,children:t}),n&&f.jsx("p",{className:me.errorText,role:"alert",children:n})]})},Yd={header:"styles-module__header___XLj-v"},Gd=({children:e,variant:t="h1"})=>{const n=t;return f.jsx(n,{className:Yd.header,children:e})},ft={inputContainer:"input-module__inputContainer___ulqhQ",input:"input-module__input___tBoBs",clearButton:"input-module__clearButton___GmMYO",suggestionsList:"input-module__suggestionsList___ym2TV",suggestionItem:"input-module__suggestionItem___xtYWE"},Mr=({value:e,onChange:t,disabled:n=!1,suggestions:s=[],placeholder:i,hideClear:r=!1,label:o,error:a,required:l=!1,helperText:u,...c})=>{const d=g.useId(),[h,m]=g.useState(!1),{onBlur:p,...x}=c,_=g.useMemo(()=>s.length===0||!e?[]:s.filter(y=>y.toLowerCase().includes(e.toLowerCase())),[s,e]);return f.jsx(Ot,{label:o,required:l,disabled:n,helperText:u,error:a,children:f.jsxs("div",{className:ft.inputContainer,children:[f.jsx(R.input,{id:d,className:ft.input,value:e,disabled:n,onChange:({target:y})=>t==null?void 0:t(y.value),placeholder:i,required:l,"aria-invalid":a?"true":"false","aria-describedby":a?`${d}-error`:u?`${d}-helper`:void 0,onFocus:()=>m(!0),onBlur:y=>{setTimeout(()=>m(!1),150),p==null||p(y)},...x}),!r&&e&&f.jsx("button",{className:ft.clearButton,onClick:()=>t==null?void 0:t(""),"aria-label":"Clear input",type:"button",children:f.jsx(Ht,{width:"20",strokeWidth:2.5})}),f.jsx(je,{children:h&&_.length>0&&f.jsx(R.ul,{className:ft.suggestionsList,role:"listbox","aria-label":"Suggestions",initial:{opacity:0,y:-10,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-10,scale:.95},transition:{duration:.2},children:_.map(y=>f.jsx("li",{role:"option","aria-selected":e===y,className:ft.suggestionItem,onClick:()=>{t==null||t(y),m(!1)},children:y},y))})})]})})},Ye={overlay:"modal-module__overlay___z2GxJ",modal:"modal-module__modal___RJmct",header:"modal-module__header___KlpKY",close:"modal-module__close___ELArH",content:"modal-module__content___OMS8T",footer:"modal-module__footer___rF7ly"},Xd=({isVisible:e,onClose:t,size:n="m",header:s,footer:i,children:r})=>{const o=g.useRef(null);return g.useLayoutEffect(()=>{if(!e)return;const a=o.current;if(!a)return;const l=a.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),u=l[0],c=l[l.length-1],d=h=>{h.key==="Tab"&&(h.shiftKey?document.activeElement===u&&(h.preventDefault(),c==null||c.focus()):document.activeElement===c&&(h.preventDefault(),u==null||u.focus()))};return u==null||u.focus(),document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[e]),g.useLayoutEffect(()=>{if(!e)return;const a=l=>{l.key==="Escape"&&t()};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[e,t]),f.jsx(je,{children:e&&f.jsx(R.div,{id:"overlay",className:Ye.overlay,role:"dialog","aria-modal":"true","aria-labelledby":"modal-header",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:t,children:f.jsxs(R.div,{id:"modal",ref:o,className:Ye.modal,onClick:a=>a.stopPropagation(),"data-size":n,initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{duration:.3},exit:{opacity:0,scale:0},children:[f.jsxs(R.div,{id:"header",className:Ye.header,onClick:a=>a.stopPropagation(),children:[s,f.jsx(R.button,{className:Ye.close,initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{duration:.2},onClick:t,"aria-label":"Close Modal",type:"button",children:f.jsx(Ht,{width:"24"})})]}),f.jsx(R.div,{id:"content",className:Ye.content,onClick:a=>a.stopPropagation(),children:r}),i&&f.jsx(R.div,{id:"footer",className:Ye.footer,onClick:a=>a.stopPropagation(),children:i})]})})})},Q={container:"select-module__container___U4BrV",hiddenSelect:"select-module__hiddenSelect___qRfKA",control:"select-module__control___qogxN",disabled:"select-module__disabled___kYpJI",value:"select-module__value___sRnlS",placeholder:"select-module__placeholder___qhzG5",arrow:"select-module__arrow___LWj9s",menu:"select-module__menu___MHmhv",searchWrapper:"select-module__searchWrapper___gI2ic",list:"select-module__list___XICSu",item:"select-module__item___XHREC",selected:"select-module__selected___iSbaR",highlighted:"select-module__highlighted___OhCJO",checkbox:"select-module__checkbox___dD2H5",empty:"select-module__empty___i6OgM"},Zd=e=>{var ae;const{selectedOption:t,selectType:n="single",autoFilter:s=!1,options:i,onChange:r,placeholder:o="Select...",disabled:a=!1,name:l,required:u,label:c,helperText:d,error:h}=e,m=g.useId(),[p,x]=g.useState(!1),[_,y]=g.useState(""),[b,w]=g.useState(null),P=g.useRef(null),T=g.useRef(null),M=g.useCallback(A=>{var U,H;if(!a){if(n==="multi"){const te=Array.isArray(t)?t:[],G=te.find(ne=>ne.value===A.value)?te.filter(ne=>ne.value!==A.value):[...te,A];r(G),(U=T.current)==null||U.focus()}else r(A),x(!1),(H=T.current)==null||H.blur();y("")}},[a,n,t,r]),j=g.useMemo(()=>i.filter(A=>A.label.toLowerCase().includes(_.toLowerCase())),[i,_]);g.useEffect(()=>{if(!p){w(null);return}const A=U=>{var H;switch(U.key){case"ArrowDown":U.preventDefault(),w(te=>{const D=te??-1;return D<j.length-1?D+1:0});break;case"ArrowUp":U.preventDefault(),w(te=>{const D=te??0;return D>0?D-1:j.length-1});break;case"Enter":U.preventDefault(),b!==null&&j[b]&&M(j[b]);break;case"Escape":U.preventDefault(),x(!1),(H=T.current)==null||H.blur();break}};return document.addEventListener("keydown",A),()=>document.removeEventListener("keydown",A)},[p,j,b,M]),g.useEffect(()=>{if(!p)return;const A=U=>{var H;P.current&&!P.current.contains(U.target)&&(x(!1),(H=T.current)==null||H.blur())};return document.addEventListener("mousedown",A),()=>document.removeEventListener("mousedown",A)},[p]);const C=()=>{a||x(A=>!A)},k=g.useMemo(()=>n==="multi"&&Array.isArray(t)?t.length>0?t.map(A=>A.label).join(", "):o:(t==null?void 0:t.label)||o,[t,n,o]),B=n==="multi"?!Array.isArray(t)||t.length===0:!t,ee=A=>n==="multi"&&Array.isArray(t)?t.some(U=>U.value===A.value):(t==null?void 0:t.value)===A.value;return f.jsx(Ot,{label:c,required:u,disabled:a,helperText:d,error:h,children:f.jsxs("div",{ref:P,className:Q.container,children:[f.jsx("select",{name:l,id:m,required:u,disabled:a,multiple:n==="multi",value:n==="multi"?t==null?void 0:t.map(A=>String(A.value)):((ae=t==null?void 0:t.value)==null?void 0:ae.toString())||"",className:Q.hiddenSelect,tabIndex:-1,"aria-hidden":"true",onChange:()=>{},children:i.map(A=>f.jsx("option",{value:A.value,children:A.label},A.value))}),f.jsxs("div",{ref:T,className:`${Q.control} ${a?Q.disabled:""}`,onClick:C,role:"combobox","aria-haspopup":"listbox","aria-expanded":p,"aria-controls":`${m}-listbox`,tabIndex:a?-1:0,onKeyDown:A=>{(A.key==="Enter"||A.key===" ")&&(A.preventDefault(),p||C())},children:[f.jsx("span",{className:`${Q.value} ${B?Q.placeholder:""}`,children:k}),f.jsx(R.span,{className:Q.arrow,animate:{rotate:p?180:0},transition:{duration:.2},children:"▼"})]}),f.jsx(je,{children:p&&f.jsxs(R.div,{id:`${m}-listbox`,className:Q.menu,initial:{opacity:0,y:-4,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-4,scale:.95},transition:{duration:.15},role:"listbox","aria-label":c||"Select an option","aria-multiselectable":n==="multi",children:[s&&f.jsx("div",{className:Q.searchWrapper,children:f.jsx(Mr,{value:_,onChange:y,placeholder:"Search...",hideClear:!0})}),f.jsx("div",{className:Q.list,children:j.length>0?j.map((A,U)=>{const H=ee(A),te=U===b;return f.jsxs("div",{className:`${Q.item} ${H?Q.selected:""} ${te?Q.highlighted:""}`,onClick:D=>{D.stopPropagation(),M(A)},tabIndex:te?0:-1,onKeyDown:D=>{(D.key==="Enter"||D.key===" ")&&(D.preventDefault(),M(A))},role:"option","aria-selected":H,children:[n==="multi"&&f.jsx("span",{className:Q.checkbox,"aria-hidden":!0,children:H?"✓":"○"}),A.label]},A.value)}):f.jsx("div",{className:Q.empty,children:"No options found"})})]})})]})})},ue={overlay:"sidenav-module__overlay___QDdKo",sidenav:"sidenav-module__sidenav___CnZmU",left:"sidenav-module__left___Qa1xG",right:"sidenav-module__right___4BYR2",collapsed:"sidenav-module__collapsed___jltGX",header:"sidenav-module__header___f3Sc9",item:"sidenav-module__item___5B09S",toggleButton:"sidenav-module__toggleButton___8Z7kQ",items:"sidenav-module__items___Az0kh",active:"sidenav-module__active___Lo-AM",itemIcon:"sidenav-module__itemIcon___i6GWq"},qd=({isOpen:e,items:t,onToggle:n,expandedWidth:s="280px",collapsedWidth:i="50px",position:r="left"})=>{const[o,a]=g.useState(()=>window.location.pathname.slice(1)||""),[l,u]=g.useState(!1);return g.useLayoutEffect(()=>{const c=()=>u(window.innerWidth<=768);return c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)},[]),g.useLayoutEffect(()=>{const c=d=>{d.key==="Escape"&&e&&n()};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[e,n]),l?f.jsx(Er,{isOpen:e,onClose:n,title:"Menu",actions:t.map(c=>({label:c.label,icon:c.icon,onClick:c.onClick,destructive:c.destructive}))}):f.jsxs(f.Fragment,{children:[e&&f.jsx("div",{className:ue.overlay,onClick:n,onKeyDown:c=>{c.key==="Enter"&&n()}}),f.jsxs(R.nav,{className:`${ue.sidenav} ${ue[r]} ${e?"":ue.collapsed}`,initial:!1,animate:{width:e?s:i},transition:{type:"spring",damping:25,stiffness:200},children:[f.jsx("div",{className:ue.header,children:f.jsx(R.button,{className:ue.toggleButton,onClick:n,whileHover:{scale:1.05},whileTap:{scale:.95},"aria-label":e?"Close menu":"Open menu",children:e?f.jsx(Ht,{width:"24"}):f.jsx(gs,{width:"24"})})}),f.jsx("div",{className:ue.items,children:t.filter(c=>e||c.icon).map(c=>f.jsxs("button",{className:`${ue.item} ${c.label.toLowerCase()===o?ue.active:""}`,"aria-current":c.label===o?"page":void 0,onClick:()=>{c.type!=="action"&&a(c.label.toLowerCase()),c.onClick(),e&&n()},title:e?void 0:c.label,children:[c.icon&&f.jsx("span",{className:ue.itemIcon,children:c.icon}),e&&f.jsx("span",{className:ue.itemLabel,children:c.label})]},c.label))})]})]})};function Jd({title:e,titleId:t,...n},s){return E.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:s,"aria-labelledby":t},n),e?E.createElement("title",{id:t},e):null,E.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 12h14"}))}const Qd=E.forwardRef(Jd);function eh({title:e,titleId:t,...n},s){return E.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:s,"aria-labelledby":t},n),e?E.createElement("title",{id:t},e):null,E.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z"}))}const th=E.forwardRef(eh);function nh({title:e,titleId:t,...n},s){return E.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:s,"aria-labelledby":t},n),e?E.createElement("title",{id:t},e):null,E.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4.5v15m7.5-7.5h-15"}))}const sh=E.forwardRef(nh);function ih({title:e,titleId:t,...n},s){return E.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:s,"aria-labelledby":t},n),e?E.createElement("title",{id:t},e):null,E.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"}))}const oh=E.forwardRef(ih),Ft={container:"stepper-module__container___GYIxN",stepper:"stepper-module__stepper___44JDp",input:"stepper-module__input___9ZI6O"},rh=({label:e,helperText:t,error:n,required:s,value:i,onChange:r,min:o=0,max:a,step:l=1,disabled:u=!1})=>{const[c,d]=g.useState(i.toString()),h=u||i<=o,m=u||a!==void 0&&i>=a,p=()=>{if(h)return;const b=Math.max(o,i-l);r(b),d(b.toString())},x=()=>{if(m)return;const b=i+l,w=a!==void 0?Math.min(a,b):b;r(w),d(w.toString())},_=b=>{d(b)},y=()=>{const b=parseInt(c);if(isNaN(b)){d(i.toString());return}const w=a!==void 0?Math.min(a,Math.max(o,b)):Math.max(o,b);r(w),d(w.toString())};return f.jsx(Ot,{label:e,required:s,disabled:u,helperText:t,error:n,children:f.jsxs("div",{className:`${Ft.container}`,children:[f.jsx("button",{className:Ft.stepper,disabled:h,onClick:p,"aria-label":"Decrease value",type:"button",children:f.jsx(Qd,{width:"20",strokeWidth:2.5})}),f.jsx("input",{className:Ft.input,value:c,onChange:b=>_(b.target.value),onBlur:y,disabled:u,type:"text",inputMode:"numeric",pattern:"[0-9]*","aria-label":"Value"}),f.jsx("button",{className:Ft.stepper,disabled:m,onClick:x,"aria-label":"Increase value",type:"button",children:f.jsx(sh,{width:"20",strokeWidth:2.5})})]})})},Ee={container:"toast-module__container___7m6vr",top:"toast-module__top___iVpue",bottom:"toast-module__bottom___Bt3N0",toast:"toast-module__toast___SOSDh",iconWrapper:"toast-module__iconWrapper___F-4yg",statusIcon:"toast-module__statusIcon___KjJ56",content:"toast-module__content___9ufP5",closeButton:"toast-module__closeButton___eMXm-",success:"toast-module__success___FYQI3",warning:"toast-module__warning___2XrO1",error:"toast-module__error___v44fd",info:"toast-module__info___tOY3D"},ah=({visible:e,onDismiss:t,timeout:n=5e3,position:s="top",status:i="info",children:r,dismissible:o=!0})=>{g.useEffect(()=>{if(!e||!n)return;const l=setTimeout(()=>{t()},n);return()=>clearTimeout(l)},[e,n,t]);const a={success:f.jsx(ys,{width:"20"}),warning:f.jsx(vs,{width:"20"}),error:f.jsx(Ut,{width:"20"}),info:f.jsx(_s,{width:"20"})};return f.jsx("div",{className:`${Ee.container} ${Ee[s]}`,children:f.jsx(je,{children:e&&f.jsxs(R.div,{layout:!0,initial:{opacity:0,y:s==="top"?-50:50,scale:.8},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,scale:.8,x:100},transition:{duration:.3,ease:[.4,0,.2,1]},className:`${Ee.toast} ${Ee[i]}`,role:i==="error"?"alert":"status","aria-live":i==="error"?"assertive":"polite","aria-atomic":"true",children:[f.jsx("div",{className:Ee.iconWrapper,children:f.jsx("span",{className:Ee.statusIcon,children:a[i]})}),f.jsx("div",{className:Ee.content,children:r}),o&&f.jsx(R.button,{className:Ee.closeButton,onClick:t,whileHover:{scale:1.1},whileTap:{scale:.9},"aria-label":"Dismiss",children:f.jsx(Ut,{width:"20"})})]})})})},mt={wrapper:"toggle-module__wrapper___xb91q",label:"toggle-module__label___8-AlI",switch:"toggle-module__switch___9e0np",enabled:"toggle-module__enabled___3jPo5",handle:"toggle-module__handle___fiWwj"},lh=({label:e,value:t,onChange:n,disabled:s=!1})=>{const i=g.useRef(null),r=g.useId();return g.useLayoutEffect(()=>{i.current&&(t?i.current.style.setProperty("--toggle-direction","flex-end"):i.current.style.setProperty("--toggle-direction","flex-start"))},[t]),f.jsxs("div",{className:mt.wrapper,children:[f.jsx("span",{className:mt.label,children:e}),f.jsx(R.button,{ref:i,role:"switch","aria-checked":t,"aria-labelledby":r,className:`${mt.switch} ${t?mt.enabled:""}`,onClick:()=>n(!t),disabled:s,onKeyDown:o=>{(o.key===" "||o.key==="Enter")&&(o.preventDefault(),n(!t))},...!s&&{whileHover:{scale:1.1}},children:f.jsx(R.div,{layout:!0,className:mt.handle,initial:{opacity:0},animate:{opacity:1},transition:{type:"spring",stiffness:300,damping:15}})})]})},kr=()=>{const[e,t]=g.useState(!1),[n,s]=g.useState(()=>{const r=localStorage.getItem("nova-ui-theme");return r||(window.matchMedia("(prefers-color-scheme: dark)").media?"dark":"light")});g.useLayoutEffect(()=>{document.documentElement.classList.remove("light","dark"),document.documentElement.classList.add(n),localStorage.setItem("nova-ui-theme",n)},[n]);const i=g.useCallback(r=>{if(e)return;const o=r.clientX,a=r.clientY;document.documentElement.style.setProperty("--x",`${o}px`),document.documentElement.style.setProperty("--y",`${a}px`);const l=()=>{s(c=>c==="dark"?"light":"dark")};if(!document.startViewTransition){l();return}t(!0),document.startViewTransition(l).finished.finally(()=>{t(!1)})},[e]);return{theme:n,isTransitioning:e,toggleTheme:i}},ch=()=>{const{theme:e,isTransitioning:t,toggleTheme:n}=kr();return f.jsx(Ar,{variant:"icon",onClick:n,disabled:t,"aria-label":e==="dark"?"Switch to light mode":"Switch to dark mode",children:e==="dark"?f.jsx(oh,{width:"24"}):f.jsx(th,{width:"24"})})},Ge={topnavContainer:"topnav-module__topnavContainer___TXXB4",topRow:"topnav-module__topRow___s-Ohm",header:"topnav-module__header___r3Y52",collapsibleContent:"topnav-module__collapsibleContent___oulCx",searchWrapper:"topnav-module__searchWrapper___Rdox0",themeWrapper:"topnav-module__themeWrapper___gx0Yd"},uh=({header:e,logo:t,logoClick:n,search:s})=>f.jsxs("nav",{className:Ge.topnavContainer,"aria-label":"Main navigation",children:[f.jsx("div",{className:Ge.topRow,children:f.jsxs("div",{className:Ge.header,children:[f.jsx("div",{onClick:n,style:{cursor:n?"pointer":"default"},children:t}),e]})}),f.jsxs("div",{className:Ge.collapsibleContent,children:[f.jsx("div",{className:Ge.searchWrapper,children:s}),f.jsx("div",{className:Ge.themeWrapper,children:f.jsx(ch,{})})]})]}),Z={thumbnailWrapper:"viewer-module__thumbnailWrapper___iV-AM",thumbnail:"viewer-module__thumbnail___pk9Jf",hoverOverlay:"viewer-module__hoverOverlay___k04ev",expandIcon:"viewer-module__expandIcon___xm6pk",skeleton:"viewer-module__skeleton___h3Hzv",errorState:"viewer-module__errorState___gXQxU",errorIcon:"viewer-module__errorIcon___-qPTV",errorText:"viewer-module__errorText___UT4dg",retryButton:"viewer-module__retryButton___L-B3U",lightboxOverlay:"viewer-module__lightboxOverlay___jP4rl",closeButton:"viewer-module__closeButton___0rBK1",lightboxContent:"viewer-module__lightboxContent___i-2FK",lightboxMedia:"viewer-module__lightboxMedia___ZBgR-"},dh=({divRef:e,width:t,aspectRatio:n})=>f.jsx("div",{ref:e,className:Z.thumbnailWrapper,style:{width:t,aspectRatio:n.toString()},children:f.jsx("div",{className:Z.skeleton,"aria-busy":"true","aria-label":"Loading media"})}),Vr=({src:e,onError:t})=>{const[n,s]=g.useState(!0),[i,r]=g.useState(!1),[o,a]=g.useState(!1),[l,u]=g.useState(0),c=g.useCallback(()=>{u(d=>d+1)},[]);return g.useEffect(()=>{if(!e.length)return;s(!0),r(!1);const d=setTimeout(()=>{const p=new Error(`Media loading timed out: ${e}`);r(!0),s(!1),t==null||t(p)},1e4),h=e.endsWith(".mp4")||e.endsWith(".webm")||e.endsWith(".ogg");a(h);const m=h?document.createElement("video"):new Image;return m.src=e,m.onerror=()=>{const p=new Error(`Failed to load media: ${e}`);r(!0),t==null||t(p)},h?m.onloadeddata=()=>{clearTimeout(d),s(!1)}:m.onload=()=>{clearTimeout(d),s(!1)},()=>{m.onload=null,m.onloadeddata=null,m.onerror=null,clearTimeout(d)}},[e,l]),{isLoading:n,hasError:i,isVideo:o,reload:c}},hh=({src:e,alt:t,video:n={controls:!0,loop:!0,autoPlay:!0,muted:!0},thumbnailWidth:s="300px",onError:i,aspectRatio:r="9/16"})=>{const{isLoading:o,hasError:a,isVideo:l,reload:u}=Vr({src:e,onError:i}),[c,d]=g.useState(!1),h=g.useRef(null);return g.useLayoutEffect(()=>{var m;(m=h.current)==null||m.style.setProperty("--thumbnail-size",s)},[s]),g.useLayoutEffect(()=>{const m=p=>{p.key==="Escape"&&d(!1)};return c&&document.addEventListener("keydown",m),()=>{document.removeEventListener("keydown",m)}},[c]),o?f.jsx(dh,{divRef:h,aspectRatio:r,width:s}):a?f.jsxs("div",{ref:h,className:Z.errorState,role:"alert",children:[f.jsx("span",{className:Z.errorIcon,children:"⚠️"}),f.jsx("p",{className:Z.errorText,children:"Failed to load media"}),f.jsx("button",{onClick:u,className:Z.retryButton,children:"Retry"})]}):f.jsxs(f.Fragment,{children:[f.jsxs(R.div,{ref:h,className:Z.thumbnailWrapper,whileHover:{scale:1.02},whileTap:{scale:.98},children:[l?f.jsx(R.video,{className:Z.thumbnail,src:e,muted:!0,preload:"none",autoPlay:n.autoPlay,loop:n.loop,disablePictureInPicture:!0,initial:{opacity:0},animate:{opacity:1},onClick:()=>d(!0)}):f.jsx(R.img,{className:Z.thumbnail,loading:"lazy",src:e,alt:t,initial:{opacity:0},animate:{opacity:1},onClick:()=>d(!0)}),f.jsx(R.div,{className:Z.hoverOverlay,initial:{opacity:0},whileHover:{opacity:1},children:f.jsx("span",{className:Z.expandIcon,children:"🔍"})})]}),f.jsx(je,{children:c&&f.jsxs(R.div,{className:Z.lightboxOverlay,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},onClick:()=>d(!1),children:[f.jsx(R.button,{className:Z.closeButton,onClick:()=>d(!1),whileHover:{scale:1.1,rotate:90},transition:{duration:.2},"aria-label":"Close lightbox",children:"✕"}),f.jsx(R.div,{className:Z.lightboxContent,onClick:m=>m.stopPropagation(),initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.8,opacity:0},transition:{duration:.3,ease:[.4,0,.2,1]},children:l?f.jsx("video",{preload:"none",className:Z.lightboxMedia,src:e,controls:n.controls,loop:n.loop,autoPlay:n.autoPlay,muted:n.muted,children:f.jsx("track",{kind:"captions"})}):f.jsx("img",{className:Z.lightboxMedia,src:e,alt:t})})]})})]})};L.Accordion=Gr,L.ActionSheet=Er,L.Alert=Bd,L.AppLayout=Od,L.Box=Wd,L.Button=Ar,L.Checkbox=Ud,L.Container=Hd,L.FloatingButton=Kd,L.FormField=Ot,L.Header=Gd,L.Input=Mr,L.Modal=Xd,L.Select=Zd,L.SideNav=qd,L.Stepper=rh,L.Toast=ah,L.Toggle=lh,L.Tooltip=Pr,L.TopNav=uh,L.Viewer=hh,L.useMediaLoader=Vr,L.useTheme=kr,Object.defineProperty(L,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/nova-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.accordion-module__container___M1a4P{width:100%;border:2px solid var(--color-border);border-radius:.5rem;overflow:hidden;align-self:flex-start}.accordion-module__accordion___C0eUc{width:100%;background-color:var(--color-surface);color:#fff;cursor:pointer;display:flex;flex-direction:row;padding:1rem;text-align:left;align-items:center;border:none}.accordion-module__header___NFLuh{font-size:medium;font-weight:600;color:var(--color-text)}.accordion-module__icon___Mjff1{margin-left:auto;color:var(--color-text)}.accordion-module__content___18iAN{position:relative;background-color:var(--color-surface);transition:max-height .2s ease-out;max-height:0}.accordion-module__content___18iAN.accordion-module__open___acchR{padding:1rem;max-height:500px}.accordion-module__container___M1a4P:hover:not(:has(.accordion-module__content___18iAN.accordion-module__open___acchR)){border-color:var(--color-primary)}.action-sheet-module__backdrop___E-oM5{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998}.action-sheet-module__sheet___zFFdl{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-radius:1rem 1rem 0 0;z-index:9999;max-height:80vh;display:flex;flex-direction:column;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.action-sheet-module__handle___1dYRp{display:flex;justify-content:center;padding:.75rem}.action-sheet-module__handleBar___3lmQ1{width:36px;height:4px;background:var(--color-border);border-radius:2px}.action-sheet-module__header___oMW-U{padding:1rem 1.5rem;text-align:center;border-bottom:1px solid var(--color-border)}.action-sheet-module__title___k5RM2{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 .25rem}.action-sheet-module__message___jsCQT{font-size:.875rem;color:var(--color-text-secondary);margin:0}.action-sheet-module__actions___vgr-N{overflow-y:auto;max-height:60vh}.action-sheet-module__action___kV71S{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1rem;cursor:pointer;transition:background-color .15s;min-height:56px}.action-sheet-module__action___kV71S:active{background-color:#0000000d}.action-sheet-module__action___kV71S:disabled{opacity:.5;cursor:not-allowed}.action-sheet-module__action___kV71S.action-sheet-module__destructive___N5M9i{color:var(--color-error)}.action-sheet-module__actionIcon___MXc9U{font-size:1.5rem;width:28px;display:flex;align-items:center;justify-content:center}.action-sheet-module__actionLabel___dPWqE{flex:1;text-align:left}.action-sheet-module__cancel___Oncun{width:100%;padding:1rem;background:var(--color-surface);border:none;color:var(--color-primary);font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem}.action-sheet-module__cancel___Oncun:active{opacity:.7}.alert-module__alert___phXsH{pointer-events:auto;width:100%;padding:1rem 1.25rem;background:var(--toast-bg);border-radius:12px;color:var(--color-text);display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;border:2px solid var(--status-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.alert-module__iconWrapper___5mthT{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--status-color);display:flex;align-items:center;justify-content:center;margin-left:.5rem}.alert-module__statusIcon___Tyvx3{color:#fff}.alert-module__content___IvPaU{flex:1;font-size:.9375rem;line-height:1.5}.alert-module__success___lM3GI{--status-color: var(--color-success);--toast-bg: var(--toast-bg-success)}.alert-module__warning___DfOAf{--status-color: var(--color-warning);--toast-bg: var(--toast-bg-warning)}.alert-module__error___9GnhN{--status-color: var(--color-error);--toast-bg: var(--toast-bg-error)}.alert-module__info___SotSQ{--status-color: var(--color-info);--toast-bg: var(--toast-bg-info)}@media(max-width:768px){.alert-module__container___SGTJP{width:calc(100% - 2rem)}.alert-module__alert___phXsH{padding:.875rem 1rem}}.applayout-module__layout___d2c6J{position:relative;display:flex;min-height:100vh;background-color:var(--color-background)}.applayout-module__mainArea___Q4Yhu{flex:1;min-height:100vh;display:flex;flex-direction:column;min-width:0}.applayout-module__content___lok2L{flex:1;padding:2rem;max-width:1400px}@media(max-width:768px){.applayout-module__mainArea___Q4Yhu{margin-left:0!important}.applayout-module__content___lok2L{padding:1rem}}.box-module__box___FP5Js{display:flex;width:100%;gap:1rem}.box-module__box___FP5Js[data-direction=vertical]{flex-direction:column}.box-module__box___FP5Js[data-direction=vertical][data-position=left]{align-items:flex-start}.box-module__box___FP5Js[data-direction=vertical][data-position=center]{align-items:center}.box-module__box___FP5Js[data-direction=vertical][data-position=right]{align-items:flex-end}.box-module__box___FP5Js[data-direction=horizontal]{flex-direction:row;align-items:center}.box-module__box___FP5Js[data-direction=horizontal][data-position=left]{justify-content:flex-start}.box-module__box___FP5Js[data-direction=horizontal][data-position=center]{justify-content:center}.box-module__box___FP5Js[data-direction=horizontal][data-position=right]{justify-content:flex-end}.tooltip-module__triggerWrapper___mvvzS{display:inline-block;width:fit-content;text-decoration:underline dashed var(--color-accent)}.tooltip-module__tooltip___mEmui{position:fixed;left:var(--tooltip-x, 0);top:var(--tooltip-y, 0);padding:8px 12px;border-radius:4px;font-size:14px;z-index:1000;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text);pointer-events:none;white-space:nowrap;display:flex;flex-direction:column;align-items:center;will-change:transform}.tooltip-module__arrow___Kjrs-{position:absolute;width:0;height:0;border-style:solid;border-width:6px}.tooltip-module__tooltip___mEmui[data-position=top] .tooltip-module__arrow___Kjrs-{top:100%;border-color:var(--color-primary) transparent transparent transparent}.tooltip-module__tooltip___mEmui[data-position=bottom] .tooltip-module__arrow___Kjrs-{bottom:100%;border-color:transparent transparent var(--color-primary) transparent}.tooltip-module__tooltip___mEmui[data-position=left] .tooltip-module__arrow___Kjrs-{left:100%;border-color:transparent transparent transparent var(--color-primary)}.tooltip-module__tooltip___mEmui[data-position=right] .tooltip-module__arrow___Kjrs-{right:100%;border-color:transparent var(--color-primary) transparent transparent}.button-module__button___JyfZW{border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;color:var(--color-text)}.button-module__button___JyfZW:active{opacity:.8}.button-module__button___JyfZW:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.button-module__button___JyfZW:focus-visible{outline:2px solid var(--color-accent)}.button-module__primary___ggjlO{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-on-primary)}.button-module__secondary___Q4I1z{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:var(--color-text-on-secondary)}.button-module__icon___zcUnX{padding:.75rem;border-radius:.5rem;background:transparent;object-fit:cover}.button-module__primary___ggjlO:hover:not(:disabled),.button-module__secondary___Q4I1z:hover:not(:disabled),.button-module__icon___zcUnX:hover:not(:disabled){outline:2px solid var(--color-accent)}.checkbox-module__container___26-ah{display:inline-flex;align-items:center}.checkbox-module__hiddenInput___X-HH-{position:absolute;opacity:0;width:0;height:0}.checkbox-module__label___dV34E{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-module__box___UQZjc{width:20px;height:20px;border:2px solid var(--color-border);border-radius:.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox-module__box___UQZjc:hover{border-color:var(--color-primary)}.checkbox-module__checked___mqwdo{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-module__labelText___ORrnL{color:var(--color-text);font-size:.9375rem}.checkbox-module__disabled___E2BaQ{opacity:.5;pointer-events:none}.checkbox-module__disabled___E2BaQ .checkbox-module__label___dV34E{cursor:not-allowed}.container-module__container___g2I0w{display:flex;flex-direction:column;background:var(--color-surface);border-radius:.75rem;overflow:visible;min-width:0;width:fit-content}.container-module__fullWidth___C7E9O{width:100%}.container-module__default___VLaR3{border:1px solid var(--color-border)}.container-module__outlined___V7eh0{border:2px solid var(--color-border)}.container-module__elevated___TdnlI{border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.container-module__flat___VVl-e{background:transparent;border:none}.container-module__header___EUrkl{display:flex;align-items:center;border-bottom:1px solid var(--color-border);background:var(--color-background);gap:1rem}.container-module__headerContent___E9O0H{flex:1}.container-module__headerActions___PZYbZ{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.container-module__content___U-qAz{flex:1;overflow:auto}.container-module__footer___TrwGJ{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;border-top:1px solid var(--color-border);background:var(--color-background)}.container-module__padding-none___eH2bc .container-module__header___EUrkl,.container-module__padding-none___eH2bc .container-module__footer___TrwGJ{padding:.75rem 0}.container-module__padding-none___eH2bc .container-module__content___U-qAz{padding:0}.container-module__paddingSm___geCvv .container-module__header___EUrkl,.container-module__paddingSm___geCvv .container-module__footer___TrwGJ{padding:.75rem 1rem}.container-module__paddingSm___geCvv .container-module__content___U-qAz{padding:1rem}.container-module__paddingMd___oSyMG .container-module__header___EUrkl,.container-module__paddingMd___oSyMG .container-module__footer___TrwGJ{padding:1rem 1.5rem}.container-module__paddingMd___oSyMG .container-module__content___U-qAz{padding:1.5rem}.container-module__paddingLg___RMAPT .container-module__header___EUrkl,.container-module__paddingLg___RMAPT .container-module__footer___TrwGJ{padding:1.25rem 2rem}.container-module__paddingLg___RMAPT .container-module__content___U-qAz{padding:2rem}@media(max-width:768px){.container-module__header___EUrkl{flex-direction:column;gap:1rem}.container-module__headerActions___PZYbZ{width:100%;margin-left:0;justify-content:flex-start}.container-module__paddingMd___oSyMG .container-module__content___U-qAz,.container-module__paddingLg___RMAPT .container-module__content___U-qAz{padding:1rem}}.floating-menu-button-module__floatingButton___aAEgo{position:fixed;bottom:calc(2rem + env(safe-area-inset-bottom,0));right:calc(2rem + env(safe-area-inset-right,0));z-index:998;background:var(--color-primary);color:#fff;border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(min-width:769px){.floating-menu-button-module__floatingButton___aAEgo{display:none}}.styles-module__wrapper___-K643{display:flex;flex-direction:column;gap:.25rem;width:100%}.styles-module__container___rhMhO{position:relative;width:100%;margin-top:.65rem}.styles-module__containerNoLabel___BoOt6{margin-top:0}.styles-module__border___Jsi91{position:relative;display:inline-flex;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:.5rem;transition:border-color .2s ease;padding-top:.25rem}.styles-module__border___Jsi91:focus-within{border-color:var(--color-accent)}.styles-module__container___rhMhO:focus-within .styles-module__label___gBE41{border-color:var(--color-accent);color:var(--color-accent)}.styles-module__borderError___WH34m{border-color:var(--color-error);background-color:var(--toast-bg-error)}.styles-module__borderDisabled___wc6lw{opacity:.5;filter:grayscale(.3);cursor:not-allowed}.styles-module__border___Jsi91:hover:not(.styles-module__borderDisabled___wc6lw):not(.styles-module__borderError___WH34m){border-color:var(--color-accent)}.styles-module__label___gBE41{position:absolute;top:-.65rem;left:.75rem;background:var(--color-surface);padding:.1rem .6rem;border-radius:999px;font-size:.7rem;font-weight:500;letter-spacing:.03em;border:1.5px solid var(--color-border);color:var(--color-text-secondary);pointer-events:none;transition:border-color .2s ease,color .2s ease;white-space:nowrap;z-index:1}.styles-module__labelFocused___Q36TT{border-color:var(--color-accent);color:var(--color-accent)}.styles-module__labelError___m0PRR{border-color:var(--color-error);color:var(--color-error)}.styles-module__required___dp8xu{color:var(--color-error);margin-left:.25rem}.styles-module__helperText___cA3Se{font-size:.75rem;color:var(--color-text-secondary)}.styles-module__errorText___QZJ5F{font-size:.75rem;color:var(--color-error);margin:0;display:flex;align-items:center;gap:.25rem}.styles-module__errorText___QZJ5F:before{content:"⚠";font-size:1rem}.styles-module__header___XLj-v{color:var(--color-text)}.input-module__inputContainer___ulqhQ{position:relative;width:100%;min-width:250px}.input-module__input___tBoBs{width:100%;padding:.8rem 2.5rem .8rem 1.2rem;font-size:.875rem;color:var(--color-text);background:transparent;border:none;outline:none}.input-module__input___tBoBs::placeholder{color:var(--color-text-secondary);opacity:.6}.input-module__input___tBoBs:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.input-module__clearButton___GmMYO{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.input-module__clearButton___GmMYO:hover{color:var(--color-primary);transform:translateY(-50%) scale(1.1)}.input-module__suggestionsList___ym2TV{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;list-style:none;padding:.4rem;margin:0;z-index:1000;max-height:200px;overflow-y:auto}.input-module__suggestionItem___xtYWE{padding:.6rem 1rem;font-size:.75rem;color:var(--color-text);border-radius:.3rem;cursor:pointer;min-height:44px;display:flex;align-items:center}.input-module__suggestionItem___xtYWE:hover{background-color:var(--color-primary);color:#fff}.input-module__suggestionsList___ym2TV::-webkit-scrollbar{width:4px}.input-module__suggestionsList___ym2TV::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:10px}@media(max-width:768px){.input-module__input___tBoBs{font-size:16px}}.modal-module__overlay___z2GxJ{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-module__modal___RJmct{background-color:var(--color-surface);border-radius:.75rem;width:100%;max-height:90vh;overflow:hidden}.modal-module__modal___RJmct[data-size=s]{max-width:400px}.modal-module__modal___RJmct[data-size=m]{max-width:600px}.modal-module__modal___RJmct[data-size=l]{max-width:800px}.modal-module__modal___RJmct[data-size=xl]{max-width:1140px}.modal-module__header___KlpKY{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.modal-module__close___ELArH{margin-left:auto;background:none;border:none}.modal-module__content___OMS8T{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-module__footer___rF7ly{border-top:1px solid var(--color-border);display:flex;gap:.75rem}@media(max-width:768px){.modal-module__modal___RJmct{width:100%;max-height:90vh;border-radius:1rem 1rem 0 0;margin-top:auto}}.select-module__container___U4BrV{position:relative;width:100%;min-width:250px;outline:none}.select-module__container___U4BrV:focus-within{outline:none}.select-module__hiddenSelect___qRfKA{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.select-module__control___qogxN{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;color:var(--color-text)}.select-module__control___qogxN:focus{outline:2px solid var(--color-primary);outline-offset:2px}.select-module__control___qogxN:focus:not(:focus-visible){outline:none}.select-module__disabled___kYpJI{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.select-module__value___sRnlS{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.5rem}.select-module__placeholder___qhzG5{color:var(--color-text-secondary)}.select-module__arrow___LWj9s{font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.select-module__menu___MHmhv{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;z-index:1000;max-height:300px;overflow:hidden}.select-module__searchWrapper___gI2ic{padding:.5rem;border-bottom:1px solid var(--color-border)}.select-module__list___XICSu{max-height:250px;overflow-y:auto;padding:.25rem}.select-module__list___XICSu::-webkit-scrollbar{width:8px}.select-module__list___XICSu::-webkit-scrollbar-track{background:transparent}.select-module__list___XICSu::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:4px}.select-module__list___XICSu::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.select-module__item___XHREC{padding:10px;cursor:pointer;border-radius:.375rem;display:flex;align-items:center;gap:.5rem;color:var(--color-text);min-height:44px}.select-module__selected___iSbaR{background:var(--color-primary-dark);color:var(--color-text-on-primary);font-weight:600}.select-module__item___XHREC:hover,.select-module__highlighted___OhCJO:not(.select-module__selected___iSbaR){background:var(--color-secondary);color:var(--color-text-on-secondary)}.select-module__checkbox___dD2H5{font-size:1.25rem;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.select-module__empty___i6OgM{padding:1rem;text-align:center;color:var(--color-text-secondary);font-size:.875rem}@media(max-width:768px){.select-module__menu___MHmhv{max-height:200px}.select-module__list___XICSu{max-height:150px}}.sidenav-module__overlay___QDdKo{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.sidenav-module__sidenav___CnZmU{position:fixed;height:100vh;top:0;background-color:var(--color-surface);display:flex;flex-direction:column;overflow:hidden;z-index:1000}.sidenav-module__sidenav___CnZmU.sidenav-module__left___Qa1xG{left:0;border-right:2px solid var(--color-border)}.sidenav-module__sidenav___CnZmU.sidenav-module__right___4BYR2{right:0;border-left:2px solid var(--color-border)}.sidenav-module__sidenav___CnZmU.sidenav-module__collapsed___jltGX .sidenav-module__header___f3Sc9{justify-content:center}.sidenav-module__sidenav___CnZmU.sidenav-module__collapsed___jltGX .sidenav-module__item___5B09S{justify-content:center;padding:1rem .5rem}.sidenav-module__header___f3Sc9{display:flex;align-items:center;justify-content:flex-end;padding:1.5rem;border-bottom:1px solid var(--color-border);height:4rem}.sidenav-module__toggleButton___8Z7kQ{background:transparent;border:none;cursor:pointer;color:var(--color-text);align-items:center;justify-content:center;border-radius:.5rem;transition:background-color .2s ease}.sidenav-module__items___Az0kh{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;overflow-x:hidden}.sidenav-module__item___5B09S{display:flex;align-items:center;gap:.75rem;padding:1rem;background:transparent;border:2px solid var(--color-border);border-radius:.5rem;color:var(--color-text);font-size:1rem;font-weight:500;cursor:pointer;text-align:left;white-space:nowrap}.sidenav-module__item___5B09S:hover,.sidenav-module__active___Lo-AM{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.sidenav-module__itemIcon___i6GWq{display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;width:24px}.sidenav-module__items___Az0kh::-webkit-scrollbar{width:6px}.sidenav-module__items___Az0kh::-webkit-scrollbar-track{background:transparent}.sidenav-module__items___Az0kh::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidenav-module__items___Az0kh::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.stepper-module__container___GYIxN{display:inline-flex;align-items:center;width:8rem}.stepper-module__stepper___44JDp{display:flex;align-items:center;justify-content:center;background:none;color:var(--color-primary);border:none;cursor:pointer;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.5rem}.stepper-module__stepper___44JDp:hover:not(:disabled){background-color:var(--color-border);color:var(--color-primary-dark)}.stepper-module__stepper___44JDp:active:not(:disabled){transform:scale(.9)}.stepper-module__stepper___44JDp:disabled{opacity:.3;cursor:not-allowed}.stepper-module__input___9ZI6O{flex:1;min-width:0;text-align:center;border:none!important;background:transparent!important;padding:0!important;font-weight:600;font-size:1rem;color:var(--color-text)}.stepper-module__input___9ZI6O:focus{outline:none}.toast-module__container___7m6vr{position:fixed;z-index:10000;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.75rem;pointer-events:none;max-width:500px;width:90%;bottom:calc(1rem + env(safe-area-inset-bottom,0))}.toast-module__top___iVpue{top:2rem}.toast-module__bottom___Bt3N0{bottom:2rem}.toast-module__toast___SOSDh{pointer-events:auto;width:100%;padding:1rem 1.25rem;background:var(--toast-bg);border-radius:12px;color:var(--color-text);display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;border:2px solid var(--status-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-module__iconWrapper___F-4yg{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--status-color);display:flex;align-items:center;justify-content:center;margin-left:.5rem}.toast-module__statusIcon___KjJ56{font-size:1.125rem;font-weight:700;color:#fff}.toast-module__content___9ufP5{flex:1;font-size:.9375rem;line-height:1.5}.toast-module__closeButton___eMXm-{flex-shrink:0;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.toast-module__closeButton___eMXm-:hover{background:#0000001a;color:var(--color-text)}.toast-module__success___FYQI3{--status-color: var(--color-success);--toast-bg: var(--toast-bg-success)}.toast-module__warning___2XrO1{--status-color: var(--color-warning);--toast-bg: var(--toast-bg-warning)}.toast-module__error___v44fd{--status-color: var(--color-error);--toast-bg: var(--toast-bg-error)}.toast-module__info___tOY3D{--status-color: var(--color-info);--toast-bg: var(--toast-bg-info)}@media(prefers-color-scheme:dark){.toast-module__closeButton___eMXm-:hover{background:#ffffff1a}}@media(max-width:768px){.toast-module__container___7m6vr{width:calc(100% - 2rem)}.toast-module__toast___SOSDh{padding:.875rem 1rem}}.toggle-module__wrapper___xb91q{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem 0;width:100%}.toggle-module__label___8-AlI{font-size:.875rem;font-weight:500;color:var(--color-text)}.toggle-module__switch___9e0np{position:relative;flex-shrink:0;width:3rem;height:1.5rem;background-color:var(--color-disabled);display:flex;align-items:center;border-radius:100px;padding:3px;cursor:pointer;border:2px solid var(--color-border);transition:background-color .3s ease;outline:none}.toggle-module__switch___9e0np.toggle-module__enabled___3jPo5{background-color:var(--color-primary)}.toggle-module__switch___9e0np.toggle-module__enabled___3jPo5 .toggle-module__handle___fiWwj{margin-left:auto}.toggle-module__handle___fiWwj{width:1rem;height:1rem;background-color:var(--color-surface);border-radius:50%}.toggle-module__switch___9e0np:hover:not(:disabled){border-color:var(--color-accent)}.toggle-module__switch___9e0np:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.topnav-module__topnavContainer___TXXB4{position:sticky;width:100%;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;gap:1rem;max-height:60px;top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,1rem);padding-right:env(safe-area-inset-right,1rem)}.topnav-module__topRow___s-Ohm,.topnav-module__header___r3Y52{display:flex;align-items:center;gap:.75rem}.topnav-module__header___r3Y52 h1{font-size:1.25rem;margin:0;white-space:nowrap}.topnav-module__collapsibleContent___oulCx{display:flex;align-items:center;gap:1rem;margin-left:auto}.topnav-module__searchWrapper___Rdox0{display:none}.topnav-module__themeWrapper___gx0Yd{display:flex;align-items:center}@media(min-width:769px){.topnav-module__topnavContainer___TXXB4{padding:0 2rem;min-height:4rem;gap:2rem}.topnav-module__header___r3Y52 h1{font-size:1.5rem}.topnav-module__searchWrapper___Rdox0{display:flex;flex:1;max-width:450px}.topnav-module__collapsibleContent___oulCx{flex:1;justify-content:flex-end;gap:2rem}}.viewer-module__thumbnailWrapper___iV-AM{position:relative;width:var(--thumbnail-size, 300px);max-width:100%;height:auto;display:inline-block}.viewer-module__thumbnail___pk9Jf{width:100%;height:auto;border-radius:.5rem;object-fit:cover;display:block;cursor:zoom-in}.viewer-module__hoverOverlay___k04ev{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;border-radius:.5rem;display:flex;align-items:center;justify-content:center;pointer-events:none}.viewer-module__expandIcon___xm6pk{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.viewer-module__skeleton___h3Hzv{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:.5rem;cursor:default;background:linear-gradient(90deg,var(--color-border) 0%,var(--color-surface) 50%,var(--color-border) 100%);background-size:200% 100%;animation:viewer-module__shimmer___Lapfq 1.5s ease-in-out infinite}.viewer-module__skeleton___h3Hzv:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a;pointer-events:none}@keyframes viewer-module__shimmer___Lapfq{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-color-scheme:dark){.viewer-module__skeleton___h3Hzv{background-color:#ffffff0d}.viewer-module__skeleton___h3Hzv:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1),transparent 100%)}}.viewer-module__errorState___gXQxU{width:var(--thumbnail-size);height:250px;border-radius:.5rem;background-color:var(--color-surface);border:2px dashed var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.viewer-module__errorIcon___-qPTV{font-size:2rem}.viewer-module__errorText___UT4dg{color:var(--color-text-secondary);font-size:.875rem;margin:0}.viewer-module__retryButton___L-B3U{margin-top:.5rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.viewer-module__retryButton___L-B3U:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.viewer-module__lightboxOverlay___jP4rl{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem}.viewer-module__closeButton___0rBK1{position:absolute;top:1rem;right:1rem;width:48px;height:48px;border:none;background-color:#ffffff1a;border-radius:50%;cursor:pointer;font-size:24px;color:#fff;z-index:10000;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.viewer-module__closeButton___0rBK1:hover{background-color:#fff3}.viewer-module__lightboxContent___i-2FK{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:1rem}.viewer-module__lightboxMedia___ZBgR-{max-width:100%;max-height:80vh;width:auto;height:auto;border-radius:8px}@media(max-width:768px){.viewer-module__lightboxOverlay___jP4rl{padding:1rem}.viewer-module__closeButton___0rBK1{top:.5rem;right:.5rem;width:40px;height:40px;font-size:20px}.viewer-module__lightboxMedia___ZBgR-{max-height:70vh}}:root{--color-primary: #1A6B7A;--color-primary-dark: #0F4F5C;--color-secondary: #7A4A1E;--color-secondary-dark: #5C3412;--color-accent: #C2185B;--color-background: #F0F4F7;--color-surface: #FFFFFF;--color-surface-elevated: #E8EEF3;--color-text: #0F1E2E;--color-text-secondary: #3D5166;--color-text-on-primary: #FFFFFF;--color-text-on-secondary: #FFFFFF;--color-text-on-accent: #FFFFFF;--color-disabled: #9CA3AF;--color-border: rgba(0, 0, 0, .12);--shadow-sm: 0 2px 8px rgba(26, 107, 122, .12);--shadow-md: 0 4px 12px rgba(26, 107, 122, .2);--shadow-lg: 0 8px 24px rgba(26, 107, 122, .28);--color-success: #1B5E45;--color-warning: #B45309;--color-error: #B91C1C;--color-info: #1A5276;--toast-bg-success: rgba(27, 94, 69, .1);--toast-bg-warning: rgba(180, 83, 9, .1);--toast-bg-error: rgba(185, 28, 28, .1);--toast-bg-info: rgba(26, 82, 118, .1)}.dark{--color-primary: #FF8B66;--color-primary-dark: #FF6E40;--color-secondary: #FF3DDB;--color-secondary-dark: #D600B3;--color-accent: #00E5FF;--color-background: #050508;--color-surface: #0D0D14;--color-surface-elevated: #141420;--color-text: #F0F6FF;--color-text-secondary: #9BAAB8;--color-disabled: #4A5568;--color-border: rgba(255, 255, 255, .25);--color-text-on-primary: #FFFFFF;--color-text-on-secondary: #FFFFFF;--color-text-on-accent: #FFFFFF;--shadow-sm: 0 2px 8px rgba(255, 110, 64, .25);--shadow-md: 0 4px 16px rgba(255, 110, 64, .35);--shadow-lg: 0 8px 32px rgba(255, 110, 64, .45);--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171;--color-info: #60A5FA;--toast-bg-success: rgba(52, 211, 153, .12);--toast-bg-warning: rgba(251, 191, 36, .12);--toast-bg-error: rgba(248, 113, 113, .12);--toast-bg-info: rgba(96, 165, 250, .12)}@media(prefers-color-scheme:dark){:root:not(.light):not(.dark){--color-primary: #FF8B66;--color-primary-dark: #FF6E40;--color-secondary: #FFB84D;--color-secondary-dark: #FF8C42;--color-accent: #00E5FF;--color-background: #0A0118;--color-surface: #1F0F3D;--color-surface-elevated: #2A1850;--color-text: #E8F4FD;--color-text-secondary: #B0BEC5;--color-disabled: #6B7280;--color-border: rgba(255, 255, 255, .15);--shadow-sm: 0 2px 8px rgba(255, 110, 64, .2);--shadow-md: 0 4px 12px rgba(255, 110, 64, .3);--shadow-lg: 0 8px 24px rgba(255, 110, 64, .4);--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171;--color-info: #60A5FA;--toast-bg-success: rgba(52, 211, 153, .15);--toast-bg-warning: rgba(251, 191, 36, .15);--toast-bg-error: rgba(248, 113, 113, .15);--toast-bg-info: rgba(96, 165, 250, .15)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-background);color:var(--color-text);transition:background-color .3s ease,color .3s ease;min-height:100vh}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){animation:reveal .75s ease-out}@keyframes reveal{0%{clip-path:circle(0% at var(--x) var(--y))}to{clip-path:circle(150% at var(--x) var(--y))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}::view-transition-new(root){animation:none}}
|
|
1
|
+
.accordion-module__container___M1a4P{width:100%;border:2px solid var(--color-border);border-radius:.5rem;overflow:hidden;align-self:flex-start}.accordion-module__accordion___C0eUc{width:100%;background-color:var(--color-surface);color:#fff;cursor:pointer;display:flex;flex-direction:row;padding:1rem;text-align:left;align-items:center;border:none}.accordion-module__header___NFLuh{font-size:medium;font-weight:600;color:var(--color-text)}.accordion-module__icon___Mjff1{margin-left:auto;color:var(--color-text)}.accordion-module__content___18iAN{position:relative;background-color:var(--color-surface);transition:max-height .2s ease-out;max-height:0}.accordion-module__content___18iAN.accordion-module__open___acchR{padding:1rem;max-height:500px}.accordion-module__container___M1a4P:hover:not(:has(.accordion-module__content___18iAN.accordion-module__open___acchR)){border-color:var(--color-primary)}.action-sheet-module__backdrop___E-oM5{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998}.action-sheet-module__sheet___zFFdl{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-radius:1rem 1rem 0 0;z-index:9999;max-height:80vh;display:flex;flex-direction:column;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.action-sheet-module__handle___1dYRp{display:flex;justify-content:center;padding:.75rem}.action-sheet-module__handleBar___3lmQ1{width:36px;height:4px;background:var(--color-border);border-radius:2px}.action-sheet-module__header___oMW-U{padding:1rem 1.5rem;text-align:center;border-bottom:1px solid var(--color-border)}.action-sheet-module__title___k5RM2{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 .25rem}.action-sheet-module__message___jsCQT{font-size:.875rem;color:var(--color-text-secondary);margin:0}.action-sheet-module__actions___vgr-N{overflow-y:auto;max-height:60vh}.action-sheet-module__action___kV71S{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1rem;cursor:pointer;transition:background-color .15s;min-height:56px}.action-sheet-module__action___kV71S:active{background-color:#0000000d}.action-sheet-module__action___kV71S:disabled{opacity:.5;cursor:not-allowed}.action-sheet-module__action___kV71S.action-sheet-module__destructive___N5M9i{color:var(--color-error)}.action-sheet-module__actionIcon___MXc9U{font-size:1.5rem;width:28px;display:flex;align-items:center;justify-content:center}.action-sheet-module__actionLabel___dPWqE{flex:1;text-align:left}.action-sheet-module__cancel___Oncun{width:100%;padding:1rem;background:var(--color-surface);border:none;color:var(--color-primary);font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem}.action-sheet-module__cancel___Oncun:active{opacity:.7}.alert-module__alert___phXsH{pointer-events:auto;width:100%;padding:1rem 1.25rem;background:var(--toast-bg);border-radius:12px;color:var(--color-text);display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;border:2px solid var(--status-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.alert-module__iconWrapper___5mthT{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--status-color);display:flex;align-items:center;justify-content:center;margin-left:.5rem}.alert-module__statusIcon___Tyvx3{color:#fff}.alert-module__content___IvPaU{flex:1;font-size:.9375rem;line-height:1.5}.alert-module__success___lM3GI{--status-color: var(--color-success);--toast-bg: var(--toast-bg-success)}.alert-module__warning___DfOAf{--status-color: var(--color-warning);--toast-bg: var(--toast-bg-warning)}.alert-module__error___9GnhN{--status-color: var(--color-error);--toast-bg: var(--toast-bg-error)}.alert-module__info___SotSQ{--status-color: var(--color-info);--toast-bg: var(--toast-bg-info)}@media(max-width:768px){.alert-module__container___SGTJP{width:calc(100% - 2rem)}.alert-module__alert___phXsH{padding:.875rem 1rem}}.applayout-module__layout___d2c6J{position:relative;display:flex;min-height:100vh;background-color:var(--color-background)}.applayout-module__mainArea___Q4Yhu{flex:1;min-height:100vh;display:flex;flex-direction:column;min-width:0}.applayout-module__content___lok2L{flex:1;padding:2rem;max-width:1400px}@media(max-width:768px){.applayout-module__mainArea___Q4Yhu{margin-left:0!important}.applayout-module__content___lok2L{padding:1rem}}.box-module__box___FP5Js{display:flex;width:100%;gap:1rem}.box-module__box___FP5Js[data-direction=vertical]{flex-direction:column}.box-module__box___FP5Js[data-direction=vertical][data-position=left]{align-items:flex-start}.box-module__box___FP5Js[data-direction=vertical][data-position=center]{align-items:center}.box-module__box___FP5Js[data-direction=vertical][data-position=right]{align-items:flex-end}.box-module__box___FP5Js[data-direction=horizontal]{flex-direction:row;align-items:center}.box-module__box___FP5Js[data-direction=horizontal][data-position=left]{justify-content:flex-start}.box-module__box___FP5Js[data-direction=horizontal][data-position=center]{justify-content:center}.box-module__box___FP5Js[data-direction=horizontal][data-position=right]{justify-content:flex-end}.tooltip-module__triggerWrapper___mvvzS{display:inline-block;width:fit-content;text-decoration:underline dashed var(--color-accent)}.tooltip-module__tooltip___mEmui{position:fixed;left:var(--tooltip-x, 0);top:var(--tooltip-y, 0);padding:8px 12px;border-radius:4px;font-size:14px;z-index:1000;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text);pointer-events:none;white-space:nowrap;display:flex;flex-direction:column;align-items:center;will-change:transform}.tooltip-module__arrow___Kjrs-{position:absolute;width:0;height:0;border-style:solid;border-width:6px}.tooltip-module__tooltip___mEmui[data-position=top] .tooltip-module__arrow___Kjrs-{top:100%;border-color:var(--color-primary) transparent transparent transparent}.tooltip-module__tooltip___mEmui[data-position=bottom] .tooltip-module__arrow___Kjrs-{bottom:100%;border-color:transparent transparent var(--color-primary) transparent}.tooltip-module__tooltip___mEmui[data-position=left] .tooltip-module__arrow___Kjrs-{left:100%;border-color:transparent transparent transparent var(--color-primary)}.tooltip-module__tooltip___mEmui[data-position=right] .tooltip-module__arrow___Kjrs-{right:100%;border-color:transparent var(--color-primary) transparent transparent}.button-module__button___JyfZW{border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;color:var(--color-text)}.button-module__button___JyfZW:active{opacity:.8}.button-module__button___JyfZW:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.button-module__button___JyfZW:focus-visible{outline:2px solid var(--color-accent)}.button-module__primary___ggjlO{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-on-primary)}.button-module__secondary___Q4I1z{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:var(--color-text-on-secondary)}.button-module__icon___zcUnX{padding:.75rem;border-radius:.5rem;background:transparent;object-fit:cover}.button-module__primary___ggjlO:hover:not(:disabled),.button-module__secondary___Q4I1z:hover:not(:disabled),.button-module__icon___zcUnX:hover:not(:disabled){outline:2px solid var(--color-accent)}.checkbox-module__container___26-ah{display:inline-flex;align-items:center}.checkbox-module__hiddenInput___X-HH-{position:absolute;opacity:0;width:0;height:0}.checkbox-module__label___dV34E{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-module__box___UQZjc{width:20px;height:20px;border:2px solid var(--color-border);border-radius:.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox-module__box___UQZjc:hover{border-color:var(--color-primary)}.checkbox-module__checked___mqwdo{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-module__labelText___ORrnL{color:var(--color-text);font-size:.9375rem}.checkbox-module__disabled___E2BaQ{opacity:.5;pointer-events:none}.checkbox-module__disabled___E2BaQ .checkbox-module__label___dV34E{cursor:not-allowed}.container-module__container___g2I0w{display:flex;flex-direction:column;background:var(--color-surface);border-radius:.75rem;overflow:visible;min-width:0;width:fit-content}.container-module__fullWidth___C7E9O{width:100%}.container-module__default___VLaR3{border:1px solid var(--color-border)}.container-module__outlined___V7eh0{border:2px solid var(--color-border)}.container-module__elevated___TdnlI{border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.container-module__flat___VVl-e{background:transparent;border:none}.container-module__header___EUrkl{display:flex;align-items:center;border-bottom:1px solid var(--color-border);background:var(--color-background);gap:1rem}.container-module__headerContent___E9O0H{flex:1}.container-module__headerActions___PZYbZ{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.container-module__content___U-qAz{flex:1;overflow:auto}.container-module__footer___TrwGJ{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;border-top:1px solid var(--color-border);background:var(--color-background)}.container-module__paddingNone___qFyWC .container-module__header___EUrkl,.container-module__paddingNone___qFyWC .container-module__footer___TrwGJ{padding:.75rem 0}.container-module__paddingNone___qFyWC .container-module__content___U-qAz{padding:0}.container-module__paddingSm___geCvv .container-module__header___EUrkl,.container-module__paddingSm___geCvv .container-module__footer___TrwGJ{padding:.75rem 1rem}.container-module__paddingSm___geCvv .container-module__content___U-qAz{padding:1rem}.container-module__paddingMd___oSyMG .container-module__header___EUrkl,.container-module__paddingMd___oSyMG .container-module__footer___TrwGJ{padding:1rem 1.5rem}.container-module__paddingMd___oSyMG .container-module__content___U-qAz{padding:1.5rem}.container-module__paddingLg___RMAPT .container-module__header___EUrkl,.container-module__paddingLg___RMAPT .container-module__footer___TrwGJ{padding:1.25rem 2rem}.container-module__paddingLg___RMAPT .container-module__content___U-qAz{padding:2rem}@media(max-width:768px){.container-module__header___EUrkl{flex-direction:column;gap:1rem}.container-module__headerActions___PZYbZ{width:100%;margin-left:0;justify-content:flex-start}.container-module__paddingMd___oSyMG .container-module__content___U-qAz,.container-module__paddingLg___RMAPT .container-module__content___U-qAz{padding:1rem}}.floating-menu-button-module__floatingButton___aAEgo{position:fixed;bottom:calc(2rem + env(safe-area-inset-bottom,0));right:calc(2rem + env(safe-area-inset-right,0));z-index:998;background:var(--color-primary);color:#fff;border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(min-width:769px){.floating-menu-button-module__floatingButton___aAEgo{display:none}}.styles-module__wrapper___-K643{display:flex;flex-direction:column;gap:.25rem;width:100%}.styles-module__container___rhMhO{position:relative;width:100%;margin-top:.65rem}.styles-module__containerNoLabel___BoOt6{margin-top:0}.styles-module__border___Jsi91{position:relative;display:inline-flex;width:100%;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:.5rem;transition:border-color .2s ease;padding-top:.25rem}.styles-module__border___Jsi91:focus-within{border-color:var(--color-accent)}.styles-module__container___rhMhO:focus-within .styles-module__label___gBE41{border-color:var(--color-accent);color:var(--color-accent)}.styles-module__borderError___WH34m{border-color:var(--color-error);background-color:var(--toast-bg-error)}.styles-module__borderDisabled___wc6lw{opacity:.5;filter:grayscale(.3);cursor:not-allowed}.styles-module__border___Jsi91:hover:not(.styles-module__borderDisabled___wc6lw):not(.styles-module__borderError___WH34m){border-color:var(--color-accent)}.styles-module__label___gBE41{position:absolute;top:-.65rem;left:.75rem;background:var(--color-surface);padding:.1rem .6rem;border-radius:999px;font-size:.7rem;font-weight:500;letter-spacing:.03em;border:1.5px solid var(--color-border);color:var(--color-text-secondary);pointer-events:none;transition:border-color .2s ease,color .2s ease;white-space:nowrap;z-index:1}.styles-module__labelFocused___Q36TT{border-color:var(--color-accent);color:var(--color-accent)}.styles-module__labelError___m0PRR{border-color:var(--color-error);color:var(--color-error)}.styles-module__required___dp8xu{color:var(--color-error);margin-left:.25rem}.styles-module__helperText___cA3Se{font-size:.75rem;color:var(--color-text-secondary)}.styles-module__errorText___QZJ5F{font-size:.75rem;color:var(--color-error);margin:0;display:flex;align-items:center;gap:.25rem}.styles-module__errorText___QZJ5F:before{content:"⚠";font-size:1rem}.styles-module__header___XLj-v{color:var(--color-text)}.input-module__inputContainer___ulqhQ{position:relative;width:100%;min-width:250px}.input-module__input___tBoBs{width:100%;padding:.8rem 2.5rem .8rem 1.2rem;font-size:.875rem;color:var(--color-text);background:transparent;border:none;outline:none}.input-module__input___tBoBs::placeholder{color:var(--color-text-secondary);opacity:.6}.input-module__input___tBoBs:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.input-module__clearButton___GmMYO{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.input-module__clearButton___GmMYO:hover{color:var(--color-primary);transform:translateY(-50%) scale(1.1)}.input-module__suggestionsList___ym2TV{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;list-style:none;padding:.4rem;margin:0;z-index:1000;max-height:200px;overflow-y:auto}.input-module__suggestionItem___xtYWE{padding:.6rem 1rem;font-size:.75rem;color:var(--color-text);border-radius:.3rem;cursor:pointer;min-height:44px;display:flex;align-items:center}.input-module__suggestionItem___xtYWE:hover{background-color:var(--color-primary);color:#fff}.input-module__suggestionsList___ym2TV::-webkit-scrollbar{width:4px}.input-module__suggestionsList___ym2TV::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:10px}@media(max-width:768px){.input-module__input___tBoBs{font-size:16px}}.modal-module__overlay___z2GxJ{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-module__modal___RJmct{background-color:var(--color-surface);border-radius:.75rem;width:100%;max-height:90vh;overflow:hidden}.modal-module__modal___RJmct[data-size=s]{max-width:400px}.modal-module__modal___RJmct[data-size=m]{max-width:600px}.modal-module__modal___RJmct[data-size=l]{max-width:800px}.modal-module__modal___RJmct[data-size=xl]{max-width:1140px}.modal-module__header___KlpKY{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.modal-module__close___ELArH{margin-left:auto;background:none;border:none}.modal-module__content___OMS8T{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-module__footer___rF7ly{border-top:1px solid var(--color-border);display:flex;gap:.75rem}@media(max-width:768px){.modal-module__modal___RJmct{width:100%;max-height:90vh;border-radius:1rem 1rem 0 0;margin-top:auto}}.select-module__container___U4BrV{position:relative;width:100%;min-width:250px;outline:none}.select-module__container___U4BrV:focus-within{outline:none}.select-module__hiddenSelect___qRfKA{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.select-module__control___qogxN{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;color:var(--color-text)}.select-module__control___qogxN:focus{outline:2px solid var(--color-primary);outline-offset:2px}.select-module__control___qogxN:focus:not(:focus-visible){outline:none}.select-module__disabled___kYpJI{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.select-module__value___sRnlS{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.5rem}.select-module__placeholder___qhzG5{color:var(--color-text-secondary)}.select-module__arrow___LWj9s{font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.select-module__menu___MHmhv{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;z-index:1000;max-height:300px;overflow:hidden}.select-module__searchWrapper___gI2ic{padding:.5rem;border-bottom:1px solid var(--color-border)}.select-module__list___XICSu{max-height:250px;overflow-y:auto;padding:.25rem}.select-module__list___XICSu::-webkit-scrollbar{width:8px}.select-module__list___XICSu::-webkit-scrollbar-track{background:transparent}.select-module__list___XICSu::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:4px}.select-module__list___XICSu::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.select-module__item___XHREC{padding:10px;cursor:pointer;border-radius:.375rem;display:flex;align-items:center;gap:.5rem;color:var(--color-text);min-height:44px}.select-module__selected___iSbaR{background:var(--color-primary-dark);color:var(--color-text-on-primary);font-weight:600}.select-module__item___XHREC:hover,.select-module__highlighted___OhCJO:not(.select-module__selected___iSbaR){background:var(--color-secondary);color:var(--color-text-on-secondary)}.select-module__checkbox___dD2H5{font-size:1.25rem;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.select-module__empty___i6OgM{padding:1rem;text-align:center;color:var(--color-text-secondary);font-size:.875rem}@media(max-width:768px){.select-module__menu___MHmhv{max-height:200px}.select-module__list___XICSu{max-height:150px}}.sidenav-module__overlay___QDdKo{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.sidenav-module__sidenav___CnZmU{position:fixed;height:100vh;top:0;background-color:var(--color-surface);display:flex;flex-direction:column;overflow:hidden;z-index:1000}.sidenav-module__sidenav___CnZmU.sidenav-module__left___Qa1xG{left:0;border-right:2px solid var(--color-border)}.sidenav-module__sidenav___CnZmU.sidenav-module__right___4BYR2{right:0;border-left:2px solid var(--color-border)}.sidenav-module__sidenav___CnZmU.sidenav-module__collapsed___jltGX .sidenav-module__header___f3Sc9{justify-content:center}.sidenav-module__sidenav___CnZmU.sidenav-module__collapsed___jltGX .sidenav-module__item___5B09S{justify-content:center;padding:1rem .5rem}.sidenav-module__header___f3Sc9{display:flex;align-items:center;justify-content:flex-end;padding:1.5rem;border-bottom:1px solid var(--color-border);height:4rem}.sidenav-module__toggleButton___8Z7kQ{background:transparent;border:none;cursor:pointer;color:var(--color-text);align-items:center;justify-content:center;border-radius:.5rem;transition:background-color .2s ease}.sidenav-module__items___Az0kh{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;overflow-x:hidden}.sidenav-module__item___5B09S{display:flex;align-items:center;gap:.75rem;padding:1rem;background:transparent;border:2px solid var(--color-border);border-radius:.5rem;color:var(--color-text);font-size:1rem;font-weight:500;cursor:pointer;text-align:left;white-space:nowrap}.sidenav-module__item___5B09S:hover,.sidenav-module__active___Lo-AM{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.sidenav-module__itemIcon___i6GWq{display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;width:24px}.sidenav-module__items___Az0kh::-webkit-scrollbar{width:6px}.sidenav-module__items___Az0kh::-webkit-scrollbar-track{background:transparent}.sidenav-module__items___Az0kh::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidenav-module__items___Az0kh::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.stepper-module__container___GYIxN{display:inline-flex;align-items:center;width:8rem}.stepper-module__stepper___44JDp{display:flex;align-items:center;justify-content:center;background:none;color:var(--color-primary);border:none;cursor:pointer;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.5rem}.stepper-module__stepper___44JDp:hover:not(:disabled){background-color:var(--color-border);color:var(--color-primary-dark)}.stepper-module__stepper___44JDp:active:not(:disabled){transform:scale(.9)}.stepper-module__stepper___44JDp:disabled{opacity:.3;cursor:not-allowed}.stepper-module__input___9ZI6O{flex:1;min-width:0;text-align:center;border:none!important;background:transparent!important;padding:0!important;font-weight:600;font-size:1rem;color:var(--color-text)}.stepper-module__input___9ZI6O:focus{outline:none}.toast-module__container___7m6vr{position:fixed;z-index:10000;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.75rem;pointer-events:none;max-width:500px;width:90%;bottom:calc(1rem + env(safe-area-inset-bottom,0))}.toast-module__top___iVpue{top:2rem}.toast-module__bottom___Bt3N0{bottom:2rem}.toast-module__toast___SOSDh{pointer-events:auto;width:100%;padding:1rem 1.25rem;background:var(--toast-bg);border-radius:12px;color:var(--color-text);display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;border:2px solid var(--status-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-module__iconWrapper___F-4yg{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--status-color);display:flex;align-items:center;justify-content:center;margin-left:.5rem}.toast-module__statusIcon___KjJ56{font-size:1.125rem;font-weight:700;color:#fff}.toast-module__content___9ufP5{flex:1;font-size:.9375rem;line-height:1.5}.toast-module__closeButton___eMXm-{flex-shrink:0;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.toast-module__closeButton___eMXm-:hover{background:#0000001a;color:var(--color-text)}.toast-module__success___FYQI3{--status-color: var(--color-success);--toast-bg: var(--toast-bg-success)}.toast-module__warning___2XrO1{--status-color: var(--color-warning);--toast-bg: var(--toast-bg-warning)}.toast-module__error___v44fd{--status-color: var(--color-error);--toast-bg: var(--toast-bg-error)}.toast-module__info___tOY3D{--status-color: var(--color-info);--toast-bg: var(--toast-bg-info)}@media(prefers-color-scheme:dark){.toast-module__closeButton___eMXm-:hover{background:#ffffff1a}}@media(max-width:768px){.toast-module__container___7m6vr{width:calc(100% - 2rem)}.toast-module__toast___SOSDh{padding:.875rem 1rem}}.toggle-module__wrapper___xb91q{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem 0;width:100%}.toggle-module__label___8-AlI{font-size:.875rem;font-weight:500;color:var(--color-text)}.toggle-module__switch___9e0np{position:relative;flex-shrink:0;width:3rem;height:1.5rem;background-color:var(--color-disabled);display:flex;align-items:center;border-radius:100px;padding:3px;cursor:pointer;border:2px solid var(--color-border);transition:background-color .3s ease;outline:none}.toggle-module__switch___9e0np.toggle-module__enabled___3jPo5{background-color:var(--color-primary)}.toggle-module__switch___9e0np.toggle-module__enabled___3jPo5 .toggle-module__handle___fiWwj{margin-left:auto}.toggle-module__handle___fiWwj{width:1rem;height:1rem;background-color:var(--color-surface);border-radius:50%}.toggle-module__switch___9e0np:hover:not(:disabled){border-color:var(--color-accent)}.toggle-module__switch___9e0np:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.topnav-module__topnavContainer___TXXB4{position:sticky;width:100%;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;gap:1rem;max-height:60px;top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,1rem);padding-right:env(safe-area-inset-right,1rem)}.topnav-module__topRow___s-Ohm,.topnav-module__header___r3Y52{display:flex;align-items:center;gap:.75rem}.topnav-module__header___r3Y52 h1{font-size:1.25rem;margin:0;white-space:nowrap}.topnav-module__collapsibleContent___oulCx{display:flex;align-items:center;gap:1rem;margin-left:auto}.topnav-module__searchWrapper___Rdox0{display:none}.topnav-module__themeWrapper___gx0Yd{display:flex;align-items:center}@media(min-width:769px){.topnav-module__topnavContainer___TXXB4{padding:0 2rem;min-height:4rem;gap:2rem}.topnav-module__header___r3Y52 h1{font-size:1.5rem}.topnav-module__searchWrapper___Rdox0{display:flex;flex:1;max-width:450px}.topnav-module__collapsibleContent___oulCx{flex:1;justify-content:flex-end;gap:2rem}}.viewer-module__thumbnailWrapper___iV-AM{position:relative;width:var(--thumbnail-size, 300px);max-width:100%;height:auto;display:inline-block}.viewer-module__thumbnail___pk9Jf{width:100%;height:auto;border-radius:.5rem;object-fit:cover;display:block;cursor:zoom-in}.viewer-module__hoverOverlay___k04ev{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;border-radius:.5rem;display:flex;align-items:center;justify-content:center;pointer-events:none}.viewer-module__expandIcon___xm6pk{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.viewer-module__skeleton___h3Hzv{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:.5rem;cursor:default;background:linear-gradient(90deg,var(--color-border) 0%,var(--color-surface) 50%,var(--color-border) 100%);background-size:200% 100%;animation:viewer-module__shimmer___Lapfq 1.5s ease-in-out infinite}.viewer-module__skeleton___h3Hzv:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a;pointer-events:none}@keyframes viewer-module__shimmer___Lapfq{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-color-scheme:dark){.viewer-module__skeleton___h3Hzv{background-color:#ffffff0d}.viewer-module__skeleton___h3Hzv:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1),transparent 100%)}}.viewer-module__errorState___gXQxU{width:var(--thumbnail-size);height:250px;border-radius:.5rem;background-color:var(--color-surface);border:2px dashed var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.viewer-module__errorIcon___-qPTV{font-size:2rem}.viewer-module__errorText___UT4dg{color:var(--color-text-secondary);font-size:.875rem;margin:0}.viewer-module__retryButton___L-B3U{margin-top:.5rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.viewer-module__retryButton___L-B3U:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.viewer-module__lightboxOverlay___jP4rl{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem}.viewer-module__closeButton___0rBK1{position:absolute;top:1rem;right:1rem;width:48px;height:48px;border:none;background-color:#ffffff1a;border-radius:50%;cursor:pointer;font-size:24px;color:#fff;z-index:10000;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.viewer-module__closeButton___0rBK1:hover{background-color:#fff3}.viewer-module__lightboxContent___i-2FK{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:1rem}.viewer-module__lightboxMedia___ZBgR-{max-width:100%;max-height:80vh;width:auto;height:auto;border-radius:8px}@media(max-width:768px){.viewer-module__lightboxOverlay___jP4rl{padding:1rem}.viewer-module__closeButton___0rBK1{top:.5rem;right:.5rem;width:40px;height:40px;font-size:20px}.viewer-module__lightboxMedia___ZBgR-{max-height:70vh}}:root{--color-primary: #1A6B7A;--color-primary-dark: #0F4F5C;--color-secondary: #7A4A1E;--color-secondary-dark: #5C3412;--color-accent: #C2185B;--color-background: #F0F4F7;--color-surface: #FFFFFF;--color-surface-elevated: #E8EEF3;--color-text: #0F1E2E;--color-text-secondary: #3D5166;--color-text-on-primary: #FFFFFF;--color-text-on-secondary: #FFFFFF;--color-text-on-accent: #FFFFFF;--color-disabled: #9CA3AF;--color-border: rgba(0, 0, 0, .12);--shadow-sm: 0 2px 8px rgba(26, 107, 122, .12);--shadow-md: 0 4px 12px rgba(26, 107, 122, .2);--shadow-lg: 0 8px 24px rgba(26, 107, 122, .28);--color-success: #1B5E45;--color-warning: #B45309;--color-error: #B91C1C;--color-info: #1A5276;--toast-bg-success: rgba(27, 94, 69, .1);--toast-bg-warning: rgba(180, 83, 9, .1);--toast-bg-error: rgba(185, 28, 28, .1);--toast-bg-info: rgba(26, 82, 118, .1)}.dark{--color-primary: #FF8B66;--color-primary-dark: #FF6E40;--color-secondary: #FF3DDB;--color-secondary-dark: #D600B3;--color-accent: #00E5FF;--color-background: #050508;--color-surface: #0D0D14;--color-surface-elevated: #141420;--color-text: #F0F6FF;--color-text-secondary: #9BAAB8;--color-disabled: #4A5568;--color-border: rgba(255, 255, 255, .25);--color-text-on-primary: #FFFFFF;--color-text-on-secondary: #FFFFFF;--color-text-on-accent: #FFFFFF;--shadow-sm: 0 2px 8px rgba(255, 110, 64, .25);--shadow-md: 0 4px 16px rgba(255, 110, 64, .35);--shadow-lg: 0 8px 32px rgba(255, 110, 64, .45);--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171;--color-info: #60A5FA;--toast-bg-success: rgba(52, 211, 153, .12);--toast-bg-warning: rgba(251, 191, 36, .12);--toast-bg-error: rgba(248, 113, 113, .12);--toast-bg-info: rgba(96, 165, 250, .12)}@media(prefers-color-scheme:dark){:root:not(.light):not(.dark){--color-primary: #FF8B66;--color-primary-dark: #FF6E40;--color-secondary: #FFB84D;--color-secondary-dark: #FF8C42;--color-accent: #00E5FF;--color-background: #0A0118;--color-surface: #1F0F3D;--color-surface-elevated: #2A1850;--color-text: #E8F4FD;--color-text-secondary: #B0BEC5;--color-disabled: #6B7280;--color-border: rgba(255, 255, 255, .15);--shadow-sm: 0 2px 8px rgba(255, 110, 64, .2);--shadow-md: 0 4px 12px rgba(255, 110, 64, .3);--shadow-lg: 0 8px 24px rgba(255, 110, 64, .4);--color-success: #34D399;--color-warning: #FBBF24;--color-error: #F87171;--color-info: #60A5FA;--toast-bg-success: rgba(52, 211, 153, .15);--toast-bg-warning: rgba(251, 191, 36, .15);--toast-bg-error: rgba(248, 113, 113, .15);--toast-bg-info: rgba(96, 165, 250, .15)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-background);color:var(--color-text);transition:background-color .3s ease,color .3s ease;min-height:100vh}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){animation:reveal .75s ease-out}@keyframes reveal{0%{clip-path:circle(0% at var(--x) var(--y))}to{clip-path:circle(150% at var(--x) var(--y))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}::view-transition-new(root){animation:none}}
|