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

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

@@ -0,0 +1,12 @@
+var e={vD(e,r,n){let t,l;/**
+ * 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 c,o,i=Object.create,a=Object.defineProperty,d=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyNames,s=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,u=(e,r,n,t)=>{if(r&&"object"==typeof r||"function"==typeof r)for(let l of h(r))m.call(e,l)||l===n||a(e,l,{get:()=>r[l],enumerable:!(t=d(r,l))||t.enumerable});return e},f={},p={$dispatcherGuard:()=>$,$makeReadOnly:()=>N,$reset:()=>k,$structuralCheck:()=>x,c:()=>D,clearRenderCounterRegistry:()=>I,renderCounterRegistry:()=>W,useRenderCounter:()=>O};for(var y in p)a(f,y,{get:p[y],enumerable:!0});e.exports=u(a({},"__esModule",{value:!0}),f);var _=(l=null!=(t=n("C"))?i(s(t)):{},u(t&&t.__esModule?l:a(l,"default",{value:t,enumerable:!0}),t)),{useRef:S,useEffect:w,isValidElement:b}=_,g=null!=(c=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?c:_.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,v=Symbol.for("react.memo_cache_sentinel"),D="function"==typeof(null==(o=_.__COMPILER_RUNTIME)?void 0:o.c)?_.__COMPILER_RUNTIME.c:function(e){return _.useMemo(()=>{let r=Array(e);for(let n=0;n<e;n++)r[n]=v;return r[v]=!0,r},[])},C={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{C[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 R=null;function E(e){return g.ReactCurrentDispatcher.current=e,g.ReactCurrentDispatcher.current}C.useMemoCache=e=>{if(null!=R)return R.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var M=[];function $(e){let r=g.ReactCurrentDispatcher.current;if(0===e){if(M.push(r),1===M.length&&(R=r),r===C)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.");E(C)}else if(1===e){let e=M.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===M.length&&(R=null),E(e)}else if(2===e)M.push(r),E(R);else if(3===e){let e=M.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");E(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function k(e){for(let r=0;r<e.length;r++)e[r]=v}function N(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var W=new Map;function I(){for(let e of W.values())e.forEach(e=>{e.count=0})}function O(e){let r=S(null);null!=r.current&&(r.current.count+=1),w(()=>{if(null==r.current){let n,t={count:0};null==(n=W.get(e))&&(n=new Set,W.set(e,n)),n.add(t),r.current=t}return()=>{var n;let t;null!==r.current&&(n=r.current,null!=(t=W.get(e))&&t.delete(n))}})}var T=new Set;function x(e,r,n,t,l,c){function o(e,r,o,i){let a=`${t}:${c} [${l}] ${n}${o} changed from ${e} to ${r} at depth ${i}`;T.has(a)||(T.add(a),console.error(a))}!function e(r,n,t,l){if(!(l>2)){if(r!==n)if(typeof r!=typeof n)o(`type ${typeof r}`,`type ${typeof n}`,t,l);else if("object"==typeof r){let c=Array.isArray(r),i=Array.isArray(n);if(null===r&&null!==n)o("null",`type ${typeof n}`,t,l);else if(null===n)o(`type ${typeof r}`,"null",t,l);else if(r instanceof Map)if(n instanceof Map)if(r.size!==n.size)o(`Map instance with size ${r.size}`,`Map instance with size ${n.size}`,t,l);else for(let[c,i]of r)n.has(c)?e(i,n.get(c),`${t}.get(${c})`,l+1):o(`Map instance with key ${c}`,`Map instance without key ${c}`,t,l);else o("Map instance","other value",t,l);else if(n instanceof Map)o("other value","Map instance",t,l);else if(r instanceof Set)if(n instanceof Set)if(r.size!==n.size)o(`Set instance with size ${r.size}`,`Set instance with size ${n.size}`,t,l);else for(let e of n)r.has(e)||o(`Set instance without element ${e}`,`Set instance with element ${e}`,t,l);else o("Set instance","other value",t,l);else if(n instanceof Set)o("other value","Set instance",t,l);else if(c||i)if(c!==i)o(`type ${c?"array":"object"}`,`type ${i?"array":"object"}`,t,l);else if(r.length!==n.length)o(`array with length ${r.length}`,`array with length ${n.length}`,t,l);else for(let c=0;c<r.length;c++)e(r[c],n[c],`${t}[${c}]`,l+1);else if(b(r)||b(n))b(r)!==b(n)?o(`type ${b(r)?"React element":"object"}`,`type ${b(n)?"React element":"object"}`,t,l):r.type!==n.type?o(`React element of type ${r.type}`,`React element of type ${n.type}`,t,l):e(r.props,n.props,`[props of ${t}]`,l+1);else{for(let e in n)e in r||o(`object without key ${e}`,`object with key ${e}`,t,l);for(let c in r)c in n?e(r[c],n[c],`${t}.${c}`,l+1):o(`object with key ${c}`,`object without key ${c}`,t,l)}}else{if("function"==typeof r)return;isNaN(r)||isNaN(n)?isNaN(r)!==isNaN(n)&&o(`${isNaN(r)?"NaN":"non-NaN value"}`,`${isNaN(n)?"NaN":"non-NaN value"}`,t,l):r!==n&&o(r,n,t,l)}}}(e,r,"",0)}},p(e,r,n){let t=new WeakMap,l=new WeakMap;function c(e,r,n){let c=r,o=n;if("object"==typeof c&&null!==c&&"$$typeof"in c&&c.$$typeof===Symbol.for("react.context")&&"Provider"in c&&(c=c.Provider),"function"==typeof c&&null!=o.ref&&!c.prototype?.isReactComponent){let r=c,n=t.get(e);n||(n=new WeakMap,t.set(e,n));let l=n.get(r);l||((l=e.forwardRef((e,n)=>r({...e,ref:n}))).displayName=r.displayName??r.name,n.set(r,l)),c=l}if("string"==typeof c&&"boolean"==typeof o.inert&&((o={...o}).inert?o.inert="":delete o.inert),"string"==typeof c)for(let[e,r]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in o&&(o={...o,[r]:o[e]},delete o[e]);return"string"==typeof c&&null!=o.ref&&(c=function(e,r){let n=l.get(e);n||(n=new Map,l.set(e,n));let t=n.get(r);if(t)return t;let c=e.forwardRef((n,t)=>{let l=e.useRef(null);if(!l.current||l.current.original!==t){let e;l.current={original:t,callback:r=>{if(null==r&&e){let r=e;e=void 0,r();return}if("function"==typeof t){let n=t(r);e="function"==typeof n?n:void 0}else t&&(t.current=r)}}}return e.createElement(r,{...n,ref:l.current.callback})});return c.displayName=`CanvasHost(${r})`,n.set(r,c),c}(e,c)),{type:c,props:o}}function o(e){let r=(r,n,t)=>{let l=c(e,r,n??{});return e.createElement(l.type,void 0===t?l.props:{...l.props,key:t})};return{jsx:r,jsxs:(r,n,t)=>{let l=c(e,r,n??{}),{children:o,...i}=l.props;return e.createElement(l.type,void 0===t?i:{...i,key:t},...Array.isArray(o)?o:[o])},jsxDEV:r,Fragment:e.Fragment}}function i(e){return{...e,createElement:(r,n,...t)=>{let l=c(e,r,n??{});return e.createElement(l.type,l.props,...t)},cloneElement:(r,n,...t)=>{let l=e.cloneElement(r,n??void 0,...t),o=l.ref,i=c(e,l.type,{...l.props,ref:o});return i.type===l.type&&"string"!=typeof l.type?l:e.createElement(i.type,{...i.props,key:l.key})}}}n.d(r,{MA:()=>o,YJ:()=>i})},C(e,r,n){n.r(r);let t=(0,n("p").YJ)(window.React),{Children:l,Component:c,Fragment:o,Profiler:i,PureComponent:a,StrictMode:d,Suspense:h,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:s,act:m,cloneElement:u,createContext:f,createElement:p,createFactory:y,createRef:_,forwardRef:S,isValidElement:w,lazy:b,memo:g,startTransition:v,unstable_act:D,useCallback:C,useContext:R,useDebugValue:E,useDeferredValue:M,useEffect:$,useId:k,useImperativeHandle:N,useInsertionEffect:W,useLayoutEffect:I,useMemo:O,useReducer:T,useRef:x,useState:A,useSyncExternalStore:P,useTransition:j,version:L,use:B}=t;n.d(r,{},{Children:l,Component:c,Fragment:o,Profiler:i,PureComponent:a,StrictMode:d,Suspense:h,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:s,act:m,cloneElement:u,createContext:f,createElement:p,createFactory:y,createRef:_,default:t,forwardRef:S,isValidElement:w,lazy:b,memo:g,startTransition:v,unstable_act:D,use:B,useCallback:C,useContext:R,useDebugValue:E,useDeferredValue:M,useEffect:$,useId:k,useImperativeHandle:N,useInsertionEffect:W,useLayoutEffect:I,useMemo:O,useReducer:T,useRef:x,useState:A,useSyncExternalStore:P,useTransition:j,version:L})}},r={};function n(t){var l=r[t];if(void 0!==l)return l.exports;var c=r[t]={exports:{}};return e[t](c,c.exports,n),c.exports}n.d=(e,r,t)=>{var l=(r,t)=>{for(var l in r)n.o(r,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,[t]:r[l]})};l(r,"get"),l(t,"value")},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:r,jsxDEV:t,Fragment:l}=(0,n("p").MA)(window.React);var c=n("vD"),o=n("C");let i=window.WallarmDS.Icons.CirclePlus,a=window.WallarmDS.Icons.Earth,d=window.WallarmDS.Icons.LayoutTemplate,h=window.WallarmDS.Icons.Maximize,s=window.WallarmDS.Icons.Plus,m=window.WallarmDS.Button,u=window.WallarmDS.Kbd,f=window.WallarmDS.KbdGroup,p=window.WallarmDS.DropdownMenu,y=window.WallarmDS.DropdownMenuCheckboxItem,_=window.WallarmDS.DropdownMenuContent,S=window.WallarmDS.DropdownMenuContextTrigger,w=window.WallarmDS.DropdownMenuFooter,b=window.WallarmDS.DropdownMenuGroup,g=window.WallarmDS.DropdownMenuItem,v=window.WallarmDS.DropdownMenuItemContent,D=window.WallarmDS.DropdownMenuItemDescription,C=window.WallarmDS.DropdownMenuItemIcon,R=window.WallarmDS.DropdownMenuItemText,E=window.WallarmDS.DropdownMenuLabel,M=window.WallarmDS.DropdownMenuRadioGroup,$=window.WallarmDS.DropdownMenuRadioItem,k=window.WallarmDS.DropdownMenuSeparator,N=window.WallarmDS.DropdownMenuShortcut,W=window.WallarmDS.DropdownMenuTrigger,I=window.WallarmDS.DropdownMenuTriggerItem,O={title:"Actions/DropdownMenu",component:p,subcomponents:{DropdownMenuContent:_,DropdownMenuGroup:b,DropdownMenuItem:g,DropdownMenuItemContent:v,DropdownMenuItemDescription:D,DropdownMenuItemIcon:C,DropdownMenuItemText:R,DropdownMenuLabel:E,DropdownMenuSeparator:k,DropdownMenuShortcut:N,DropdownMenuTrigger:W,DropdownMenuTriggerItem:I,DropdownMenuContextTrigger:S,DropdownMenuFooter:w,DropdownMenuCheckboxItem:y,DropdownMenuRadioGroup:M,DropdownMenuRadioItem:$},parameters:{layout:"centered",docs:{description:{component:"A menu of actions hanging off a trigger — reach for `Select` when the reader is choosing a value for a form, since a menu runs commands rather than holding an answer. Leave the primary action visible as a `Button` and put only the secondary ones in here; past roughly ten items, group them or move them somewhere with room."}}}},T=[{name:"Basic",story:()=>{let n,t,l,o,i,a,d,h,s,y,S,w,v,D,C,R,M,$=(0,c.c)(17);return $[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(W,{asChild:!0,children:e(m,{variant:"outline",color:"neutral",children:"Open"})}),$[0]=n):n=$[0],$[1]===Symbol.for("react.memo_cache_sentinel")?(t=e(E,{children:"My Account"}),$[1]=t):t=$[1],$[2]===Symbol.for("react.memo_cache_sentinel")?(l=r(g,{children:["Profile",e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"P"})]})})]}),$[2]=l):l=$[2],$[3]===Symbol.for("react.memo_cache_sentinel")?(o=r(g,{children:["Billing",e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"B"})]})})]}),$[3]=o):o=$[3],$[4]===Symbol.for("react.memo_cache_sentinel")?(i=r(g,{children:["Settings",e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"S"})]})})]}),$[4]=i):i=$[4],$[5]===Symbol.for("react.memo_cache_sentinel")?(a=r(b,{children:[l,o,i,r(g,{children:["Keyboard shortcuts super",e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"K"})]})})]})]}),d=e(k,{}),$[5]=a,$[6]=d):(a=$[5],d=$[6]),$[7]===Symbol.for("react.memo_cache_sentinel")?(h=e(g,{children:"Team"}),$[7]=h):h=$[7],$[8]===Symbol.for("react.memo_cache_sentinel")?(s=e(I,{children:"Invite users"}),$[8]=s):s=$[8],$[9]===Symbol.for("react.memo_cache_sentinel")?(y=r(p,{children:[s,r(_,{children:[e(g,{children:"Email"}),e(g,{children:"Message"}),e(k,{}),e(g,{children:"More..."})]})]}),$[9]=y):y=$[9],$[10]===Symbol.for("react.memo_cache_sentinel")?(S=r(b,{children:[h,y,r(g,{children:["New Team",e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"T"})]})})]})]}),w=e(k,{}),v=e(g,{children:"GitHub"}),D=e(g,{children:"Support"}),C=e(g,{disabled:!0,children:"API"}),R=e(k,{}),$[10]=S,$[11]=w,$[12]=v,$[13]=D,$[14]=C,$[15]=R):(S=$[10],w=$[11],v=$[12],D=$[13],C=$[14],R=$[15]),$[16]===Symbol.for("react.memo_cache_sentinel")?(M=r(p,{"data-testid":"dropdown-menu",children:[n,r(_,{children:[t,a,d,S,w,v,D,C,R,r(g,{variant:"destructive",children:["Log out",e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"Q"})]})})]})]})]}),$[16]=M):M=$[16],M},meta:O},{name:"Context",story:()=>{let n,t,l,o,i,a,d,h,s,m,y,w,v,D,C,R,M,$=(0,c.c)(17);return $[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(S,{asChild:!0,children:e("div",{className:"flex items-center justify-center w-300 h-192 border border-border-primary border-dashed rounded-8",children:"Right click here"})}),$[0]=n):n=$[0],$[1]===Symbol.for("react.memo_cache_sentinel")?(t=e(E,{children:"My Account"}),$[1]=t):t=$[1],$[2]===Symbol.for("react.memo_cache_sentinel")?(l=r(g,{children:["Profile",e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"P"})]})})]}),$[2]=l):l=$[2],$[3]===Symbol.for("react.memo_cache_sentinel")?(o=r(g,{children:["Billing",e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"B"})]})})]}),$[3]=o):o=$[3],$[4]===Symbol.for("react.memo_cache_sentinel")?(i=r(g,{children:["Settings",e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"S"})]})})]}),$[4]=i):i=$[4],$[5]===Symbol.for("react.memo_cache_sentinel")?(a=r(b,{children:[l,o,i,r(g,{children:["Keyboard shortcuts super",e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"K"})]})})]})]}),d=e(k,{}),$[5]=a,$[6]=d):(a=$[5],d=$[6]),$[7]===Symbol.for("react.memo_cache_sentinel")?(h=e(g,{children:"Team"}),$[7]=h):h=$[7],$[8]===Symbol.for("react.memo_cache_sentinel")?(s=e(I,{children:"Invite users"}),$[8]=s):s=$[8],$[9]===Symbol.for("react.memo_cache_sentinel")?(m=r(p,{children:[s,r(_,{children:[e(g,{children:"Email"}),e(g,{children:"Message"}),e(k,{}),e(g,{children:"More..."})]})]}),$[9]=m):m=$[9],$[10]===Symbol.for("react.memo_cache_sentinel")?(y=r(b,{children:[h,m,r(g,{children:["New Team",e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"T"})]})})]})]}),w=e(k,{}),v=e(g,{children:"GitHub"}),D=e(g,{children:"Support"}),C=e(g,{disabled:!0,children:"API"}),R=e(k,{}),$[10]=y,$[11]=w,$[12]=v,$[13]=D,$[14]=C,$[15]=R):(y=$[10],w=$[11],v=$[12],D=$[13],C=$[14],R=$[15]),$[16]===Symbol.for("react.memo_cache_sentinel")?(M=r(p,{children:[n,r(_,{children:[t,a,d,y,w,v,D,C,R,r(g,{variant:"destructive",children:["Log out",e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"Q"})]})})]})]})]}),$[16]=M):M=$[16],M},meta:O},{name:"WithDescriptions",story:()=>{let n,t,l,o,a,d,h,y=(0,c.c)(7);return y[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(W,{asChild:!0,children:r(m,{variant:"outline",color:"neutral",children:[e(s,{}),"Add Widget"]})}),y[0]=n):n=y[0],y[1]===Symbol.for("react.memo_cache_sentinel")?(t=e(g,{children:r(v,{children:[e(R,{children:"Bar-volume chart"}),e(D,{children:"Description"})]})}),y[1]=t):t=y[1],y[2]===Symbol.for("react.memo_cache_sentinel")?(l=e(g,{children:r(v,{children:[e(R,{children:"Canvas"}),e(D,{children:"Description"})]})}),y[2]=l):l=y[2],y[3]===Symbol.for("react.memo_cache_sentinel")?(o=r(v,{children:[e(R,{children:"Attacks heat-map"}),e(D,{children:"Description"})]}),y[3]=o):o=y[3],y[4]===Symbol.for("react.memo_cache_sentinel")?(a=r(g,{children:[o,e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"Q"})]})})]}),d=e(k,{}),y[4]=a,y[5]=d):(a=y[4],d=y[5]),y[6]===Symbol.for("react.memo_cache_sentinel")?(h=r(p,{children:[n,r(_,{children:[t,l,a,d,r(g,{variant:"brand",children:[e(i,{}),e(R,{children:"Request custom widget"})]})]})]}),y[6]=h):h=y[6],h},meta:O},{name:"WithIcons",story:()=>{let n,t,l,o,y,S,w,b,D,E,M=(0,c.c)(10);return M[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(W,{asChild:!0,children:r(m,{variant:"outline",color:"neutral",children:[e(s,{}),"Add Widget"]})}),M[0]=n):n=M[0],M[1]===Symbol.for("react.memo_cache_sentinel")?(t=e(C,{children:e(d,{})}),M[1]=t):t=M[1],M[2]===Symbol.for("react.memo_cache_sentinel")?(l=r(g,{children:[t,e(v,{children:e(R,{children:"Bar-volume chart"})})]}),M[2]=l):l=M[2],M[3]===Symbol.for("react.memo_cache_sentinel")?(o=e(C,{children:e(h,{})}),M[3]=o):o=M[3],M[4]===Symbol.for("react.memo_cache_sentinel")?(y=r(g,{children:[o,e(v,{children:e(R,{children:"Canvas"})})]}),M[4]=y):y=M[4],M[5]===Symbol.for("react.memo_cache_sentinel")?(S=e(C,{children:e(a,{})}),w=e(R,{children:"Attacks heat-map"}),M[5]=S,M[6]=w):(S=M[5],w=M[6]),M[7]===Symbol.for("react.memo_cache_sentinel")?(b=r(g,{children:[S,w,e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"Q"})]})})]}),D=e(k,{}),M[7]=b,M[8]=D):(b=M[7],D=M[8]),M[9]===Symbol.for("react.memo_cache_sentinel")?(E=r(p,{children:[n,r(_,{children:[l,y,b,D,r(g,{variant:"brand",children:[e(i,{}),e(R,{children:"Request custom widget"})]})]})]}),M[9]=E):E=M[9],E},meta:O},{name:"WithFooter",story:()=>{let n,t,l,o,i,a,d,h,s,y,S,b,v,D,C,R=(0,c.c)(15);return R[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(W,{asChild:!0,children:e(m,{variant:"outline",color:"neutral",children:"Open"})}),R[0]=n):n=R[0],R[1]===Symbol.for("react.memo_cache_sentinel")?(t=e(g,{children:"Profile"}),a=e(g,{children:"Billing"}),d=e(g,{children:"Settings"}),h=e(g,{children:"Notifications"}),s=e(g,{children:"Integrations"}),y=e(g,{children:"Security"}),S=e(g,{children:"API Keys"}),b=e(g,{children:"Webhooks"}),v=e(g,{children:"Audit Log"}),l=e(g,{children:"Team Members"}),o=e(g,{children:"Permissions"}),i=e(g,{children:"Usage"}),R[1]=t,R[2]=l,R[3]=o,R[4]=i,R[5]=a,R[6]=d,R[7]=h,R[8]=s,R[9]=y,R[10]=S,R[11]=b,R[12]=v):(t=R[1],l=R[2],o=R[3],i=R[4],a=R[5],d=R[6],h=R[7],s=R[8],y=R[9],S=R[10],b=R[11],v=R[12]),R[13]===Symbol.for("react.memo_cache_sentinel")?(D=r("span",{className:"flex items-center gap-4",children:[r(f,{children:[e(u,{children:"↑"}),e(u,{children:"↓"})]}),"to navigate"]}),R[13]=D):D=R[13],R[14]===Symbol.for("react.memo_cache_sentinel")?(C=r(p,{children:[n,r(_,{children:[t,a,d,h,s,y,S,b,v,l,o,i,r(w,{children:[D,r("span",{className:"flex items-center gap-4",children:[e(f,{children:e(u,{children:"↵"})}),"to select"]})]})]})]}),R[14]=C):C=R[14],C},meta:O},{name:"WithDescriptionAndIcons",story:()=>{let n,t,l,o,y,S,w,b,E,M,$=(0,c.c)(10);return $[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(W,{asChild:!0,children:r(m,{variant:"outline",color:"neutral",children:[e(s,{}),"Add Widget"]})}),$[0]=n):n=$[0],$[1]===Symbol.for("react.memo_cache_sentinel")?(t=e(C,{children:e(d,{})}),$[1]=t):t=$[1],$[2]===Symbol.for("react.memo_cache_sentinel")?(l=r(g,{children:[t,r(v,{children:[e(R,{children:"Bar-volume chart"}),e(D,{children:"Description"})]})]}),$[2]=l):l=$[2],$[3]===Symbol.for("react.memo_cache_sentinel")?(o=e(C,{children:e(h,{})}),$[3]=o):o=$[3],$[4]===Symbol.for("react.memo_cache_sentinel")?(y=r(g,{children:[o,r(v,{children:[e(R,{children:"Canvas"}),e(D,{children:"Description"})]})]}),$[4]=y):y=$[4],$[5]===Symbol.for("react.memo_cache_sentinel")?(S=e(C,{children:e(a,{})}),$[5]=S):S=$[5],$[6]===Symbol.for("react.memo_cache_sentinel")?(w=r(v,{children:[e(R,{children:"Attacks heat-map"}),e(D,{children:"Description"})]}),$[6]=w):w=$[6],$[7]===Symbol.for("react.memo_cache_sentinel")?(b=r(g,{children:[S,w,e(N,{children:r(f,{children:[e(u,{children:"⌘"}),e(u,{children:"Q"})]})})]}),E=e(k,{}),$[7]=b,$[8]=E):(b=$[7],E=$[8]),$[9]===Symbol.for("react.memo_cache_sentinel")?(M=r(p,{children:[n,r(_,{children:[l,y,b,E,r(g,{variant:"brand",children:[e(i,{}),e(R,{children:"Request custom widget"})]})]})]}),$[9]=M):M=$[9],M},meta:O},{name:"WithCheckboxItems",story:()=>{let n,t,l,i,a,d,h,s=(0,c.c)(13),[u,f]=(0,o.useState)(!0),[S,w]=(0,o.useState)(!1),[b,g]=(0,o.useState)(!0);return s[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(W,{asChild:!0,children:e(m,{variant:"outline",color:"neutral",children:"Text style"})}),s[0]=n):n=s[0],s[1]===Symbol.for("react.memo_cache_sentinel")?(t=e(E,{children:"Text style"}),s[1]=t):t=s[1],s[2]!==u?(l=e(y,{checked:u,onCheckedChange:f,children:"Bold"}),s[2]=u,s[3]=l):l=s[3],s[4]!==S?(i=e(y,{checked:S,onCheckedChange:w,children:"Italic"}),s[4]=S,s[5]=i):i=s[5],s[6]!==b?(a=e(y,{checked:b,onCheckedChange:g,children:"Underline"}),s[6]=b,s[7]=a):a=s[7],s[8]===Symbol.for("react.memo_cache_sentinel")?(d=e(y,{checked:!1,disabled:!0,children:"Strikethrough"}),s[8]=d):d=s[8],s[9]!==l||s[10]!==i||s[11]!==a?(h=r(p,{"data-testid":"dropdown-menu",children:[n,r(_,{children:[t,l,i,a,d]})]}),s[9]=l,s[10]=i,s[11]=a,s[12]=h):h=s[12],h},meta:O},{name:"WithRadioGroup",story:()=>{let n,t,l,i,a,d,h,s=(0,c.c)(8),[u,f]=(0,o.useState)("list");s[0]===Symbol.for("react.memo_cache_sentinel")?(n=e=>{f(e.value)},s[0]=n):n=s[0];let y=n;return s[1]===Symbol.for("react.memo_cache_sentinel")?(t=e(W,{asChild:!0,children:e(m,{variant:"outline",color:"neutral",children:"View mode"})}),s[1]=t):t=s[1],s[2]===Symbol.for("react.memo_cache_sentinel")?(l=e(E,{children:"View mode"}),s[2]=l):l=s[2],s[3]===Symbol.for("react.memo_cache_sentinel")?(i=e($,{value:"list",children:"List"}),a=e($,{value:"grid",children:"Grid"}),d=e($,{value:"compact",disabled:!0,children:"Compact"}),s[3]=i,s[4]=a,s[5]=d):(i=s[3],a=s[4],d=s[5]),s[6]!==u?(h=r(p,{"data-testid":"dropdown-menu",children:[t,r(_,{children:[l,r(M,{value:u,onValueChange:y,children:[i,a,d]})]})]}),s[6]=u,s[7]=h):h=s[7],h},meta:O},{name:"WithMixedSelectionItems",story:()=>{let n,t,l,i,a,d,h,s,u,f,S,w,b,v=(0,c.c)(19),[D,C]=(0,o.useState)(!0),[R,N]=(0,o.useState)(!1),[I,O]=(0,o.useState)("list");v[0]===Symbol.for("react.memo_cache_sentinel")?(n=e=>{O(e.value)},v[0]=n):n=v[0];let T=n;return v[1]===Symbol.for("react.memo_cache_sentinel")?(t=e(W,{asChild:!0,children:e(m,{variant:"outline",color:"neutral",children:"Editor settings"})}),v[1]=t):t=v[1],v[2]===Symbol.for("react.memo_cache_sentinel")?(l=e(E,{children:"Text style"}),v[2]=l):l=v[2],v[3]!==D?(i=e(y,{checked:D,onCheckedChange:C,children:"Bold"}),v[3]=D,v[4]=i):i=v[4],v[5]!==R?(a=e(y,{checked:R,onCheckedChange:N,children:"Italic"}),v[5]=R,v[6]=a):a=v[6],v[7]===Symbol.for("react.memo_cache_sentinel")?(d=e(k,{}),h=e(E,{children:"View mode"}),v[7]=d,v[8]=h):(d=v[7],h=v[8]),v[9]===Symbol.for("react.memo_cache_sentinel")?(s=e($,{value:"list",children:"List"}),u=e($,{value:"grid",children:"Grid"}),v[9]=s,v[10]=u):(s=v[9],u=v[10]),v[11]!==I?(f=r(M,{value:I,onValueChange:T,children:[s,u]}),v[11]=I,v[12]=f):f=v[12],v[13]===Symbol.for("react.memo_cache_sentinel")?(S=e(k,{}),w=e(g,{variant:"destructive",children:"Reset to defaults"}),v[13]=S,v[14]=w):(S=v[13],w=v[14]),v[15]!==i||v[16]!==a||v[17]!==f?(b=r(p,{"data-testid":"dropdown-menu",children:[t,r(_,{children:[l,i,a,d,h,f,S,w]})]}),v[15]=i,v[16]=a,v[17]=f,v[18]=b):b=v[18],b},meta:O}];function x({entry:e}){let{story:r,meta:n}=e,t={...n.args,...r.args},l="function"==typeof r||r.$$typeof?r:r.render||n.render||n.component,c=()=>o.default.createElement(l,t),i={args:t,globals:{theme:"light"},parameters:{...n.parameters,...r.parameters},viewMode:"story"};for(let e of[...n.decorators||[],...r.decorators||[]].reverse()){let r=c;c=()=>e(r,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(c))}window.WallarmPreview={mount(e){let r=window.ReactDOM.createRoot(e);return r.render(o.default.createElement(window.WallarmDS.Root,null,T.map((e,r)=>o.default.createElement(x,{key:r,entry:e})))),r}}})();

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

@@ -0,0 +1,276 @@
+EmptyState communicates that a space has no content — whether because a collection is empty, a search returned no matches, or a filter is too narrow. Use compound components: EmptyStateIllustration, EmptyStateMessage, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, EmptyStateLink.
+
+`type` picks the scale, and every slot follows it from context — no need to restate it on children. `collection-empty` is the page-level treatment: a medallion (a 36px raised tile holding a 20px icon), a pixel title, and room for actions plus a link. `no-results` is the compact inline treatment for a card, dropdown or select menu: 240px wide, with a 14px secondary title. An illustration always carries the medallion — there is no bare glyph.
+
+Scale is not the same question as cause. A page-level "no filter matches" state still uses `collection-empty` — it just drops the create CTA and offers a neutral one instead.
+
+## 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 |
+| --- | --- | --- | --- | --- |
+| `type` | `"collection-empty" \| "no-results"` | no | `collection-empty` |  |
+| `title` | `string \| undefined` | no | — |  |
+| `default-checked` | `boolean \| undefined` | no | — |  |
+| `default-value` | `string \| number \| readonly string[] \| undefined` | no | — |  |
+| `auto-focus` | `boolean \| undefined` | no | — |  |
+| `id` | `string \| undefined` | no | — |  |
+| `tab-index` | `number \| undefined` | no | — |  |
+| `rel` | `string \| undefined` | no | — |  |
+| `on-change` | `ChangeEventHandler<T, Element> \| undefined` | no | — |  |
+| `data-testid` | `string \| undefined` | no | — |  |
+
+## Sub-components
+
+- `WallarmDS.EmptyStateActions` — `EmptyStateActionsProps` in the declaration bundle.
+- `WallarmDS.EmptyStateDescription` — `EmptyStateDescriptionProps` in the declaration bundle.
+- `WallarmDS.EmptyStateIllustration` — `EmptyStateIllustrationProps` in the declaration bundle.
+- `WallarmDS.EmptyStateLink` — `EmptyStateLinkProps` in the declaration bundle.
+- `WallarmDS.EmptyStateMessage` — `EmptyStateMessageProps` in the declaration bundle.
+- `WallarmDS.EmptyStateTitle` — `EmptyStateTitleProps` in the declaration bundle.
+
+## Stories
+
+### CollectionEmpty
+
+The full form, 256–560px wide: illustration, title, description, actions, and a learn-more `EmptyStateLink`. Titles read as an invitation rather than an accusation — 'Explore your APIs', not 'You have no APIs'.
+
+Source: EmptyState/EmptyState.stories.tsx#CollectionEmpty
+
+### NoFilterResults
+
+The page-level state for a search or filter that matched nothing. Same
+`collection-empty` scale as an untouched collection — the difference is the
+CTA: a neutral "get back to something" action, never a create action, because
+the data exists and the query is what needs changing.
+
+Source: EmptyState/EmptyState.stories.tsx#NoFilterResults
+
+### Minimal
+
+The compact state at its spec default: no icon, no actions — just the title
+and subtitle. This is the shape most in-app empty states take.
+
+Source: EmptyState/EmptyState.stories.tsx#Minimal
+
+### NoResultsExamples
+
+The compact form in its real homes — a chart card with no data, and a `Select` whose option list came back empty. An empty inside a container stays action-light however it got that way.
+
+Source: EmptyState/EmptyState.stories.tsx#NoResultsExamples
+
+### Medallion
+
+The medallion reads as a lit surface: a top-down gradient, a hairline border,
+a soft drop shadow and an inner top highlight. Every layer resolves through
+`--color-component-empty-state-medallion-*` and
+`--shadow-empty-state-medallion`, so it holds up on both the card surface and
+the slightly darker page surface it sits on — shown here side by side. Use the
+toolbar theme switcher to check it in dark.
+
+Source: EmptyState/EmptyState.stories.tsx#Medallion
+
+## Story sources
+
+### EmptyState/EmptyState.stories.tsx
+
+```tsx
+import { createListCollection } from '@ark-ui/react/collection';
+import type { Meta, StoryFn } from 'storybook-react-rsbuild';
+import { ScanLine, Shapes, Zap } from '../../icons';
+import { cn } from '../../utils/cn';
+import { Button } from '../Button';
+import { Card, CardContent, CardHeader, CardTitle } from '../Card';
+import { Field } from '../Field/Field';
+import { FieldLabel } from '../Field/FieldLabel';
+import { Select, SelectButton, SelectContent, SelectPositioner } from '../Select';
+import { HStack, VStack } from '../Stack';
+import { EmptyState, type EmptyStateProps } from './EmptyState';
+import { EmptyStateActions } from './EmptyStateActions';
+import { EmptyStateDescription } from './EmptyStateDescription';
+import { EmptyStateIllustration } from './EmptyStateIllustration';
+import { EmptyStateLink } from './EmptyStateLink';
+import { EmptyStateMessage } from './EmptyStateMessage';
+import { EmptyStateTitle } from './EmptyStateTitle';
+
+const meta = {
+  title: 'Pages/EmptyState',
+  component: EmptyState,
+  subcomponents: {
+    EmptyStateIllustration,
+    EmptyStateMessage,
+    EmptyStateTitle,
+    EmptyStateDescription,
+    EmptyStateActions,
+    EmptyStateLink,
+  },
+  parameters: {
+    layout: 'centered',
+    docs: {
+      description: {
+        component:
+          'EmptyState communicates that a space has no content — whether because a collection is empty, ' +
+          'a search returned no matches, or a filter is too narrow. ' +
+          'Use compound components: EmptyStateIllustration, EmptyStateMessage, EmptyStateTitle, ' +
+          'EmptyStateDescription, EmptyStateActions, EmptyStateLink.\n\n' +
+          '`type` picks the scale, and every slot follows it from context — no need to restate it on ' +
+          'children. `collection-empty` is the page-level treatment: a medallion (a 36px raised tile ' +
+          'holding a 20px icon), a pixel title, and room for actions plus a link. `no-results` is the ' +
+          'compact inline treatment for a card, dropdown or select menu: 240px wide, with a 14px ' +
+          'secondary title. An illustration always carries the medallion — there is no bare glyph.\n\n' +
+          'Scale is not the same question as cause. A page-level "no filter matches" state still uses ' +
+          '`collection-empty` — it just drops the create CTA and offers a neutral one instead.',
+      },
+    },
+  },
+  argTypes: {
+    type: {
+      control: 'select',
+      options: ['collection-empty', 'no-results'],
+    },
+    children: {
+      control: false,
+    },
+    ref: {
+      control: false,
+    },
+  },
+} satisfies Meta<typeof EmptyState>;
+
+export default meta;
+
+/** The full form, 256–560px wide: illustration, title, description, actions, and a learn-more `EmptyStateLink`. Titles read as an invitation rather than an accusation — 'Explore your APIs', not 'You have no APIs'. */
+export const CollectionEmpty: StoryFn<EmptyStateProps> = args => (
+  <EmptyState {...args}>
+    <EmptyStateIllustration>
+      <Shapes />
+    </EmptyStateIllustration>
+    <EmptyStateMessage>
+      <EmptyStateTitle>Title text goes here</EmptyStateTitle>
+      <EmptyStateDescription>
+        Description text explains what happened and what the user can do next.
+        <br />
+        One to two sentences maximum.
+      </EmptyStateDescription>
+    </EmptyStateMessage>
+    <EmptyStateActions>
+      <Button size='medium'>Reset filters</Button>
+      <Button size='medium' variant='outline' color='neutral'>
+        Refresh
+      </Button>
+    </EmptyStateActions>
+    <EmptyStateLink href='#'>Link</EmptyStateLink>
+  </EmptyState>
+);
+CollectionEmpty.args = {
+  type: 'collection-empty',
+};
+
+/**
+ * The page-level state for a search or filter that matched nothing. Same
+ * `collection-empty` scale as an untouched collection — the difference is the
+ * CTA: a neutral "get back to something" action, never a create action, because
+ * the data exists and the query is what needs changing.
+ */
+export const NoFilterResults: StoryFn<EmptyStateProps> = args => (
+  <EmptyState {...args}>
+    <EmptyStateIllustration>
+      <Zap />
+    </EmptyStateIllustration>
+    <EmptyStateMessage>
+      <EmptyStateTitle>No attacks found</EmptyStateTitle>
+      <EmptyStateDescription>Try to apply different filter or reset it.</EmptyStateDescription>
+    </EmptyStateMessage>
+    <EmptyStateActions>
+      <Button size='medium' variant='outline' color='neutral'>
+        Refresh
+      </Button>
+    </EmptyStateActions>
+  </EmptyState>
+);
+NoFilterResults.args = {
+  type: 'collection-empty',
+};
+
+/**
+ * The compact state at its spec default: no icon, no actions — just the title
+ * and subtitle. This is the shape most in-app empty states take.
+ */
+export const Minimal: StoryFn<EmptyStateProps> = args => (
+  <EmptyState {...args}>
+    <EmptyStateMessage>
+      <EmptyStateTitle>No results</EmptyStateTitle>
+      <EmptyStateDescription>Short description</EmptyStateDescription>
+    </EmptyStateMessage>
+  </EmptyState>
+);
+Minimal.args = {
+  type: 'no-results',
+};
+
+const emptyCollection = createListCollection({ items: [] });
+
+/** The compact form in its real homes — a chart card with no data, and a `Select` whose option list came back empty. An empty inside a container stays action-light however it got that way. */
+export const NoResultsExamples: StoryFn<EmptyStateProps> = () => (
+  <HStack gap={32} align='start'>
+    {/* In a chart card */}
+    <Card className='w-[340px]'>
+      <CardHeader>
+        <CardTitle>Bar chart</CardTitle>
+      </CardHeader>
+      <CardContent className='flex items-center justify-center py-48'>
+        <EmptyState type='no-results'>
+          <EmptyStateMessage>
+            <EmptyStateDescription>No data found for selected period</EmptyStateDescription>
+          </EmptyStateMessage>
+        </EmptyState>
+      </CardContent>
+    </Card>
+
+    {/* In a select dropdown */}
+    <VStack gap={4} className='w-[260px]'>
+      <Field>
+        <FieldLabel>Label</FieldLabel>
+        <Select collection={emptyCollection}>
+          <SelectButton placeholder='Select' />
+          <SelectPositioner className='w-[260px]'>
+            <SelectContent />
+          </SelectPositioner>
+        </Select>
+      </Field>
+    </VStack>
+  </HStack>
+);
+
+/**
+ * The medallion reads as a lit surface: a top-down gradient, a hairline border,
+ * a soft drop shadow and an inner top highlight. Every layer resolves through
+ * `--color-component-empty-state-medallion-*` and
+ * `--shadow-empty-state-medallion`, so it holds up on both the card surface and
+ * the slightly darker page surface it sits on — shown here side by side. Use the
+ * toolbar theme switcher to check it in dark.
+ */
+export const Medallion: StoryFn<EmptyStateProps> = () => (
+  <HStack gap={0} className='w-[330px] overflow-hidden rounded-16 border border-border-primary'>
+    {(['bg-bg-surface-1', 'bg-bg-light-primary'] as const).map(surface => (
+      <div key={surface} className={cn('flex flex-1 justify-center py-28', surface)}>
+        <EmptyStateIllustration>
+          <ScanLine />
+        </EmptyStateIllustration>
+      </div>
+    ))}
+  </HStack>
+);
+```
+
+### ../utils/cn.ts
+
+```tsx
+import { type ClassArray, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export const cn = (...inputs: ClassArray): string => {
+  return twMerge(clsx(inputs));
+};
+```

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

@@ -0,0 +1,2 @@
+<!-- @dsCard group="Pages" 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/EmptyState/stories.js

@@ -0,0 +1,12 @@
+var e={vD(e,t,r){let o,l;/**
+ * 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 n,i,s=Object.create,a=Object.defineProperty,c=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,m=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,p=(e,t,r,o)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let l of d(t))u.call(e,l)||l===r||a(e,l,{get:()=>t[l],enumerable:!(o=c(t,l))||o.enumerable});return e},f={},h={$dispatcherGuard:()=>O,$makeReadOnly:()=>N,$reset:()=>R,$structuralCheck:()=>M,c:()=>S,clearRenderCounterRegistry:()=>C,renderCounterRegistry:()=>$,useRenderCounter:()=>j};for(var b in h)a(f,b,{get:h[b],enumerable:!0});e.exports=p(a({},"__esModule",{value:!0}),f);var g=(l=null!=(o=r("C"))?s(m(o)):{},p(o&&o.__esModule?l:a(l,"default",{value:o,enumerable:!0}),o)),{useRef:y,useEffect:w,isValidElement:x}=g,k=null!=(n=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?n:g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,v=Symbol.for("react.memo_cache_sentinel"),S="function"==typeof(null==(i=g.__COMPILER_RUNTIME)?void 0:i.c)?g.__COMPILER_RUNTIME.c:function(e){return g.useMemo(()=>{let t=Array(e);for(let r=0;r<e;r++)t[r]=v;return t[v]=!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 _(e){return k.ReactCurrentDispatcher.current=e,k.ReactCurrentDispatcher.current}z.useMemoCache=e=>{if(null!=E)return E.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var I=[];function O(e){let t=k.ReactCurrentDispatcher.current;if(0===e){if(I.push(t),1===I.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.");_(z)}else if(1===e){let e=I.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===I.length&&(E=null),_(e)}else if(2===e)I.push(t),_(E);else if(3===e){let e=I.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");_(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function R(e){for(let t=0;t<e.length;t++)e[t]=v}function N(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var $=new Map;function C(){for(let e of $.values())e.forEach(e=>{e.count=0})}function j(e){let t=y(null);null!=t.current&&(t.current.count+=1),w(()=>{if(null==t.current){let r,o={count:0};null==(r=$.get(e))&&(r=new Set,$.set(e,r)),r.add(o),t.current=o}return()=>{var r;let o;null!==t.current&&(r=t.current,null!=(o=$.get(e))&&o.delete(r))}})}var D=new Set;function M(e,t,r,o,l,n){function i(e,t,i,s){let a=`${o}:${n} [${l}] ${r}${i} changed from ${e} to ${t} at depth ${s}`;D.has(a)||(D.add(a),console.error(a))}!function e(t,r,o,l){if(!(l>2)){if(t!==r)if(typeof t!=typeof r)i(`type ${typeof t}`,`type ${typeof r}`,o,l);else if("object"==typeof t){let n=Array.isArray(t),s=Array.isArray(r);if(null===t&&null!==r)i("null",`type ${typeof r}`,o,l);else if(null===r)i(`type ${typeof t}`,"null",o,l);else if(t instanceof Map)if(r instanceof Map)if(t.size!==r.size)i(`Map instance with size ${t.size}`,`Map instance with size ${r.size}`,o,l);else for(let[n,s]of t)r.has(n)?e(s,r.get(n),`${o}.get(${n})`,l+1):i(`Map instance with key ${n}`,`Map instance without key ${n}`,o,l);else i("Map instance","other value",o,l);else if(r instanceof Map)i("other value","Map instance",o,l);else if(t instanceof Set)if(r instanceof Set)if(t.size!==r.size)i(`Set instance with size ${t.size}`,`Set instance with size ${r.size}`,o,l);else for(let e of r)t.has(e)||i(`Set instance without element ${e}`,`Set instance with element ${e}`,o,l);else i("Set instance","other value",o,l);else if(r instanceof Set)i("other value","Set instance",o,l);else if(n||s)if(n!==s)i(`type ${n?"array":"object"}`,`type ${s?"array":"object"}`,o,l);else if(t.length!==r.length)i(`array with length ${t.length}`,`array with length ${r.length}`,o,l);else for(let n=0;n<t.length;n++)e(t[n],r[n],`${o}[${n}]`,l+1);else if(x(t)||x(r))x(t)!==x(r)?i(`type ${x(t)?"React element":"object"}`,`type ${x(r)?"React element":"object"}`,o,l):t.type!==r.type?i(`React element of type ${t.type}`,`React element of type ${r.type}`,o,l):e(t.props,r.props,`[props of ${o}]`,l+1);else{for(let e in r)e in t||i(`object without key ${e}`,`object with key ${e}`,o,l);for(let n in t)n in r?e(t[n],r[n],`${o}.${n}`,l+1):i(`object with key ${n}`,`object without key ${n}`,o,l)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(r)?isNaN(t)!==isNaN(r)&&i(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(r)?"NaN":"non-NaN value"}`,o,l):t!==r&&i(t,r,o,l)}}}(e,t,"",0)}},p(e,t,r){let o=new WeakMap,l=new WeakMap;function n(e,t,r){let n=t,i=r;if("object"==typeof n&&null!==n&&"$$typeof"in n&&n.$$typeof===Symbol.for("react.context")&&"Provider"in n&&(n=n.Provider),"function"==typeof n&&null!=i.ref&&!n.prototype?.isReactComponent){let t=n,r=o.get(e);r||(r=new WeakMap,o.set(e,r));let l=r.get(t);l||((l=e.forwardRef((e,r)=>t({...e,ref:r}))).displayName=t.displayName??t.name,r.set(t,l)),n=l}if("string"==typeof n&&"boolean"==typeof i.inert&&((i={...i}).inert?i.inert="":delete i.inert),"string"==typeof n)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in i&&(i={...i,[t]:i[e]},delete i[e]);return"string"==typeof n&&null!=i.ref&&(n=function(e,t){let r=l.get(e);r||(r=new Map,l.set(e,r));let o=r.get(t);if(o)return o;let n=e.forwardRef((r,o)=>{let l=e.useRef(null);if(!l.current||l.current.original!==o){let e;l.current={original:o,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof o){let r=o(t);e="function"==typeof r?r:void 0}else o&&(o.current=t)}}}return e.createElement(t,{...r,ref:l.current.callback})});return n.displayName=`CanvasHost(${t})`,r.set(t,n),n}(e,n)),{type:n,props:i}}function i(e){let t=(t,r,o)=>{let l=n(e,t,r??{});return e.createElement(l.type,void 0===o?l.props:{...l.props,key:o})};return{jsx:t,jsxs:(t,r,o)=>{let l=n(e,t,r??{}),{children:i,...s}=l.props;return e.createElement(l.type,void 0===o?s:{...s,key:o},...Array.isArray(i)?i:[i])},jsxDEV:t,Fragment:e.Fragment}}function s(e){return{...e,createElement:(t,r,...o)=>{let l=n(e,t,r??{});return e.createElement(l.type,l.props,...o)},cloneElement:(t,r,...o)=>{let l=e.cloneElement(t,r??void 0,...o),i=l.ref,s=n(e,l.type,{...l.props,ref:i});return s.type===l.type&&"string"!=typeof l.type?l:e.createElement(s.type,{...s.props,key:l.key})}}}r.d(t,{MA:()=>i,YJ:()=>s})},C(e,t,r){r.r(t);let o=(0,r("p").YJ)(window.React),{Children:l,Component:n,Fragment:i,Profiler:s,PureComponent:a,StrictMode:c,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:p,createContext:f,createElement:h,createFactory:b,createRef:g,forwardRef:y,isValidElement:w,lazy:x,memo:k,startTransition:v,unstable_act:S,useCallback:z,useContext:E,useDebugValue:_,useDeferredValue:I,useEffect:O,useId:R,useImperativeHandle:N,useInsertionEffect:$,useLayoutEffect:C,useMemo:j,useReducer:D,useRef:M,useState:T,useSyncExternalStore:W,useTransition:V,version:A,use:P}=o;r.d(t,{},{Children:l,Component:n,Fragment:i,Profiler:s,PureComponent:a,StrictMode:c,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:p,createContext:f,createElement:h,createFactory:b,createRef:g,default:o,forwardRef:y,isValidElement:w,lazy:x,memo:k,startTransition:v,unstable_act:S,use:P,useCallback:z,useContext:E,useDebugValue:_,useDeferredValue:I,useEffect:O,useId:R,useImperativeHandle:N,useInsertionEffect:$,useLayoutEffect:C,useMemo:j,useReducer:D,useRef:M,useState:T,useSyncExternalStore:W,useTransition:V,version:A})}},t={};function r(o){var l=t[o];if(void 0!==l)return l.exports;var n=t[o]={exports:{}};return e[o](n,n.exports,r),n.exports}r.d=(e,t,o)=>{var l=(t,o)=>{for(var l in t)r.o(t,l)&&!r.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,[o]:t[l]})};l(t,"get"),l(o,"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,o,l,n,{jsx:i,jsxs:s,jsxDEV:a,Fragment:c}=(0,r("p").MA)(window.React);var d,m=r("vD"),u=Object.defineProperty,p=(e,t,r)=>{let o;return(o="symbol"!=typeof t?t+"":t)in e?u(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r},f=e=>null!=e&&"object"==typeof e&&!Array.isArray(e),h=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);Function.prototype.toString.call(Object);var b=e=>e?.constructor.name==="Array",g=(e,t)=>{if(Object.is(e,t))return!0;if(null==e&&null!=t||null!=e&&null==t)return!1;if("function"==typeof e?.isEqual&&"function"==typeof t?.isEqual)return e.isEqual(t);if("function"==typeof e&&"function"==typeof t)return e.toString()===t.toString();if(b(e)&&b(t))return((e,t)=>{if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(!g(e[r],t[r]))return!1;return!0})(Array.from(e),Array.from(t));if("object"!=typeof e||"object"!=typeof t)return!1;let r=Object.keys(t??Object.create(null)),o=r.length;for(let t=0;t<o;t++)if(!Reflect.has(e,r[t]))return!1;for(let l=0;l<o;l++){let o=r[l];if(!g(e[o],t[o]))return!1}return!0},y={itemToValue:e=>"string"==typeof e?e:f(e)&&h(e,"value")?e.value:"",itemToString:e=>"string"==typeof e?e:f(e)&&h(e,"label")?e.label:y.itemToValue(e),isItemDisabled:e=>!!(f(e)&&h(e,"disabled"))&&!!e.disabled},w=class e{constructor(t){p(this,"options",t),p(this,"items"),p(this,"indexMap",null),p(this,"copy",t=>new e({...this.options,items:t??[...this.items]})),p(this,"isEqual",e=>g(this.items,e.items)),p(this,"setItems",e=>this.copy(e)),p(this,"getValues",(e=this.items)=>{let t=[];for(let r of e){let e=this.getItemValue(r);null!=e&&t.push(e)}return t}),p(this,"find",e=>{if(null==e)return null;let t=this.indexOf(e);return -1!==t?this.at(t):null}),p(this,"findMany",e=>{let t=[];for(let r of e){let e=this.find(r);null!=e&&t.push(e)}return t}),p(this,"at",e=>{if(!this.options.groupBy&&!this.options.groupSort)return this.items[e]??null;let t=0;for(let[,r]of this.group())for(let o of r){if(t===e)return o;t++}return null}),p(this,"sortFn",(e,t)=>(this.indexOf(e)??0)-(this.indexOf(t)??0)),p(this,"sort",e=>[...e].sort(this.sortFn.bind(this))),p(this,"getItemValue",e=>null==e?null:this.options.itemToValue?.(e)??y.itemToValue(e)),p(this,"getItemDisabled",e=>null!=e&&(this.options.isItemDisabled?.(e)??y.isItemDisabled(e))),p(this,"stringifyItem",e=>null==e?null:this.options.itemToString?.(e)??y.itemToString(e)),p(this,"stringify",e=>null==e?null:this.stringifyItem(this.find(e))),p(this,"stringifyItems",(e,t=", ")=>{let r=[];for(let t of e){let e=this.stringifyItem(t);null!=e&&r.push(e)}return r.join(t)}),p(this,"stringifyMany",(e,t)=>this.stringifyItems(this.findMany(e),t)),p(this,"has",e=>-1!==this.indexOf(e)),p(this,"hasItem",e=>null!=e&&this.has(this.getItemValue(e))),p(this,"group",()=>{let{groupBy:e,groupSort:t}=this.options;if(!e)return[["",[...this.items]]];let r=new Map;this.items.forEach((t,o)=>{let l=e(t,o);r.has(l)||r.set(l,[]),r.get(l).push(t)});let o=Array.from(r.entries());return t&&o.sort(([e],[r])=>{if("function"==typeof t)return t(e,r);if(Array.isArray(t)){let o=t.indexOf(e),l=t.indexOf(r);return -1===o?1:-1===l?-1:o-l}return"asc"===t?e.localeCompare(r):"desc"===t?r.localeCompare(e):0}),o}),p(this,"getNextValue",(e,t=1,r=!1)=>{let o=this.indexOf(e);if(-1===o)return null;for(o=r?Math.min(o+t,this.size-1):o+t;o<=this.size&&this.getItemDisabled(this.at(o));)o++;return this.getItemValue(this.at(o))}),p(this,"getPreviousValue",(e,t=1,r=!1)=>{let o=this.indexOf(e);if(-1===o)return null;for(o=r?Math.max(o-t,0):o-t;o>=0&&this.getItemDisabled(this.at(o));)o--;return this.getItemValue(this.at(o))}),p(this,"indexOf",e=>{if(null==e)return -1;if(!this.options.groupBy&&!this.options.groupSort)return this.items.findIndex(t=>this.getItemValue(t)===e);if(!this.indexMap){this.indexMap=new Map;let e=0;for(let[,t]of this.group())for(let r of t){let t=this.getItemValue(r);null!=t&&this.indexMap.set(t,e),e++}}return this.indexMap.get(e)??-1}),p(this,"getByText",(e,t)=>{let r=null!=t?this.indexOf(t):-1,o=1===e.length;for(let l=0;l<this.items.length;l++){let n=this.items[(r+l+1)%this.items.length];if((!o||this.getItemValue(n)!==t)&&!this.getItemDisabled(n)&&x(this.stringifyItem(n),e))return n}}),p(this,"search",(e,t)=>{let{state:r,currentValue:o,timeout:l=350}=t,n=r.keysSoFar+e,i=n.length>1&&Array.from(n).every(e=>e===n[0])?n[0]:n,s=this.getByText(i,o),a=this.getItemValue(s);function c(){clearTimeout(r.timer),r.timer=-1}return!function e(t){r.keysSoFar=t,c(),""!==t&&(r.timer=+setTimeout(()=>{e(""),c()},l))}(n),a}),p(this,"update",(e,t)=>{let r=this.indexOf(e);return -1===r?this:this.copy([...this.items.slice(0,r),t,...this.items.slice(r+1)])}),p(this,"upsert",(e,t,r="append")=>{let o=this.indexOf(e);return -1===o?("append"===r?this.append:this.prepend)(t):this.copy([...this.items.slice(0,o),t,...this.items.slice(o+1)])}),p(this,"insert",(e,...t)=>this.copy(k(this.items,e,...t))),p(this,"insertBefore",(e,...t)=>{let r=this.indexOf(e);if(-1===r)if(0!==this.items.length)return this;else r=0;return this.copy(k(this.items,r,...t))}),p(this,"insertAfter",(e,...t)=>{let r=this.indexOf(e);if(-1===r)if(0!==this.items.length)return this;else r=0;return this.copy(k(this.items,r+1,...t))}),p(this,"prepend",(...e)=>this.copy(k(this.items,0,...e))),p(this,"append",(...e)=>this.copy(k(this.items,this.items.length,...e))),p(this,"filter",e=>{let t=this.items.filter((t,r)=>e(this.stringifyItem(t),r,t));return this.copy(t)}),p(this,"remove",(...e)=>{let t=e.map(e=>"string"==typeof e?e:this.getItemValue(e));return this.copy(this.items.filter(e=>{let r=this.getItemValue(e);return null!=r&&!t.includes(r)}))}),p(this,"move",(e,t)=>{let r=this.indexOf(e);return -1===r?this:this.copy(v(this.items,[r],t))}),p(this,"moveBefore",(e,...t)=>{let r=this.items.findIndex(t=>this.getItemValue(t)===e);if(-1===r)return this;let o=t.map(e=>this.items.findIndex(t=>this.getItemValue(t)===e)).sort((e,t)=>e-t);return this.copy(v(this.items,o,r))}),p(this,"moveAfter",(e,...t)=>{let r=this.items.findIndex(t=>this.getItemValue(t)===e);if(-1===r)return this;let o=t.map(e=>this.items.findIndex(t=>this.getItemValue(t)===e)).sort((e,t)=>e-t);return this.copy(v(this.items,o,r+1))}),p(this,"reorder",(e,t)=>this.copy(v(this.items,[e],t))),p(this,"compareValue",(e,t)=>{let r=this.indexOf(e),o=this.indexOf(t);return r<o?-1:+(r>o)}),p(this,"range",(e,t)=>{let r=[],o=e;for(;null!=o;){if(this.find(o)&&r.push(o),o===t)return r;o=this.getNextValue(o)}return[]}),p(this,"getValueRange",(e,t)=>e&&t?0>=this.compareValue(e,t)?this.range(e,t):this.range(t,e):[]),p(this,"toString",()=>{let e="";for(let t of this.items)e+=[this.getItemValue(t),this.stringifyItem(t),this.getItemDisabled(t)].filter(Boolean).join(":")+",";return e}),p(this,"toJSON",()=>({size:this.size,first:this.firstValue,last:this.lastValue})),this.items=[...t.items]}get size(){return this.items.length}get firstValue(){let e=0;for(;this.getItemDisabled(this.at(e));)e++;return this.getItemValue(this.at(e))}get lastValue(){let e=this.size-1;for(;this.getItemDisabled(this.at(e));)e--;return this.getItemValue(this.at(e))}*[Symbol.iterator](){yield*this.items}},x=(e,t)=>!!e?.toLowerCase().startsWith(t.toLowerCase());function k(e,t,...r){return[...e.slice(0,t),...r,...e.slice(t)]}function v(e,t,r){let o=(t=[...t].sort((e,t)=>e-t)).map(t=>e[t]);for(let r=t.length-1;r>=0;r--)e=[...e.slice(0,t[r]),...e.slice(t[r]+1)];return r=Math.max(0,r-t.filter(e=>e<r).length),[...e.slice(0,r),...o,...e.slice(r)]}let S=(e=new Map,t=null,r)=>({nextPart:e,validators:t,classGroupId:r}),z=[],E=(e,t,r)=>{if(0==e.length-t)return r.classGroupId;let o=e[t],l=r.nextPart.get(o);if(l){let r=E(e,t+1,l);if(r)return r}let n=r.validators;if(null===n)return;let i=0===t?e.join("-"):e.slice(t).join("-"),s=n.length;for(let e=0;e<s;e++){let t=n[e];if(t.validator(i))return t.classGroupId}},_=(e,t)=>{let r=S();for(let o in e)I(e[o],r,o,t);return r},I=(e,t,r,o)=>{let l=e.length;for(let n=0;n<l;n++)O(e[n],t,r,o)},O=(e,t,r,o)=>{"string"==typeof e?R(e,t,r):"function"==typeof e?N(e,t,r,o):$(e,t,r,o)},R=(e,t,r)=>{(""===e?t:C(t,e)).classGroupId=r},N=(e,t,r,o)=>{j(e)?I(e(o),t,r,o):(null===t.validators&&(t.validators=[]),t.validators.push({classGroupId:r,validator:e}))},$=(e,t,r,o)=>{let l=Object.entries(e),n=l.length;for(let e=0;e<n;e++){let[n,i]=l[e];I(i,C(t,n),r,o)}},C=(e,t)=>{let r=e,o=t.split("-"),l=o.length;for(let e=0;e<l;e++){let t=o[e],l=r.nextPart.get(t);l||(l=S(),r.nextPart.set(t,l)),r=l}return r},j=e=>"isThemeGetter"in e&&!0===e.isThemeGetter,D=[],M=(e,t,r,o,l)=>({modifiers:e,hasImportantModifier:t,baseClassName:r,maybePostfixModifierPosition:o,isExternal:l}),T=/\s+/,W=e=>{let t;if("string"==typeof e)return e;let r="";for(let o=0;o<e.length;o++)e[o]&&(t=W(e[o]))&&(r&&(r+=" "),r+=t);return r},V=[],A=e=>{let t=t=>t[e]||V;return t.isThemeGetter=!0,t.themeKey=e,t},P=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,L=/^\((?:(\w[\w-]*):)?(.+)\)$/i,G=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,F=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,B=/\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$/,U=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix|color|light-dark)\(.+\)$/,q=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,H=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,Y=e=>G.test(e),J=e=>!!e&&!Number.isNaN(Number(e)),Z=e=>!!e&&Number.isInteger(Number(e)),K=e=>e.endsWith("%")&&J(e.slice(0,-1)),X=e=>F.test(e),Q=()=>!0,ee=e=>B.test(e)&&!U.test(e),et=()=>!1,er=e=>q.test(e),eo=e=>H.test(e),el=e=>!es(e)&&!eh(e),en=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)),ei=e=>eS(e,eI,et),es=e=>P.test(e),ea=e=>eS(e,eO,ee),ec=e=>eS(e,eR,J),ed=e=>eS(e,e$,Q),em=e=>eS(e,eN,et),eu=e=>eS(e,eE,et),ep=e=>eS(e,e_,eo),ef=e=>eS(e,eC,er),eh=e=>L.test(e),eb=e=>ez(e,eO),eg=e=>ez(e,eN),ey=e=>ez(e,eE),ew=e=>ez(e,eI),ex=e=>ez(e,e_),ek=e=>ez(e,eC,!0),ev=e=>ez(e,e$,!0),eS=(e,t,r)=>{let o=P.exec(e);return!!o&&(o[1]?t(o[1]):r(o[2]))},ez=(e,t,r=!1)=>{let o=L.exec(e);return!!o&&(o[1]?t(o[1]):r)},eE=e=>"position"===e||"percentage"===e,e_=e=>"image"===e||"url"===e,eI=e=>"length"===e||"size"===e||"bg-size"===e,eO=e=>"length"===e,eR=e=>"number"===e,eN=e=>"family-name"===e,e$=e=>"number"===e||"weight"===e,eC=e=>"shadow"===e,ej=(d=()=>{let e=A("color"),t=A("font"),r=A("text"),o=A("font-weight"),l=A("tracking"),n=A("leading"),i=A("breakpoint"),s=A("container"),a=A("spacing"),c=A("radius"),d=A("shadow"),m=A("inset-shadow"),u=A("text-shadow"),p=A("drop-shadow"),f=A("blur"),h=A("perspective"),b=A("aspect"),g=A("ease"),y=A("animate"),w=()=>["auto","avoid","all","avoid-page","page","left","right","column"],x=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],k=()=>[...x(),eh,es],v=()=>["auto","hidden","clip","visible","scroll"],S=()=>["auto","contain","none"],z=()=>[eh,es,a],E=()=>[Y,"full","auto",...z()],_=()=>[Z,"none","subgrid",eh,es],I=()=>["auto",{span:["full",Z,eh,es]},Z,eh,es],O=()=>[Z,"auto",eh,es],R=()=>["auto","min","max","fr",eh,es],N=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],$=()=>["start","end","center","stretch","center-safe","end-safe"],C=()=>["auto",...z()],j=()=>[Y,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...z()],D=()=>[s,Y,"screen","full","dvw","lvw","svw","min","max","fit",...z()],M=()=>[Y,"screen","full","lh","dvh","lvh","svh","min","max","fit",...z()],T=()=>[e,eh,es],W=()=>[...x(),ey,eu,{position:[eh,es]}],V=()=>["no-repeat",{repeat:["","x","y","space","round"]}],P=()=>["auto","cover","contain",ew,ei,{size:[eh,es]}],L=()=>[K,eb,ea],G=()=>["","none","full",c,eh,es],F=()=>["",J,eb,ea],B=()=>["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"],q=()=>[J,K,ey,eu],H=()=>["","none",f,eh,es],ee=()=>["none",J,eh,es],et=()=>["none",J,eh,es],er=()=>[J,eh,es],eo=()=>[Y,"full",...z()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[X],breakpoint:[X],color:[Q],container:[X],"drop-shadow":[X],ease:["in","out","in-out"],font:[el],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[X],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[X],shadow:[X],spacing:["px",J],text:[X],"text-shadow":[X],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",Y,es,eh,b]}],container:["container"],"container-type":[{"@container":["","normal","size",eh,es]}],"container-named":[en],columns:[{columns:[J,"auto",es,eh,s]}],"break-after":[{"break-after":w()}],"break-before":[{"break-before":w()}],"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:k()}],overflow:[{overflow:v()}],"overflow-x":[{"overflow-x":v()}],"overflow-y":[{"overflow-y":v()}],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:[Z,"auto",eh,es]}],basis:[{basis:[Y,"full","auto",s,...z()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[J,Y,"auto","initial","none",es]}],grow:[{grow:["",J,eh,es]}],shrink:[{shrink:["",J,eh,es]}],order:[{order:[Z,"first","last","none",eh,es]}],"grid-cols":[{"grid-cols":_()}],"col-start-end":[{col:I()}],"col-start":[{"col-start":O()}],"col-end":[{"col-end":O()}],"grid-rows":[{"grid-rows":_()}],"row-start-end":[{row:I()}],"row-start":[{"row-start":O()}],"row-end":[{"row-end":O()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":R()}],"auto-rows":[{"auto-rows":R()}],gap:[{gap:z()}],"gap-x":[{"gap-x":z()}],"gap-y":[{"gap-y":z()}],"justify-content":[{justify:[...N(),"normal"]}],"justify-items":[{"justify-items":[...$(),"normal"]}],"justify-self":[{"justify-self":["auto",...$()]}],"align-content":[{content:["normal",...N()]}],"align-items":[{items:[...$(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...$(),{baseline:["","last"]}]}],"place-content":[{"place-content":N()}],"place-items":[{"place-items":[...$(),"baseline"]}],"place-self":[{"place-self":["auto",...$()]}],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:C()}],mx:[{mx:C()}],my:[{my:C()}],ms:[{ms:C()}],me:[{me:C()}],mbs:[{mbs:C()}],mbe:[{mbe:C()}],mt:[{mt:C()}],mr:[{mr:C()}],mb:[{mb:C()}],ml:[{ml:C()}],"space-x":[{"space-x":z()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":z()}],"space-y-reverse":["space-y-reverse"],size:[{size:j()}],"inline-size":[{inline:["auto",...D()]}],"min-inline-size":[{"min-inline":["auto",...D()]}],"max-inline-size":[{"max-inline":["none",...D()]}],"block-size":[{block:["auto",...M()]}],"min-block-size":[{"min-block":["auto",...M()]}],"max-block-size":[{"max-block":["none",...M()]}],w:[{w:[s,"screen",...j()]}],"min-w":[{"min-w":[s,"screen","none",...j()]}],"max-w":[{"max-w":[s,"screen","none","prose",{screen:[i]},...j()]}],h:[{h:["screen","lh",...j()]}],"min-h":[{"min-h":["screen","lh","none",...j()]}],"max-h":[{"max-h":["screen","lh","none",...j()]}],"font-size":[{text:["base",r,eb,ea]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[o,ev,ed]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",K,es]}],"font-family":[{font:[eg,em,t]}],"font-features":[{"font-features":[es]}],"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:[l,eh,es]}],"line-clamp":[{"line-clamp":[J,"none",eh,ec]}],leading:[{leading:["none",n,...z()]}],"list-image":[{"list-image":["none",eh,es]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",eh,es]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:T()}],"text-color":[{text:T()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...B(),"wavy"]}],"text-decoration-thickness":[{decoration:[J,"from-font","auto",eh,ea]}],"text-decoration-color":[{decoration:T()}],"underline-offset":[{"underline-offset":[J,"auto",eh,es]}],"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:[Z,eh,es]}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",eh,es]}],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",eh,es]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:W()}],"bg-repeat":[{bg:V()}],"bg-size":[{bg:P()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},Z,eh,es],radial:["",eh,es],conic:["",Z,eh,es]},ex,ep]}],"bg-color":[{bg:T()}],"gradient-from-pos":[{from:L()}],"gradient-via-pos":[{via:L()}],"gradient-to-pos":[{to:L()}],"gradient-from":[{from:T()}],"gradient-via":[{via:T()}],"gradient-to":[{to:T()}],rounded:[{rounded:G()}],"rounded-s":[{"rounded-s":G()}],"rounded-e":[{"rounded-e":G()}],"rounded-t":[{"rounded-t":G()}],"rounded-r":[{"rounded-r":G()}],"rounded-b":[{"rounded-b":G()}],"rounded-l":[{"rounded-l":G()}],"rounded-ss":[{"rounded-ss":G()}],"rounded-se":[{"rounded-se":G()}],"rounded-ee":[{"rounded-ee":G()}],"rounded-es":[{"rounded-es":G()}],"rounded-tl":[{"rounded-tl":G()}],"rounded-tr":[{"rounded-tr":G()}],"rounded-br":[{"rounded-br":G()}],"rounded-bl":[{"rounded-bl":G()}],"border-w":[{border:F()}],"border-w-x":[{"border-x":F()}],"border-w-y":[{"border-y":F()}],"border-w-s":[{"border-s":F()}],"border-w-e":[{"border-e":F()}],"border-w-bs":[{"border-bs":F()}],"border-w-be":[{"border-be":F()}],"border-w-t":[{"border-t":F()}],"border-w-r":[{"border-r":F()}],"border-w-b":[{"border-b":F()}],"border-w-l":[{"border-l":F()}],"divide-x":[{"divide-x":F()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":F()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...B(),"hidden","none"]}],"divide-style":[{divide:[...B(),"hidden","none"]}],"border-color":[{border:T()}],"border-color-x":[{"border-x":T()}],"border-color-y":[{"border-y":T()}],"border-color-s":[{"border-s":T()}],"border-color-e":[{"border-e":T()}],"border-color-bs":[{"border-bs":T()}],"border-color-be":[{"border-be":T()}],"border-color-t":[{"border-t":T()}],"border-color-r":[{"border-r":T()}],"border-color-b":[{"border-b":T()}],"border-color-l":[{"border-l":T()}],"divide-color":[{divide:T()}],"outline-style":[{outline:[...B(),"none","hidden"]}],"outline-offset":[{"outline-offset":[J,eh,es]}],"outline-w":[{outline:["",J,eb,ea]}],"outline-color":[{outline:T()}],shadow:[{shadow:["","inner","none",d,ek,ef]}],"shadow-color":[{shadow:T()}],"inset-shadow":[{"inset-shadow":["none",m,ek,ef]}],"inset-shadow-color":[{"inset-shadow":T()}],"ring-w":[{ring:F()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:T()}],"ring-offset-w":[{"ring-offset":[J,ea]}],"ring-offset-color":[{"ring-offset":T()}],"inset-ring-w":[{"inset-ring":F()}],"inset-ring-color":[{"inset-ring":T()}],"text-shadow":[{"text-shadow":["none",u,ek,ef]}],"text-shadow-color":[{"text-shadow":T()}],opacity:[{opacity:[J,eh,es]}],"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":[J]}],"mask-image-linear-from-pos":[{"mask-linear-from":q()}],"mask-image-linear-to-pos":[{"mask-linear-to":q()}],"mask-image-linear-from-color":[{"mask-linear-from":T()}],"mask-image-linear-to-color":[{"mask-linear-to":T()}],"mask-image-t-from-pos":[{"mask-t-from":q()}],"mask-image-t-to-pos":[{"mask-t-to":q()}],"mask-image-t-from-color":[{"mask-t-from":T()}],"mask-image-t-to-color":[{"mask-t-to":T()}],"mask-image-r-from-pos":[{"mask-r-from":q()}],"mask-image-r-to-pos":[{"mask-r-to":q()}],"mask-image-r-from-color":[{"mask-r-from":T()}],"mask-image-r-to-color":[{"mask-r-to":T()}],"mask-image-b-from-pos":[{"mask-b-from":q()}],"mask-image-b-to-pos":[{"mask-b-to":q()}],"mask-image-b-from-color":[{"mask-b-from":T()}],"mask-image-b-to-color":[{"mask-b-to":T()}],"mask-image-l-from-pos":[{"mask-l-from":q()}],"mask-image-l-to-pos":[{"mask-l-to":q()}],"mask-image-l-from-color":[{"mask-l-from":T()}],"mask-image-l-to-color":[{"mask-l-to":T()}],"mask-image-x-from-pos":[{"mask-x-from":q()}],"mask-image-x-to-pos":[{"mask-x-to":q()}],"mask-image-x-from-color":[{"mask-x-from":T()}],"mask-image-x-to-color":[{"mask-x-to":T()}],"mask-image-y-from-pos":[{"mask-y-from":q()}],"mask-image-y-to-pos":[{"mask-y-to":q()}],"mask-image-y-from-color":[{"mask-y-from":T()}],"mask-image-y-to-color":[{"mask-y-to":T()}],"mask-image-radial":[{"mask-radial":[eh,es]}],"mask-image-radial-from-pos":[{"mask-radial-from":q()}],"mask-image-radial-to-pos":[{"mask-radial-to":q()}],"mask-image-radial-from-color":[{"mask-radial-from":T()}],"mask-image-radial-to-color":[{"mask-radial-to":T()}],"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":x()}],"mask-image-conic-pos":[{"mask-conic":[J]}],"mask-image-conic-from-pos":[{"mask-conic-from":q()}],"mask-image-conic-to-pos":[{"mask-conic-to":q()}],"mask-image-conic-from-color":[{"mask-conic-from":T()}],"mask-image-conic-to-color":[{"mask-conic-to":T()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:W()}],"mask-repeat":[{mask:V()}],"mask-size":[{mask:P()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",eh,es]}],filter:[{filter:["","none",eh,es]}],blur:[{blur:H()}],brightness:[{brightness:[J,eh,es]}],contrast:[{contrast:[J,eh,es]}],"drop-shadow":[{"drop-shadow":["","none",p,ek,ef]}],"drop-shadow-color":[{"drop-shadow":T()}],grayscale:[{grayscale:["",J,eh,es]}],"hue-rotate":[{"hue-rotate":[J,eh,es]}],invert:[{invert:["",J,eh,es]}],saturate:[{saturate:[J,eh,es]}],sepia:[{sepia:["",J,eh,es]}],"backdrop-filter":[{"backdrop-filter":["","none",eh,es]}],"backdrop-blur":[{"backdrop-blur":H()}],"backdrop-brightness":[{"backdrop-brightness":[J,eh,es]}],"backdrop-contrast":[{"backdrop-contrast":[J,eh,es]}],"backdrop-grayscale":[{"backdrop-grayscale":["",J,eh,es]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[J,eh,es]}],"backdrop-invert":[{"backdrop-invert":["",J,eh,es]}],"backdrop-opacity":[{"backdrop-opacity":[J,eh,es]}],"backdrop-saturate":[{"backdrop-saturate":[J,eh,es]}],"backdrop-sepia":[{"backdrop-sepia":["",J,eh,es]}],"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",eh,es]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[J,"initial",eh,es]}],ease:[{ease:["linear","initial",g,eh,es]}],delay:[{delay:[J,eh,es]}],animate:[{animate:["none",y,eh,es]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[h,eh,es]}],"perspective-origin":[{"perspective-origin":k()}],rotate:[{rotate:ee()}],"rotate-x":[{"rotate-x":ee()}],"rotate-y":[{"rotate-y":ee()}],"rotate-z":[{"rotate-z":ee()}],scale:[{scale:et()}],"scale-x":[{"scale-x":et()}],"scale-y":[{"scale-y":et()}],"scale-z":[{"scale-z":et()}],"scale-3d":["scale-3d"],skew:[{skew:er()}],"skew-x":[{"skew-x":er()}],"skew-y":[{"skew-y":er()}],transform:[{transform:[eh,es,"","none","gpu","cpu"]}],"transform-origin":[{origin:k()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:eo()}],"translate-x":[{"translate-x":eo()}],"translate-y":[{"translate-y":eo()}],"translate-z":[{"translate-z":eo()}],"translate-none":["translate-none"],zoom:[{zoom:[Z,eh,es]}],accent:[{accent:T()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:T()}],"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",eh,es]}],"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":T()}],"scrollbar-track-color":[{"scrollbar-track":T()}],"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",eh,es]}],fill:[{fill:["none",...T()]}],"stroke-w":[{stroke:[J,eb,ea,ec]}],stroke:[{stroke:["none",...T()]}],"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=r=>{let l=t(r);if(l)return l;let n=((e,t)=>{let{parseClassName:r,getClassGroupId:o,getConflictingClassGroupIds:l,sortModifiers:n,postfixLookupClassGroupIds:i}=t,s=[],a=e.trim().split(T),c="";for(let e=a.length-1;e>=0;e-=1){let t,d=a[e],{isExternal:m,modifiers:u,hasImportantModifier:p,baseClassName:f,maybePostfixModifierPosition:h}=r(d);if(m){c=d+(c.length>0?" "+c:c);continue}let b=!!h;if(b){let e=(t=o(f.substring(0,h)))&&i[t]?o(f):void 0;e&&e!==t&&(t=e,b=!1)}else t=o(f);if(!t){if(!b||!(t=o(f))){c=d+(c.length>0?" "+c:c);continue}b=!1}let g=0===u.length?"":1===u.length?u[0]:n(u).join(":"),y=p?g+"!":g,w=y+t;if(s.indexOf(w)>-1)continue;s.push(w);let x=l(t,b);for(let e=0;e<x.length;++e){let t=x[e];s.push(y+t)}c=d+(c.length>0?" "+c:c)}return c})(r,e);return o(r,n),n},l=r=>{var i;let s;return t=(e={cache:(e=>{if(e<1)return{get:()=>void 0,set:()=>{}};let t=0,r=Object.create(null),o=Object.create(null),l=(l,n)=>{r[l]=n,++t>e&&(t=0,o=r,r=Object.create(null))};return{get(e){let t=r[e];return void 0!==t?t:void 0!==(t=o[e])?(l(e,t),t):void 0},set(e,t){e in r?r[e]=t:l(e,t)}}})((i=[].reduce((e,t)=>t(e),d())).cacheSize),parseClassName:(e=>{let{prefix:t,experimentalParseClassName:r}=e,o=e=>{let t,r=[],o=0,l=0,n=0,i=e.length;for(let s=0;s<i;s++){let i=e[s];if(0===o&&0===l){if(":"===i){r.push(e.slice(n,s)),n=s+1;continue}if("/"===i){t=s;continue}}"["===i?o++:"]"===i?o--:"("===i?l++:")"===i&&l--}let s=0===r.length?e:e.slice(n),a=s,c=!1;return s.endsWith("!")?(a=s.slice(0,-1),c=!0):s.startsWith("!")&&(a=s.slice(1),c=!0),M(r,c,a,t&&t>n?t-n:void 0)};if(t){let e=t+":",r=o;o=t=>t.startsWith(e)?r(t.slice(e.length)):M(D,!1,t,void 0,!0)}if(r){let e=o;o=t=>r({className:t,parseClassName:e})}return o})(i),sortModifiers:(s=new Map,i.orderSensitiveModifiers.forEach((e,t)=>{s.set(e,1e6+t)}),e=>{let t=[],r=[];for(let o=0;o<e.length;o++){let l=e[o],n="["===l[0],i=s.has(l);n||i?(r.length>0&&(r.sort(),t.push(...r),r=[]),t.push(l)):r.push(l)}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})(i),...(e=>{let t=(e=>{let{theme:t,classGroups:r}=e;return _(r,t)})(e),{conflictingClassGroups:r,conflictingClassGroupModifiers:o}=e;return{getClassGroupId:e=>{if(e.startsWith("[")&&e.endsWith("]")){var r;let t,o,l;return -1===(r=e).slice(1,-1).indexOf(":")?void 0:(o=(t=r.slice(1,-1)).indexOf(":"),(l=t.slice(0,o))?"arbitrary.."+l:void 0)}let o=e.split("-"),l=+(""===o[0]&&o.length>1);return E(o,l,t)},getConflictingClassGroupIds:(e,t)=>{if(t){let t=o[e],l=r[e];if(t){if(l){let e=Array(l.length+t.length);for(let t=0;t<l.length;t++)e[t]=l[t];for(let r=0;r<t.length;r++)e[l.length+r]=t[r];return e}return t}return l||z}return r[e]||z}}})(i)}).cache.get,o=e.cache.set,l=n,n(r)},(...e)=>l(((...e)=>{let t,r,o=0,l="";for(;o<e.length;)(t=e[o++])&&(r=W(t))&&(l&&(l+=" "),l+=r);return l})(...e))),eD=window.WallarmDS.Icons.ScanLine,eM=window.WallarmDS.Icons.Shapes,eT=window.WallarmDS.Icons.Zap,eW=window.WallarmDS.Button,eV=window.WallarmDS.Card,eA=window.WallarmDS.CardContent,eP=window.WallarmDS.CardHeader,eL=window.WallarmDS.CardTitle,eG=window.WallarmDS.Field,eF=window.WallarmDS.FieldLabel,eB=window.WallarmDS.Select,eU=window.WallarmDS.SelectButton,eq=window.WallarmDS.SelectContent,eH=window.WallarmDS.SelectPositioner,eY=window.WallarmDS.HStack,eJ=window.WallarmDS.VStack,eZ=window.WallarmDS.EmptyState,eK=window.WallarmDS.EmptyStateActions,eX=window.WallarmDS.EmptyStateDescription,eQ=window.WallarmDS.EmptyStateIllustration,e0=window.WallarmDS.EmptyStateLink,e1=window.WallarmDS.EmptyStateMessage,e2=window.WallarmDS.EmptyStateTitle,e3={title:"Pages/EmptyState",component:eZ,subcomponents:{EmptyStateIllustration:eQ,EmptyStateMessage:e1,EmptyStateTitle:e2,EmptyStateDescription:eX,EmptyStateActions:eK,EmptyStateLink:e0},parameters:{layout:"centered",docs:{description:{component:'EmptyState communicates that a space has no content — whether because a collection is empty, a search returned no matches, or a filter is too narrow. Use compound components: EmptyStateIllustration, EmptyStateMessage, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, EmptyStateLink.\n\n`type` picks the scale, and every slot follows it from context — no need to restate it on children. `collection-empty` is the page-level treatment: a medallion (a 36px raised tile holding a 20px icon), a pixel title, and room for actions plus a link. `no-results` is the compact inline treatment for a card, dropdown or select menu: 240px wide, with a 14px secondary title. An illustration always carries the medallion — there is no bare glyph.\n\nScale is not the same question as cause. A page-level "no filter matches" state still uses `collection-empty` — it just drops the create CTA and offers a neutral one instead.'}}},argTypes:{type:{control:"select",options:["collection-empty","no-results"]},children:{control:!1},ref:{control:!1}}},e4=e=>{let t,r,o,l,n,a,c=(0,m.c)(7);return c[0]===Symbol.for("react.memo_cache_sentinel")?(t=i(eQ,{children:i(eM,{})}),c[0]=t):t=c[0],c[1]===Symbol.for("react.memo_cache_sentinel")?(r=i(e2,{children:"Title text goes here"}),c[1]=r):r=c[1],c[2]===Symbol.for("react.memo_cache_sentinel")?(o=s(e1,{children:[r,s(eX,{children:["Description text explains what happened and what the user can do next.",i("br",{}),"One to two sentences maximum."]})]}),c[2]=o):o=c[2],c[3]===Symbol.for("react.memo_cache_sentinel")?(l=s(eK,{children:[i(eW,{size:"medium",children:"Reset filters"}),i(eW,{size:"medium",variant:"outline",color:"neutral",children:"Refresh"})]}),n=i(e0,{href:"#",children:"Link"}),c[3]=l,c[4]=n):(l=c[3],n=c[4]),c[5]!==e?(a=s(eZ,{...e,children:[t,o,l,n]}),c[5]=e,c[6]=a):a=c[6],a};e4.args={type:"collection-empty"};let e6=e=>{let t,r,o,l,n=(0,m.c)(5);return n[0]===Symbol.for("react.memo_cache_sentinel")?(t=i(eQ,{children:i(eT,{})}),n[0]=t):t=n[0],n[1]===Symbol.for("react.memo_cache_sentinel")?(r=s(e1,{children:[i(e2,{children:"No attacks found"}),i(eX,{children:"Try to apply different filter or reset it."})]}),n[1]=r):r=n[1],n[2]===Symbol.for("react.memo_cache_sentinel")?(o=i(eK,{children:i(eW,{size:"medium",variant:"outline",color:"neutral",children:"Refresh"})}),n[2]=o):o=n[2],n[3]!==e?(l=s(eZ,{...e,children:[t,r,o]}),n[3]=e,n[4]=l):l=n[4],l};e6.args={type:"collection-empty"};let e5=e=>{let t,r,o=(0,m.c)(3);return o[0]===Symbol.for("react.memo_cache_sentinel")?(t=s(e1,{children:[i(e2,{children:"No results"}),i(eX,{children:"Short description"})]}),o[0]=t):t=o[0],o[1]!==e?(r=i(eZ,{...e,children:t}),o[1]=e,o[2]=r):r=o[2],r};e5.args={type:"no-results"};let e8=new w({items:[]});function e7(e){return i("div",{className:((...e)=>ej(function(){for(var e,t,r=0,o="",l=arguments.length;r<l;r++)(e=arguments[r])&&(t=function e(t){var r,o,l="";if("string"==typeof t||"number"==typeof t)l+=t;else if("object"==typeof t)if(Array.isArray(t)){var n=t.length;for(r=0;r<n;r++)t[r]&&(o=e(t[r]))&&(l&&(l+=" "),l+=o)}else for(o in t)t[o]&&(l&&(l+=" "),l+=o);return l}(e))&&(o&&(o+=" "),o+=t);return o}(e)))("flex flex-1 justify-center py-28",e),children:i(eQ,{children:i(eD,{})})},e)}var e9=r("C");let te=[{name:"CollectionEmpty",story:e4,meta:e3},{name:"NoFilterResults",story:e6,meta:e3},{name:"Minimal",story:e5,meta:e3},{name:"NoResultsExamples",story:()=>{let e,t,r,o,l,n=(0,m.c)(5);return n[0]===Symbol.for("react.memo_cache_sentinel")?(e=i(eP,{children:i(eL,{children:"Bar chart"})}),n[0]=e):e=n[0],n[1]===Symbol.for("react.memo_cache_sentinel")?(t=s(eV,{className:"w-[340px]",children:[e,i(eA,{className:"flex items-center justify-center py-48",children:i(eZ,{type:"no-results",children:i(e1,{children:i(eX,{children:"No data found for selected period"})})})})]}),n[1]=t):t=n[1],n[2]===Symbol.for("react.memo_cache_sentinel")?(r=i(eF,{children:"Label"}),n[2]=r):r=n[2],n[3]===Symbol.for("react.memo_cache_sentinel")?(o=i(eU,{placeholder:"Select"}),n[3]=o):o=n[3],n[4]===Symbol.for("react.memo_cache_sentinel")?(l=s(eY,{gap:32,align:"start",children:[t,i(eJ,{gap:4,className:"w-[260px]",children:s(eG,{children:[r,s(eB,{collection:e8,children:[o,i(eH,{className:"w-[260px]",children:i(eq,{})})]})]})})]}),n[4]=l):l=n[4],l},meta:e3},{name:"Medallion",story:()=>{let e,t=(0,m.c)(1);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=i(eY,{gap:0,className:"w-[330px] overflow-hidden rounded-16 border border-border-primary",children:["bg-bg-surface-1","bg-bg-light-primary"].map(e7)}),t[0]=e):e=t[0],e},meta:e3}];function tt({entry:e}){let{story:t,meta:r}=e,o={...r.args,...t.args},l="function"==typeof t||t.$$typeof?t:t.render||r.render||r.component,n=()=>e9.default.createElement(l,o),i={args:o,globals:{theme:"light"},parameters:{...r.parameters,...t.parameters},viewMode:"story"};for(let e of[...r.decorators||[],...t.decorators||[]].reverse()){let t=n;n=()=>e(t,i)}return e9.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},e9.default.createElement("h2",{className:"text-sm mb-12"},e.name),e9.default.createElement(n))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(e9.default.createElement(window.WallarmDS.Root,null,te.map((e,t)=>e9.default.createElement(tt,{key:t,entry:e})))),t}}})();

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

