@wallarm-org/claude-design 0.0.0-stage → 4.9.0

package/dist/project/components/ScrollArea/stories.js

@@ -0,0 +1,12 @@
+var e={vD(e,t,r){let s,o;/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */var l,n,i=Object.create,a=Object.defineProperty,c=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,h=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,m=(e,t,r,s)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of d(t))u.call(e,o)||o===r||a(e,o,{get:()=>t[o],enumerable:!(s=c(t,o))||s.enumerable});return e},f={},p={$dispatcherGuard:()=>M,$makeReadOnly:()=>C,$reset:()=>A,$structuralCheck:()=>$,c:()=>S,clearRenderCounterRegistry:()=>T,renderCounterRegistry:()=>I,useRenderCounter:()=>R};for(var g in p)a(f,g,{get:p[g],enumerable:!0});e.exports=m(a({},"__esModule",{value:!0}),f);var b=(o=null!=(s=r("C"))?i(h(s)):{},m(s&&s.__esModule?o:a(o,"default",{value:s,enumerable:!0}),s)),{useRef:v,useEffect:y,isValidElement:w}=b,x=null!=(l=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?l:b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,k=Symbol.for("react.memo_cache_sentinel"),S="function"==typeof(null==(n=b.__COMPILER_RUNTIME)?void 0:n.c)?b.__COMPILER_RUNTIME.c:function(e){return b.useMemo(()=>{let t=Array(e);for(let r=0;r<e;r++)t[r]=k;return t[k]=!0,t},[])},z={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{z[e]=()=>{throw Error(`[React] Unexpected React hook call (${e}) from a React compiled function. Check that all hooks are called directly and named according to convention ('use[A-Z]') `)}});var E=null;function O(e){return x.ReactCurrentDispatcher.current=e,x.ReactCurrentDispatcher.current}z.useMemoCache=e=>{if(null!=E)return E.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var _=[];function M(e){let t=x.ReactCurrentDispatcher.current;if(0===e){if(_.push(t),1===_.length&&(E=t),t===z)throw Error("[React] Unexpected call to custom hook or component from a React compiled function. Check that (1) all hooks are called directly and named according to convention ('use[A-Z]') and (2) components are returned as JSX instead of being directly invoked.");O(z)}else if(1===e){let e=_.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===_.length&&(E=null),O(e)}else if(2===e)_.push(t),O(E);else if(3===e){let e=_.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");O(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function A(e){for(let t=0;t<e.length;t++)e[t]=k}function C(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var I=new Map;function T(){for(let e of I.values())e.forEach(e=>{e.count=0})}function R(e){let t=v(null);null!=t.current&&(t.current.count+=1),y(()=>{if(null==t.current){let r,s={count:0};null==(r=I.get(e))&&(r=new Set,I.set(e,r)),r.add(s),t.current=s}return()=>{var r;let s;null!==t.current&&(r=t.current,null!=(s=I.get(e))&&s.delete(r))}})}var j=new Set;function $(e,t,r,s,o,l){function n(e,t,n,i){let a=`${s}:${l} [${o}] ${r}${n} changed from ${e} to ${t} at depth ${i}`;j.has(a)||(j.add(a),console.error(a))}!function e(t,r,s,o){if(!(o>2)){if(t!==r)if(typeof t!=typeof r)n(`type ${typeof t}`,`type ${typeof r}`,s,o);else if("object"==typeof t){let l=Array.isArray(t),i=Array.isArray(r);if(null===t&&null!==r)n("null",`type ${typeof r}`,s,o);else if(null===r)n(`type ${typeof t}`,"null",s,o);else if(t instanceof Map)if(r instanceof Map)if(t.size!==r.size)n(`Map instance with size ${t.size}`,`Map instance with size ${r.size}`,s,o);else for(let[l,i]of t)r.has(l)?e(i,r.get(l),`${s}.get(${l})`,o+1):n(`Map instance with key ${l}`,`Map instance without key ${l}`,s,o);else n("Map instance","other value",s,o);else if(r instanceof Map)n("other value","Map instance",s,o);else if(t instanceof Set)if(r instanceof Set)if(t.size!==r.size)n(`Set instance with size ${t.size}`,`Set instance with size ${r.size}`,s,o);else for(let e of r)t.has(e)||n(`Set instance without element ${e}`,`Set instance with element ${e}`,s,o);else n("Set instance","other value",s,o);else if(r instanceof Set)n("other value","Set instance",s,o);else if(l||i)if(l!==i)n(`type ${l?"array":"object"}`,`type ${i?"array":"object"}`,s,o);else if(t.length!==r.length)n(`array with length ${t.length}`,`array with length ${r.length}`,s,o);else for(let l=0;l<t.length;l++)e(t[l],r[l],`${s}[${l}]`,o+1);else if(w(t)||w(r))w(t)!==w(r)?n(`type ${w(t)?"React element":"object"}`,`type ${w(r)?"React element":"object"}`,s,o):t.type!==r.type?n(`React element of type ${t.type}`,`React element of type ${r.type}`,s,o):e(t.props,r.props,`[props of ${s}]`,o+1);else{for(let e in r)e in t||n(`object without key ${e}`,`object with key ${e}`,s,o);for(let l in t)l in r?e(t[l],r[l],`${s}.${l}`,o+1):n(`object with key ${l}`,`object without key ${l}`,s,o)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(r)?isNaN(t)!==isNaN(r)&&n(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(r)?"NaN":"non-NaN value"}`,s,o):t!==r&&n(t,r,s,o)}}}(e,t,"",0)}},p(e,t,r){let s=new WeakMap,o=new WeakMap;function l(e,t,r){let l=t,n=r;if("object"==typeof l&&null!==l&&"$$typeof"in l&&l.$$typeof===Symbol.for("react.context")&&"Provider"in l&&(l=l.Provider),"function"==typeof l&&null!=n.ref&&!l.prototype?.isReactComponent){let t=l,r=s.get(e);r||(r=new WeakMap,s.set(e,r));let o=r.get(t);o||((o=e.forwardRef((e,r)=>t({...e,ref:r}))).displayName=t.displayName??t.name,r.set(t,o)),l=o}if("string"==typeof l&&"boolean"==typeof n.inert&&((n={...n}).inert?n.inert="":delete n.inert),"string"==typeof l)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in n&&(n={...n,[t]:n[e]},delete n[e]);return"string"==typeof l&&null!=n.ref&&(l=function(e,t){let r=o.get(e);r||(r=new Map,o.set(e,r));let s=r.get(t);if(s)return s;let l=e.forwardRef((r,s)=>{let o=e.useRef(null);if(!o.current||o.current.original!==s){let e;o.current={original:s,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof s){let r=s(t);e="function"==typeof r?r:void 0}else s&&(s.current=t)}}}return e.createElement(t,{...r,ref:o.current.callback})});return l.displayName=`CanvasHost(${t})`,r.set(t,l),l}(e,l)),{type:l,props:n}}function n(e){let t=(t,r,s)=>{let o=l(e,t,r??{});return e.createElement(o.type,void 0===s?o.props:{...o.props,key:s})};return{jsx:t,jsxs:(t,r,s)=>{let o=l(e,t,r??{}),{children:n,...i}=o.props;return e.createElement(o.type,void 0===s?i:{...i,key:s},...Array.isArray(n)?n:[n])},jsxDEV:t,Fragment:e.Fragment}}function i(e){return{...e,createElement:(t,r,...s)=>{let o=l(e,t,r??{});return e.createElement(o.type,o.props,...s)},cloneElement:(t,r,...s)=>{let o=e.cloneElement(t,r??void 0,...s),n=o.ref,i=l(e,o.type,{...o.props,ref:n});return i.type===o.type&&"string"!=typeof o.type?o:e.createElement(i.type,{...i.props,key:o.key})}}}r.d(t,{MA:()=>n,YJ:()=>i})},C(e,t,r){r.r(t);let s=(0,r("p").YJ)(window.React),{Children:o,Component:l,Fragment:n,Profiler:i,PureComponent:a,StrictMode:c,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:h,act:u,cloneElement:m,createContext:f,createElement:p,createFactory:g,createRef:b,forwardRef:v,isValidElement:y,lazy:w,memo:x,startTransition:k,unstable_act:S,useCallback:z,useContext:E,useDebugValue:O,useDeferredValue:_,useEffect:M,useId:A,useImperativeHandle:C,useInsertionEffect:I,useLayoutEffect:T,useMemo:R,useReducer:j,useRef:$,useState:N,useSyncExternalStore:D,useTransition:W,version:F,use:L}=s;r.d(t,{},{Children:o,Component:l,Fragment:n,Profiler:i,PureComponent:a,StrictMode:c,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:h,act:u,cloneElement:m,createContext:f,createElement:p,createFactory:g,createRef:b,default:s,forwardRef:v,isValidElement:y,lazy:w,memo:x,startTransition:k,unstable_act:S,use:L,useCallback:z,useContext:E,useDebugValue:O,useDeferredValue:_,useEffect:M,useId:A,useImperativeHandle:C,useInsertionEffect:I,useLayoutEffect:T,useMemo:R,useReducer:j,useRef:$,useState:N,useSyncExternalStore:D,useTransition:W,version:F})}},t={};function r(s){var o=t[s];if(void 0!==o)return o.exports;var l=t[s]={exports:{}};return e[s](l,l.exports,r),l.exports}r.d=(e,t,s)=>{var o=(t,s)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,[s]:t[o]})};o(t,"get"),o(s,"value")},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let e,t,s,o,l,n,{jsx:i,jsxs:a,jsxDEV:c,Fragment:d}=(0,r("p").MA)(window.React);var h,u=r("vD"),m=r("C");let{createPortal:f,createRoot:p,hydrateRoot:g,flushSync:b,findDOMNode:v,render:y,hydrate:w,unmountComponentAtNode:x,unstable_batchedUpdates:k,version:S}=window.ReactDOM;function z(e,t,r){let s,o=r.initialDeps??[],l=!0;function n(){let n=e();return n.length!==o.length||n.some((e,t)=>o[t]!==e)?(o=n,s=t(...n),(null==r?void 0:r.onChange)&&!(l&&r.skipInitialOnChange)&&r.onChange(s),l=!1,s):s}return n.updateDeps=e=>{o=e},n}function E(e,t){if(void 0!==e)return e;throw Error(`Unexpected undefined${t?`: ${t}`:""}`)}let O=(e,t)=>1.01>Math.abs(e-t),_=()=>{if(void 0!==e)return e;if("u"<typeof navigator)return e=!1;if(/iP(hone|od|ad)/.test(navigator.userAgent))return e=!0;let t=navigator.maxTouchPoints;return e="MacIntel"===navigator.platform&&void 0!==t&&t>0},M=e=>{let{offsetWidth:t,offsetHeight:r}=e;return{width:t,height:r}},A=e=>e,C=e=>{let t=Math.max(e.startIndex-e.overscan,0),r=Math.min(e.endIndex+e.overscan,e.count-1)-t+1,s=Array(r);for(let e=0;e<r;e++)s[e]=t+e;return s},I=(e,t)=>{let r=e.scrollElement;if(!r)return;let s=e.targetWindow;if(!s)return;let o=e=>{let{width:r,height:s}=e;t({width:Math.round(r),height:Math.round(s)})};if(o(M(r)),!s.ResizeObserver)return()=>{};let l=new s.ResizeObserver(t=>{let s=()=>{let e=t[0];if(null==e?void 0:e.borderBoxSize){let t=e.borderBoxSize[0];if(t)return void o({width:t.inlineSize,height:t.blockSize})}o(M(r))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(s):s()});return l.observe(r,{box:"border-box"}),()=>{l.unobserve(r)}},T={passive:!0},R="u"<typeof window||"onscrollend"in window,j=(e,t)=>((e,t,r)=>{var s,o;let l,n=e.scrollElement;if(!n)return;let i=e.targetWindow;if(!i)return;let a=e.options.useScrollendEvent&&R,c=0,d=a?null:(s=()=>t(r(n),!1),o=e.options.isScrollingResetDelay,Object.assign(function(...e){i.clearTimeout(l),l=i.setTimeout(()=>s.apply(this,e),o)},{cancel:()=>{i.clearTimeout(l)}})),h=e=>()=>{c=r(n),null==d||d(),t(c,e)},u=h(!0),m=h(!1);return n.addEventListener("scroll",u,T),a&&n.addEventListener("scrollend",m,T),()=>{n.removeEventListener("scroll",u),a&&n.removeEventListener("scrollend",m),null==d||d.cancel()}})(e,t,t=>{let{horizontal:r,isRtl:s}=e.options;return r?t.scrollLeft*(s&&-1||1):t.scrollTop}),$=(e,t,r)=>{if(r.options.useCachedMeasurements){let t=r.indexFromElement(e),s=r.options.getItemKey(t);return r.itemSizeCache.get(s)??r.options.estimateSize(t)}if(null==t?void 0:t.borderBoxSize){let e=t.borderBoxSize[0];if(e)return Math.round(e[r.options.horizontal?"inlineSize":"blockSize"])}if(!t){let t=r.indexFromElement(e),s=r.options.getItemKey(t),o=r.itemSizeCache.get(s);if(void 0!==o)return o}return e[r.options.horizontal?"offsetWidth":"offsetHeight"]},N=(e,{adjustments:t=0,behavior:r},s)=>{var o,l;null==(l=null==(o=s.scrollElement)?void 0:o.scrollTo)||l.call(o,{[s.options.horizontal?"left":"top"]:e+t,behavior:r})};class D{constructor(e){let t,r;this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollState=null,this.measurementsCache=[],this._singleLaneMeasurements=null,this.itemSizeCache=new Map,this.itemSizeCacheVersion=0,this.laneAssignments=new Map,this.pendingMin=null,this.prevLanes=void 0,this.lanesChangedFlag=!1,this.lanesSettling=!1,this.pendingScrollAnchor=null,this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this._iosDeferredAdjustment=0,this._iosTouching=!1,this._iosJustTouchEnded=!1,this._iosTouchEndTimerId=null,this._intendedScrollOffset=null,this._clampedAdjustment=null,this.elementsCache=new Map,this.now=()=>{var e,t,r;return(null==(r=null==(t=null==(e=this.targetWindow)?void 0:e.performance)?void 0:t.now)?void 0:r.call(t))??Date.now()},this.observer=(t=null,r=()=>t||(this.targetWindow&&this.targetWindow.ResizeObserver?t=new this.targetWindow.ResizeObserver(e=>{e.forEach(e=>{let t=()=>{let t=e.target,r=this.indexFromElement(t);if(!t.isConnected){for(let[e,r]of(this.observer.unobserve(t),this.elementsCache))if(r===t){this.elementsCache.delete(e);break}return}this.isIndexInRange(r)&&this.shouldMeasureDuringScroll(r)&&this.resizeItem(r,this.options.measureElement(t,e,this))};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(t):t()})}):null),{disconnect:()=>{var e;null==(e=r())||e.disconnect(),t=null},observe:e=>{var t;return null==(t=r())?void 0:t.observe(e,{box:"border-box"})},unobserve:e=>{var t;return null==(t=r())?void 0:t.unobserve(e)}}),this.range=null,this.setOptions=e=>{var t;let r={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:A,rangeExtractor:C,onChange:()=>{},measureElement:$,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,anchorTo:"start",followOnAppend:!1,scrollEndThreshold:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,laneAssignmentMode:"estimate",useCachedMeasurements:!1};for(let t in e){let s=e[t];void 0!==s&&(r[t]=s)}let s=this.options,o=null,l=null,n=!1;if(void 0!==s&&s.enabled&&r.enabled&&"end"===r.anchorTo&&null!==this.scrollElement){let e=s.count,i=r.count,a=this.getMeasurements(),c=(null==(t=this._singleLaneMeasurements)?void 0:t.items)??a,d=e=>{var t;return"object"==typeof(t=c[e])?t.key:t},h=e>0?d(0):null,u=e>0?d(e-1):null;if(i!==e||e>0&&i>0&&(r.getItemKey(0)!==h||r.getItemKey(i-1)!==u)){n=!0;let t=e>0?this.getVirtualItemForOffset(this.getScrollOffset())??a[0]:null;t&&(o=[t.key,this.getScrollOffset()-t.start]);let c=!0===r.followOnAppend?"auto":r.followOnAppend||null;c&&i>0&&this.isAtEnd(s.scrollEndThreshold)&&(0===e||r.getItemKey(i-1)!==u)&&(i>e||function(e,t,r,s){if(0===t)return!1;let o=s(0),l=new Set,n=0;for(;n<e;){let e=r(n);if(e===o)break;l.add(e),n++}let i=e-n;if(0===i||i>=t)return!1;for(let e=0;e<i;e++)if(s(e)!==r(n+e))return!1;for(let e=i;e<t;e++)if(l.has(s(e)))return!1;return!0}(e,i,d,r.getItemKey))&&(l=c)}}this.options=r,n&&(this.pendingMin=0,this.itemSizeCacheVersion++);let i=!1,a=0;if(o&&null!==this.scrollOffset){let[e,t]=o,r=this.getMeasurements(),{count:s,getItemKey:n}=this.options,c=0;for(;c<s&&n(c)!==e;)c++;if(c<s){let e=r[c];if(e){let r=Math.max(0,e.start+t);l||r===this.scrollOffset||(a=r-this.scrollOffset,this.scrollOffset=r,i=!0)}}}(i||l)&&(this.pendingScrollAnchor=[i?o[0]:null,i?o[1]:0,l,a])},this.notify=e=>{var t,r;null==(r=(t=this.options).onChange)||r.call(t,this,e)},this.maybeNotify=z(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),e=>{this.notify(e)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(e=>e()),this.unsubs=[],this.observer.disconnect(),null!=this.rafId&&this.targetWindow&&(this.targetWindow.cancelAnimationFrame(this.rafId),this.rafId=null),this.scrollState=null,this.isScrolling=!1,this.scrollDirection=null,this._iosDeferredAdjustment=0,this._iosTouching=!1,this._iosJustTouchEnded=!1,this._clampedAdjustment=null,this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var e,t;let r=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==r){if(this.cleanup(),!r)return void this.maybeNotify();if(this.scrollElement=r,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=(null==(e=this.scrollElement)?void 0:e.window)??null,this.elementsCache.forEach(e=>{this.observer.observe(e)}),this.unsubs.push(this.options.observeElementRect(this,e=>{this.scrollRect=e,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(e,t)=>{if(t&&null===this._intendedScrollOffset&&e===this.scrollOffset)return;null!==this._intendedScrollOffset&&1.5>Math.abs(e-this._intendedScrollOffset)&&(e=this._intendedScrollOffset),this._intendedScrollOffset=null,null!==this._clampedAdjustment&&Math.abs(e-this._clampedAdjustment.maxAtWrite)>=1.5&&(this._clampedAdjustment=null),this.scrollAdjustments=0;let r=this.getScrollOffset();this.scrollDirection=t?r===e?this.scrollDirection:r<e?"forward":"backward":null,this.scrollOffset=e,this.isScrolling=t,this._flushIosDeferredIfReady(),this.scrollState&&this.scheduleScrollReconcile(),this.maybeNotify()})),"addEventListener"in this.scrollElement){let e=this.scrollElement,t=()=>{this._iosTouching=!0,this._iosJustTouchEnded=!1,null!==this._iosTouchEndTimerId&&null!=this.targetWindow&&(this.targetWindow.clearTimeout(this._iosTouchEndTimerId),this._iosTouchEndTimerId=null)},r=()=>{this._iosTouching=!1,_()&&null!=this.targetWindow&&(this._iosJustTouchEnded=!0,this._iosTouchEndTimerId=this.targetWindow.setTimeout(()=>{this._iosJustTouchEnded=!1,this._iosTouchEndTimerId=null,this._flushIosDeferredIfReady()},150))};e.addEventListener("touchstart",t,T),e.addEventListener("touchend",r,T),this.unsubs.push(()=>{e.removeEventListener("touchstart",t),e.removeEventListener("touchend",r),null!==this._iosTouchEndTimerId&&null!=this.targetWindow&&(this.targetWindow.clearTimeout(this._iosTouchEndTimerId),this._iosTouchEndTimerId=null)})}this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})}let s=this.pendingScrollAnchor;if(this.pendingScrollAnchor=null,s&&this.scrollElement&&this.options.enabled){let[e,r,o,l]=s;null!==e&&!o&&(_()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?0!==l&&(this._iosDeferredAdjustment+=l):((null==(t=this.scrollState)?void 0:t.behavior)!=="smooth"||O(this.getScrollOffset()-l,this.scrollState.lastTargetOffset))&&this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})),o&&this.scrollToEnd({behavior:o})}this._retryClampedAdjustment()},this._retryClampedAdjustment=()=>{if(null===this._clampedAdjustment||!this.scrollElement||!this.options.enabled)return;let{target:e,maxAtWrite:t}=this._clampedAdjustment,r=this.getMaxScrollOffset();r>t+.5&&(this._clampedAdjustment=e>r+.5?{target:e,maxAtWrite:r}:null,this._scrollToOffset(e,{adjustments:void 0,behavior:void 0}))},this._flushIosDeferredIfReady=()=>{if(0===this._iosDeferredAdjustment||this.isScrolling||this._iosTouching||this._iosJustTouchEnded)return;let e=this.getScrollOffset(),t=this.getMaxScrollOffset();if(e<0||e>t)return;if(this._iosDeferredAdjustment<0&&e>=t-1){this._iosDeferredAdjustment=0;return}let r=this._iosDeferredAdjustment;this._iosDeferredAdjustment=0,this._scrollToOffset(e,{adjustments:this.scrollAdjustments+=r,behavior:void 0})},this.rafId=null,this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??("function"==typeof this.options.initialOffset?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getMeasurementOptions=z(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes,this.options.laneAssignmentMode,this.options.gap],(e,t,r,s,o,l,n,i)=>(void 0!==this.prevLanes&&this.prevLanes!==l&&(this.lanesChangedFlag=!0),this.prevLanes=l,this.pendingMin=null,{count:e,paddingStart:t,scrollMargin:r,getItemKey:s,enabled:o,lanes:l,laneAssignmentMode:n,gap:i}),{key:!1}),this.isIndexInRange=e=>e>=0&&e<this.options.count,this.getMeasurements=z(()=>[this.getMeasurementOptions(),this.itemSizeCacheVersion],({count:e,paddingStart:t,scrollMargin:r,getItemKey:s,enabled:o,lanes:l,laneAssignmentMode:n,gap:i},a)=>{var c,d;let h=this.itemSizeCache;if(!o)return this.measurementsCache=[],this._singleLaneMeasurements=null,this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>e)for(let t of this.laneAssignments.keys())t>=e&&this.laneAssignments.delete(t);this.lanesChangedFlag&&(this.lanesChangedFlag=!1,this.lanesSettling=!0,this.measurementsCache=[],this._singleLaneMeasurements=null,this.itemSizeCache.clear(),this.laneAssignments.clear(),this.pendingMin=null),0!==this.measurementsCache.length||this.lanesSettling||(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(e=>{this.itemSizeCache.set(e.key,e.size)}));let u=this.lanesSettling?0:this.pendingMin??0;if(this.pendingMin=null,this.lanesSettling&&this.measurementsCache.length===e&&(this.lanesSettling=!1),1===l){let o,l,n=2*e,a=null==(c=this._singleLaneMeasurements)?void 0:c.flat;if(!a||a.length<n){let e=new Float64Array(n);a&&u>0&&e.set(a.subarray(0,2*u)),a=e}let m=0===u?Array(e):this._singleLaneMeasurements.items.slice();if(0===u)o=t+r;else{let e=u-1;o=a[2*e]+a[2*e+1]+i}for(let t=u;t<e;t++){let e=s(t);m[t]=e;let r=h.get(e),l="number"==typeof r?r:this.options.estimateSize(t);a[2*t]=o,a[2*t+1]=l,o+=l+i}this._singleLaneMeasurements={flat:a,items:m};let f=(d=a,l=m.length,new Proxy(m,{get(e,t,r){if("string"==typeof t){let r=t.charCodeAt(0);if(r>=48&&r<=57){let r=+t;if(Number.isInteger(r)&&r>=0&&r<l){let t=e[r];if("object"!=typeof t){let s=d[2*r];t=e[r]={index:r,key:t,start:s,size:d[2*r+1],end:s+d[2*r+1],lane:0}}return t}}if("length"===t)return l}return Reflect.get(e,t,r)}}));return this.measurementsCache=f,f}let m=this.measurementsCache.slice(0,u),f=Array(l).fill(void 0),p=new Float64Array(l),g=0;for(let e=0;e<u;e++){let t=m[e];t&&(void 0===f[t.lane]&&g++,f[t.lane]=e,p[t.lane]=t.end)}for(let o=u;o<e;o++){let e,a,c=s(o),d=this.laneAssignments.get(o),u="estimate"===n||h.has(c);if(void 0!==d&&this.options.lanes>1){let s=f[e=d],o=void 0!==s?m[s]:void 0;a=o?o.end+i:t+r}else if(g===l){let t=0,r=p[0],s=f[0];for(let e=1;e<l;e++){let o=p[e];(o<r||o===r&&f[e]<s)&&(t=e,r=o,s=f[e])}e=t,a=r+i,u&&this.laneAssignments.set(o,e)}else e=o%this.options.lanes,a=t+r,u&&this.laneAssignments.set(o,e);let b=h.get(c),v="number"==typeof b?b:this.options.estimateSize(o),y=a+v;m[o]={index:o,start:a,size:v,end:y,key:c,lane:e},void 0===f[e]&&g++,f[e]=o,p[e]=y}return this.measurementsCache=m,m},{key:!1,debug:()=>this.options.debug}),this.calculateRange=z(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(e,t,r,s)=>0===e.length||0===t?(this.range=null,null):(this.range=function(e,t,r,s,o){let l=e.length-1;if(e.length<=s)return{startIndex:0,endIndex:l};if(1===s&&null!==o){let e=function(e,t,r){let s=0;for(;s<=t;){let o=(s+t)/2|0,l=e[2*o];if(l<r)s=o+1;else{if(!(l>r))return o;t=o-1}}return s>0?s-1:0}(o,l,r),s=e,n=r+t;for(;s<l&&o[2*s]+o[2*s+1]<n;)s++;return{startIndex:e,endIndex:s}}let n=W(0,l,t=>e[t].start,r),i=n;if(1===s)for(;i<l&&e[i].end<r+t;)i++;else if(s>1){let o=Array(s).fill(0);for(;i<l&&o.some(e=>e<r+t);){let t=e[i];o[t.lane]=t.end,i++}let a=Array(s).fill(r+t);for(;n>=0&&a.some(e=>e>=r);){let t=e[n];a[t.lane]=t.start,n--}n=Math.max(0,n-n%s),i=Math.min(l,i+(s-1-i%s))}return{startIndex:n,endIndex:i}}(e,t,r,s,1===s&&null!==this._singleLaneMeasurements?this._singleLaneMeasurements.flat:null),this.range),{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=z(()=>{let e=null,t=null,r=this.calculateRange();return r&&(e=r.startIndex,t=r.endIndex),this.maybeNotify.updateDeps([this.isScrolling,e,t]),[this.options.rangeExtractor,this.options.overscan,this.options.count,e,t]},(e,t,r,s,o)=>null===s||null===o?[]:e({startIndex:s,endIndex:o,overscan:t,count:r}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=e=>{let t=this.options.indexAttribute,r=e.getAttribute(t);return r?parseInt(r,10):(console.warn(`Missing attribute name '${t}={index}' on measured element.`),-1)},this.shouldMeasureDuringScroll=e=>{var t;if(!this.scrollState||"smooth"!==this.scrollState.behavior)return!0;let r=this.scrollState.index??(null==(t=this.getVirtualItemForOffset(this.scrollState.lastTargetOffset))?void 0:t.index);if(void 0!==r&&this.range){let t=Math.max(this.options.overscan,Math.ceil((this.range.endIndex-this.range.startIndex)/2)),s=Math.max(0,r-t),o=Math.min(this.options.count-1,r+t);return e>=s&&e<=o}return!0},this.measureElement=e=>{if(!e)return void this.elementsCache.forEach((e,t)=>{e.isConnected||(this.observer.unobserve(e),this.elementsCache.delete(t))});let t=this.indexFromElement(e);if(!this.isIndexInRange(t))return;let r=this.options.getItemKey(t),s=this.elementsCache.get(r);s!==e&&(s&&this.observer.unobserve(s),this.observer.observe(e),this.elementsCache.set(r,e)),(!this.isScrolling||this.scrollState)&&this.shouldMeasureDuringScroll(t)&&this.resizeItem(t,this.options.measureElement(e,void 0,this))},this.resizeItem=(e,t)=>{var r,s,o;let l,n,i;if(!this.isIndexInRange(e))return;let a=null==(r=this._singleLaneMeasurements)?void 0:r.flat;if(1===this.options.lanes&&null!=a)i=this.options.getItemKey(e),n=a[2*e],l=a[2*e+1];else{let t=this.measurementsCache[e];if(!t)return;i=t.key,n=t.start,l=t.size}let c=this.itemSizeCache.get(i)??l,d=t-c;if(0!==d){let r="end"===this.options.anchorTo&&(null==(s=this.scrollState)?void 0:s.behavior)!=="smooth"&&this.getVirtualDistanceFromEnd()<=this.options.scrollEndThreshold,a=r?this.getTotalSize():0,h=this.getScrollOffset()+this.scrollAdjustments,u=this.itemSizeCache.has(i)?n+c<=h&&"backward"!==this.scrollDirection:n<h,m=(null==(o=this.scrollState)?void 0:o.behavior)!=="smooth"&&(void 0!==this.shouldAdjustScrollPositionOnItemSizeChange?this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[e]??{index:e,key:i,start:n,size:l,end:n+l,lane:0},d,this):u);(null===this.pendingMin||e<this.pendingMin)&&(this.pendingMin=e),this.itemSizeCache.set(i,t),this.itemSizeCacheVersion++;let f=!1;r?f=this.applyScrollAdjustment(this.getTotalSize()-a):m&&(f=this.applyScrollAdjustment(d)),this.notify(f),this._retryClampedAdjustment()}},this.getVirtualItems=z(()=>[this.getVirtualIndexes(),this.getMeasurements()],(e,t)=>{let r=[];for(let s=0,o=e.length;s<o;s++){let o=t[e[s]];r.push(o)}return r},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{var t;let r=this.getMeasurements();if(0===r.length)return;let s=null==(t=this._singleLaneMeasurements)?void 0:t.flat,o=1===this.options.lanes&&null!=s,l=W(0,r.length-1,o?e=>s[2*e]:e=>E(r[e]).start,e);return E(r[l])},this.getMaxScrollOffset=()=>{if(!this.scrollElement)return 0;if("scrollHeight"in this.scrollElement)return this.options.horizontal?this.scrollElement.scrollWidth-this.scrollElement.clientWidth:this.scrollElement.scrollHeight-this.scrollElement.clientHeight;{let e=this.scrollElement.document.documentElement;return this.options.horizontal?e.scrollWidth-this.scrollElement.innerWidth:e.scrollHeight-this.scrollElement.innerHeight}},this.getVirtualDistanceFromEnd=()=>Math.max(this.getTotalSize()-this.getSize()-this.getScrollOffset(),0),this.getDistanceFromEnd=()=>Math.max(this.getMaxScrollOffset()-this.getScrollOffset(),0),this.isAtEnd=(e=this.options.scrollEndThreshold)=>this.getDistanceFromEnd()<=e,this.getOffsetForAlignment=(e,t,r=0)=>{if(!this.scrollElement)return 0;let s=this.getSize(),o=this.getScrollOffset();return"auto"===t&&(t=e>=o+s?"end":"start"),"center"===t?e+=(r-s)/2:"end"===t&&(e-=s),Math.max(Math.min(this.getMaxScrollOffset(),e),0)},this.getOffsetForIndex=(e,t="auto")=>{e=Math.max(0,Math.min(e,this.options.count-1));let r=this.getSize(),s=this.getScrollOffset(),o=this.measurementsCache[e];if(!o)return;if("auto"===t)if(o.end>=s+r-this.options.scrollPaddingEnd)t="end";else{if(!(o.start<=s+this.options.scrollPaddingStart))return[s,t];t="start"}if("end"===t&&e===this.options.count-1)return[this.getMaxScrollOffset(),t];let l="end"===t?o.end+this.options.scrollPaddingEnd:o.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(l,t,o.size),t]},this.scrollToOffset=(e,{align:t="start",behavior:r="auto"}={})=>{this._iosDeferredAdjustment=0;let s=this.getOffsetForAlignment(e,t),o=this.now();this.scrollState={index:null,align:t,behavior:r,startedAt:o,lastTargetOffset:s,stableFrames:0},this._scrollToOffset(s,{adjustments:void 0,behavior:r}),this.scheduleScrollReconcile()},this.scrollToIndex=(e,{align:t="auto",behavior:r="auto"}={})=>{this._iosDeferredAdjustment=0,e=Math.max(0,Math.min(e,this.options.count-1));let s=this.getOffsetForIndex(e,t);if(!s)return;let[o,l]=s,n=this.now();this.scrollState={index:e,align:l,behavior:r,startedAt:n,lastTargetOffset:o,stableFrames:0},this._scrollToOffset(o,{adjustments:void 0,behavior:r}),this.scheduleScrollReconcile()},this.scrollBy=(e,{behavior:t="auto"}={})=>{let r=this.getScrollOffset()+e,s=this.now();this.scrollState={index:null,align:"start",behavior:t,startedAt:s,lastTargetOffset:r,stableFrames:0},this._scrollToOffset(r,{adjustments:void 0,behavior:t}),this.scheduleScrollReconcile()},this.scrollToEnd=({behavior:e="auto"}={})=>{this.options.count>0?this.scrollToIndex(this.options.count-1,{align:"end",behavior:e}):this.scrollToOffset(Math.max(this.getTotalSize()-this.getSize(),0),{behavior:e})},this.getTotalSize=()=>{var e,t;let r,s=this.getMeasurements();if(0===s.length)r=this.options.paddingStart;else if(1===this.options.lanes){let o=s.length-1,l=null==(e=this._singleLaneMeasurements)?void 0:e.flat;r=null!=l?l[2*o]+l[2*o+1]:(null==(t=s[o])?void 0:t.end)??0}else{let e=Array(this.options.lanes).fill(null),t=s.length-1;for(;t>=0&&e.some(e=>null===e);){let r=s[t];null===e[r.lane]&&(e[r.lane]=r.end),t--}r=Math.max(...e.filter(e=>null!==e))}return Math.max(r-this.options.scrollMargin+this.options.paddingEnd,0)},this.takeSnapshot=()=>{let e=[];if(0===this.itemSizeCache.size)return e;for(let t of this.getMeasurements())t&&this.itemSizeCache.has(t.key)&&e.push({index:t.index,key:t.key,start:t.start,size:t.size,end:t.end,lane:t.lane});return e},this._scrollToOffset=(e,{adjustments:t,behavior:r})=>{this._intendedScrollOffset=e+(t??0),this.options.scrollToFn(e,{behavior:r,adjustments:t},this)},this.measure=()=>{this.pendingMin=null,this.itemSizeCache.clear(),this.laneAssignments.clear(),this.itemSizeCacheVersion++,this.notify(!1)},this.setOptions(e)}applyScrollAdjustment(e,t){if(0===e)return!1;if(_()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded))return this._iosDeferredAdjustment+=e,!1;{let r=this.getScrollOffset()+this.scrollAdjustments+e,s=this.scrollElement,o=null!==s&&("scrollHeight"in s||"document"in s)?this.getMaxScrollOffset():null;return this._clampedAdjustment=null!==o&&r>o+.5?{target:r,maxAtWrite:o}:null,this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=e,behavior:t}),null!==this.scrollOffset&&(this.scrollOffset+=this.scrollAdjustments,this.scrollOffset<0&&(this.scrollOffset=0),this.scrollAdjustments=0),!0}}scheduleScrollReconcile(){if(!this.targetWindow){this.scrollState=null;return}null==this.rafId&&(this.rafId=this.targetWindow.requestAnimationFrame(()=>{this.rafId=null,this.reconcileScroll()}))}reconcileScroll(){if(!this.scrollState||!this.scrollElement)return;if(this.now()-this.scrollState.startedAt>5e3){this.scrollState=null;return}let e=null!=this.scrollState.index?this.getOffsetForIndex(this.scrollState.index,this.scrollState.align):void 0,t=e?e[0]:this.scrollState.lastTargetOffset,r=t!==this.scrollState.lastTargetOffset;if(!r&&O(t,this.getScrollOffset())){if(this.scrollState.stableFrames++,this.scrollState.stableFrames>=1){this.getScrollOffset()!==t&&this._scrollToOffset(t,{adjustments:void 0,behavior:"auto"}),this.scrollState=null;return}}else if(this.scrollState.stableFrames=0,r){let e=this.getSize()||600,r=Math.abs(t-this.getScrollOffset()),s="smooth"===this.scrollState.behavior&&r>e;this.scrollState.lastTargetOffset=t,s||(this.scrollState.behavior="auto"),this._scrollToOffset(t,{adjustments:void 0,behavior:s?"smooth":"auto"})}this.scheduleScrollReconcile()}}let W=(e,t,r,s)=>{for(;e<=t;){let o=(e+t)/2|0,l=r(o);if(l<s)e=o+1;else{if(!(l>s))return o;t=o-1}}return e>0?e-1:0},F="u">typeof document?m.useLayoutEffect:m.useEffect,L=(e=new Map,t=null,r)=>({nextPart:e,validators:t,classGroupId:r}),P=[],V=(e,t,r)=>{if(0==e.length-t)return r.classGroupId;let s=e[t],o=r.nextPart.get(s);if(o){let r=V(e,t+1,o);if(r)return r}let l=r.validators;if(null===l)return;let n=0===t?e.join("-"):e.slice(t).join("-"),i=l.length;for(let e=0;e<i;e++){let t=l[e];if(t.validator(n))return t.classGroupId}},G=(e,t)=>{let r=L();for(let s in e)U(e[s],r,s,t);return r},U=(e,t,r,s)=>{let o=e.length;for(let l=0;l<o;l++)H(e[l],t,r,s)},H=(e,t,r,s)=>{"string"==typeof e?J(e,t,r):"function"==typeof e?K(e,t,r,s):B(e,t,r,s)},J=(e,t,r)=>{(""===e?t:Y(t,e)).classGroupId=r},K=(e,t,r,s)=>{q(e)?U(e(s),t,r,s):(null===t.validators&&(t.validators=[]),t.validators.push({classGroupId:r,validator:e}))},B=(e,t,r,s)=>{let o=Object.entries(e),l=o.length;for(let e=0;e<l;e++){let[l,n]=o[e];U(n,Y(t,l),r,s)}},Y=(e,t)=>{let r=e,s=t.split("-"),o=s.length;for(let e=0;e<o;e++){let t=s[e],o=r.nextPart.get(t);o||(o=L(),r.nextPart.set(t,o)),r=o}return r},q=e=>"isThemeGetter"in e&&!0===e.isThemeGetter,Z=[],X=(e,t,r,s,o)=>({modifiers:e,hasImportantModifier:t,baseClassName:r,maybePostfixModifierPosition:s,isExternal:o}),Q=/\s+/,ee=e=>{let t;if("string"==typeof e)return e;let r="";for(let s=0;s<e.length;s++)e[s]&&(t=ee(e[s]))&&(r&&(r+=" "),r+=t);return r},et=[],er=e=>{let t=t=>t[e]||et;return t.isThemeGetter=!0,t.themeKey=e,t},es=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,eo=/^\((?:(\w[\w-]*):)?(.+)\)$/i,el=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,en=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,ei=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,ea=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix|color|light-dark)\(.+\)$/,ec=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,ed=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,eh=e=>el.test(e),eu=e=>!!e&&!Number.isNaN(Number(e)),em=e=>!!e&&Number.isInteger(Number(e)),ef=e=>e.endsWith("%")&&eu(e.slice(0,-1)),ep=e=>en.test(e),eg=()=>!0,eb=e=>ei.test(e)&&!ea.test(e),ev=()=>!1,ey=e=>ec.test(e),ew=e=>ed.test(e),ex=e=>!ez(e)&&!eT(e),ek=e=>e.startsWith("@container")&&("/"===e[10]&&void 0!==e[11]||"s"===e[11]&&void 0!==e[16]&&e.startsWith("-size/",10)||"n"===e[11]&&void 0!==e[18]&&e.startsWith("-normal/",10)),eS=e=>eL(e,eU,ev),ez=e=>es.test(e),eE=e=>eL(e,eH,eb),eO=e=>eL(e,eJ,eu),e_=e=>eL(e,eB,eg),eM=e=>eL(e,eK,ev),eA=e=>eL(e,eV,ev),eC=e=>eL(e,eG,ew),eI=e=>eL(e,eY,ey),eT=e=>eo.test(e),eR=e=>eP(e,eH),ej=e=>eP(e,eK),e$=e=>eP(e,eV),eN=e=>eP(e,eU),eD=e=>eP(e,eG),eW=e=>eP(e,eY,!0),eF=e=>eP(e,eB,!0),eL=(e,t,r)=>{let s=es.exec(e);return!!s&&(s[1]?t(s[1]):r(s[2]))},eP=(e,t,r=!1)=>{let s=eo.exec(e);return!!s&&(s[1]?t(s[1]):r)},eV=e=>"position"===e||"percentage"===e,eG=e=>"image"===e||"url"===e,eU=e=>"length"===e||"size"===e||"bg-size"===e,eH=e=>"length"===e,eJ=e=>"number"===e,eK=e=>"family-name"===e,eB=e=>"number"===e||"weight"===e,eY=e=>"shadow"===e,eq=(h=()=>{let e=er("color"),t=er("font"),r=er("text"),s=er("font-weight"),o=er("tracking"),l=er("leading"),n=er("breakpoint"),i=er("container"),a=er("spacing"),c=er("radius"),d=er("shadow"),h=er("inset-shadow"),u=er("text-shadow"),m=er("drop-shadow"),f=er("blur"),p=er("perspective"),g=er("aspect"),b=er("ease"),v=er("animate"),y=()=>["auto","avoid","all","avoid-page","page","left","right","column"],w=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],x=()=>[...w(),eT,ez],k=()=>["auto","hidden","clip","visible","scroll"],S=()=>["auto","contain","none"],z=()=>[eT,ez,a],E=()=>[eh,"full","auto",...z()],O=()=>[em,"none","subgrid",eT,ez],_=()=>["auto",{span:["full",em,eT,ez]},em,eT,ez],M=()=>[em,"auto",eT,ez],A=()=>["auto","min","max","fr",eT,ez],C=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],I=()=>["start","end","center","stretch","center-safe","end-safe"],T=()=>["auto",...z()],R=()=>[eh,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...z()],j=()=>[i,eh,"screen","full","dvw","lvw","svw","min","max","fit",...z()],$=()=>[eh,"screen","full","lh","dvh","lvh","svh","min","max","fit",...z()],N=()=>[e,eT,ez],D=()=>[...w(),e$,eA,{position:[eT,ez]}],W=()=>["no-repeat",{repeat:["","x","y","space","round"]}],F=()=>["auto","cover","contain",eN,eS,{size:[eT,ez]}],L=()=>[ef,eR,eE],P=()=>["","none","full",c,eT,ez],V=()=>["",eu,eR,eE],G=()=>["solid","dashed","dotted","double"],U=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],H=()=>[eu,ef,e$,eA],J=()=>["","none",f,eT,ez],K=()=>["none",eu,eT,ez],B=()=>["none",eu,eT,ez],Y=()=>[eu,eT,ez],q=()=>[eh,"full",...z()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[ep],breakpoint:[ep],color:[eg],container:[ep],"drop-shadow":[ep],ease:["in","out","in-out"],font:[ex],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[ep],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[ep],shadow:[ep],spacing:["px",eu],text:[ep],"text-shadow":[ep],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",eh,ez,eT,g]}],container:["container"],"container-type":[{"@container":["","normal","size",eT,ez]}],"container-named":[ek],columns:[{columns:[eu,"auto",ez,eT,i]}],"break-after":[{"break-after":y()}],"break-before":[{"break-before":y()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:x()}],overflow:[{overflow:k()}],"overflow-x":[{"overflow-x":k()}],"overflow-y":[{"overflow-y":k()}],overscroll:[{overscroll:S()}],"overscroll-x":[{"overscroll-x":S()}],"overscroll-y":[{"overscroll-y":S()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:E()}],"inset-x":[{"inset-x":E()}],"inset-y":[{"inset-y":E()}],start:[{"inset-s":E(),start:E()}],end:[{"inset-e":E(),end:E()}],"inset-bs":[{"inset-bs":E()}],"inset-be":[{"inset-be":E()}],top:[{top:E()}],right:[{right:E()}],bottom:[{bottom:E()}],left:[{left:E()}],visibility:["visible","invisible","collapse"],z:[{z:[em,"auto",eT,ez]}],basis:[{basis:[eh,"full","auto",i,...z()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[eu,eh,"auto","initial","none",ez]}],grow:[{grow:["",eu,eT,ez]}],shrink:[{shrink:["",eu,eT,ez]}],order:[{order:[em,"first","last","none",eT,ez]}],"grid-cols":[{"grid-cols":O()}],"col-start-end":[{col:_()}],"col-start":[{"col-start":M()}],"col-end":[{"col-end":M()}],"grid-rows":[{"grid-rows":O()}],"row-start-end":[{row:_()}],"row-start":[{"row-start":M()}],"row-end":[{"row-end":M()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":A()}],"auto-rows":[{"auto-rows":A()}],gap:[{gap:z()}],"gap-x":[{"gap-x":z()}],"gap-y":[{"gap-y":z()}],"justify-content":[{justify:[...C(),"normal"]}],"justify-items":[{"justify-items":[...I(),"normal"]}],"justify-self":[{"justify-self":["auto",...I()]}],"align-content":[{content:["normal",...C()]}],"align-items":[{items:[...I(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...I(),{baseline:["","last"]}]}],"place-content":[{"place-content":C()}],"place-items":[{"place-items":[...I(),"baseline"]}],"place-self":[{"place-self":["auto",...I()]}],p:[{p:z()}],px:[{px:z()}],py:[{py:z()}],ps:[{ps:z()}],pe:[{pe:z()}],pbs:[{pbs:z()}],pbe:[{pbe:z()}],pt:[{pt:z()}],pr:[{pr:z()}],pb:[{pb:z()}],pl:[{pl:z()}],m:[{m:T()}],mx:[{mx:T()}],my:[{my:T()}],ms:[{ms:T()}],me:[{me:T()}],mbs:[{mbs:T()}],mbe:[{mbe:T()}],mt:[{mt:T()}],mr:[{mr:T()}],mb:[{mb:T()}],ml:[{ml:T()}],"space-x":[{"space-x":z()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":z()}],"space-y-reverse":["space-y-reverse"],size:[{size:R()}],"inline-size":[{inline:["auto",...j()]}],"min-inline-size":[{"min-inline":["auto",...j()]}],"max-inline-size":[{"max-inline":["none",...j()]}],"block-size":[{block:["auto",...$()]}],"min-block-size":[{"min-block":["auto",...$()]}],"max-block-size":[{"max-block":["none",...$()]}],w:[{w:[i,"screen",...R()]}],"min-w":[{"min-w":[i,"screen","none",...R()]}],"max-w":[{"max-w":[i,"screen","none","prose",{screen:[n]},...R()]}],h:[{h:["screen","lh",...R()]}],"min-h":[{"min-h":["screen","lh","none",...R()]}],"max-h":[{"max-h":["screen","lh","none",...R()]}],"font-size":[{text:["base",r,eR,eE]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[s,eF,e_]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",ef,ez]}],"font-family":[{font:[ej,eM,t]}],"font-features":[{"font-features":[ez]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[o,eT,ez]}],"line-clamp":[{"line-clamp":[eu,"none",eT,eO]}],leading:[{leading:["none",l,...z()]}],"list-image":[{"list-image":["none",eT,ez]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",eT,ez]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:N()}],"text-color":[{text:N()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...G(),"wavy"]}],"text-decoration-thickness":[{decoration:[eu,"from-font","auto",eT,eE]}],"text-decoration-color":[{decoration:N()}],"underline-offset":[{"underline-offset":[eu,"auto",eT,ez]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:z()}],"tab-size":[{tab:[em,eT,ez]}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",eT,ez]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",eT,ez]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:D()}],"bg-repeat":[{bg:W()}],"bg-size":[{bg:F()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},em,eT,ez],radial:["",eT,ez],conic:["",em,eT,ez]},eD,eC]}],"bg-color":[{bg:N()}],"gradient-from-pos":[{from:L()}],"gradient-via-pos":[{via:L()}],"gradient-to-pos":[{to:L()}],"gradient-from":[{from:N()}],"gradient-via":[{via:N()}],"gradient-to":[{to:N()}],rounded:[{rounded:P()}],"rounded-s":[{"rounded-s":P()}],"rounded-e":[{"rounded-e":P()}],"rounded-t":[{"rounded-t":P()}],"rounded-r":[{"rounded-r":P()}],"rounded-b":[{"rounded-b":P()}],"rounded-l":[{"rounded-l":P()}],"rounded-ss":[{"rounded-ss":P()}],"rounded-se":[{"rounded-se":P()}],"rounded-ee":[{"rounded-ee":P()}],"rounded-es":[{"rounded-es":P()}],"rounded-tl":[{"rounded-tl":P()}],"rounded-tr":[{"rounded-tr":P()}],"rounded-br":[{"rounded-br":P()}],"rounded-bl":[{"rounded-bl":P()}],"border-w":[{border:V()}],"border-w-x":[{"border-x":V()}],"border-w-y":[{"border-y":V()}],"border-w-s":[{"border-s":V()}],"border-w-e":[{"border-e":V()}],"border-w-bs":[{"border-bs":V()}],"border-w-be":[{"border-be":V()}],"border-w-t":[{"border-t":V()}],"border-w-r":[{"border-r":V()}],"border-w-b":[{"border-b":V()}],"border-w-l":[{"border-l":V()}],"divide-x":[{"divide-x":V()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":V()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...G(),"hidden","none"]}],"divide-style":[{divide:[...G(),"hidden","none"]}],"border-color":[{border:N()}],"border-color-x":[{"border-x":N()}],"border-color-y":[{"border-y":N()}],"border-color-s":[{"border-s":N()}],"border-color-e":[{"border-e":N()}],"border-color-bs":[{"border-bs":N()}],"border-color-be":[{"border-be":N()}],"border-color-t":[{"border-t":N()}],"border-color-r":[{"border-r":N()}],"border-color-b":[{"border-b":N()}],"border-color-l":[{"border-l":N()}],"divide-color":[{divide:N()}],"outline-style":[{outline:[...G(),"none","hidden"]}],"outline-offset":[{"outline-offset":[eu,eT,ez]}],"outline-w":[{outline:["",eu,eR,eE]}],"outline-color":[{outline:N()}],shadow:[{shadow:["","inner","none",d,eW,eI]}],"shadow-color":[{shadow:N()}],"inset-shadow":[{"inset-shadow":["none",h,eW,eI]}],"inset-shadow-color":[{"inset-shadow":N()}],"ring-w":[{ring:V()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:N()}],"ring-offset-w":[{"ring-offset":[eu,eE]}],"ring-offset-color":[{"ring-offset":N()}],"inset-ring-w":[{"inset-ring":V()}],"inset-ring-color":[{"inset-ring":N()}],"text-shadow":[{"text-shadow":["none",u,eW,eI]}],"text-shadow-color":[{"text-shadow":N()}],opacity:[{opacity:[eu,eT,ez]}],"mix-blend":[{"mix-blend":[...U(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":U()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[eu]}],"mask-image-linear-from-pos":[{"mask-linear-from":H()}],"mask-image-linear-to-pos":[{"mask-linear-to":H()}],"mask-image-linear-from-color":[{"mask-linear-from":N()}],"mask-image-linear-to-color":[{"mask-linear-to":N()}],"mask-image-t-from-pos":[{"mask-t-from":H()}],"mask-image-t-to-pos":[{"mask-t-to":H()}],"mask-image-t-from-color":[{"mask-t-from":N()}],"mask-image-t-to-color":[{"mask-t-to":N()}],"mask-image-r-from-pos":[{"mask-r-from":H()}],"mask-image-r-to-pos":[{"mask-r-to":H()}],"mask-image-r-from-color":[{"mask-r-from":N()}],"mask-image-r-to-color":[{"mask-r-to":N()}],"mask-image-b-from-pos":[{"mask-b-from":H()}],"mask-image-b-to-pos":[{"mask-b-to":H()}],"mask-image-b-from-color":[{"mask-b-from":N()}],"mask-image-b-to-color":[{"mask-b-to":N()}],"mask-image-l-from-pos":[{"mask-l-from":H()}],"mask-image-l-to-pos":[{"mask-l-to":H()}],"mask-image-l-from-color":[{"mask-l-from":N()}],"mask-image-l-to-color":[{"mask-l-to":N()}],"mask-image-x-from-pos":[{"mask-x-from":H()}],"mask-image-x-to-pos":[{"mask-x-to":H()}],"mask-image-x-from-color":[{"mask-x-from":N()}],"mask-image-x-to-color":[{"mask-x-to":N()}],"mask-image-y-from-pos":[{"mask-y-from":H()}],"mask-image-y-to-pos":[{"mask-y-to":H()}],"mask-image-y-from-color":[{"mask-y-from":N()}],"mask-image-y-to-color":[{"mask-y-to":N()}],"mask-image-radial":[{"mask-radial":[eT,ez]}],"mask-image-radial-from-pos":[{"mask-radial-from":H()}],"mask-image-radial-to-pos":[{"mask-radial-to":H()}],"mask-image-radial-from-color":[{"mask-radial-from":N()}],"mask-image-radial-to-color":[{"mask-radial-to":N()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":w()}],"mask-image-conic-pos":[{"mask-conic":[eu]}],"mask-image-conic-from-pos":[{"mask-conic-from":H()}],"mask-image-conic-to-pos":[{"mask-conic-to":H()}],"mask-image-conic-from-color":[{"mask-conic-from":N()}],"mask-image-conic-to-color":[{"mask-conic-to":N()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:D()}],"mask-repeat":[{mask:W()}],"mask-size":[{mask:F()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",eT,ez]}],filter:[{filter:["","none",eT,ez]}],blur:[{blur:J()}],brightness:[{brightness:[eu,eT,ez]}],contrast:[{contrast:[eu,eT,ez]}],"drop-shadow":[{"drop-shadow":["","none",m,eW,eI]}],"drop-shadow-color":[{"drop-shadow":N()}],grayscale:[{grayscale:["",eu,eT,ez]}],"hue-rotate":[{"hue-rotate":[eu,eT,ez]}],invert:[{invert:["",eu,eT,ez]}],saturate:[{saturate:[eu,eT,ez]}],sepia:[{sepia:["",eu,eT,ez]}],"backdrop-filter":[{"backdrop-filter":["","none",eT,ez]}],"backdrop-blur":[{"backdrop-blur":J()}],"backdrop-brightness":[{"backdrop-brightness":[eu,eT,ez]}],"backdrop-contrast":[{"backdrop-contrast":[eu,eT,ez]}],"backdrop-grayscale":[{"backdrop-grayscale":["",eu,eT,ez]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[eu,eT,ez]}],"backdrop-invert":[{"backdrop-invert":["",eu,eT,ez]}],"backdrop-opacity":[{"backdrop-opacity":[eu,eT,ez]}],"backdrop-saturate":[{"backdrop-saturate":[eu,eT,ez]}],"backdrop-sepia":[{"backdrop-sepia":["",eu,eT,ez]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":z()}],"border-spacing-x":[{"border-spacing-x":z()}],"border-spacing-y":[{"border-spacing-y":z()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",eT,ez]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[eu,"initial",eT,ez]}],ease:[{ease:["linear","initial",b,eT,ez]}],delay:[{delay:[eu,eT,ez]}],animate:[{animate:["none",v,eT,ez]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[p,eT,ez]}],"perspective-origin":[{"perspective-origin":x()}],rotate:[{rotate:K()}],"rotate-x":[{"rotate-x":K()}],"rotate-y":[{"rotate-y":K()}],"rotate-z":[{"rotate-z":K()}],scale:[{scale:B()}],"scale-x":[{"scale-x":B()}],"scale-y":[{"scale-y":B()}],"scale-z":[{"scale-z":B()}],"scale-3d":["scale-3d"],skew:[{skew:Y()}],"skew-x":[{"skew-x":Y()}],"skew-y":[{"skew-y":Y()}],transform:[{transform:[eT,ez,"","none","gpu","cpu"]}],"transform-origin":[{origin:x()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:q()}],"translate-x":[{"translate-x":q()}],"translate-y":[{"translate-y":q()}],"translate-z":[{"translate-z":q()}],"translate-none":["translate-none"],zoom:[{zoom:[em,eT,ez]}],accent:[{accent:N()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:N()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",eT,ez]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scrollbar-thumb-color":[{"scrollbar-thumb":N()}],"scrollbar-track-color":[{"scrollbar-track":N()}],"scrollbar-gutter":[{"scrollbar-gutter":["auto","stable","both"]}],"scrollbar-w":[{scrollbar:["auto","thin","none"]}],"scroll-m":[{"scroll-m":z()}],"scroll-mx":[{"scroll-mx":z()}],"scroll-my":[{"scroll-my":z()}],"scroll-ms":[{"scroll-ms":z()}],"scroll-me":[{"scroll-me":z()}],"scroll-mbs":[{"scroll-mbs":z()}],"scroll-mbe":[{"scroll-mbe":z()}],"scroll-mt":[{"scroll-mt":z()}],"scroll-mr":[{"scroll-mr":z()}],"scroll-mb":[{"scroll-mb":z()}],"scroll-ml":[{"scroll-ml":z()}],"scroll-p":[{"scroll-p":z()}],"scroll-px":[{"scroll-px":z()}],"scroll-py":[{"scroll-py":z()}],"scroll-ps":[{"scroll-ps":z()}],"scroll-pe":[{"scroll-pe":z()}],"scroll-pbs":[{"scroll-pbs":z()}],"scroll-pbe":[{"scroll-pbe":z()}],"scroll-pt":[{"scroll-pt":z()}],"scroll-pr":[{"scroll-pr":z()}],"scroll-pb":[{"scroll-pb":z()}],"scroll-pl":[{"scroll-pl":z()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",eT,ez]}],fill:[{fill:["none",...N()]}],"stroke-w":[{stroke:[eu,eR,eE,eO]}],stroke:[{stroke:["none",...N()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{"container-named":["container-type"],overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","inset-bs","inset-be","start","end","top","right","bottom","left"],"inset-x":["start","end","right","left"],"inset-y":["inset-bs","inset-be","top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pbs","pbe","pt","pr","pb","pl"],px:["ps","pe","pr","pl"],py:["pbs","pbe","pt","pb"],m:["mx","my","ms","me","mbs","mbe","mt","mr","mb","ml"],mx:["ms","me","mr","ml"],my:["mbs","mbe","mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-bs","border-w-be","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-s","border-w-e","border-w-r","border-w-l"],"border-w-y":["border-w-bs","border-w-be","border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-bs","border-color-be","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-s","border-color-e","border-color-r","border-color-l"],"border-color-y":["border-color-bs","border-color-be","border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mbs","scroll-mbe","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-ms","scroll-me","scroll-mr","scroll-ml"],"scroll-my":["scroll-mbs","scroll-mbe","scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pbs","scroll-pbe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-ps","scroll-pe","scroll-pr","scroll-pl"],"scroll-py":["scroll-pbs","scroll-pbe","scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},postfixLookupClassGroups:["container-type"],orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},n=e=>{let r=s(e);if(r)return r;let l=((e,t)=>{let{parseClassName:r,getClassGroupId:s,getConflictingClassGroupIds:o,sortModifiers:l,postfixLookupClassGroupIds:n}=t,i=[],a=e.trim().split(Q),c="";for(let e=a.length-1;e>=0;e-=1){let t,d=a[e],{isExternal:h,modifiers:u,hasImportantModifier:m,baseClassName:f,maybePostfixModifierPosition:p}=r(d);if(h){c=d+(c.length>0?" "+c:c);continue}let g=!!p;if(g){let e=(t=s(f.substring(0,p)))&&n[t]?s(f):void 0;e&&e!==t&&(t=e,g=!1)}else t=s(f);if(!t){if(!g||!(t=s(f))){c=d+(c.length>0?" "+c:c);continue}g=!1}let b=0===u.length?"":1===u.length?u[0]:l(u).join(":"),v=m?b+"!":b,y=v+t;if(i.indexOf(y)>-1)continue;i.push(y);let w=o(t,g);for(let e=0;e<w.length;++e){let t=w[e];i.push(v+t)}c=d+(c.length>0?" "+c:c)}return c})(e,t);return o(e,l),l},l=e=>{var r;let i;return s=(t={cache:(e=>{if(e<1)return{get:()=>void 0,set:()=>{}};let t=0,r=Object.create(null),s=Object.create(null),o=(o,l)=>{r[o]=l,++t>e&&(t=0,s=r,r=Object.create(null))};return{get(e){let t=r[e];return void 0!==t?t:void 0!==(t=s[e])?(o(e,t),t):void 0},set(e,t){e in r?r[e]=t:o(e,t)}}})((r=[].reduce((e,t)=>t(e),h())).cacheSize),parseClassName:(e=>{let{prefix:t,experimentalParseClassName:r}=e,s=e=>{let t,r=[],s=0,o=0,l=0,n=e.length;for(let i=0;i<n;i++){let n=e[i];if(0===s&&0===o){if(":"===n){r.push(e.slice(l,i)),l=i+1;continue}if("/"===n){t=i;continue}}"["===n?s++:"]"===n?s--:"("===n?o++:")"===n&&o--}let i=0===r.length?e:e.slice(l),a=i,c=!1;return i.endsWith("!")?(a=i.slice(0,-1),c=!0):i.startsWith("!")&&(a=i.slice(1),c=!0),X(r,c,a,t&&t>l?t-l:void 0)};if(t){let e=t+":",r=s;s=t=>t.startsWith(e)?r(t.slice(e.length)):X(Z,!1,t,void 0,!0)}if(r){let e=s;s=t=>r({className:t,parseClassName:e})}return s})(r),sortModifiers:(i=new Map,r.orderSensitiveModifiers.forEach((e,t)=>{i.set(e,1e6+t)}),e=>{let t=[],r=[];for(let s=0;s<e.length;s++){let o=e[s],l="["===o[0],n=i.has(o);l||n?(r.length>0&&(r.sort(),t.push(...r),r=[]),t.push(o)):r.push(o)}return r.length>0&&(r.sort(),t.push(...r)),t}),postfixLookupClassGroupIds:(e=>{let t=Object.create(null),r=e.postfixLookupClassGroups;if(r)for(let e=0;e<r.length;e++)t[r[e]]=!0;return t})(r),...(e=>{let t=(e=>{let{theme:t,classGroups:r}=e;return G(r,t)})(e),{conflictingClassGroups:r,conflictingClassGroupModifiers:s}=e;return{getClassGroupId:e=>{if(e.startsWith("[")&&e.endsWith("]")){var r;let t,s,o;return -1===(r=e).slice(1,-1).indexOf(":")?void 0:(s=(t=r.slice(1,-1)).indexOf(":"),(o=t.slice(0,s))?"arbitrary.."+o:void 0)}let s=e.split("-"),o=+(""===s[0]&&s.length>1);return V(s,o,t)},getConflictingClassGroupIds:(e,t)=>{if(t){let t=s[e],o=r[e];if(t){if(o){let e=Array(o.length+t.length);for(let t=0;t<o.length;t++)e[t]=o[t];for(let r=0;r<t.length;r++)e[o.length+r]=t[r];return e}return t}return o||P}return r[e]||P}}})(r)}).cache.get,o=t.cache.set,l=n,n(e)},(...e)=>l(((...e)=>{let t,r,s=0,o="";for(;s<e.length;)(t=e[s++])&&(r=ee(t))&&(o&&(o+=" "),o+=r);return o})(...e))),eZ=window.WallarmDS.HStack,eX=window.WallarmDS.VStack,eQ=window.WallarmDS.ScrollArea,e0=window.WallarmDS.ScrollAreaContent,e1=window.WallarmDS.ScrollAreaCorner,e2=window.WallarmDS.ScrollAreaScrollbar,e3=window.WallarmDS.ScrollAreaViewport,e5={title:"Layout/ScrollArea",component:eQ,subcomponents:{ScrollAreaViewport:e3,ScrollAreaContent:e0,ScrollAreaScrollbar:e2,ScrollAreaCorner:e1},parameters:{layout:"centered",docs:{description:{component:"A scroll container with the house scrollbar instead of the browser’s: compose `ScrollAreaViewport` › `ScrollAreaContent`, then one `ScrollAreaScrollbar` per axis and a `ScrollAreaCorner` where two of them meet. It can only scroll inside a bounded parent, so give the wrapper a height or a width — with nothing to overflow, the content simply grows."}}}},e4=e=>{let t,r,s=(0,u.c)(5),{children:o,className:l}=e;return s[0]!==l?(t=((...e)=>eq(function(){for(var e,t,r=0,s="",o=arguments.length;r<o;r++)(e=arguments[r])&&(t=function e(t){var r,s,o="";if("string"==typeof t||"number"==typeof t)o+=t;else if("object"==typeof t)if(Array.isArray(t)){var l=t.length;for(r=0;r<l;r++)t[r]&&(s=e(t[r]))&&(o&&(o+=" "),o+=s)}else for(s in t)t[s]&&(o&&(o+=" "),o+=s);return o}(e))&&(s&&(s+=" "),s+=t);return s}(e)))("flex py-4 px-8 items-center justify-center rounded-6 border border-border-info bg-bg-light-info font-mono text-xs text-text-info",l),s[0]=l,s[1]=t):t=s[1],s[2]!==o||s[3]!==t?(r=i("div",{className:t,children:o}),s[2]=o,s[3]=t,s[4]=r):r=s[4],r};function e6(e,t){let r=`${t+1}`;return i(e4,{className:"h-40 w-full",children:r},r)}function e8(e,t){let r=`${t+1}`;return i(e4,{className:"h-320 w-40",children:r},r)}let e7=[{name:"Vertical",story:()=>{let e,t=(0,u.c)(1);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=i("div",{className:"w-320 h-320 overflow-hidden",children:a(eQ,{children:[i(e3,{children:i(e0,{children:i(eX,{children:Array(50).fill(null).map(e6)})})}),i(e2,{}),i(e1,{})]})}),t[0]=e):e=t[0],e},meta:e5},{name:"Horizontal",story:()=>{let e,t=(0,u.c)(1);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=i("div",{className:"w-320 h-320 overflow-hidden",children:a(eQ,{children:[i(e3,{children:i(e0,{children:i(eZ,{children:Array(50).fill(null).map(e8)})})}),i(e2,{orientation:"horizontal"}),i(e1,{})]})}),t[0]=e):e=t[0],e},meta:e5},{name:"Virtualized",story:()=>{let e=(0,m.useRef)(null),t=function({useFlushSync:e=!0,directDomUpdates:t=!1,directDomUpdatesMode:r="transform",...s}){let o=m.useReducer(e=>e+1,0)[1],l=m.useRef({enabled:t,mode:r,container:null,lastSize:null,lastPositions:new WeakMap,prevRange:null});l.current.enabled=t,l.current.mode=r;let n=m.useRef(!1),i=e=>{let t=l.current;if(!t.enabled||!t.container)return;let r=e.getTotalSize();if(r!==t.lastSize){t.lastSize=r;let s=e.options.horizontal?"width":"height";t.container.style[s]=`${r}px`}},a=e=>{let t=l.current;if(!t.enabled||!t.container)return;i(e);let r=!!e.options.horizontal,s="transform"===t.mode,o=r?"left":"top",n=e.options.scrollMargin;for(let l of e.getVirtualItems()){let i=l.start-n,a=e.elementsCache.get(l.key);a&&t.lastPositions.get(a)!==i&&(t.lastPositions.set(a,i),s?a.style.transform=r?`translate3d(${i}px, 0, 0)`:`translate3d(0, ${i}px, 0)`:a.style[o]=`${i}px`)}},c={...s,onChange:(t,r)=>{var i;let c=l.current,d=!0;if(c.enabled){a(t);let e=t.range,r=c.prevRange;(d=!r||r.isScrolling!==t.isScrolling||r.startIndex!==(null==e?void 0:e.startIndex)||r.endIndex!==(null==e?void 0:e.endIndex))&&(c.prevRange=e?{startIndex:e.startIndex,endIndex:e.endIndex,isScrolling:t.isScrolling}:null)}d&&(e&&r&&!n.current?b(o):o()),null==(i=s.onChange)||i.call(s,t,r)}},[d]=m.useState(()=>{let e=new D(c),t=e.measureElement;return e.measureElement=e=>{n.current=!0;try{t(e)}finally{n.current=!1}},Object.assign(e,{containerRef:t=>{let r=l.current;if(r.container=t,r.lastSize=null,t&&r.enabled){let s=e.getTotalSize();r.lastSize=s;let o=e.options.horizontal?"width":"height";t.style[o]=`${s}px`}}})});return d.setOptions(c),F(()=>d._didMount(),[]),F(()=>(i(d),d._willUpdate())),F(()=>{a(d)}),d}({observeElementRect:I,observeElementOffset:j,scrollToFn:N,count:1e4,getScrollElement:()=>e.current,estimateSize:()=>44,overscan:8});return i("div",{className:"w-320 h-320 overflow-hidden",children:a(eQ,{children:[i(e3,{ref:e,children:i(e0,{className:"h-auto min-h-full",children:i("div",{className:"relative w-full",style:{height:t.getTotalSize()},children:t.getVirtualItems().map(e=>i("div",{className:"absolute top-0 left-0 w-full pb-4",style:{height:e.size,transform:`translateY(${e.start}px)`},children:i(e4,{className:"h-full w-full",children:e.index+1})},e.key))})})}),i(e2,{}),i(e1,{})]})})},meta:e5}];function e9({entry:e}){let{story:t,meta:r}=e,s={...r.args,...t.args},o="function"==typeof t||t.$$typeof?t:t.render||r.render||r.component,l=()=>m.default.createElement(o,s),n={args:s,globals:{theme:"light"},parameters:{...r.parameters,...t.parameters},viewMode:"story"};for(let e of[...r.decorators||[],...t.decorators||[]].reverse()){let t=l;l=()=>e(t,n)}return m.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},m.default.createElement("h2",{className:"text-sm mb-12"},e.name),m.default.createElement(l))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(m.default.createElement(window.WallarmDS.Root,null,e7.map((e,t)=>m.default.createElement(e9,{key:t,entry:e})))),t}}})();

package/dist/project/components/SearchInput/README.md

@@ -0,0 +1,158 @@
+A search field with a magnifying-glass icon and a clear button that appears once there is a value. Controlled with `value` + `onChange`, or uncontrolled with `defaultValue`; pass `onClear` to react to the clear button specifically.
+
+## Props as canvas attributes
+
+Use kebab-case attribute names. Pass non-string values through renderVals holes, including booleans. The full emitted API is in `components/index.d.ts`.
+
+| Attribute | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `value` | `string \| undefined` | no | — | Current search value (controlled). Omit it to let the input keep its own value. |
+| `default-value` | `string \| undefined` | no | `` | Initial value when `value` is omitted (uncontrolled). |
+| `on-change` | `((value: string) => void) \| undefined` | no | — | Called when the value changes (typing or clearing). |
+| `on-clear` | `(() => void) \| undefined` | no | — | Called when the clear button is clicked. Fires before onChange(''). |
+| `size` | `SearchInputSize \| undefined` | no | `default` | Input size variant. |
+| `disabled` | `boolean \| undefined` | no | `false` | @default false |
+| `title` | `string \| undefined` | no | — |  |
+| `pattern` | `string \| undefined` | no | — |  |
+| `default-checked` | `boolean \| undefined` | no | — |  |
+| `auto-focus` | `boolean \| undefined` | no | — |  |
+| `id` | `string \| undefined` | no | — |  |
+| `tab-index` | `number \| undefined` | no | — |  |
+| `rel` | `string \| undefined` | no | — |  |
+| `name` | `string \| undefined` | no | — |  |
+| `height` | `string \| number \| undefined` | no | — |  |
+| `max` | `string \| number \| undefined` | no | — |  |
+| `min` | `string \| number \| undefined` | no | — |  |
+| `width` | `string \| number \| undefined` | no | — |  |
+| `alt` | `string \| undefined` | no | — |  |
+| `src` | `string \| undefined` | no | — |  |
+| `auto-complete` | `HTMLInputAutoCompleteAttribute \| undefined` | no | — |  |
+| `max-length` | `number \| undefined` | no | — |  |
+| `min-length` | `number \| undefined` | no | — |  |
+| `placeholder` | `string \| undefined` | no | `Search` |  |
+| `read-only` | `boolean \| undefined` | no | — |  |
+| `required` | `boolean \| undefined` | no | — |  |
+| `checked` | `boolean \| undefined` | no | — |  |
+| `accept` | `string \| undefined` | no | — |  |
+| `multiple` | `boolean \| undefined` | no | — |  |
+| `step` | `string \| number \| undefined` | no | — |  |
+| `data-testid` | `string \| undefined` | no | — |  |
+
+## Stories
+
+### Basic
+
+Empty by default — the search icon is always visible, and the placeholder reads "Search".
+
+Source: SearchInput/SearchInput.stories.tsx#Basic
+
+### WithValue
+
+When the field has a value the clear button appears at the inline end.
+Clicking it fires `onClear`, then `onChange('')`.
+
+Source: SearchInput/SearchInput.stories.tsx#WithValue
+
+### CustomPlaceholder
+
+A custom placeholder when "Search" is not descriptive enough.
+
+Source: SearchInput/SearchInput.stories.tsx#CustomPlaceholder
+
+### Disabled
+
+Dimmed, with the clear button hidden even when a value is present — there is nothing the
+reader can act on.
+
+Source: SearchInput/SearchInput.stories.tsx#Disabled
+
+### Sizes
+
+The same height scale as `Input`, so a search field lines up with the fields around it.
+
+Source: SearchInput/SearchInput.stories.tsx#Sizes
+
+## Story sources
+
+### SearchInput/SearchInput.stories.tsx
+
+```tsx
+import { useState } from 'react';
+import { fn } from 'storybook/test';
+import type { Meta, StoryFn } from 'storybook-react-rsbuild';
+import { HStack } from '../Stack';
+import { SearchInput } from './SearchInput';
+
+const DESCRIPTION =
+  'A search field with a magnifying-glass icon and a clear button that appears once there is a value. ' +
+  'Controlled with `value` + `onChange`, or uncontrolled with `defaultValue`; pass `onClear` to react to the clear button specifically.';
+
+const meta = {
+  title: 'Inputs/SearchInput',
+  component: SearchInput,
+  parameters: {
+    layout: 'centered',
+    docs: {
+      description: {
+        component: DESCRIPTION,
+      },
+    },
+  },
+  argTypes: {
+    disabled: { control: 'boolean' },
+  },
+} satisfies Meta<typeof SearchInput>;
+
+export default meta;
+
+/**
+ * Empty by default — the search icon is always visible, and the placeholder reads "Search".
+ */
+export const Basic: StoryFn<typeof meta> = () => {
+  const [value, setValue] = useState('');
+  return <SearchInput value={value} onChange={setValue} />;
+};
+
+/**
+ * When the field has a value the clear button appears at the inline end.
+ * Clicking it fires `onClear`, then `onChange('')`.
+ */
+export const WithValue: StoryFn<typeof meta> = () => {
+  const [value, setValue] = useState('attacks');
+  return <SearchInput value={value} onChange={setValue} onClear={fn()} />;
+};
+
+/**
+ * A custom placeholder when "Search" is not descriptive enough.
+ */
+export const CustomPlaceholder: StoryFn<typeof meta> = () => {
+  const [value, setValue] = useState('');
+  return <SearchInput value={value} onChange={setValue} placeholder='Filter by name…' />;
+};
+
+/**
+ * Dimmed, with the clear button hidden even when a value is present — there is nothing the
+ * reader can act on.
+ */
+export const Disabled: StoryFn<typeof meta> = () => {
+  const [value, setValue] = useState('locked query');
+  return <SearchInput value={value} onChange={setValue} disabled />;
+};
+
+/**
+ * The same height scale as `Input`, so a search field lines up with the fields around it.
+ */
+export const Sizes: StoryFn<typeof meta> = () => {
+  const [d, setD] = useState('');
+  const [m, setM] = useState('');
+  const [s, setS] = useState('');
+
+  return (
+    <HStack gap={16} align='start'>
+      <SearchInput value={d} onChange={setD} placeholder='Default' size='default' />
+      <SearchInput value={m} onChange={setM} placeholder='Medium' size='medium' />
+      <SearchInput value={s} onChange={setS} placeholder='Small' size='small' />
+    </HStack>
+  );
+};
+```

package/dist/project/components/SearchInput/preview.html

@@ -0,0 +1,2 @@
+<!-- @dsCard group="Inputs" height=480 -->
+<!doctype html><html><head><meta charset="utf-8"></head><body><div id="preview"></div><script src="./stories.js"></script><script>window.WallarmPreview.mount(document.getElementById('preview'));</script></body></html>

package/dist/project/components/SearchInput/stories.js

@@ -0,0 +1,12 @@
+var e={vD(e,t,r){let n,a;/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */var l,o,i=Object.create,c=Object.defineProperty,u=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,f=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty,m=(e,t,r,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let a of s(t))p.call(e,a)||a===r||c(e,a,{get:()=>t[a],enumerable:!(n=u(t,a))||n.enumerable});return e},d={},y={$dispatcherGuard:()=>k,$makeReadOnly:()=>O,$reset:()=>M,$structuralCheck:()=>x,c:()=>b,clearRenderCounterRegistry:()=>j,renderCounterRegistry:()=>D,useRenderCounter:()=>I};for(var h in y)c(d,h,{get:y[h],enumerable:!0});e.exports=m(c({},"__esModule",{value:!0}),d);var g=(a=null!=(n=r("C"))?i(f(n)):{},m(n&&n.__esModule?a:c(a,"default",{value:n,enumerable:!0}),n)),{useRef:v,useEffect:R,isValidElement:E}=g,w=null!=(l=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?l:g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,S=Symbol.for("react.memo_cache_sentinel"),b="function"==typeof(null==(o=g.__COMPILER_RUNTIME)?void 0:o.c)?g.__COMPILER_RUNTIME.c:function(e){return g.useMemo(()=>{let t=Array(e);for(let r=0;r<e;r++)t[r]=S;return t[S]=!0,t},[])},$={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{$[e]=()=>{throw Error(`[React] Unexpected React hook call (${e}) from a React compiled function. Check that all hooks are called directly and named according to convention ('use[A-Z]') `)}});var _=null;function C(e){return w.ReactCurrentDispatcher.current=e,w.ReactCurrentDispatcher.current}$.useMemoCache=e=>{if(null!=_)return _.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var N=[];function k(e){let t=w.ReactCurrentDispatcher.current;if(0===e){if(N.push(t),1===N.length&&(_=t),t===$)throw Error("[React] Unexpected call to custom hook or component from a React compiled function. Check that (1) all hooks are called directly and named according to convention ('use[A-Z]') and (2) components are returned as JSX instead of being directly invoked.");C($)}else if(1===e){let e=N.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===N.length&&(_=null),C(e)}else if(2===e)N.push(t),C(_);else if(3===e){let e=N.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");C(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function M(e){for(let t=0;t<e.length;t++)e[t]=S}function O(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var D=new Map;function j(){for(let e of D.values())e.forEach(e=>{e.count=0})}function I(e){let t=v(null);null!=t.current&&(t.current.count+=1),R(()=>{if(null==t.current){let r,n={count:0};null==(r=D.get(e))&&(r=new Set,D.set(e,r)),r.add(n),t.current=n}return()=>{var r;let n;null!==t.current&&(r=t.current,null!=(n=D.get(e))&&n.delete(r))}})}var T=new Set;function x(e,t,r,n,a,l){function o(e,t,o,i){let c=`${n}:${l} [${a}] ${r}${o} changed from ${e} to ${t} at depth ${i}`;T.has(c)||(T.add(c),console.error(c))}!function e(t,r,n,a){if(!(a>2)){if(t!==r)if(typeof t!=typeof r)o(`type ${typeof t}`,`type ${typeof r}`,n,a);else if("object"==typeof t){let l=Array.isArray(t),i=Array.isArray(r);if(null===t&&null!==r)o("null",`type ${typeof r}`,n,a);else if(null===r)o(`type ${typeof t}`,"null",n,a);else if(t instanceof Map)if(r instanceof Map)if(t.size!==r.size)o(`Map instance with size ${t.size}`,`Map instance with size ${r.size}`,n,a);else for(let[l,i]of t)r.has(l)?e(i,r.get(l),`${n}.get(${l})`,a+1):o(`Map instance with key ${l}`,`Map instance without key ${l}`,n,a);else o("Map instance","other value",n,a);else if(r instanceof Map)o("other value","Map instance",n,a);else if(t instanceof Set)if(r instanceof Set)if(t.size!==r.size)o(`Set instance with size ${t.size}`,`Set instance with size ${r.size}`,n,a);else for(let e of r)t.has(e)||o(`Set instance without element ${e}`,`Set instance with element ${e}`,n,a);else o("Set instance","other value",n,a);else if(r instanceof Set)o("other value","Set instance",n,a);else if(l||i)if(l!==i)o(`type ${l?"array":"object"}`,`type ${i?"array":"object"}`,n,a);else if(t.length!==r.length)o(`array with length ${t.length}`,`array with length ${r.length}`,n,a);else for(let l=0;l<t.length;l++)e(t[l],r[l],`${n}[${l}]`,a+1);else if(E(t)||E(r))E(t)!==E(r)?o(`type ${E(t)?"React element":"object"}`,`type ${E(r)?"React element":"object"}`,n,a):t.type!==r.type?o(`React element of type ${t.type}`,`React element of type ${r.type}`,n,a):e(t.props,r.props,`[props of ${n}]`,a+1);else{for(let e in r)e in t||o(`object without key ${e}`,`object with key ${e}`,n,a);for(let l in t)l in r?e(t[l],r[l],`${n}.${l}`,a+1):o(`object with key ${l}`,`object without key ${l}`,n,a)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(r)?isNaN(t)!==isNaN(r)&&o(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(r)?"NaN":"non-NaN value"}`,n,a):t!==r&&o(t,r,n,a)}}}(e,t,"",0)}},p(e,t,r){let n=new WeakMap,a=new WeakMap;function l(e,t,r){let l=t,o=r;if("object"==typeof l&&null!==l&&"$$typeof"in l&&l.$$typeof===Symbol.for("react.context")&&"Provider"in l&&(l=l.Provider),"function"==typeof l&&null!=o.ref&&!l.prototype?.isReactComponent){let t=l,r=n.get(e);r||(r=new WeakMap,n.set(e,r));let a=r.get(t);a||((a=e.forwardRef((e,r)=>t({...e,ref:r}))).displayName=t.displayName??t.name,r.set(t,a)),l=a}if("string"==typeof l&&"boolean"==typeof o.inert&&((o={...o}).inert?o.inert="":delete o.inert),"string"==typeof l)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in o&&(o={...o,[t]:o[e]},delete o[e]);return"string"==typeof l&&null!=o.ref&&(l=function(e,t){let r=a.get(e);r||(r=new Map,a.set(e,r));let n=r.get(t);if(n)return n;let l=e.forwardRef((r,n)=>{let a=e.useRef(null);if(!a.current||a.current.original!==n){let e;a.current={original:n,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof n){let r=n(t);e="function"==typeof r?r:void 0}else n&&(n.current=t)}}}return e.createElement(t,{...r,ref:a.current.callback})});return l.displayName=`CanvasHost(${t})`,r.set(t,l),l}(e,l)),{type:l,props:o}}function o(e){let t=(t,r,n)=>{let a=l(e,t,r??{});return e.createElement(a.type,void 0===n?a.props:{...a.props,key:n})};return{jsx:t,jsxs:(t,r,n)=>{let a=l(e,t,r??{}),{children:o,...i}=a.props;return e.createElement(a.type,void 0===n?i:{...i,key:n},...Array.isArray(o)?o:[o])},jsxDEV:t,Fragment:e.Fragment}}function i(e){return{...e,createElement:(t,r,...n)=>{let a=l(e,t,r??{});return e.createElement(a.type,a.props,...n)},cloneElement:(t,r,...n)=>{let a=e.cloneElement(t,r??void 0,...n),o=a.ref,i=l(e,a.type,{...a.props,ref:o});return i.type===a.type&&"string"!=typeof a.type?a:e.createElement(i.type,{...i.props,key:a.key})}}}r.d(t,{MA:()=>o,YJ:()=>i})},C(e,t,r){r.r(t);let n=(0,r("p").YJ)(window.React),{Children:a,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:u,Suspense:s,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:f,act:p,cloneElement:m,createContext:d,createElement:y,createFactory:h,createRef:g,forwardRef:v,isValidElement:R,lazy:E,memo:w,startTransition:S,unstable_act:b,useCallback:$,useContext:_,useDebugValue:C,useDeferredValue:N,useEffect:k,useId:M,useImperativeHandle:O,useInsertionEffect:D,useLayoutEffect:j,useMemo:I,useReducer:T,useRef:x,useState:P,useSyncExternalStore:A,useTransition:z,version:L,use:V}=n;r.d(t,{},{Children:a,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:u,Suspense:s,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:f,act:p,cloneElement:m,createContext:d,createElement:y,createFactory:h,createRef:g,default:n,forwardRef:v,isValidElement:R,lazy:E,memo:w,startTransition:S,unstable_act:b,use:V,useCallback:$,useContext:_,useDebugValue:C,useDeferredValue:N,useEffect:k,useId:M,useImperativeHandle:O,useInsertionEffect:D,useLayoutEffect:j,useMemo:I,useReducer:T,useRef:x,useState:P,useSyncExternalStore:A,useTransition:z,version:L})}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var l=t[n]={exports:{}};return e[n](l,l.exports,r),l.exports}r.d=(e,t,n)=>{var a=(t,n)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,[n]:t[a]})};a(t,"get"),a(n,"value")},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:t,jsxDEV:n,Fragment:a}=(0,r("p").MA)(window.React);var l=r("vD"),o=r("C");let i=window.WallarmDS.HStack,c=window.WallarmDS.SearchInput,u={title:"Inputs/SearchInput",component:c,parameters:{layout:"centered",docs:{description:{component:"A search field with a magnifying-glass icon and a clear button that appears once there is a value. Controlled with `value` + `onChange`, or uncontrolled with `defaultValue`; pass `onClear` to react to the clear button specifically."}}},argTypes:{disabled:{control:"boolean"}}},s=[{name:"Basic",story:()=>{let t,r=(0,l.c)(2),[n,a]=(0,o.useState)("");return r[0]!==n?(t=e(c,{value:n,onChange:a}),r[0]=n,r[1]=t):t=r[1],t},meta:u},{name:"WithValue",story:()=>{let t,r,n=(0,l.c)(3),[a,i]=(0,o.useState)("attacks");return n[0]===Symbol.for("react.memo_cache_sentinel")?(t=function(e=()=>{}){let t=(...t)=>e(...t);for(let r of["mockName","mockReturnValue","mockResolvedValue","mockImplementation"])t[r]=n=>("mockImplementation"===r?e=n:"mockReturnValue"===r?e=()=>n:"mockResolvedValue"===r&&(e=()=>Promise.resolve(n)),t);return t}(),n[0]=t):t=n[0],n[1]!==a?(r=e(c,{value:a,onChange:i,onClear:t}),n[1]=a,n[2]=r):r=n[2],r},meta:u},{name:"CustomPlaceholder",story:()=>{let t,r=(0,l.c)(2),[n,a]=(0,o.useState)("");return r[0]!==n?(t=e(c,{value:n,onChange:a,placeholder:"Filter by name…"}),r[0]=n,r[1]=t):t=r[1],t},meta:u},{name:"Disabled",story:()=>{let t,r=(0,l.c)(2),[n,a]=(0,o.useState)("locked query");return r[0]!==n?(t=e(c,{value:n,onChange:a,disabled:!0}),r[0]=n,r[1]=t):t=r[1],t},meta:u},{name:"Sizes",story:()=>{let r,n,a,u,s=(0,l.c)(10),[f,p]=(0,o.useState)(""),[m,d]=(0,o.useState)(""),[y,h]=(0,o.useState)("");return s[0]!==f?(r=e(c,{value:f,onChange:p,placeholder:"Default",size:"default"}),s[0]=f,s[1]=r):r=s[1],s[2]!==m?(n=e(c,{value:m,onChange:d,placeholder:"Medium",size:"medium"}),s[2]=m,s[3]=n):n=s[3],s[4]!==y?(a=e(c,{value:y,onChange:h,placeholder:"Small",size:"small"}),s[4]=y,s[5]=a):a=s[5],s[6]!==r||s[7]!==n||s[8]!==a?(u=t(i,{gap:16,align:"start",children:[r,n,a]}),s[6]=r,s[7]=n,s[8]=a,s[9]=u):u=s[9],u},meta:u}];function f({entry:e}){let{story:t,meta:r}=e,n={...r.args,...t.args},a="function"==typeof t||t.$$typeof?t:t.render||r.render||r.component,l=()=>o.default.createElement(a,n),i={args:n,globals:{theme:"light"},parameters:{...r.parameters,...t.parameters},viewMode:"story"};for(let e of[...r.decorators||[],...t.decorators||[]].reverse()){let t=l;l=()=>e(t,i)}return o.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},o.default.createElement("h2",{className:"text-sm mb-12"},e.name),o.default.createElement(l))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(o.default.createElement(window.WallarmDS.Root,null,s.map((e,t)=>o.default.createElement(f,{key:t,entry:e})))),t}}})();