@@ -0,0 +1,125 @@
+Asks one question in place, for measuring how a change landed without sending the reader to a survey. It is deliberately small and skippable: one question, an optional comment, and a timeout that dismisses it if the reader ignores it.
+
+## 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 |
+| --- | --- | --- | --- | --- |
+| `open` | `boolean` | yes | — |  |
+| `on-open-change` | `complex` | yes | — |  |
+| `on-submit` | `(result: { score: number; comment?: string \| undefined; }) => void` | yes | — |  |
+| `question` | `string \| undefined` | no | `How easy was it to use this feature?` |  |
+| `scale-labels` | `readonly [string, string] \| undefined` | no | `['Very difficult', 'Very easy']` |  |
+| `show-comment` | `boolean \| undefined` | no | `true` |  |
+| `dismiss-duration` | `number \| undefined` | no | `5000` |  |
+| `confirmation-text` | `string \| undefined` | no | `Thanks a lot! — Wallarm Team` |  |
+| `data-testid` | `string \| undefined` | no | — |  |
+
+## Stories
+
+### Playground
+
+The whole flow end to end — question, rating, optional comment, and the confirmation it shows
+before dismissing itself. The card portals to the document rather than sitting in this frame, so
+it appears pinned to the corner of the page and opens as soon as the page loads.
+
+Source: FeedbackPulse/FeedbackPulse.stories.tsx#Playground
+
+### Rating
+
+The rating scale on its own. Keep the question to something a single scale can honestly
+answer.
+
+Source: FeedbackPulse/FeedbackPulse.stories.tsx#Rating
+
+## Story sources
+
+### FeedbackPulse/FeedbackPulse.stories.tsx
+
+```tsx
+import { useState } from 'react';
+import { fn } from 'storybook/test';
+import type { Meta, StoryFn } from 'storybook-react-rsbuild';
+import { Button } from '../Button';
+import { FeedbackPulse } from './FeedbackPulse';
+
+const DESCRIPTION = [
+  'Asks one question in place, for measuring how a change landed without sending the reader to a survey.',
+  'It is deliberately small and skippable: one question, an optional comment, and a timeout that dismisses it if the reader ignores it.',
+].join(' ');
+
+const onSubmit = fn().mockName('onSubmit');
+const onOpenChange = fn().mockName('onOpenChange');
+
+const meta = {
+  title: 'Overlay/FeedbackPulse',
+  component: FeedbackPulse,
+  parameters: {
+    layout: 'fullscreen',
+    docs: {
+      description: {
+        component: DESCRIPTION,
+      },
+    },
+  },
+} satisfies Meta<typeof FeedbackPulse>;
+
+export default meta;
+
+/**
+ * The whole flow end to end — question, rating, optional comment, and the confirmation it shows
+ * before dismissing itself. The card portals to the document rather than sitting in this frame, so
+ * it appears pinned to the corner of the page and opens as soon as the page loads.
+ */
+export const Playground: StoryFn<typeof meta> = args => {
+  // Open on load: the e2e test for the confirmation phase goes straight to this story and clicks
+  // a score, so it depends on the card already being up.
+  const [open, setOpen] = useState(true);
+  return (
+    <div
+      style={{
+        // The card is fixed to the viewport corner, not to this box, so the frame only has to
+        // hold the trigger — a full viewport height here leaves the docs page mostly empty.
+        display: 'flex',
+        minHeight: 120,
+        alignItems: 'center',
+        justifyContent: 'center',
+      }}
+    >
+      <Button variant='outline' color='neutral' onClick={() => setOpen(true)}>
+        Show FeedbackPulse
+      </Button>
+      <FeedbackPulse
+        {...args}
+        open={open}
+        onOpenChange={next => setOpen(next)}
+        onSubmit={onSubmit}
+        data-testid='feedback-pulse'
+      />
+    </div>
+  );
+};
+
+// Static phase story for visual snapshots. The wrapper keeps a node in #storybook-root
+// (FeedbackPulse itself portals to document.body) so the e2e story-loader can detect render.
+/**
+ * The rating scale on its own. Keep the question to something a single scale can honestly
+ * answer.
+ */
+export const Rating: StoryFn<typeof meta> = () => (
+  <div style={{ minHeight: '100vh' }}>
+    <FeedbackPulse
+      open
+      onOpenChange={onOpenChange}
+      onSubmit={onSubmit}
+      data-testid='feedback-pulse'
+    />
+  </div>
+);
+
+// Excluded from the Overview page on purpose: it is pinned open with a no-op `onOpenChange`
+// for the snapshot, and FeedbackPulse portals to `document.body`, so on a docs page it floats
+// over everything with no way to dismiss it. It stays a story for e2e and the sidebar.
+Rating.tags = ['!autodocs'];
+```

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

@@ -0,0 +1,2 @@
+<!-- @dsCard group="Overlay" 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>