@wallarm-org/claude-design 4.8.0 → 4.10.0

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

@@ -9,4 +9,4 @@ var e={vD(e,r,t){let o,l;/**
  * @nolint
  * @preventMunge
  * @preserve-invariant-messages
- */var n,a,i=Object.create,s=Object.defineProperty,c=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,m=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,p=(e,r,t,o)=>{if(r&&"object"==typeof r||"function"==typeof r)for(let l of d(r))u.call(e,l)||l===t||s(e,l,{get:()=>r[l],enumerable:!(o=c(r,l))||o.enumerable});return e},h={},f={$dispatcherGuard:()=>D,$makeReadOnly:()=>$,$reset:()=>E,$structuralCheck:()=>j,c:()=>S,clearRenderCounterRegistry:()=>W,renderCounterRegistry:()=>R,useRenderCounter:()=>T};for(var b in f)s(h,b,{get:f[b],enumerable:!0});e.exports=p(s({},"__esModule",{value:!0}),h);var g=(l=null!=(o=t("C"))?i(m(o)):{},p(o&&o.__esModule?l:s(l,"default",{value:o,enumerable:!0}),o)),{useRef:w,useEffect:y,isValidElement:v}=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,x=Symbol.for("react.memo_cache_sentinel"),S="function"==typeof(null==(a=g.__COMPILER_RUNTIME)?void 0:a.c)?g.__COMPILER_RUNTIME.c:function(e){return g.useMemo(()=>{let r=Array(e);for(let t=0;t<e;t++)r[t]=x;return r[x]=!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 _=null;function N(e){return k.ReactCurrentDispatcher.current=e,k.ReactCurrentDispatcher.current}C.useMemoCache=e=>{if(null!=_)return _.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var z=[];function D(e){let r=k.ReactCurrentDispatcher.current;if(0===e){if(z.push(r),1===z.length&&(_=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.");N(C)}else if(1===e){let e=z.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===z.length&&(_=null),N(e)}else if(2===e)z.push(r),N(_);else if(3===e){let e=z.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");N(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function E(e){for(let r=0;r<e.length;r++)e[r]=x}function $(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var R=new Map;function W(){for(let e of R.values())e.forEach(e=>{e.count=0})}function T(e){let r=w(null);null!=r.current&&(r.current.count+=1),y(()=>{if(null==r.current){let t,o={count:0};null==(t=R.get(e))&&(t=new Set,R.set(e,t)),t.add(o),r.current=o}return()=>{var t;let o;null!==r.current&&(t=r.current,null!=(o=R.get(e))&&o.delete(t))}})}var M=new Set;function j(e,r,t,o,l,n){function a(e,r,a,i){let s=`${o}:${n} [${l}] ${t}${a} changed from ${e} to ${r} at depth ${i}`;M.has(s)||(M.add(s),console.error(s))}!function e(r,t,o,l){if(!(l>2)){if(r!==t)if(typeof r!=typeof t)a(`type ${typeof r}`,`type ${typeof t}`,o,l);else if("object"==typeof r){let n=Array.isArray(r),i=Array.isArray(t);if(null===r&&null!==t)a("null",`type ${typeof t}`,o,l);else if(null===t)a(`type ${typeof r}`,"null",o,l);else if(r instanceof Map)if(t instanceof Map)if(r.size!==t.size)a(`Map instance with size ${r.size}`,`Map instance with size ${t.size}`,o,l);else for(let[n,i]of r)t.has(n)?e(i,t.get(n),`${o}.get(${n})`,l+1):a(`Map instance with key ${n}`,`Map instance without key ${n}`,o,l);else a("Map instance","other value",o,l);else if(t instanceof Map)a("other value","Map instance",o,l);else if(r instanceof Set)if(t instanceof Set)if(r.size!==t.size)a(`Set instance with size ${r.size}`,`Set instance with size ${t.size}`,o,l);else for(let e of t)r.has(e)||a(`Set instance without element ${e}`,`Set instance with element ${e}`,o,l);else a("Set instance","other value",o,l);else if(t instanceof Set)a("other value","Set instance",o,l);else if(n||i)if(n!==i)a(`type ${n?"array":"object"}`,`type ${i?"array":"object"}`,o,l);else if(r.length!==t.length)a(`array with length ${r.length}`,`array with length ${t.length}`,o,l);else for(let n=0;n<r.length;n++)e(r[n],t[n],`${o}[${n}]`,l+1);else if(v(r)||v(t))v(r)!==v(t)?a(`type ${v(r)?"React element":"object"}`,`type ${v(t)?"React element":"object"}`,o,l):r.type!==t.type?a(`React element of type ${r.type}`,`React element of type ${t.type}`,o,l):e(r.props,t.props,`[props of ${o}]`,l+1);else{for(let e in t)e in r||a(`object without key ${e}`,`object with key ${e}`,o,l);for(let n in r)n in t?e(r[n],t[n],`${o}.${n}`,l+1):a(`object with key ${n}`,`object without key ${n}`,o,l)}}else{if("function"==typeof r)return;isNaN(r)||isNaN(t)?isNaN(r)!==isNaN(t)&&a(`${isNaN(r)?"NaN":"non-NaN value"}`,`${isNaN(t)?"NaN":"non-NaN value"}`,o,l):r!==t&&a(r,t,o,l)}}}(e,r,"",0)}},p(e,r,t){let o=new WeakMap,l=new WeakMap;function n(e,r,t){let n=r,a=t;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!=a.ref&&!n.prototype?.isReactComponent){let r=n,t=o.get(e);t||(t=new WeakMap,o.set(e,t));let l=t.get(r);l||((l=e.forwardRef((e,t)=>r({...e,ref:t}))).displayName=r.displayName??r.name,t.set(r,l)),n=l}if("string"==typeof n&&"boolean"==typeof a.inert&&((a={...a}).inert?a.inert="":delete a.inert),"string"==typeof n)for(let[e,r]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in a&&(a={...a,[r]:a[e]},delete a[e]);return"string"==typeof n&&null!=a.ref&&(n=function(e,r){let t=l.get(e);t||(t=new Map,l.set(e,t));let o=t.get(r);if(o)return o;let n=e.forwardRef((t,o)=>{let l=e.useRef(null);if(!l.current||l.current.original!==o){let e;l.current={original:o,callback:r=>{if(null==r&&e){let r=e;e=void 0,r();return}if("function"==typeof o){let t=o(r);e="function"==typeof t?t:void 0}else o&&(o.current=r)}}}return e.createElement(r,{...t,ref:l.current.callback})});return n.displayName=`CanvasHost(${r})`,t.set(r,n),n}(e,n)),{type:n,props:a}}function a(e){let r=(r,t,o)=>{let l=n(e,r,t??{});return e.createElement(l.type,void 0===o?l.props:{...l.props,key:o})};return{jsx:r,jsxs:(r,t,o)=>{let l=n(e,r,t??{}),{children:a,...i}=l.props;return e.createElement(l.type,void 0===o?i:{...i,key:o},...Array.isArray(a)?a:[a])},jsxDEV:r,Fragment:e.Fragment}}function i(e){return{...e,createElement:(r,t,...o)=>{let l=n(e,r,t??{});return e.createElement(l.type,l.props,...o)},cloneElement:(r,t,...o)=>{let l=e.cloneElement(r,t??void 0,...o),a=l.ref,i=n(e,l.type,{...l.props,ref:a});return i.type===l.type&&"string"!=typeof l.type?l:e.createElement(i.type,{...i.props,key:l.key})}}}t.d(r,{MA:()=>a,YJ:()=>i})},C(e,r,t){t.r(r);let o=(0,t("p").YJ)(window.React),{Children:l,Component:n,Fragment:a,Profiler:i,PureComponent:s,StrictMode:c,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:p,createContext:h,createElement:f,createFactory:b,createRef:g,forwardRef:w,isValidElement:y,lazy:v,memo:k,startTransition:x,unstable_act:S,useCallback:C,useContext:_,useDebugValue:N,useDeferredValue:z,useEffect:D,useId:E,useImperativeHandle:$,useInsertionEffect:R,useLayoutEffect:W,useMemo:T,useReducer:M,useRef:j,useState:O,useSyncExternalStore:L,useTransition:P,version:I,use:U}=o;t.d(r,{},{Children:l,Component:n,Fragment:a,Profiler:i,PureComponent:s,StrictMode:c,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:p,createContext:h,createElement:f,createFactory:b,createRef:g,default:o,forwardRef:w,isValidElement:y,lazy:v,memo:k,startTransition:x,unstable_act:S,use:U,useCallback:C,useContext:_,useDebugValue:N,useDeferredValue:z,useEffect:D,useId:E,useImperativeHandle:$,useInsertionEffect:R,useLayoutEffect:W,useMemo:T,useReducer:M,useRef:j,useState:O,useSyncExternalStore:L,useTransition:P,version:I})}},r={};function t(o){var l=r[o];if(void 0!==l)return l.exports;var n=r[o]={exports:{}};return e[o](n,n.exports,t),n.exports}t.d=(e,r,o)=>{var l=(r,o)=>{for(var l in r)t.o(r,l)&&!t.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,[o]:r[l]})};l(r,"get"),l(o,"value")},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let e,r,o,l,n,{jsx:a,jsxs:i,jsxDEV:s,Fragment:c}=(0,t("p").MA)(window.React);var d,m=t("vD"),u=t("C");let p=(e=new Map,r=null,t)=>({nextPart:e,validators:r,classGroupId:t}),h=[],f=(e,r,t)=>{if(0==e.length-r)return t.classGroupId;let o=e[r],l=t.nextPart.get(o);if(l){let t=f(e,r+1,l);if(t)return t}let n=t.validators;if(null===n)return;let a=0===r?e.join("-"):e.slice(r).join("-"),i=n.length;for(let e=0;e<i;e++){let r=n[e];if(r.validator(a))return r.classGroupId}},b=(e,r)=>{let t=p();for(let o in e)g(e[o],t,o,r);return t},g=(e,r,t,o)=>{let l=e.length;for(let n=0;n<l;n++)w(e[n],r,t,o)},w=(e,r,t,o)=>{"string"==typeof e?y(e,r,t):"function"==typeof e?v(e,r,t,o):k(e,r,t,o)},y=(e,r,t)=>{(""===e?r:x(r,e)).classGroupId=t},v=(e,r,t,o)=>{S(e)?g(e(o),r,t,o):(null===r.validators&&(r.validators=[]),r.validators.push({classGroupId:t,validator:e}))},k=(e,r,t,o)=>{let l=Object.entries(e),n=l.length;for(let e=0;e<n;e++){let[n,a]=l[e];g(a,x(r,n),t,o)}},x=(e,r)=>{let t=e,o=r.split("-"),l=o.length;for(let e=0;e<l;e++){let r=o[e],l=t.nextPart.get(r);l||(l=p(),t.nextPart.set(r,l)),t=l}return t},S=e=>"isThemeGetter"in e&&!0===e.isThemeGetter,C=[],_=(e,r,t,o,l)=>({modifiers:e,hasImportantModifier:r,baseClassName:t,maybePostfixModifierPosition:o,isExternal:l}),N=/\s+/,z=e=>{let r;if("string"==typeof e)return e;let t="";for(let o=0;o<e.length;o++)e[o]&&(r=z(e[o]))&&(t&&(t+=" "),t+=r);return t},D=[],E=e=>{let r=r=>r[e]||D;return r.isThemeGetter=!0,r.themeKey=e,r},$=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,R=/^\((?:(\w[\w-]*):)?(.+)\)$/i,W=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,T=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,M=/\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$/,j=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix|color|light-dark)\(.+\)$/,O=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,L=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,P=e=>W.test(e),I=e=>!!e&&!Number.isNaN(Number(e)),U=e=>!!e&&Number.isInteger(Number(e)),X=e=>e.endsWith("%")&&I(e.slice(0,-1)),A=e=>T.test(e),V=()=>!0,G=e=>M.test(e)&&!j.test(e),q=()=>!1,F=e=>O.test(e),B=e=>L.test(e),H=e=>!J(e)&&!en(e),Y=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)),Z=e=>ep(e,eg,q),J=e=>$.test(e),K=e=>ep(e,ew,G),Q=e=>ep(e,ey,I),ee=e=>ep(e,ek,V),er=e=>ep(e,ev,q),et=e=>ep(e,ef,q),eo=e=>ep(e,eb,B),el=e=>ep(e,ex,F),en=e=>R.test(e),ea=e=>eh(e,ew),ei=e=>eh(e,ev),es=e=>eh(e,ef),ec=e=>eh(e,eg),ed=e=>eh(e,eb),em=e=>eh(e,ex,!0),eu=e=>eh(e,ek,!0),ep=(e,r,t)=>{let o=$.exec(e);return!!o&&(o[1]?r(o[1]):t(o[2]))},eh=(e,r,t=!1)=>{let o=R.exec(e);return!!o&&(o[1]?r(o[1]):t)},ef=e=>"position"===e||"percentage"===e,eb=e=>"image"===e||"url"===e,eg=e=>"length"===e||"size"===e||"bg-size"===e,ew=e=>"length"===e,ey=e=>"number"===e,ev=e=>"family-name"===e,ek=e=>"number"===e||"weight"===e,ex=e=>"shadow"===e,eS=(d=()=>{let e=E("color"),r=E("font"),t=E("text"),o=E("font-weight"),l=E("tracking"),n=E("leading"),a=E("breakpoint"),i=E("container"),s=E("spacing"),c=E("radius"),d=E("shadow"),m=E("inset-shadow"),u=E("text-shadow"),p=E("drop-shadow"),h=E("blur"),f=E("perspective"),b=E("aspect"),g=E("ease"),w=E("animate"),y=()=>["auto","avoid","all","avoid-page","page","left","right","column"],v=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],k=()=>[...v(),en,J],x=()=>["auto","hidden","clip","visible","scroll"],S=()=>["auto","contain","none"],C=()=>[en,J,s],_=()=>[P,"full","auto",...C()],N=()=>[U,"none","subgrid",en,J],z=()=>["auto",{span:["full",U,en,J]},U,en,J],D=()=>[U,"auto",en,J],$=()=>["auto","min","max","fr",en,J],R=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],W=()=>["start","end","center","stretch","center-safe","end-safe"],T=()=>["auto",...C()],M=()=>[P,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...C()],j=()=>[i,P,"screen","full","dvw","lvw","svw","min","max","fit",...C()],O=()=>[P,"screen","full","lh","dvh","lvh","svh","min","max","fit",...C()],L=()=>[e,en,J],G=()=>[...v(),es,et,{position:[en,J]}],q=()=>["no-repeat",{repeat:["","x","y","space","round"]}],F=()=>["auto","cover","contain",ec,Z,{size:[en,J]}],B=()=>[X,ea,K],ep=()=>["","none","full",c,en,J],eh=()=>["",I,ea,K],ef=()=>["solid","dashed","dotted","double"],eb=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],eg=()=>[I,X,es,et],ew=()=>["","none",h,en,J],ey=()=>["none",I,en,J],ev=()=>["none",I,en,J],ek=()=>[I,en,J],ex=()=>[P,"full",...C()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[A],breakpoint:[A],color:[V],container:[A],"drop-shadow":[A],ease:["in","out","in-out"],font:[H],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[A],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[A],shadow:[A],spacing:["px",I],text:[A],"text-shadow":[A],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",P,J,en,b]}],container:["container"],"container-type":[{"@container":["","normal","size",en,J]}],"container-named":[Y],columns:[{columns:[I,"auto",J,en,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:k()}],overflow:[{overflow:x()}],"overflow-x":[{"overflow-x":x()}],"overflow-y":[{"overflow-y":x()}],overscroll:[{overscroll:S()}],"overscroll-x":[{"overscroll-x":S()}],"overscroll-y":[{"overscroll-y":S()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:_()}],"inset-x":[{"inset-x":_()}],"inset-y":[{"inset-y":_()}],start:[{"inset-s":_(),start:_()}],end:[{"inset-e":_(),end:_()}],"inset-bs":[{"inset-bs":_()}],"inset-be":[{"inset-be":_()}],top:[{top:_()}],right:[{right:_()}],bottom:[{bottom:_()}],left:[{left:_()}],visibility:["visible","invisible","collapse"],z:[{z:[U,"auto",en,J]}],basis:[{basis:[P,"full","auto",i,...C()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[I,P,"auto","initial","none",J]}],grow:[{grow:["",I,en,J]}],shrink:[{shrink:["",I,en,J]}],order:[{order:[U,"first","last","none",en,J]}],"grid-cols":[{"grid-cols":N()}],"col-start-end":[{col:z()}],"col-start":[{"col-start":D()}],"col-end":[{"col-end":D()}],"grid-rows":[{"grid-rows":N()}],"row-start-end":[{row:z()}],"row-start":[{"row-start":D()}],"row-end":[{"row-end":D()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":$()}],"auto-rows":[{"auto-rows":$()}],gap:[{gap:C()}],"gap-x":[{"gap-x":C()}],"gap-y":[{"gap-y":C()}],"justify-content":[{justify:[...R(),"normal"]}],"justify-items":[{"justify-items":[...W(),"normal"]}],"justify-self":[{"justify-self":["auto",...W()]}],"align-content":[{content:["normal",...R()]}],"align-items":[{items:[...W(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...W(),{baseline:["","last"]}]}],"place-content":[{"place-content":R()}],"place-items":[{"place-items":[...W(),"baseline"]}],"place-self":[{"place-self":["auto",...W()]}],p:[{p:C()}],px:[{px:C()}],py:[{py:C()}],ps:[{ps:C()}],pe:[{pe:C()}],pbs:[{pbs:C()}],pbe:[{pbe:C()}],pt:[{pt:C()}],pr:[{pr:C()}],pb:[{pb:C()}],pl:[{pl:C()}],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":C()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":C()}],"space-y-reverse":["space-y-reverse"],size:[{size:M()}],"inline-size":[{inline:["auto",...j()]}],"min-inline-size":[{"min-inline":["auto",...j()]}],"max-inline-size":[{"max-inline":["none",...j()]}],"block-size":[{block:["auto",...O()]}],"min-block-size":[{"min-block":["auto",...O()]}],"max-block-size":[{"max-block":["none",...O()]}],w:[{w:[i,"screen",...M()]}],"min-w":[{"min-w":[i,"screen","none",...M()]}],"max-w":[{"max-w":[i,"screen","none","prose",{screen:[a]},...M()]}],h:[{h:["screen","lh",...M()]}],"min-h":[{"min-h":["screen","lh","none",...M()]}],"max-h":[{"max-h":["screen","lh","none",...M()]}],"font-size":[{text:["base",t,ea,K]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[o,eu,ee]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",X,J]}],"font-family":[{font:[ei,er,r]}],"font-features":[{"font-features":[J]}],"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,en,J]}],"line-clamp":[{"line-clamp":[I,"none",en,Q]}],leading:[{leading:["none",n,...C()]}],"list-image":[{"list-image":["none",en,J]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",en,J]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:L()}],"text-color":[{text:L()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...ef(),"wavy"]}],"text-decoration-thickness":[{decoration:[I,"from-font","auto",en,K]}],"text-decoration-color":[{decoration:L()}],"underline-offset":[{"underline-offset":[I,"auto",en,J]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:C()}],"tab-size":[{tab:[U,en,J]}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",en,J]}],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",en,J]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:G()}],"bg-repeat":[{bg:q()}],"bg-size":[{bg:F()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},U,en,J],radial:["",en,J],conic:["",U,en,J]},ed,eo]}],"bg-color":[{bg:L()}],"gradient-from-pos":[{from:B()}],"gradient-via-pos":[{via:B()}],"gradient-to-pos":[{to:B()}],"gradient-from":[{from:L()}],"gradient-via":[{via:L()}],"gradient-to":[{to:L()}],rounded:[{rounded:ep()}],"rounded-s":[{"rounded-s":ep()}],"rounded-e":[{"rounded-e":ep()}],"rounded-t":[{"rounded-t":ep()}],"rounded-r":[{"rounded-r":ep()}],"rounded-b":[{"rounded-b":ep()}],"rounded-l":[{"rounded-l":ep()}],"rounded-ss":[{"rounded-ss":ep()}],"rounded-se":[{"rounded-se":ep()}],"rounded-ee":[{"rounded-ee":ep()}],"rounded-es":[{"rounded-es":ep()}],"rounded-tl":[{"rounded-tl":ep()}],"rounded-tr":[{"rounded-tr":ep()}],"rounded-br":[{"rounded-br":ep()}],"rounded-bl":[{"rounded-bl":ep()}],"border-w":[{border:eh()}],"border-w-x":[{"border-x":eh()}],"border-w-y":[{"border-y":eh()}],"border-w-s":[{"border-s":eh()}],"border-w-e":[{"border-e":eh()}],"border-w-bs":[{"border-bs":eh()}],"border-w-be":[{"border-be":eh()}],"border-w-t":[{"border-t":eh()}],"border-w-r":[{"border-r":eh()}],"border-w-b":[{"border-b":eh()}],"border-w-l":[{"border-l":eh()}],"divide-x":[{"divide-x":eh()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":eh()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...ef(),"hidden","none"]}],"divide-style":[{divide:[...ef(),"hidden","none"]}],"border-color":[{border:L()}],"border-color-x":[{"border-x":L()}],"border-color-y":[{"border-y":L()}],"border-color-s":[{"border-s":L()}],"border-color-e":[{"border-e":L()}],"border-color-bs":[{"border-bs":L()}],"border-color-be":[{"border-be":L()}],"border-color-t":[{"border-t":L()}],"border-color-r":[{"border-r":L()}],"border-color-b":[{"border-b":L()}],"border-color-l":[{"border-l":L()}],"divide-color":[{divide:L()}],"outline-style":[{outline:[...ef(),"none","hidden"]}],"outline-offset":[{"outline-offset":[I,en,J]}],"outline-w":[{outline:["",I,ea,K]}],"outline-color":[{outline:L()}],shadow:[{shadow:["","inner","none",d,em,el]}],"shadow-color":[{shadow:L()}],"inset-shadow":[{"inset-shadow":["none",m,em,el]}],"inset-shadow-color":[{"inset-shadow":L()}],"ring-w":[{ring:eh()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:L()}],"ring-offset-w":[{"ring-offset":[I,K]}],"ring-offset-color":[{"ring-offset":L()}],"inset-ring-w":[{"inset-ring":eh()}],"inset-ring-color":[{"inset-ring":L()}],"text-shadow":[{"text-shadow":["none",u,em,el]}],"text-shadow-color":[{"text-shadow":L()}],opacity:[{opacity:[I,en,J]}],"mix-blend":[{"mix-blend":[...eb(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":eb()}],"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":[I]}],"mask-image-linear-from-pos":[{"mask-linear-from":eg()}],"mask-image-linear-to-pos":[{"mask-linear-to":eg()}],"mask-image-linear-from-color":[{"mask-linear-from":L()}],"mask-image-linear-to-color":[{"mask-linear-to":L()}],"mask-image-t-from-pos":[{"mask-t-from":eg()}],"mask-image-t-to-pos":[{"mask-t-to":eg()}],"mask-image-t-from-color":[{"mask-t-from":L()}],"mask-image-t-to-color":[{"mask-t-to":L()}],"mask-image-r-from-pos":[{"mask-r-from":eg()}],"mask-image-r-to-pos":[{"mask-r-to":eg()}],"mask-image-r-from-color":[{"mask-r-from":L()}],"mask-image-r-to-color":[{"mask-r-to":L()}],"mask-image-b-from-pos":[{"mask-b-from":eg()}],"mask-image-b-to-pos":[{"mask-b-to":eg()}],"mask-image-b-from-color":[{"mask-b-from":L()}],"mask-image-b-to-color":[{"mask-b-to":L()}],"mask-image-l-from-pos":[{"mask-l-from":eg()}],"mask-image-l-to-pos":[{"mask-l-to":eg()}],"mask-image-l-from-color":[{"mask-l-from":L()}],"mask-image-l-to-color":[{"mask-l-to":L()}],"mask-image-x-from-pos":[{"mask-x-from":eg()}],"mask-image-x-to-pos":[{"mask-x-to":eg()}],"mask-image-x-from-color":[{"mask-x-from":L()}],"mask-image-x-to-color":[{"mask-x-to":L()}],"mask-image-y-from-pos":[{"mask-y-from":eg()}],"mask-image-y-to-pos":[{"mask-y-to":eg()}],"mask-image-y-from-color":[{"mask-y-from":L()}],"mask-image-y-to-color":[{"mask-y-to":L()}],"mask-image-radial":[{"mask-radial":[en,J]}],"mask-image-radial-from-pos":[{"mask-radial-from":eg()}],"mask-image-radial-to-pos":[{"mask-radial-to":eg()}],"mask-image-radial-from-color":[{"mask-radial-from":L()}],"mask-image-radial-to-color":[{"mask-radial-to":L()}],"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":v()}],"mask-image-conic-pos":[{"mask-conic":[I]}],"mask-image-conic-from-pos":[{"mask-conic-from":eg()}],"mask-image-conic-to-pos":[{"mask-conic-to":eg()}],"mask-image-conic-from-color":[{"mask-conic-from":L()}],"mask-image-conic-to-color":[{"mask-conic-to":L()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:G()}],"mask-repeat":[{mask:q()}],"mask-size":[{mask:F()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",en,J]}],filter:[{filter:["","none",en,J]}],blur:[{blur:ew()}],brightness:[{brightness:[I,en,J]}],contrast:[{contrast:[I,en,J]}],"drop-shadow":[{"drop-shadow":["","none",p,em,el]}],"drop-shadow-color":[{"drop-shadow":L()}],grayscale:[{grayscale:["",I,en,J]}],"hue-rotate":[{"hue-rotate":[I,en,J]}],invert:[{invert:["",I,en,J]}],saturate:[{saturate:[I,en,J]}],sepia:[{sepia:["",I,en,J]}],"backdrop-filter":[{"backdrop-filter":["","none",en,J]}],"backdrop-blur":[{"backdrop-blur":ew()}],"backdrop-brightness":[{"backdrop-brightness":[I,en,J]}],"backdrop-contrast":[{"backdrop-contrast":[I,en,J]}],"backdrop-grayscale":[{"backdrop-grayscale":["",I,en,J]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[I,en,J]}],"backdrop-invert":[{"backdrop-invert":["",I,en,J]}],"backdrop-opacity":[{"backdrop-opacity":[I,en,J]}],"backdrop-saturate":[{"backdrop-saturate":[I,en,J]}],"backdrop-sepia":[{"backdrop-sepia":["",I,en,J]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":C()}],"border-spacing-x":[{"border-spacing-x":C()}],"border-spacing-y":[{"border-spacing-y":C()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",en,J]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[I,"initial",en,J]}],ease:[{ease:["linear","initial",g,en,J]}],delay:[{delay:[I,en,J]}],animate:[{animate:["none",w,en,J]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[f,en,J]}],"perspective-origin":[{"perspective-origin":k()}],rotate:[{rotate:ey()}],"rotate-x":[{"rotate-x":ey()}],"rotate-y":[{"rotate-y":ey()}],"rotate-z":[{"rotate-z":ey()}],scale:[{scale:ev()}],"scale-x":[{"scale-x":ev()}],"scale-y":[{"scale-y":ev()}],"scale-z":[{"scale-z":ev()}],"scale-3d":["scale-3d"],skew:[{skew:ek()}],"skew-x":[{"skew-x":ek()}],"skew-y":[{"skew-y":ek()}],transform:[{transform:[en,J,"","none","gpu","cpu"]}],"transform-origin":[{origin:k()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:ex()}],"translate-x":[{"translate-x":ex()}],"translate-y":[{"translate-y":ex()}],"translate-z":[{"translate-z":ex()}],"translate-none":["translate-none"],zoom:[{zoom:[U,en,J]}],accent:[{accent:L()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:L()}],"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",en,J]}],"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":L()}],"scrollbar-track-color":[{"scrollbar-track":L()}],"scrollbar-gutter":[{"scrollbar-gutter":["auto","stable","both"]}],"scrollbar-w":[{scrollbar:["auto","thin","none"]}],"scroll-m":[{"scroll-m":C()}],"scroll-mx":[{"scroll-mx":C()}],"scroll-my":[{"scroll-my":C()}],"scroll-ms":[{"scroll-ms":C()}],"scroll-me":[{"scroll-me":C()}],"scroll-mbs":[{"scroll-mbs":C()}],"scroll-mbe":[{"scroll-mbe":C()}],"scroll-mt":[{"scroll-mt":C()}],"scroll-mr":[{"scroll-mr":C()}],"scroll-mb":[{"scroll-mb":C()}],"scroll-ml":[{"scroll-ml":C()}],"scroll-p":[{"scroll-p":C()}],"scroll-px":[{"scroll-px":C()}],"scroll-py":[{"scroll-py":C()}],"scroll-ps":[{"scroll-ps":C()}],"scroll-pe":[{"scroll-pe":C()}],"scroll-pbs":[{"scroll-pbs":C()}],"scroll-pbe":[{"scroll-pbe":C()}],"scroll-pt":[{"scroll-pt":C()}],"scroll-pr":[{"scroll-pr":C()}],"scroll-pb":[{"scroll-pb":C()}],"scroll-pl":[{"scroll-pl":C()}],"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",en,J]}],fill:[{fill:["none",...L()]}],"stroke-w":[{stroke:[I,ea,K,Q]}],stroke:[{stroke:["none",...L()]}],"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=t=>{let l=r(t);if(l)return l;let n=((e,r)=>{let{parseClassName:t,getClassGroupId:o,getConflictingClassGroupIds:l,sortModifiers:n,postfixLookupClassGroupIds:a}=r,i=[],s=e.trim().split(N),c="";for(let e=s.length-1;e>=0;e-=1){let r,d=s[e],{isExternal:m,modifiers:u,hasImportantModifier:p,baseClassName:h,maybePostfixModifierPosition:f}=t(d);if(m){c=d+(c.length>0?" "+c:c);continue}let b=!!f;if(b){let e=(r=o(h.substring(0,f)))&&a[r]?o(h):void 0;e&&e!==r&&(r=e,b=!1)}else r=o(h);if(!r){if(!b||!(r=o(h))){c=d+(c.length>0?" "+c:c);continue}b=!1}let g=0===u.length?"":1===u.length?u[0]:n(u).join(":"),w=p?g+"!":g,y=w+r;if(i.indexOf(y)>-1)continue;i.push(y);let v=l(r,b);for(let e=0;e<v.length;++e){let r=v[e];i.push(w+r)}c=d+(c.length>0?" "+c:c)}return c})(t,e);return o(t,n),n},l=t=>{var a;let i;return r=(e={cache:(e=>{if(e<1)return{get:()=>void 0,set:()=>{}};let r=0,t=Object.create(null),o=Object.create(null),l=(l,n)=>{t[l]=n,++r>e&&(r=0,o=t,t=Object.create(null))};return{get(e){let r=t[e];return void 0!==r?r:void 0!==(r=o[e])?(l(e,r),r):void 0},set(e,r){e in t?t[e]=r:l(e,r)}}})((a=[].reduce((e,r)=>r(e),d())).cacheSize),parseClassName:(e=>{let{prefix:r,experimentalParseClassName:t}=e,o=e=>{let r,t=[],o=0,l=0,n=0,a=e.length;for(let i=0;i<a;i++){let a=e[i];if(0===o&&0===l){if(":"===a){t.push(e.slice(n,i)),n=i+1;continue}if("/"===a){r=i;continue}}"["===a?o++:"]"===a?o--:"("===a?l++:")"===a&&l--}let i=0===t.length?e:e.slice(n),s=i,c=!1;return i.endsWith("!")?(s=i.slice(0,-1),c=!0):i.startsWith("!")&&(s=i.slice(1),c=!0),_(t,c,s,r&&r>n?r-n:void 0)};if(r){let e=r+":",t=o;o=r=>r.startsWith(e)?t(r.slice(e.length)):_(C,!1,r,void 0,!0)}if(t){let e=o;o=r=>t({className:r,parseClassName:e})}return o})(a),sortModifiers:(i=new Map,a.orderSensitiveModifiers.forEach((e,r)=>{i.set(e,1e6+r)}),e=>{let r=[],t=[];for(let o=0;o<e.length;o++){let l=e[o],n="["===l[0],a=i.has(l);n||a?(t.length>0&&(t.sort(),r.push(...t),t=[]),r.push(l)):t.push(l)}return t.length>0&&(t.sort(),r.push(...t)),r}),postfixLookupClassGroupIds:(e=>{let r=Object.create(null),t=e.postfixLookupClassGroups;if(t)for(let e=0;e<t.length;e++)r[t[e]]=!0;return r})(a),...(e=>{let r=(e=>{let{theme:r,classGroups:t}=e;return b(t,r)})(e),{conflictingClassGroups:t,conflictingClassGroupModifiers:o}=e;return{getClassGroupId:e=>{if(e.startsWith("[")&&e.endsWith("]")){var t;let r,o,l;return -1===(t=e).slice(1,-1).indexOf(":")?void 0:(o=(r=t.slice(1,-1)).indexOf(":"),(l=r.slice(0,o))?"arbitrary.."+l:void 0)}let o=e.split("-"),l=+(""===o[0]&&o.length>1);return f(o,l,r)},getConflictingClassGroupIds:(e,r)=>{if(r){let r=o[e],l=t[e];if(r){if(l){let e=Array(l.length+r.length);for(let r=0;r<l.length;r++)e[r]=l[r];for(let t=0;t<r.length;t++)e[l.length+t]=r[t];return e}return r}return l||h}return t[e]||h}}})(a)}).cache.get,o=e.cache.set,l=n,n(t)},(...e)=>l(((...e)=>{let r,t,o=0,l="";for(;o<e.length;)(r=e[o++])&&(t=z(r))&&(l&&(l+=" "),l+=t);return l})(...e))),eC=window.WallarmDS.Icons.Check,e_=window.WallarmDS.Icons.FilterX,eN=window.WallarmDS.Icons.Settings,ez=window.WallarmDS.Badge,eD=window.WallarmDS.Button,eE=window.WallarmDS.DropdownMenu,e$=window.WallarmDS.DropdownMenuContent,eR=window.WallarmDS.DropdownMenuGroup,eW=window.WallarmDS.DropdownMenuItem,eT=window.WallarmDS.DropdownMenuItemIcon,eM=window.WallarmDS.DropdownMenuLabel,ej=window.WallarmDS.DropdownMenuTrigger,eO=window.WallarmDS.OverflowTooltip,eL=window.WallarmDS.OverflowTooltipContent,eP=window.WallarmDS.OverflowTooltipTrigger,eI=window.WallarmDS.Tooltip,eU=window.WallarmDS.TooltipContent,eX=window.WallarmDS.TooltipTrigger,eA=window.WallarmDS.Chart,eV=window.WallarmDS.ChartActions,eG=window.WallarmDS.ChartHeader,eq=window.WallarmDS.ChartTitle,eF=window.WallarmDS.LegendDot,eB=window.WallarmDS.PieChart,eH=window.WallarmDS.PieChartCenter,eY=window.WallarmDS.PieChartCenterLabel,eZ=window.WallarmDS.PieChartCenterValue,eJ=window.WallarmDS.PieChartDonut,eK=window.WallarmDS.PieChartLegend,eQ=window.WallarmDS.PieChartLegendItem,e0=window.WallarmDS.PieChartLegendPercent,e1=window.WallarmDS.PieChartLegendValue,e2=window.WallarmDS.PieChartSkeleton,e4=[{name:"4XX",value:35,color:"amber",badgeColor:"amber"},{name:"2XX",value:31,color:"green",badgeColor:"green"},{name:"5XX",value:15,color:"red",badgeColor:"red"},{name:"3XX",value:18,color:"blue",badgeColor:"blue"},{name:"1XX",value:1,color:"slate",badgeColor:"slate"}],e3=[{name:"/api/v1/observability/events/ingestion/batch",value:1240,color:"amber",badgeColor:"amber"},{name:"/api/v1/identity/authentication/sessions/refresh",value:890,color:"green",badgeColor:"green"},{name:"/api/v1/billing/invoices/line-items/detail",value:612,color:"red",badgeColor:"red"},{name:"/api/v1/catalog/products/variants/inventory",value:358,color:"blue",badgeColor:"blue"},{name:"/api/v1/search/federated/suggestions/autocomplete",value:174,color:"slate",badgeColor:"slate"}],e5={title:"Data Display/SimpleCharts/PieChart",component:eB,subcomponents:{PieChartDonut:eJ,PieChartCenter:eH,PieChartCenterValue:eZ,PieChartCenterLabel:eY,PieChartLegend:eK,PieChartLegendItem:eQ,PieChartLegendValue:e1,PieChartLegendPercent:e0,LegendDot:eF,PieChartSkeleton:e2},parameters:{layout:"padded",design:{type:"figma",url:"https://www.figma.com/design/VKb5gW46uSGw0rqrhZsbXT/WADS-Components?node-id=7490-122167&m=dev"},docs:{description:{component:"A donut and its legend for a share-of-total breakdown — response codes, traffic origins, error classes — where the parts add up to something meaningful; reach for `BarList` when the reader needs to compare magnitudes rather than shares. The two halves are synced through context, so hovering a slice highlights its legend row and hovering a row dims the other slices. The legend is yours to compose: rows join to the data by `name`, which is what keeps the badge, value and percent layout free."}}},tags:["autodocs"]},e6=[{name:"4XX",value:35,fillClass:"fill-violet-500",badgeColor:"violet"},{name:"2XX",value:30,fillClass:"fill-emerald-500",badgeColor:"emerald"},{name:"5XX",value:15,fillClass:"fill-sky-500",badgeColor:"sky"},{name:"3XX",value:12,fillClass:"fill-yellow-500",badgeColor:"yellow"},{name:"1XX",value:8,fillClass:"fill-fuchsia-500",badgeColor:"fuchsia"}],e7={narrow:{title:"Narrow — 280px",className:"w-280"},default:{title:"Default — 400px",className:"w-400"},wide:{title:"Wide — 560px",className:"w-560"}},e8=["brand","blue","green","red","amber","purple","slate","teal","cyan","indigo","pink","rose"];function e9(e,r){return e+r.value}function re(e,r){return e+r.value}function rr(e){return e.value.toLocaleString("en-US")}function rt(e,r){return e+r.value}function ro(e){return i(eQ,{name:e.name,children:[i(eI,{children:[a(eX,{asChild:!0,children:a("span",{className:"min-w-0 flex-1 truncate text-xs font-mono text-text-primary pointer-events-auto",children:e.name})}),a(eU,{children:e.name})]}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]},e.name)}function rl(e,r){return e+r.value}function rn(e){return i(eQ,{name:e.name,children:[i(eO,{children:[a(eP,{children:a("span",{className:"min-w-0 flex-1 truncate text-xs font-mono text-text-primary pointer-events-auto",children:e.name})}),a(eL,{children:e.name})]}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]},e.name)}function ra(e){return i(eQ,{name:e.name,selected:!0,children:[a(ez,{color:e.badgeColor,type:"secondary",textVariant:"code",children:e.name}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]},e.name)}function ri(e){return i(eQ,{name:e.name,children:[a(ez,{color:e.badgeColor,type:"secondary",textVariant:"code",children:e.name}),a(e1,{children:e.value.toLocaleString("en-US")})]},e.name)}function rs(e){return{name:e.name,value:e.value,className:e.fillClass}}function rc(e,r){return e+r.value}function rd(e){return i(eQ,{name:e.name,children:[a(ez,{color:e.badgeColor,type:"secondary",textVariant:"code",children:e.name}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]},e.name)}function rm(e){return{...e,value:0}}function ru(e){return i(eQ,{name:e.name,children:[a(ez,{color:e.badgeColor,type:"secondary",textVariant:"code",children:e.name}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]},e.name)}function rp(e,r){return e+r.value}function rh(e){return i(eQ,{name:e.name,children:[a(ez,{color:e.badgeColor,type:"secondary",textVariant:"code",children:e.name}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]},e.name)}function rf(e,r){return e+r.value}function rb(e,r){return{name:e,value:10+r,color:e}}function rg(e,r){return e+r.value}function rw(e){return i(eQ,{name:e.name,children:[i("span",{className:"inline-flex items-center gap-6 text-xs font-mono text-text-primary capitalize",children:[a("span",{"aria-hidden":!0,className:"inline-block size-8 rounded-2",style:{backgroundColor:`var(--color-${"slate"===e.color?"badge-slate-dark-alt":"brand"===e.color?"w-orange-500":`${e.color}-500`})`}}),e.name]}),a(e1,{children:a(e0,{})})]},e.name)}let ry=[{name:"Default",story:()=>{let e,r,t,o,l,n,s,c,d,p,h,f,b,g,w,y,v,k,x,S,C,_,N=(0,m.c)(55),[z,D]=(0,u.useState)(null);N[0]!==z?(e=z?e4.filter(e=>e.name===z):e4,N[0]=z,N[1]=e):e=N[1];let E=e;if(N[2]!==z||N[3]!==E){let e,m,u,g=e4.reduce(e9,0),w=E.reduce(re,0);b="w-400",n=eA,N[16]===Symbol.for("react.memo_cache_sentinel")?(e=a(eq,{children:"Top 5 Endpoints"}),N[16]=e):e=N[16];let y=null!==z;N[17]!==z?(m=null!==z&&i(eI,{children:[a(eX,{asChild:!0,children:a(eD,{variant:"ghost",color:"neutral",size:"small","aria-label":"Clear filter",onClick:()=>D(null),children:a(e_,{})})}),a(eU,{children:"Remove filter"})]}),N[17]=z,N[18]=m):m=N[18],N[19]===Symbol.for("react.memo_cache_sentinel")?(u=i(eI,{children:[a(eX,{asChild:!0,children:a(eD,{variant:"ghost",color:"neutral",size:"small","aria-label":"Settings",children:a(eN,{})})}),a(eU,{children:"Change data source"})]}),N[19]=u):u=N[19],N[20]!==m||N[21]!==y?(f=i(eG,{children:[e,i(eV,{alwaysVisible:y,children:[m,u]})]}),N[20]=m,N[21]=y,N[22]=f):f=N[22],l=eB,d="pie-chart",p=E,h=w,o=eJ,t=eH,r=eZ,s=rr,c=(z?w:g).toLocaleString("en-US"),N[2]=z,N[3]=E,N[4]=r,N[5]=t,N[6]=o,N[7]=l,N[8]=n,N[9]=s,N[10]=c,N[11]=d,N[12]=p,N[13]=h,N[14]=f,N[15]=b}else r=N[4],t=N[5],o=N[6],l=N[7],n=N[8],s=N[9],c=N[10],d=N[11],p=N[12],h=N[13],f=N[14],b=N[15];if(N[23]!==r||N[24]!==s||N[25]!==c?(g=a(r,{formatHoveredValue:s,children:c}),N[23]=r,N[24]=s,N[25]=c,N[26]=g):g=N[26],N[27]===Symbol.for("react.memo_cache_sentinel")?(w=a(eY,{className:"whitespace-nowrap",pluralize:{one:"request",other:"requests"}}),N[27]=w):w=N[27],N[28]!==t||N[29]!==g?(y=i(t,{children:[g,w]}),N[28]=t,N[29]=g,N[30]=y):y=N[30],N[31]!==o||N[32]!==y?(v=a(o,{children:y}),N[31]=o,N[32]=y,N[33]=v):v=N[33],N[34]!==z||N[35]!==E){let e;N[37]!==z?(e=e=>i(eI,{children:[a(eX,{asChild:!0,children:i(eQ,{name:e.name,selected:z===e.name,onClick:()=>D(z===e.name?null:e.name),children:[a(ez,{color:e.badgeColor,type:"secondary",textVariant:"code",children:e.name}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]})}),a(eU,{children:z===e.name?"Click to remove filter":"Click to filter"})]},e.name),N[37]=z,N[38]=e):e=N[38],k=E.map(e),N[34]=z,N[35]=E,N[36]=k}else k=N[36];return N[39]!==k?(x=a(eK,{children:k}),N[39]=k,N[40]=x):x=N[40],N[41]!==l||N[42]!==v||N[43]!==x||N[44]!==d||N[45]!==p||N[46]!==h?(S=i(l,{"data-testid":d,data:p,total:h,children:[v,x]}),N[41]=l,N[42]=v,N[43]=x,N[44]=d,N[45]=p,N[46]=h,N[47]=S):S=N[47],N[48]!==n||N[49]!==S||N[50]!==f?(C=i(n,{children:[f,S]}),N[48]=n,N[49]=S,N[50]=f,N[51]=C):C=N[51],N[52]!==C||N[53]!==b?(_=a("div",{className:b,children:C}),N[52]=C,N[53]=b,N[54]=_):_=N[54],_},meta:e5},{name:"Selectable",story:()=>{let[e,r]=(0,u.useState)(()=>new Set(["4XX"])),t=e4.reduce((e,r)=>e+r.value,0),o=(0,u.useMemo)(()=>Array.from(e),[e]);return a("div",{className:"w-400",children:i(eA,{children:[i(eG,{children:[a(eq,{children:"Top 5 Endpoints"}),a(eV,{alwaysVisible:e.size>0,children:e.size>0&&i(eI,{children:[a(eX,{asChild:!0,children:a(eD,{variant:"ghost",color:"neutral",size:"small","aria-label":"Clear selection",onClick:()=>r(new Set),children:a(e_,{})})}),a(eU,{children:"Clear selection"})]})})]}),i(eB,{"data-testid":"pie-chart",data:e4,total:t,selectedNames:o,children:[a(eJ,{children:i(eH,{children:[a(eZ,{children:t.toLocaleString("en-US")}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),a(eK,{children:e4.map(t=>i(eI,{children:[a(eX,{asChild:!0,children:i(eQ,{name:t.name,onClick:()=>{var e;return e=t.name,void r(r=>{let t=new Set(r);return t.has(e)?t.delete(e):t.add(e),t})},children:[a(ez,{color:t.badgeColor,type:"secondary",textVariant:"code",children:t.name}),i(e1,{children:[t.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]})}),a(eU,{children:e.has(t.name)?"Click to deselect":"Click to select"})]},t.name))})]})]})})},meta:e5},{name:"TruncatedLabels",story:()=>{let e,r,t,o,l,n,s,c,d=(0,m.c)(8);if(d[0]===Symbol.for("react.memo_cache_sentinel")){let c=e3.reduce(rt,0);n="w-400",r=eA,l=a(eG,{children:a(eq,{children:"Top 5 Endpoints"})}),e=eB,t=e3,o=c,s=a(eJ,{children:i(eH,{children:[a(eZ,{children:c.toLocaleString("en-US")}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),d[0]=e,d[1]=r,d[2]=t,d[3]=o,d[4]=l,d[5]=n,d[6]=s}else e=d[0],r=d[1],t=d[2],o=d[3],l=d[4],n=d[5],s=d[6];return d[7]===Symbol.for("react.memo_cache_sentinel")?(c=a("div",{className:n,children:i(r,{children:[l,i(e,{data:t,total:o,children:[s,a(eK,{children:e3.map(ro)})]})]})}),d[7]=c):c=d[7],c},meta:e5},{name:"TruncatedLabelsWithTooltip",story:()=>{let e,r,t,o,l,n,s,c,d=(0,m.c)(8);if(d[0]===Symbol.for("react.memo_cache_sentinel")){let c=e3.reduce(rl,0);n="w-400",r=eA,l=a(eG,{children:a(eq,{children:"Top 5 Endpoints"})}),e=eB,t=e3,o=c,s=a(eJ,{children:i(eH,{children:[a(eZ,{children:c.toLocaleString("en-US")}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),d[0]=e,d[1]=r,d[2]=t,d[3]=o,d[4]=l,d[5]=n,d[6]=s}else e=d[0],r=d[1],t=d[2],o=d[3],l=d[4],n=d[5],s=d[6];return d[7]===Symbol.for("react.memo_cache_sentinel")?(c=a("div",{className:n,children:i(r,{children:[l,i(e,{data:t,total:o,children:[s,a(eK,{children:e3.map(rn)})]})]})}),d[7]=c):c=d[7],c},meta:e5},{name:"Loading",story:()=>{let e,r=(0,m.c)(1);return r[0]===Symbol.for("react.memo_cache_sentinel")?(e=a("div",{className:"w-400",children:i(eA,{children:[a(eG,{children:a(eq,{children:"Top 5 Endpoints"})}),a(e2,{"data-testid":"pie-chart-skeleton",rows:5})]})}),r[0]=e):e=r[0],e},meta:e5},{name:"SingleSlice",story:()=>{let e,r=(0,m.c)(1);if(r[0]===Symbol.for("react.memo_cache_sentinel")){let t=[{name:"5XX",value:23,color:"red",badgeColor:"red"}];e=a("div",{className:"w-400",children:i(eA,{children:[a(eG,{children:a(eq,{children:"Top 5 Endpoints"})}),i(eB,{"data-testid":"pie-chart",data:t,children:[a(eJ,{children:i(eH,{children:[a(eZ,{children:"23"}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),a(eK,{children:t.map(ra)})]})]})}),r[0]=e}else e=r[0];return e},meta:e5},{name:"TwoSlices",story:()=>{let e,r=(0,m.c)(1);if(r[0]===Symbol.for("react.memo_cache_sentinel")){let t=[{name:"Success",value:78,color:"green",badgeColor:"green"},{name:"Errors",value:22,color:"red",badgeColor:"red"}];e=a("div",{className:"w-400",children:i(eA,{children:[a(eG,{children:a(eq,{children:"Response status — values only"})}),i(eB,{"data-testid":"pie-chart",data:t,total:100,children:[a(eJ,{children:i(eH,{children:[a(eZ,{children:"100"}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),a(eK,{children:t.map(ri)})]})]})}),r[0]=e}else e=r[0];return e},meta:e5},{name:"CustomColors",story:()=>{let e,r,t,o,l,n,s,c,d=(0,m.c)(8);if(d[0]===Symbol.for("react.memo_cache_sentinel")){let c=e6.map(rs),m=e6.reduce(rc,0);n="w-400",r=eA,l=a(eG,{children:a(eq,{children:"Top 5 Endpoints (custom palette)"})}),e=eB,t=c,o=m,s=a(eJ,{children:i(eH,{children:[a(eZ,{children:m.toLocaleString("en-US")}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),d[0]=e,d[1]=r,d[2]=t,d[3]=o,d[4]=l,d[5]=n,d[6]=s}else e=d[0],r=d[1],t=d[2],o=d[3],l=d[4],n=d[5],s=d[6];return d[7]===Symbol.for("react.memo_cache_sentinel")?(c=a("div",{className:n,children:i(r,{children:[l,i(e,{data:t,total:o,children:[s,a(eK,{children:e6.map(rd)})]})]})}),d[7]=c):c=d[7],c},meta:e5},{name:"ZeroTotal",story:()=>{let e,r=(0,m.c)(1);if(r[0]===Symbol.for("react.memo_cache_sentinel")){let t=e4.map(rm);e=a("div",{className:"w-400",children:i(eA,{children:[a(eG,{children:a(eq,{children:"Top 5 Endpoints (no traffic)"})}),i(eB,{"data-testid":"pie-chart",data:t,children:[a(eJ,{children:i(eH,{children:[a(eZ,{children:"0"}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),a(eK,{children:t.map(ru)})]})]})}),r[0]=e}else e=r[0];return e},meta:e5},{name:"WidthVariants",story:()=>{let e,r,t,o,l,n,s,c,d,p,h,f,b,g,w,y,v,k,x=(0,m.c)(54),[S,C]=(0,u.useState)("wide"),[_,N]=(0,u.useState)(!1),z=e7[S];if(x[0]!==z.className||x[1]!==z.title||x[2]!==S||x[3]!==_){let m,u,h,f,b,g,w,y,v=e4.reduce(rp,0);p=z.className,l=eA,x[14]!==z.title?(m=a(eq,{children:z.title}),x[14]=z.title,x[15]=m):m=x[15],x[16]===Symbol.for("react.memo_cache_sentinel")?(u=a(ej,{asChild:!0,children:a(eD,{variant:"ghost",color:"neutral",size:"small","aria-label":"Settings",children:a(eN,{})})}),x[16]=u):u=x[16],x[17]===Symbol.for("react.memo_cache_sentinel")?(h=a(eM,{children:"Container width"}),x[17]=h):h=x[17],x[18]===Symbol.for("react.memo_cache_sentinel")?(f=Object.keys(e7),x[18]=f):f=x[18],x[19]!==S?(b=a(eX,{asChild:!0,children:a("span",{className:"inline-flex",children:i(eE,{onOpenChange:N,children:[u,i(e$,{children:[h,a(eR,{children:f.map(e=>i(eW,{onSelect:()=>C(e),children:[a("span",{className:"flex-1",children:e7[e].title}),a(eT,{children:a(eC,{className:((...e)=>eS(function(){for(var e,r,t=0,o="",l=arguments.length;t<l;t++)(e=arguments[t])&&(r=function e(r){var t,o,l="";if("string"==typeof r||"number"==typeof r)l+=r;else if("object"==typeof r)if(Array.isArray(r)){var n=r.length;for(t=0;t<n;t++)r[t]&&(o=e(r[t]))&&(l&&(l+=" "),l+=o)}else for(o in r)r[o]&&(l&&(l+=" "),l+=o);return l}(e))&&(o&&(o+=" "),o+=r);return o}(e)))(S!==e&&"opacity-0")})})]},e))})]})]})})}),x[19]=S,x[20]=b):b=x[20],x[21]===Symbol.for("react.memo_cache_sentinel")?(g=a(eU,{children:"Change container width"}),x[21]=g):g=x[21],x[22]!==_||x[23]!==b?(w=i(eI,{disabled:_,children:[b,g]}),x[22]=_,x[23]=b,x[24]=w):w=x[24],x[25]!==_||x[26]!==w?(y=a(eV,{alwaysVisible:_,children:w}),x[25]=_,x[26]=w,x[27]=y):y=x[27],x[28]!==y||x[29]!==m?(d=i(eG,{children:[m,y]}),x[28]=y,x[29]=m,x[30]=d):d=x[30],o=eB,s=e4,c=v,t=eJ,r=eH,e=eZ,n=v.toLocaleString("en-US"),x[0]=z.className,x[1]=z.title,x[2]=S,x[3]=_,x[4]=e,x[5]=r,x[6]=t,x[7]=o,x[8]=l,x[9]=n,x[10]=s,x[11]=c,x[12]=d,x[13]=p}else e=x[4],r=x[5],t=x[6],o=x[7],l=x[8],n=x[9],s=x[10],c=x[11],d=x[12],p=x[13];return x[31]!==e||x[32]!==n?(h=a(e,{children:n}),x[31]=e,x[32]=n,x[33]=h):h=x[33],x[34]===Symbol.for("react.memo_cache_sentinel")?(f=a(eY,{className:"whitespace-nowrap",children:"requests"}),x[34]=f):f=x[34],x[35]!==r||x[36]!==h?(b=i(r,{children:[h,f]}),x[35]=r,x[36]=h,x[37]=b):b=x[37],x[38]!==t||x[39]!==b?(g=a(t,{children:b}),x[38]=t,x[39]=b,x[40]=g):g=x[40],x[41]===Symbol.for("react.memo_cache_sentinel")?(w=a(eK,{children:e4.map(rh)}),x[41]=w):w=x[41],x[42]!==o||x[43]!==s||x[44]!==c||x[45]!==g?(y=i(o,{data:s,total:c,children:[g,w]}),x[42]=o,x[43]=s,x[44]=c,x[45]=g,x[46]=y):y=x[46],x[47]!==l||x[48]!==y||x[49]!==d?(v=i(l,{children:[d,y]}),x[47]=l,x[48]=y,x[49]=d,x[50]=v):v=x[50],x[51]!==v||x[52]!==p?(k=a("div",{className:p,children:v}),x[51]=v,x[52]=p,x[53]=k):k=x[53],k},meta:e5},{name:"PercentVariants",story:()=>{let e,r=(0,m.c)(1);if(r[0]===Symbol.for("react.memo_cache_sentinel")){let t=e4.reduce(rf,0),o=(e,r)=>i(eA,{children:[a(eG,{children:a(eq,{children:r})}),i(eB,{data:e4,total:t,children:[a(eJ,{children:i(eH,{children:[a(eZ,{children:t.toLocaleString("en-US")}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),a(eK,{children:e4.map(r=>i(eQ,{name:r.name,children:[a(ez,{color:r.badgeColor,type:"secondary",textVariant:"code",children:r.name}),i(e1,{children:[r.value.toLocaleString("en-US"),a(eF,{}),a(e0,{variant:e})]})]},r.name))})]})]});e=i("div",{className:"flex flex-col gap-16 w-400",children:[o("split","Split — value primary, % secondary (default)"),o("muted","Muted — both tokens secondary"),o("inherit","Inherit — follows PieChartLegendValue color")]}),r[0]=e}else e=r[0];return e},meta:e5},{name:"Palette",story:()=>{let e,r=(0,m.c)(1);if(r[0]===Symbol.for("react.memo_cache_sentinel")){let t=e8.slice(0,6).map(rb),o=t.reduce(rg,0);e=a("div",{className:"w-400",children:i(eA,{children:[a(eG,{children:a(eq,{children:"Built-in palette — percents only"})}),i(eB,{data:t,total:o,children:[a(eJ,{children:i(eH,{children:[a(eZ,{children:o.toLocaleString("en-US")}),a(eY,{children:"total"})]})}),a(eK,{children:t.map(rw)})]})]})}),r[0]=e}else e=r[0];return e},meta:e5}];function rv({entry:e}){let{story:r,meta:t}=e,o={...t.args,...r.args},l="function"==typeof r||r.$$typeof?r:r.render||t.render||t.component,n=()=>u.default.createElement(l,o),a={args:o,globals:{theme:"light"},parameters:{...t.parameters,...r.parameters},viewMode:"story"};for(let e of[...t.decorators||[],...r.decorators||[]].reverse()){let r=n;n=()=>e(r,a)}return u.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},u.default.createElement("h2",{className:"text-sm mb-12"},e.name),u.default.createElement(n))}window.WallarmPreview={mount(e){let r=window.ReactDOM.createRoot(e);return r.render(u.default.createElement(window.WallarmDS.Root,null,ry.map((e,r)=>u.default.createElement(rv,{key:r,entry:e})))),r}}})();
+ */var n,a,i=Object.create,s=Object.defineProperty,c=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,m=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,p=(e,r,t,o)=>{if(r&&"object"==typeof r||"function"==typeof r)for(let l of d(r))u.call(e,l)||l===t||s(e,l,{get:()=>r[l],enumerable:!(o=c(r,l))||o.enumerable});return e},h={},f={$dispatcherGuard:()=>E,$makeReadOnly:()=>$,$reset:()=>D,$structuralCheck:()=>j,c:()=>S,clearRenderCounterRegistry:()=>W,renderCounterRegistry:()=>R,useRenderCounter:()=>M};for(var b in f)s(h,b,{get:f[b],enumerable:!0});e.exports=p(s({},"__esModule",{value:!0}),h);var g=(l=null!=(o=t("C"))?i(m(o)):{},p(o&&o.__esModule?l:s(l,"default",{value:o,enumerable:!0}),o)),{useRef:w,useEffect:y,isValidElement:v}=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,x=Symbol.for("react.memo_cache_sentinel"),S="function"==typeof(null==(a=g.__COMPILER_RUNTIME)?void 0:a.c)?g.__COMPILER_RUNTIME.c:function(e){return g.useMemo(()=>{let r=Array(e);for(let t=0;t<e;t++)r[t]=x;return r[x]=!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 _=null;function N(e){return k.ReactCurrentDispatcher.current=e,k.ReactCurrentDispatcher.current}C.useMemoCache=e=>{if(null!=_)return _.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var z=[];function E(e){let r=k.ReactCurrentDispatcher.current;if(0===e){if(z.push(r),1===z.length&&(_=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.");N(C)}else if(1===e){let e=z.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===z.length&&(_=null),N(e)}else if(2===e)z.push(r),N(_);else if(3===e){let e=z.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");N(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function D(e){for(let r=0;r<e.length;r++)e[r]=x}function $(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var R=new Map;function W(){for(let e of R.values())e.forEach(e=>{e.count=0})}function M(e){let r=w(null);null!=r.current&&(r.current.count+=1),y(()=>{if(null==r.current){let t,o={count:0};null==(t=R.get(e))&&(t=new Set,R.set(e,t)),t.add(o),r.current=o}return()=>{var t;let o;null!==r.current&&(t=r.current,null!=(o=R.get(e))&&o.delete(t))}})}var T=new Set;function j(e,r,t,o,l,n){function a(e,r,a,i){let s=`${o}:${n} [${l}] ${t}${a} changed from ${e} to ${r} at depth ${i}`;T.has(s)||(T.add(s),console.error(s))}!function e(r,t,o,l){if(!(l>2)){if(r!==t)if(typeof r!=typeof t)a(`type ${typeof r}`,`type ${typeof t}`,o,l);else if("object"==typeof r){let n=Array.isArray(r),i=Array.isArray(t);if(null===r&&null!==t)a("null",`type ${typeof t}`,o,l);else if(null===t)a(`type ${typeof r}`,"null",o,l);else if(r instanceof Map)if(t instanceof Map)if(r.size!==t.size)a(`Map instance with size ${r.size}`,`Map instance with size ${t.size}`,o,l);else for(let[n,i]of r)t.has(n)?e(i,t.get(n),`${o}.get(${n})`,l+1):a(`Map instance with key ${n}`,`Map instance without key ${n}`,o,l);else a("Map instance","other value",o,l);else if(t instanceof Map)a("other value","Map instance",o,l);else if(r instanceof Set)if(t instanceof Set)if(r.size!==t.size)a(`Set instance with size ${r.size}`,`Set instance with size ${t.size}`,o,l);else for(let e of t)r.has(e)||a(`Set instance without element ${e}`,`Set instance with element ${e}`,o,l);else a("Set instance","other value",o,l);else if(t instanceof Set)a("other value","Set instance",o,l);else if(n||i)if(n!==i)a(`type ${n?"array":"object"}`,`type ${i?"array":"object"}`,o,l);else if(r.length!==t.length)a(`array with length ${r.length}`,`array with length ${t.length}`,o,l);else for(let n=0;n<r.length;n++)e(r[n],t[n],`${o}[${n}]`,l+1);else if(v(r)||v(t))v(r)!==v(t)?a(`type ${v(r)?"React element":"object"}`,`type ${v(t)?"React element":"object"}`,o,l):r.type!==t.type?a(`React element of type ${r.type}`,`React element of type ${t.type}`,o,l):e(r.props,t.props,`[props of ${o}]`,l+1);else{for(let e in t)e in r||a(`object without key ${e}`,`object with key ${e}`,o,l);for(let n in r)n in t?e(r[n],t[n],`${o}.${n}`,l+1):a(`object with key ${n}`,`object without key ${n}`,o,l)}}else{if("function"==typeof r)return;isNaN(r)||isNaN(t)?isNaN(r)!==isNaN(t)&&a(`${isNaN(r)?"NaN":"non-NaN value"}`,`${isNaN(t)?"NaN":"non-NaN value"}`,o,l):r!==t&&a(r,t,o,l)}}}(e,r,"",0)}},p(e,r,t){let o=new WeakMap,l=new WeakMap;function n(e,r,t){let n=r,a=t;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!=a.ref&&!n.prototype?.isReactComponent){let r=n,t=o.get(e);t||(t=new WeakMap,o.set(e,t));let l=t.get(r);l||((l=e.forwardRef((e,t)=>r({...e,ref:t}))).displayName=r.displayName??r.name,t.set(r,l)),n=l}if("string"==typeof n&&"boolean"==typeof a.inert&&((a={...a}).inert?a.inert="":delete a.inert),"string"==typeof n)for(let[e,r]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in a&&(a={...a,[r]:a[e]},delete a[e]);return"string"==typeof n&&null!=a.ref&&(n=function(e,r){let t=l.get(e);t||(t=new Map,l.set(e,t));let o=t.get(r);if(o)return o;let n=e.forwardRef((t,o)=>{let l=e.useRef(null);if(!l.current||l.current.original!==o){let e;l.current={original:o,callback:r=>{if(null==r&&e){let r=e;e=void 0,r();return}if("function"==typeof o){let t=o(r);e="function"==typeof t?t:void 0}else o&&(o.current=r)}}}return e.createElement(r,{...t,ref:l.current.callback})});return n.displayName=`CanvasHost(${r})`,t.set(r,n),n}(e,n)),{type:n,props:a}}function a(e){let r=(r,t,o)=>{let l=n(e,r,t??{});return e.createElement(l.type,void 0===o?l.props:{...l.props,key:o})};return{jsx:r,jsxs:(r,t,o)=>{let l=n(e,r,t??{}),{children:a,...i}=l.props;return e.createElement(l.type,void 0===o?i:{...i,key:o},...Array.isArray(a)?a:[a])},jsxDEV:r,Fragment:e.Fragment}}function i(e){return{...e,createElement:(r,t,...o)=>{let l=n(e,r,t??{});return e.createElement(l.type,l.props,...o)},cloneElement:(r,t,...o)=>{let l=e.cloneElement(r,t??void 0,...o),a=l.ref,i=n(e,l.type,{...l.props,ref:a});return i.type===l.type&&"string"!=typeof l.type?l:e.createElement(i.type,{...i.props,key:l.key})}}}t.d(r,{MA:()=>a,YJ:()=>i})},C(e,r,t){t.r(r);let o=(0,t("p").YJ)(window.React),{Children:l,Component:n,Fragment:a,Profiler:i,PureComponent:s,StrictMode:c,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:p,createContext:h,createElement:f,createFactory:b,createRef:g,forwardRef:w,isValidElement:y,lazy:v,memo:k,startTransition:x,unstable_act:S,useCallback:C,useContext:_,useDebugValue:N,useDeferredValue:z,useEffect:E,useId:D,useImperativeHandle:$,useInsertionEffect:R,useLayoutEffect:W,useMemo:M,useReducer:T,useRef:j,useState:O,useSyncExternalStore:L,useTransition:P,version:I,use:U}=o;t.d(r,{},{Children:l,Component:n,Fragment:a,Profiler:i,PureComponent:s,StrictMode:c,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:u,cloneElement:p,createContext:h,createElement:f,createFactory:b,createRef:g,default:o,forwardRef:w,isValidElement:y,lazy:v,memo:k,startTransition:x,unstable_act:S,use:U,useCallback:C,useContext:_,useDebugValue:N,useDeferredValue:z,useEffect:E,useId:D,useImperativeHandle:$,useInsertionEffect:R,useLayoutEffect:W,useMemo:M,useReducer:T,useRef:j,useState:O,useSyncExternalStore:L,useTransition:P,version:I})}},r={};function t(o){var l=r[o];if(void 0!==l)return l.exports;var n=r[o]={exports:{}};return e[o](n,n.exports,t),n.exports}t.d=(e,r,o)=>{var l=(r,o)=>{for(var l in r)t.o(r,l)&&!t.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,[o]:r[l]})};l(r,"get"),l(o,"value")},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let e,r,o,l,n,{jsx:a,jsxs:i,jsxDEV:s,Fragment:c}=(0,t("p").MA)(window.React);var d,m=t("vD"),u=t("C");let p=(e=new Map,r=null,t)=>({nextPart:e,validators:r,classGroupId:t}),h=[],f=(e,r,t)=>{if(0==e.length-r)return t.classGroupId;let o=e[r],l=t.nextPart.get(o);if(l){let t=f(e,r+1,l);if(t)return t}let n=t.validators;if(null===n)return;let a=0===r?e.join("-"):e.slice(r).join("-"),i=n.length;for(let e=0;e<i;e++){let r=n[e];if(r.validator(a))return r.classGroupId}},b=(e,r)=>{let t=p();for(let o in e)g(e[o],t,o,r);return t},g=(e,r,t,o)=>{let l=e.length;for(let n=0;n<l;n++)w(e[n],r,t,o)},w=(e,r,t,o)=>{"string"==typeof e?y(e,r,t):"function"==typeof e?v(e,r,t,o):k(e,r,t,o)},y=(e,r,t)=>{(""===e?r:x(r,e)).classGroupId=t},v=(e,r,t,o)=>{S(e)?g(e(o),r,t,o):(null===r.validators&&(r.validators=[]),r.validators.push({classGroupId:t,validator:e}))},k=(e,r,t,o)=>{let l=Object.entries(e),n=l.length;for(let e=0;e<n;e++){let[n,a]=l[e];g(a,x(r,n),t,o)}},x=(e,r)=>{let t=e,o=r.split("-"),l=o.length;for(let e=0;e<l;e++){let r=o[e],l=t.nextPart.get(r);l||(l=p(),t.nextPart.set(r,l)),t=l}return t},S=e=>"isThemeGetter"in e&&!0===e.isThemeGetter,C=[],_=(e,r,t,o,l)=>({modifiers:e,hasImportantModifier:r,baseClassName:t,maybePostfixModifierPosition:o,isExternal:l}),N=/\s+/,z=e=>{let r;if("string"==typeof e)return e;let t="";for(let o=0;o<e.length;o++)e[o]&&(r=z(e[o]))&&(t&&(t+=" "),t+=r);return t},E=[],D=e=>{let r=r=>r[e]||E;return r.isThemeGetter=!0,r.themeKey=e,r},$=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,R=/^\((?:(\w[\w-]*):)?(.+)\)$/i,W=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,M=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,T=/\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$/,j=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix|color|light-dark)\(.+\)$/,O=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,L=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,P=e=>W.test(e),I=e=>!!e&&!Number.isNaN(Number(e)),U=e=>!!e&&Number.isInteger(Number(e)),X=e=>e.endsWith("%")&&I(e.slice(0,-1)),A=e=>M.test(e),V=()=>!0,G=e=>T.test(e)&&!j.test(e),q=()=>!1,F=e=>O.test(e),B=e=>L.test(e),H=e=>!Z(e)&&!en(e),Y=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)),J=e=>ep(e,eg,q),Z=e=>$.test(e),K=e=>ep(e,ew,G),Q=e=>ep(e,ey,I),ee=e=>ep(e,ek,V),er=e=>ep(e,ev,q),et=e=>ep(e,ef,q),eo=e=>ep(e,eb,B),el=e=>ep(e,ex,F),en=e=>R.test(e),ea=e=>eh(e,ew),ei=e=>eh(e,ev),es=e=>eh(e,ef),ec=e=>eh(e,eg),ed=e=>eh(e,eb),em=e=>eh(e,ex,!0),eu=e=>eh(e,ek,!0),ep=(e,r,t)=>{let o=$.exec(e);return!!o&&(o[1]?r(o[1]):t(o[2]))},eh=(e,r,t=!1)=>{let o=R.exec(e);return!!o&&(o[1]?r(o[1]):t)},ef=e=>"position"===e||"percentage"===e,eb=e=>"image"===e||"url"===e,eg=e=>"length"===e||"size"===e||"bg-size"===e,ew=e=>"length"===e,ey=e=>"number"===e,ev=e=>"family-name"===e,ek=e=>"number"===e||"weight"===e,ex=e=>"shadow"===e,eS=(d=()=>{let e=D("color"),r=D("font"),t=D("text"),o=D("font-weight"),l=D("tracking"),n=D("leading"),a=D("breakpoint"),i=D("container"),s=D("spacing"),c=D("radius"),d=D("shadow"),m=D("inset-shadow"),u=D("text-shadow"),p=D("drop-shadow"),h=D("blur"),f=D("perspective"),b=D("aspect"),g=D("ease"),w=D("animate"),y=()=>["auto","avoid","all","avoid-page","page","left","right","column"],v=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],k=()=>[...v(),en,Z],x=()=>["auto","hidden","clip","visible","scroll"],S=()=>["auto","contain","none"],C=()=>[en,Z,s],_=()=>[P,"full","auto",...C()],N=()=>[U,"none","subgrid",en,Z],z=()=>["auto",{span:["full",U,en,Z]},U,en,Z],E=()=>[U,"auto",en,Z],$=()=>["auto","min","max","fr",en,Z],R=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],W=()=>["start","end","center","stretch","center-safe","end-safe"],M=()=>["auto",...C()],T=()=>[P,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...C()],j=()=>[i,P,"screen","full","dvw","lvw","svw","min","max","fit",...C()],O=()=>[P,"screen","full","lh","dvh","lvh","svh","min","max","fit",...C()],L=()=>[e,en,Z],G=()=>[...v(),es,et,{position:[en,Z]}],q=()=>["no-repeat",{repeat:["","x","y","space","round"]}],F=()=>["auto","cover","contain",ec,J,{size:[en,Z]}],B=()=>[X,ea,K],ep=()=>["","none","full",c,en,Z],eh=()=>["",I,ea,K],ef=()=>["solid","dashed","dotted","double"],eb=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],eg=()=>[I,X,es,et],ew=()=>["","none",h,en,Z],ey=()=>["none",I,en,Z],ev=()=>["none",I,en,Z],ek=()=>[I,en,Z],ex=()=>[P,"full",...C()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[A],breakpoint:[A],color:[V],container:[A],"drop-shadow":[A],ease:["in","out","in-out"],font:[H],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[A],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[A],shadow:[A],spacing:["px",I],text:[A],"text-shadow":[A],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",P,Z,en,b]}],container:["container"],"container-type":[{"@container":["","normal","size",en,Z]}],"container-named":[Y],columns:[{columns:[I,"auto",Z,en,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:k()}],overflow:[{overflow:x()}],"overflow-x":[{"overflow-x":x()}],"overflow-y":[{"overflow-y":x()}],overscroll:[{overscroll:S()}],"overscroll-x":[{"overscroll-x":S()}],"overscroll-y":[{"overscroll-y":S()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:_()}],"inset-x":[{"inset-x":_()}],"inset-y":[{"inset-y":_()}],start:[{"inset-s":_(),start:_()}],end:[{"inset-e":_(),end:_()}],"inset-bs":[{"inset-bs":_()}],"inset-be":[{"inset-be":_()}],top:[{top:_()}],right:[{right:_()}],bottom:[{bottom:_()}],left:[{left:_()}],visibility:["visible","invisible","collapse"],z:[{z:[U,"auto",en,Z]}],basis:[{basis:[P,"full","auto",i,...C()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[I,P,"auto","initial","none",Z]}],grow:[{grow:["",I,en,Z]}],shrink:[{shrink:["",I,en,Z]}],order:[{order:[U,"first","last","none",en,Z]}],"grid-cols":[{"grid-cols":N()}],"col-start-end":[{col:z()}],"col-start":[{"col-start":E()}],"col-end":[{"col-end":E()}],"grid-rows":[{"grid-rows":N()}],"row-start-end":[{row:z()}],"row-start":[{"row-start":E()}],"row-end":[{"row-end":E()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":$()}],"auto-rows":[{"auto-rows":$()}],gap:[{gap:C()}],"gap-x":[{"gap-x":C()}],"gap-y":[{"gap-y":C()}],"justify-content":[{justify:[...R(),"normal"]}],"justify-items":[{"justify-items":[...W(),"normal"]}],"justify-self":[{"justify-self":["auto",...W()]}],"align-content":[{content:["normal",...R()]}],"align-items":[{items:[...W(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...W(),{baseline:["","last"]}]}],"place-content":[{"place-content":R()}],"place-items":[{"place-items":[...W(),"baseline"]}],"place-self":[{"place-self":["auto",...W()]}],p:[{p:C()}],px:[{px:C()}],py:[{py:C()}],ps:[{ps:C()}],pe:[{pe:C()}],pbs:[{pbs:C()}],pbe:[{pbe:C()}],pt:[{pt:C()}],pr:[{pr:C()}],pb:[{pb:C()}],pl:[{pl:C()}],m:[{m:M()}],mx:[{mx:M()}],my:[{my:M()}],ms:[{ms:M()}],me:[{me:M()}],mbs:[{mbs:M()}],mbe:[{mbe:M()}],mt:[{mt:M()}],mr:[{mr:M()}],mb:[{mb:M()}],ml:[{ml:M()}],"space-x":[{"space-x":C()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":C()}],"space-y-reverse":["space-y-reverse"],size:[{size:T()}],"inline-size":[{inline:["auto",...j()]}],"min-inline-size":[{"min-inline":["auto",...j()]}],"max-inline-size":[{"max-inline":["none",...j()]}],"block-size":[{block:["auto",...O()]}],"min-block-size":[{"min-block":["auto",...O()]}],"max-block-size":[{"max-block":["none",...O()]}],w:[{w:[i,"screen",...T()]}],"min-w":[{"min-w":[i,"screen","none",...T()]}],"max-w":[{"max-w":[i,"screen","none","prose",{screen:[a]},...T()]}],h:[{h:["screen","lh",...T()]}],"min-h":[{"min-h":["screen","lh","none",...T()]}],"max-h":[{"max-h":["screen","lh","none",...T()]}],"font-size":[{text:["base",t,ea,K]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[o,eu,ee]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",X,Z]}],"font-family":[{font:[ei,er,r]}],"font-features":[{"font-features":[Z]}],"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,en,Z]}],"line-clamp":[{"line-clamp":[I,"none",en,Q]}],leading:[{leading:["none",n,...C()]}],"list-image":[{"list-image":["none",en,Z]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",en,Z]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:L()}],"text-color":[{text:L()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...ef(),"wavy"]}],"text-decoration-thickness":[{decoration:[I,"from-font","auto",en,K]}],"text-decoration-color":[{decoration:L()}],"underline-offset":[{"underline-offset":[I,"auto",en,Z]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:C()}],"tab-size":[{tab:[U,en,Z]}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",en,Z]}],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",en,Z]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:G()}],"bg-repeat":[{bg:q()}],"bg-size":[{bg:F()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},U,en,Z],radial:["",en,Z],conic:["",U,en,Z]},ed,eo]}],"bg-color":[{bg:L()}],"gradient-from-pos":[{from:B()}],"gradient-via-pos":[{via:B()}],"gradient-to-pos":[{to:B()}],"gradient-from":[{from:L()}],"gradient-via":[{via:L()}],"gradient-to":[{to:L()}],rounded:[{rounded:ep()}],"rounded-s":[{"rounded-s":ep()}],"rounded-e":[{"rounded-e":ep()}],"rounded-t":[{"rounded-t":ep()}],"rounded-r":[{"rounded-r":ep()}],"rounded-b":[{"rounded-b":ep()}],"rounded-l":[{"rounded-l":ep()}],"rounded-ss":[{"rounded-ss":ep()}],"rounded-se":[{"rounded-se":ep()}],"rounded-ee":[{"rounded-ee":ep()}],"rounded-es":[{"rounded-es":ep()}],"rounded-tl":[{"rounded-tl":ep()}],"rounded-tr":[{"rounded-tr":ep()}],"rounded-br":[{"rounded-br":ep()}],"rounded-bl":[{"rounded-bl":ep()}],"border-w":[{border:eh()}],"border-w-x":[{"border-x":eh()}],"border-w-y":[{"border-y":eh()}],"border-w-s":[{"border-s":eh()}],"border-w-e":[{"border-e":eh()}],"border-w-bs":[{"border-bs":eh()}],"border-w-be":[{"border-be":eh()}],"border-w-t":[{"border-t":eh()}],"border-w-r":[{"border-r":eh()}],"border-w-b":[{"border-b":eh()}],"border-w-l":[{"border-l":eh()}],"divide-x":[{"divide-x":eh()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":eh()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...ef(),"hidden","none"]}],"divide-style":[{divide:[...ef(),"hidden","none"]}],"border-color":[{border:L()}],"border-color-x":[{"border-x":L()}],"border-color-y":[{"border-y":L()}],"border-color-s":[{"border-s":L()}],"border-color-e":[{"border-e":L()}],"border-color-bs":[{"border-bs":L()}],"border-color-be":[{"border-be":L()}],"border-color-t":[{"border-t":L()}],"border-color-r":[{"border-r":L()}],"border-color-b":[{"border-b":L()}],"border-color-l":[{"border-l":L()}],"divide-color":[{divide:L()}],"outline-style":[{outline:[...ef(),"none","hidden"]}],"outline-offset":[{"outline-offset":[I,en,Z]}],"outline-w":[{outline:["",I,ea,K]}],"outline-color":[{outline:L()}],shadow:[{shadow:["","inner","none",d,em,el]}],"shadow-color":[{shadow:L()}],"inset-shadow":[{"inset-shadow":["none",m,em,el]}],"inset-shadow-color":[{"inset-shadow":L()}],"ring-w":[{ring:eh()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:L()}],"ring-offset-w":[{"ring-offset":[I,K]}],"ring-offset-color":[{"ring-offset":L()}],"inset-ring-w":[{"inset-ring":eh()}],"inset-ring-color":[{"inset-ring":L()}],"text-shadow":[{"text-shadow":["none",u,em,el]}],"text-shadow-color":[{"text-shadow":L()}],opacity:[{opacity:[I,en,Z]}],"mix-blend":[{"mix-blend":[...eb(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":eb()}],"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":[I]}],"mask-image-linear-from-pos":[{"mask-linear-from":eg()}],"mask-image-linear-to-pos":[{"mask-linear-to":eg()}],"mask-image-linear-from-color":[{"mask-linear-from":L()}],"mask-image-linear-to-color":[{"mask-linear-to":L()}],"mask-image-t-from-pos":[{"mask-t-from":eg()}],"mask-image-t-to-pos":[{"mask-t-to":eg()}],"mask-image-t-from-color":[{"mask-t-from":L()}],"mask-image-t-to-color":[{"mask-t-to":L()}],"mask-image-r-from-pos":[{"mask-r-from":eg()}],"mask-image-r-to-pos":[{"mask-r-to":eg()}],"mask-image-r-from-color":[{"mask-r-from":L()}],"mask-image-r-to-color":[{"mask-r-to":L()}],"mask-image-b-from-pos":[{"mask-b-from":eg()}],"mask-image-b-to-pos":[{"mask-b-to":eg()}],"mask-image-b-from-color":[{"mask-b-from":L()}],"mask-image-b-to-color":[{"mask-b-to":L()}],"mask-image-l-from-pos":[{"mask-l-from":eg()}],"mask-image-l-to-pos":[{"mask-l-to":eg()}],"mask-image-l-from-color":[{"mask-l-from":L()}],"mask-image-l-to-color":[{"mask-l-to":L()}],"mask-image-x-from-pos":[{"mask-x-from":eg()}],"mask-image-x-to-pos":[{"mask-x-to":eg()}],"mask-image-x-from-color":[{"mask-x-from":L()}],"mask-image-x-to-color":[{"mask-x-to":L()}],"mask-image-y-from-pos":[{"mask-y-from":eg()}],"mask-image-y-to-pos":[{"mask-y-to":eg()}],"mask-image-y-from-color":[{"mask-y-from":L()}],"mask-image-y-to-color":[{"mask-y-to":L()}],"mask-image-radial":[{"mask-radial":[en,Z]}],"mask-image-radial-from-pos":[{"mask-radial-from":eg()}],"mask-image-radial-to-pos":[{"mask-radial-to":eg()}],"mask-image-radial-from-color":[{"mask-radial-from":L()}],"mask-image-radial-to-color":[{"mask-radial-to":L()}],"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":v()}],"mask-image-conic-pos":[{"mask-conic":[I]}],"mask-image-conic-from-pos":[{"mask-conic-from":eg()}],"mask-image-conic-to-pos":[{"mask-conic-to":eg()}],"mask-image-conic-from-color":[{"mask-conic-from":L()}],"mask-image-conic-to-color":[{"mask-conic-to":L()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:G()}],"mask-repeat":[{mask:q()}],"mask-size":[{mask:F()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",en,Z]}],filter:[{filter:["","none",en,Z]}],blur:[{blur:ew()}],brightness:[{brightness:[I,en,Z]}],contrast:[{contrast:[I,en,Z]}],"drop-shadow":[{"drop-shadow":["","none",p,em,el]}],"drop-shadow-color":[{"drop-shadow":L()}],grayscale:[{grayscale:["",I,en,Z]}],"hue-rotate":[{"hue-rotate":[I,en,Z]}],invert:[{invert:["",I,en,Z]}],saturate:[{saturate:[I,en,Z]}],sepia:[{sepia:["",I,en,Z]}],"backdrop-filter":[{"backdrop-filter":["","none",en,Z]}],"backdrop-blur":[{"backdrop-blur":ew()}],"backdrop-brightness":[{"backdrop-brightness":[I,en,Z]}],"backdrop-contrast":[{"backdrop-contrast":[I,en,Z]}],"backdrop-grayscale":[{"backdrop-grayscale":["",I,en,Z]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[I,en,Z]}],"backdrop-invert":[{"backdrop-invert":["",I,en,Z]}],"backdrop-opacity":[{"backdrop-opacity":[I,en,Z]}],"backdrop-saturate":[{"backdrop-saturate":[I,en,Z]}],"backdrop-sepia":[{"backdrop-sepia":["",I,en,Z]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":C()}],"border-spacing-x":[{"border-spacing-x":C()}],"border-spacing-y":[{"border-spacing-y":C()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",en,Z]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[I,"initial",en,Z]}],ease:[{ease:["linear","initial",g,en,Z]}],delay:[{delay:[I,en,Z]}],animate:[{animate:["none",w,en,Z]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[f,en,Z]}],"perspective-origin":[{"perspective-origin":k()}],rotate:[{rotate:ey()}],"rotate-x":[{"rotate-x":ey()}],"rotate-y":[{"rotate-y":ey()}],"rotate-z":[{"rotate-z":ey()}],scale:[{scale:ev()}],"scale-x":[{"scale-x":ev()}],"scale-y":[{"scale-y":ev()}],"scale-z":[{"scale-z":ev()}],"scale-3d":["scale-3d"],skew:[{skew:ek()}],"skew-x":[{"skew-x":ek()}],"skew-y":[{"skew-y":ek()}],transform:[{transform:[en,Z,"","none","gpu","cpu"]}],"transform-origin":[{origin:k()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:ex()}],"translate-x":[{"translate-x":ex()}],"translate-y":[{"translate-y":ex()}],"translate-z":[{"translate-z":ex()}],"translate-none":["translate-none"],zoom:[{zoom:[U,en,Z]}],accent:[{accent:L()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:L()}],"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",en,Z]}],"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":L()}],"scrollbar-track-color":[{"scrollbar-track":L()}],"scrollbar-gutter":[{"scrollbar-gutter":["auto","stable","both"]}],"scrollbar-w":[{scrollbar:["auto","thin","none"]}],"scroll-m":[{"scroll-m":C()}],"scroll-mx":[{"scroll-mx":C()}],"scroll-my":[{"scroll-my":C()}],"scroll-ms":[{"scroll-ms":C()}],"scroll-me":[{"scroll-me":C()}],"scroll-mbs":[{"scroll-mbs":C()}],"scroll-mbe":[{"scroll-mbe":C()}],"scroll-mt":[{"scroll-mt":C()}],"scroll-mr":[{"scroll-mr":C()}],"scroll-mb":[{"scroll-mb":C()}],"scroll-ml":[{"scroll-ml":C()}],"scroll-p":[{"scroll-p":C()}],"scroll-px":[{"scroll-px":C()}],"scroll-py":[{"scroll-py":C()}],"scroll-ps":[{"scroll-ps":C()}],"scroll-pe":[{"scroll-pe":C()}],"scroll-pbs":[{"scroll-pbs":C()}],"scroll-pbe":[{"scroll-pbe":C()}],"scroll-pt":[{"scroll-pt":C()}],"scroll-pr":[{"scroll-pr":C()}],"scroll-pb":[{"scroll-pb":C()}],"scroll-pl":[{"scroll-pl":C()}],"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",en,Z]}],fill:[{fill:["none",...L()]}],"stroke-w":[{stroke:[I,ea,K,Q]}],stroke:[{stroke:["none",...L()]}],"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=t=>{let l=r(t);if(l)return l;let n=((e,r)=>{let{parseClassName:t,getClassGroupId:o,getConflictingClassGroupIds:l,sortModifiers:n,postfixLookupClassGroupIds:a}=r,i=[],s=e.trim().split(N),c="";for(let e=s.length-1;e>=0;e-=1){let r,d=s[e],{isExternal:m,modifiers:u,hasImportantModifier:p,baseClassName:h,maybePostfixModifierPosition:f}=t(d);if(m){c=d+(c.length>0?" "+c:c);continue}let b=!!f;if(b){let e=(r=o(h.substring(0,f)))&&a[r]?o(h):void 0;e&&e!==r&&(r=e,b=!1)}else r=o(h);if(!r){if(!b||!(r=o(h))){c=d+(c.length>0?" "+c:c);continue}b=!1}let g=0===u.length?"":1===u.length?u[0]:n(u).join(":"),w=p?g+"!":g,y=w+r;if(i.indexOf(y)>-1)continue;i.push(y);let v=l(r,b);for(let e=0;e<v.length;++e){let r=v[e];i.push(w+r)}c=d+(c.length>0?" "+c:c)}return c})(t,e);return o(t,n),n},l=t=>{var a;let i;return r=(e={cache:(e=>{if(e<1)return{get:()=>void 0,set:()=>{}};let r=0,t=Object.create(null),o=Object.create(null),l=(l,n)=>{t[l]=n,++r>e&&(r=0,o=t,t=Object.create(null))};return{get(e){let r=t[e];return void 0!==r?r:void 0!==(r=o[e])?(l(e,r),r):void 0},set(e,r){e in t?t[e]=r:l(e,r)}}})((a=[].reduce((e,r)=>r(e),d())).cacheSize),parseClassName:(e=>{let{prefix:r,experimentalParseClassName:t}=e,o=e=>{let r,t=[],o=0,l=0,n=0,a=e.length;for(let i=0;i<a;i++){let a=e[i];if(0===o&&0===l){if(":"===a){t.push(e.slice(n,i)),n=i+1;continue}if("/"===a){r=i;continue}}"["===a?o++:"]"===a?o--:"("===a?l++:")"===a&&l--}let i=0===t.length?e:e.slice(n),s=i,c=!1;return i.endsWith("!")?(s=i.slice(0,-1),c=!0):i.startsWith("!")&&(s=i.slice(1),c=!0),_(t,c,s,r&&r>n?r-n:void 0)};if(r){let e=r+":",t=o;o=r=>r.startsWith(e)?t(r.slice(e.length)):_(C,!1,r,void 0,!0)}if(t){let e=o;o=r=>t({className:r,parseClassName:e})}return o})(a),sortModifiers:(i=new Map,a.orderSensitiveModifiers.forEach((e,r)=>{i.set(e,1e6+r)}),e=>{let r=[],t=[];for(let o=0;o<e.length;o++){let l=e[o],n="["===l[0],a=i.has(l);n||a?(t.length>0&&(t.sort(),r.push(...t),t=[]),r.push(l)):t.push(l)}return t.length>0&&(t.sort(),r.push(...t)),r}),postfixLookupClassGroupIds:(e=>{let r=Object.create(null),t=e.postfixLookupClassGroups;if(t)for(let e=0;e<t.length;e++)r[t[e]]=!0;return r})(a),...(e=>{let r=(e=>{let{theme:r,classGroups:t}=e;return b(t,r)})(e),{conflictingClassGroups:t,conflictingClassGroupModifiers:o}=e;return{getClassGroupId:e=>{if(e.startsWith("[")&&e.endsWith("]")){var t;let r,o,l;return -1===(t=e).slice(1,-1).indexOf(":")?void 0:(o=(r=t.slice(1,-1)).indexOf(":"),(l=r.slice(0,o))?"arbitrary.."+l:void 0)}let o=e.split("-"),l=+(""===o[0]&&o.length>1);return f(o,l,r)},getConflictingClassGroupIds:(e,r)=>{if(r){let r=o[e],l=t[e];if(r){if(l){let e=Array(l.length+r.length);for(let r=0;r<l.length;r++)e[r]=l[r];for(let t=0;t<r.length;t++)e[l.length+t]=r[t];return e}return r}return l||h}return t[e]||h}}})(a)}).cache.get,o=e.cache.set,l=n,n(t)},(...e)=>l(((...e)=>{let r,t,o=0,l="";for(;o<e.length;)(r=e[o++])&&(t=z(r))&&(l&&(l+=" "),l+=t);return l})(...e))),eC=window.WallarmDS.Icons.Check,e_=window.WallarmDS.Icons.FilterX,eN=window.WallarmDS.Icons.Settings,ez=window.WallarmDS.Badge,eE=window.WallarmDS.Button,eD=window.WallarmDS.DropdownMenu,e$=window.WallarmDS.DropdownMenuContent,eR=window.WallarmDS.DropdownMenuGroup,eW=window.WallarmDS.DropdownMenuItem,eM=window.WallarmDS.DropdownMenuItemIcon,eT=window.WallarmDS.DropdownMenuLabel,ej=window.WallarmDS.DropdownMenuTrigger,eO=window.WallarmDS.OverflowTooltip,eL=window.WallarmDS.OverflowTooltipContent,eP=window.WallarmDS.OverflowTooltipTrigger,eI=window.WallarmDS.Tooltip,eU=window.WallarmDS.TooltipContent,eX=window.WallarmDS.TooltipTrigger,eA=window.WallarmDS.Chart,eV=window.WallarmDS.ChartActions,eG=window.WallarmDS.ChartHeader,eq=window.WallarmDS.ChartTitle,eF=window.WallarmDS.LegendDot,eB=window.WallarmDS.PieChart,eH=window.WallarmDS.PieChartCenter,eY=window.WallarmDS.PieChartCenterLabel,eJ=window.WallarmDS.PieChartCenterValue,eZ=window.WallarmDS.PieChartDonut,eK=window.WallarmDS.PieChartLegend,eQ=window.WallarmDS.PieChartLegendItem,e0=window.WallarmDS.PieChartLegendPercent,e1=window.WallarmDS.PieChartLegendValue,e2=window.WallarmDS.PieChartSkeleton,e4=[{name:"4XX",value:35,color:"amber",badgeColor:"amber"},{name:"2XX",value:31,color:"green",badgeColor:"green"},{name:"5XX",value:15,color:"red",badgeColor:"red"},{name:"3XX",value:18,color:"blue",badgeColor:"blue"},{name:"1XX",value:1,color:"slate",badgeColor:"slate"}],e3=[{name:"/api/v1/observability/events/ingestion/batch",value:1240,color:"amber",badgeColor:"amber"},{name:"/api/v1/identity/authentication/sessions/refresh",value:890,color:"green",badgeColor:"green"},{name:"/api/v1/billing/invoices/line-items/detail",value:612,color:"red",badgeColor:"red"},{name:"/api/v1/catalog/products/variants/inventory",value:358,color:"blue",badgeColor:"blue"},{name:"/api/v1/search/federated/suggestions/autocomplete",value:174,color:"slate",badgeColor:"slate"}],e5={title:"Data Display/SimpleCharts/PieChart",component:eB,subcomponents:{PieChartDonut:eZ,PieChartCenter:eH,PieChartCenterValue:eJ,PieChartCenterLabel:eY,PieChartLegend:eK,PieChartLegendItem:eQ,PieChartLegendValue:e1,PieChartLegendPercent:e0,LegendDot:eF,PieChartSkeleton:e2},parameters:{layout:"padded",docs:{description:{component:"A donut and its legend for a share-of-total breakdown — response codes, traffic origins, error classes — where the parts add up to something meaningful; reach for `BarList` when the reader needs to compare magnitudes rather than shares. The two halves are synced through context, so hovering a slice highlights its legend row and hovering a row dims the other slices. The legend is yours to compose: rows join to the data by `name`, which is what keeps the badge, value and percent layout free."}}},tags:["autodocs"]},e6=[{name:"4XX",value:35,fillClass:"fill-violet-500",badgeColor:"violet"},{name:"2XX",value:30,fillClass:"fill-emerald-500",badgeColor:"emerald"},{name:"5XX",value:15,fillClass:"fill-sky-500",badgeColor:"sky"},{name:"3XX",value:12,fillClass:"fill-yellow-500",badgeColor:"yellow"},{name:"1XX",value:8,fillClass:"fill-fuchsia-500",badgeColor:"fuchsia"}],e7={narrow:{title:"Narrow — 280px",className:"w-280"},default:{title:"Default — 400px",className:"w-400"},wide:{title:"Wide — 560px",className:"w-560"}},e8=["brand","blue","green","red","amber","purple","slate","teal","cyan","indigo","pink","rose"];function e9(e,r){return e+r.value}function re(e,r){return e+r.value}function rr(e){return e.value.toLocaleString("en-US")}function rt(e,r){return e+r.value}function ro(e){return i(eQ,{name:e.name,children:[i(eI,{children:[a(eX,{asChild:!0,children:a("span",{className:"min-w-0 flex-1 truncate text-xs font-mono text-text-primary pointer-events-auto",children:e.name})}),a(eU,{children:e.name})]}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]},e.name)}function rl(e,r){return e+r.value}function rn(e){return i(eQ,{name:e.name,children:[i(eO,{children:[a(eP,{children:a("span",{className:"min-w-0 flex-1 truncate text-xs font-mono text-text-primary pointer-events-auto",children:e.name})}),a(eL,{children:e.name})]}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]},e.name)}function ra(e){return i(eQ,{name:e.name,selected:!0,children:[a(ez,{color:e.badgeColor,type:"secondary",textVariant:"code",children:e.name}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]},e.name)}function ri(e){return i(eQ,{name:e.name,children:[a(ez,{color:e.badgeColor,type:"secondary",textVariant:"code",children:e.name}),a(e1,{children:e.value.toLocaleString("en-US")})]},e.name)}function rs(e){return{name:e.name,value:e.value,className:e.fillClass}}function rc(e,r){return e+r.value}function rd(e){return i(eQ,{name:e.name,children:[a(ez,{color:e.badgeColor,type:"secondary",textVariant:"code",children:e.name}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]},e.name)}function rm(e){return{...e,value:0}}function ru(e){return i(eQ,{name:e.name,children:[a(ez,{color:e.badgeColor,type:"secondary",textVariant:"code",children:e.name}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]},e.name)}function rp(e,r){return e+r.value}function rh(e){return i(eQ,{name:e.name,children:[a(ez,{color:e.badgeColor,type:"secondary",textVariant:"code",children:e.name}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]},e.name)}function rf(e,r){return e+r.value}function rb(e,r){return{name:e,value:10+r,color:e}}function rg(e,r){return e+r.value}function rw(e){return i(eQ,{name:e.name,children:[i("span",{className:"inline-flex items-center gap-6 text-xs font-mono text-text-primary capitalize",children:[a("span",{"aria-hidden":!0,className:"inline-block size-8 rounded-2",style:{backgroundColor:`var(--color-${"slate"===e.color?"badge-slate-dark-alt":"brand"===e.color?"w-orange-500":`${e.color}-500`})`}}),e.name]}),a(e1,{children:a(e0,{})})]},e.name)}let ry=[{name:"Default",story:()=>{let e,r,t,o,l,n,s,c,d,p,h,f,b,g,w,y,v,k,x,S,C,_,N=(0,m.c)(55),[z,E]=(0,u.useState)(null);N[0]!==z?(e=z?e4.filter(e=>e.name===z):e4,N[0]=z,N[1]=e):e=N[1];let D=e;if(N[2]!==z||N[3]!==D){let e,m,u,g=e4.reduce(e9,0),w=D.reduce(re,0);b="w-400",n=eA,N[16]===Symbol.for("react.memo_cache_sentinel")?(e=a(eq,{children:"Top 5 Endpoints"}),N[16]=e):e=N[16];let y=null!==z;N[17]!==z?(m=null!==z&&i(eI,{children:[a(eX,{asChild:!0,children:a(eE,{variant:"ghost",color:"neutral",size:"small","aria-label":"Clear filter",onClick:()=>E(null),children:a(e_,{})})}),a(eU,{children:"Remove filter"})]}),N[17]=z,N[18]=m):m=N[18],N[19]===Symbol.for("react.memo_cache_sentinel")?(u=i(eI,{children:[a(eX,{asChild:!0,children:a(eE,{variant:"ghost",color:"neutral",size:"small","aria-label":"Settings",children:a(eN,{})})}),a(eU,{children:"Change data source"})]}),N[19]=u):u=N[19],N[20]!==m||N[21]!==y?(f=i(eG,{children:[e,i(eV,{alwaysVisible:y,children:[m,u]})]}),N[20]=m,N[21]=y,N[22]=f):f=N[22],l=eB,d="pie-chart",p=D,h=w,o=eZ,t=eH,r=eJ,s=rr,c=(z?w:g).toLocaleString("en-US"),N[2]=z,N[3]=D,N[4]=r,N[5]=t,N[6]=o,N[7]=l,N[8]=n,N[9]=s,N[10]=c,N[11]=d,N[12]=p,N[13]=h,N[14]=f,N[15]=b}else r=N[4],t=N[5],o=N[6],l=N[7],n=N[8],s=N[9],c=N[10],d=N[11],p=N[12],h=N[13],f=N[14],b=N[15];if(N[23]!==r||N[24]!==s||N[25]!==c?(g=a(r,{formatHoveredValue:s,children:c}),N[23]=r,N[24]=s,N[25]=c,N[26]=g):g=N[26],N[27]===Symbol.for("react.memo_cache_sentinel")?(w=a(eY,{className:"whitespace-nowrap",pluralize:{one:"request",other:"requests"}}),N[27]=w):w=N[27],N[28]!==t||N[29]!==g?(y=i(t,{children:[g,w]}),N[28]=t,N[29]=g,N[30]=y):y=N[30],N[31]!==o||N[32]!==y?(v=a(o,{children:y}),N[31]=o,N[32]=y,N[33]=v):v=N[33],N[34]!==z||N[35]!==D){let e;N[37]!==z?(e=e=>i(eI,{children:[a(eX,{asChild:!0,children:i(eQ,{name:e.name,selected:z===e.name,onClick:()=>E(z===e.name?null:e.name),children:[a(ez,{color:e.badgeColor,type:"secondary",textVariant:"code",children:e.name}),i(e1,{children:[e.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]})}),a(eU,{children:z===e.name?"Click to remove filter":"Click to filter"})]},e.name),N[37]=z,N[38]=e):e=N[38],k=D.map(e),N[34]=z,N[35]=D,N[36]=k}else k=N[36];return N[39]!==k?(x=a(eK,{children:k}),N[39]=k,N[40]=x):x=N[40],N[41]!==l||N[42]!==v||N[43]!==x||N[44]!==d||N[45]!==p||N[46]!==h?(S=i(l,{"data-testid":d,data:p,total:h,children:[v,x]}),N[41]=l,N[42]=v,N[43]=x,N[44]=d,N[45]=p,N[46]=h,N[47]=S):S=N[47],N[48]!==n||N[49]!==S||N[50]!==f?(C=i(n,{children:[f,S]}),N[48]=n,N[49]=S,N[50]=f,N[51]=C):C=N[51],N[52]!==C||N[53]!==b?(_=a("div",{className:b,children:C}),N[52]=C,N[53]=b,N[54]=_):_=N[54],_},meta:e5},{name:"Selectable",story:()=>{let[e,r]=(0,u.useState)(()=>new Set(["4XX"])),t=e4.reduce((e,r)=>e+r.value,0),o=(0,u.useMemo)(()=>Array.from(e),[e]);return a("div",{className:"w-400",children:i(eA,{children:[i(eG,{children:[a(eq,{children:"Top 5 Endpoints"}),a(eV,{alwaysVisible:e.size>0,children:e.size>0&&i(eI,{children:[a(eX,{asChild:!0,children:a(eE,{variant:"ghost",color:"neutral",size:"small","aria-label":"Clear selection",onClick:()=>r(new Set),children:a(e_,{})})}),a(eU,{children:"Clear selection"})]})})]}),i(eB,{"data-testid":"pie-chart",data:e4,total:t,selectedNames:o,children:[a(eZ,{children:i(eH,{children:[a(eJ,{children:t.toLocaleString("en-US")}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),a(eK,{children:e4.map(t=>i(eI,{children:[a(eX,{asChild:!0,children:i(eQ,{name:t.name,onClick:()=>{var e;return e=t.name,void r(r=>{let t=new Set(r);return t.has(e)?t.delete(e):t.add(e),t})},children:[a(ez,{color:t.badgeColor,type:"secondary",textVariant:"code",children:t.name}),i(e1,{children:[t.value.toLocaleString("en-US"),a(eF,{}),a(e0,{})]})]})}),a(eU,{children:e.has(t.name)?"Click to deselect":"Click to select"})]},t.name))})]})]})})},meta:e5},{name:"TruncatedLabels",story:()=>{let e,r,t,o,l,n,s,c,d=(0,m.c)(8);if(d[0]===Symbol.for("react.memo_cache_sentinel")){let c=e3.reduce(rt,0);n="w-400",r=eA,l=a(eG,{children:a(eq,{children:"Top 5 Endpoints"})}),e=eB,t=e3,o=c,s=a(eZ,{children:i(eH,{children:[a(eJ,{children:c.toLocaleString("en-US")}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),d[0]=e,d[1]=r,d[2]=t,d[3]=o,d[4]=l,d[5]=n,d[6]=s}else e=d[0],r=d[1],t=d[2],o=d[3],l=d[4],n=d[5],s=d[6];return d[7]===Symbol.for("react.memo_cache_sentinel")?(c=a("div",{className:n,children:i(r,{children:[l,i(e,{data:t,total:o,children:[s,a(eK,{children:e3.map(ro)})]})]})}),d[7]=c):c=d[7],c},meta:e5},{name:"TruncatedLabelsWithTooltip",story:()=>{let e,r,t,o,l,n,s,c,d=(0,m.c)(8);if(d[0]===Symbol.for("react.memo_cache_sentinel")){let c=e3.reduce(rl,0);n="w-400",r=eA,l=a(eG,{children:a(eq,{children:"Top 5 Endpoints"})}),e=eB,t=e3,o=c,s=a(eZ,{children:i(eH,{children:[a(eJ,{children:c.toLocaleString("en-US")}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),d[0]=e,d[1]=r,d[2]=t,d[3]=o,d[4]=l,d[5]=n,d[6]=s}else e=d[0],r=d[1],t=d[2],o=d[3],l=d[4],n=d[5],s=d[6];return d[7]===Symbol.for("react.memo_cache_sentinel")?(c=a("div",{className:n,children:i(r,{children:[l,i(e,{data:t,total:o,children:[s,a(eK,{children:e3.map(rn)})]})]})}),d[7]=c):c=d[7],c},meta:e5},{name:"Loading",story:()=>{let e,r=(0,m.c)(1);return r[0]===Symbol.for("react.memo_cache_sentinel")?(e=a("div",{className:"w-400",children:i(eA,{children:[a(eG,{children:a(eq,{children:"Top 5 Endpoints"})}),a(e2,{"data-testid":"pie-chart-skeleton",rows:5})]})}),r[0]=e):e=r[0],e},meta:e5},{name:"SingleSlice",story:()=>{let e,r=(0,m.c)(1);if(r[0]===Symbol.for("react.memo_cache_sentinel")){let t=[{name:"5XX",value:23,color:"red",badgeColor:"red"}];e=a("div",{className:"w-400",children:i(eA,{children:[a(eG,{children:a(eq,{children:"Top 5 Endpoints"})}),i(eB,{"data-testid":"pie-chart",data:t,children:[a(eZ,{children:i(eH,{children:[a(eJ,{children:"23"}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),a(eK,{children:t.map(ra)})]})]})}),r[0]=e}else e=r[0];return e},meta:e5},{name:"TwoSlices",story:()=>{let e,r=(0,m.c)(1);if(r[0]===Symbol.for("react.memo_cache_sentinel")){let t=[{name:"Success",value:78,color:"green",badgeColor:"green"},{name:"Errors",value:22,color:"red",badgeColor:"red"}];e=a("div",{className:"w-400",children:i(eA,{children:[a(eG,{children:a(eq,{children:"Response status — values only"})}),i(eB,{"data-testid":"pie-chart",data:t,total:100,children:[a(eZ,{children:i(eH,{children:[a(eJ,{children:"100"}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),a(eK,{children:t.map(ri)})]})]})}),r[0]=e}else e=r[0];return e},meta:e5},{name:"CustomColors",story:()=>{let e,r,t,o,l,n,s,c,d=(0,m.c)(8);if(d[0]===Symbol.for("react.memo_cache_sentinel")){let c=e6.map(rs),m=e6.reduce(rc,0);n="w-400",r=eA,l=a(eG,{children:a(eq,{children:"Top 5 Endpoints (custom palette)"})}),e=eB,t=c,o=m,s=a(eZ,{children:i(eH,{children:[a(eJ,{children:m.toLocaleString("en-US")}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),d[0]=e,d[1]=r,d[2]=t,d[3]=o,d[4]=l,d[5]=n,d[6]=s}else e=d[0],r=d[1],t=d[2],o=d[3],l=d[4],n=d[5],s=d[6];return d[7]===Symbol.for("react.memo_cache_sentinel")?(c=a("div",{className:n,children:i(r,{children:[l,i(e,{data:t,total:o,children:[s,a(eK,{children:e6.map(rd)})]})]})}),d[7]=c):c=d[7],c},meta:e5},{name:"ZeroTotal",story:()=>{let e,r=(0,m.c)(1);if(r[0]===Symbol.for("react.memo_cache_sentinel")){let t=e4.map(rm);e=a("div",{className:"w-400",children:i(eA,{children:[a(eG,{children:a(eq,{children:"Top 5 Endpoints (no traffic)"})}),i(eB,{"data-testid":"pie-chart",data:t,children:[a(eZ,{children:i(eH,{children:[a(eJ,{children:"0"}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),a(eK,{children:t.map(ru)})]})]})}),r[0]=e}else e=r[0];return e},meta:e5},{name:"WidthVariants",story:()=>{let e,r,t,o,l,n,s,c,d,p,h,f,b,g,w,y,v,k,x=(0,m.c)(54),[S,C]=(0,u.useState)("wide"),[_,N]=(0,u.useState)(!1),z=e7[S];if(x[0]!==z.className||x[1]!==z.title||x[2]!==S||x[3]!==_){let m,u,h,f,b,g,w,y,v=e4.reduce(rp,0);p=z.className,l=eA,x[14]!==z.title?(m=a(eq,{children:z.title}),x[14]=z.title,x[15]=m):m=x[15],x[16]===Symbol.for("react.memo_cache_sentinel")?(u=a(ej,{asChild:!0,children:a(eE,{variant:"ghost",color:"neutral",size:"small","aria-label":"Settings",children:a(eN,{})})}),x[16]=u):u=x[16],x[17]===Symbol.for("react.memo_cache_sentinel")?(h=a(eT,{children:"Container width"}),x[17]=h):h=x[17],x[18]===Symbol.for("react.memo_cache_sentinel")?(f=Object.keys(e7),x[18]=f):f=x[18],x[19]!==S?(b=a(eX,{asChild:!0,children:a("span",{className:"inline-flex",children:i(eD,{onOpenChange:N,children:[u,i(e$,{children:[h,a(eR,{children:f.map(e=>i(eW,{onSelect:()=>C(e),children:[a("span",{className:"flex-1",children:e7[e].title}),a(eM,{children:a(eC,{className:((...e)=>eS(function(){for(var e,r,t=0,o="",l=arguments.length;t<l;t++)(e=arguments[t])&&(r=function e(r){var t,o,l="";if("string"==typeof r||"number"==typeof r)l+=r;else if("object"==typeof r)if(Array.isArray(r)){var n=r.length;for(t=0;t<n;t++)r[t]&&(o=e(r[t]))&&(l&&(l+=" "),l+=o)}else for(o in r)r[o]&&(l&&(l+=" "),l+=o);return l}(e))&&(o&&(o+=" "),o+=r);return o}(e)))(S!==e&&"opacity-0")})})]},e))})]})]})})}),x[19]=S,x[20]=b):b=x[20],x[21]===Symbol.for("react.memo_cache_sentinel")?(g=a(eU,{children:"Change container width"}),x[21]=g):g=x[21],x[22]!==_||x[23]!==b?(w=i(eI,{disabled:_,children:[b,g]}),x[22]=_,x[23]=b,x[24]=w):w=x[24],x[25]!==_||x[26]!==w?(y=a(eV,{alwaysVisible:_,children:w}),x[25]=_,x[26]=w,x[27]=y):y=x[27],x[28]!==y||x[29]!==m?(d=i(eG,{children:[m,y]}),x[28]=y,x[29]=m,x[30]=d):d=x[30],o=eB,s=e4,c=v,t=eZ,r=eH,e=eJ,n=v.toLocaleString("en-US"),x[0]=z.className,x[1]=z.title,x[2]=S,x[3]=_,x[4]=e,x[5]=r,x[6]=t,x[7]=o,x[8]=l,x[9]=n,x[10]=s,x[11]=c,x[12]=d,x[13]=p}else e=x[4],r=x[5],t=x[6],o=x[7],l=x[8],n=x[9],s=x[10],c=x[11],d=x[12],p=x[13];return x[31]!==e||x[32]!==n?(h=a(e,{children:n}),x[31]=e,x[32]=n,x[33]=h):h=x[33],x[34]===Symbol.for("react.memo_cache_sentinel")?(f=a(eY,{className:"whitespace-nowrap",children:"requests"}),x[34]=f):f=x[34],x[35]!==r||x[36]!==h?(b=i(r,{children:[h,f]}),x[35]=r,x[36]=h,x[37]=b):b=x[37],x[38]!==t||x[39]!==b?(g=a(t,{children:b}),x[38]=t,x[39]=b,x[40]=g):g=x[40],x[41]===Symbol.for("react.memo_cache_sentinel")?(w=a(eK,{children:e4.map(rh)}),x[41]=w):w=x[41],x[42]!==o||x[43]!==s||x[44]!==c||x[45]!==g?(y=i(o,{data:s,total:c,children:[g,w]}),x[42]=o,x[43]=s,x[44]=c,x[45]=g,x[46]=y):y=x[46],x[47]!==l||x[48]!==y||x[49]!==d?(v=i(l,{children:[d,y]}),x[47]=l,x[48]=y,x[49]=d,x[50]=v):v=x[50],x[51]!==v||x[52]!==p?(k=a("div",{className:p,children:v}),x[51]=v,x[52]=p,x[53]=k):k=x[53],k},meta:e5},{name:"PercentVariants",story:()=>{let e,r=(0,m.c)(1);if(r[0]===Symbol.for("react.memo_cache_sentinel")){let t=e4.reduce(rf,0),o=(e,r)=>i(eA,{children:[a(eG,{children:a(eq,{children:r})}),i(eB,{data:e4,total:t,children:[a(eZ,{children:i(eH,{children:[a(eJ,{children:t.toLocaleString("en-US")}),a(eY,{className:"whitespace-nowrap",children:"requests"})]})}),a(eK,{children:e4.map(r=>i(eQ,{name:r.name,children:[a(ez,{color:r.badgeColor,type:"secondary",textVariant:"code",children:r.name}),i(e1,{children:[r.value.toLocaleString("en-US"),a(eF,{}),a(e0,{variant:e})]})]},r.name))})]})]});e=i("div",{className:"flex flex-col gap-16 w-400",children:[o("split","Split — value primary, % secondary (default)"),o("muted","Muted — both tokens secondary"),o("inherit","Inherit — follows PieChartLegendValue color")]}),r[0]=e}else e=r[0];return e},meta:e5},{name:"Palette",story:()=>{let e,r=(0,m.c)(1);if(r[0]===Symbol.for("react.memo_cache_sentinel")){let t=e8.slice(0,6).map(rb),o=t.reduce(rg,0);e=a("div",{className:"w-400",children:i(eA,{children:[a(eG,{children:a(eq,{children:"Built-in palette — percents only"})}),i(eB,{data:t,total:o,children:[a(eZ,{children:i(eH,{children:[a(eJ,{children:o.toLocaleString("en-US")}),a(eY,{children:"total"})]})}),a(eK,{children:t.map(rw)})]})]})}),r[0]=e}else e=r[0];return e},meta:e5}];function rv({entry:e}){let{story:r,meta:t}=e,o={...t.args,...r.args},l="function"==typeof r||r.$$typeof?r:r.render||t.render||t.component,n=()=>u.default.createElement(l,o),a={args:o,globals:{theme:"light"},parameters:{...t.parameters,...r.parameters},viewMode:"story"};for(let e of[...t.decorators||[],...r.decorators||[]].reverse()){let r=n;n=()=>e(r,a)}return u.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},u.default.createElement("h2",{className:"text-sm mb-12"},e.name),u.default.createElement(n))}window.WallarmPreview={mount(e){let r=window.ReactDOM.createRoot(e);return r.render(u.default.createElement(window.WallarmDS.Root,null,ry.map((e,r)=>u.default.createElement(rv,{key:r,entry:e})))),r}}})();

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

@@ -8,8 +8,8 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | --- | --- | --- | --- | --- |
 | `open` | `boolean \| undefined` | no | — |  |
 | `on-open-change` | `((open: boolean) => void) \| undefined` | no | — |  |
-| `ids` | `complex` | no | — | Override the trigger element's id. Pass the same id to another compound component's `ids.trigger` (e.g. `Tooltip`, `DropdownMenu`) to compose their triggers on one element via nested `asChild` without an extra wrapper node — otherwise the outer trigger's id wins and the other component can't find its own anchor. |
-| `positioning` | `complex` | no | — | Custom positioning configuration. When provided, overrides the default positioning. |
+| `ids` | `ElementIds \| undefined` | no | — | Override the trigger element's id. Pass the same id to another compound component's `ids.trigger` (e.g. `Tooltip`, `DropdownMenu`) to compose their triggers on one element via nested `asChild` without an extra wrapper node — otherwise the outer trigger's id wins and the other component can't find its own anchor. |
+| `positioning` | `PositioningOptions \| undefined` | no | — | Custom positioning configuration. When provided, overrides the default positioning. |
 | `data-testid` | `string \| undefined` | no | — |  |
 
 ## Sub-components

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

@@ -10,7 +10,7 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `min` | `number \| undefined` | no | `0` |  |
 | `max` | `number \| undefined` | no | `100` |  |
 | `size` | `"xs" \| "sm" \| "md" \| "lg"` | no | `xs` |  |
-| `color` | `"brand" \| "slate" \| "red" \| "w-orange" \| "amber" \| "yellow" \| "lime" \| "green" \| "emerald" \| "teal" \| "cyan" \| "sky" \| "blue" \| "indigo" \| "violet" \| "fuchsia" \| "pink" \| "rose" \| "gray" \| "zinc" \| "neutral" \| "stone"` | no | `brand` |  |
+| `color` | `ProgressColor \| undefined` | no | `brand` |  |
 | `show-label` | `boolean \| undefined` | no | `false` |  |
 | `data-testid` | `string \| undefined` | no | — |  |
 

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

@@ -6,7 +6,7 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 
 | Attribute | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
-| `config` | `complex` | yes | — | Navigation config used to build nav state for sub-components. |
+| `config` | `NavConfig` | yes | — | Navigation config used to build nav state for sub-components. |
 | `base-path` | `string \| undefined` | no | — | URL prefix stripped before matching and prepended when navigating (e.g. `"/edge"`). |
 | `pathname` | `string \| undefined` | no | — | Current pathname. When set, it is the single source of truth for the active nav item, drill level and breadcrumbs, and `window.location` is ignored. Pass it — **together with `onNavigate`** — whenever a router owns the URL: router navigations (links in page content, `router.navigate`, memory history, the host's rail) do not fire `popstate`, so without it the shell can go stale. Without `onNavigate` the shell's own navigations would only reach `window.history`, which a controlled shell ignores (a dev warning flags this). Either form is accepted: with the `basePath` prefix (what `onNavigate` receives) or without it — the prefix is stripped only when the pathname starts with a whole `basePath` segment. With TanStack Router, `useRouterState({ select: s => s.location.pathname })` is router-relative: it excludes the router's own `basepath`. So when the router has `basepath`: - omit `basePath` here — `pathname` and `onNavigate` are then both router-relative and `onNavigate={to => navigate({ to })}` is correct; or - keep `basePath` and strip it in `onNavigate` (`to => navigate({ to: to.slice(basePath.length) \|\| '/' })`), otherwise the router prefixes it a second time. Omit it to read `window.location.pathname` (updated on `popstate` and on the shell's own navigations). |
 | `on-navigate` | `((pathname: string) => void) \| undefined` | no | — | Navigation handler for router integration (TanStack Router, React Router, Next.js, …). Receives the target pathname, prefixed with `basePath` when one is set. Without it the shell pushes to `window.history` itself. |

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

@@ -14,7 +14,7 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `tab-index` | `number \| undefined` | no | — |  |
 | `rel` | `string \| undefined` | no | — |  |
 | `on-change` | `ChangeEventHandler<T, Element> \| undefined` | no | — |  |
-| `ids` | `complex` | no | — | The ids of the scroll area elements |
+| `ids` | `ElementIds \| undefined` | no | — | The ids of the scroll area elements |
 | `as-child` | `boolean \| undefined` | no | — | Use the provided child element as the default rendered element, combining their props and behavior. |
 | `data-testid` | `string \| undefined` | no | — |  |
 

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

@@ -15,19 +15,19 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `tab-index` | `number \| undefined` | no | — |  |
 | `rel` | `string \| undefined` | no | — |  |
 | `on-change` | `ChangeEventHandler<T, Element> \| undefined` | no | — |  |
-| `on-select` | `complex` | no | — | Function called when an item is selected |
+| `on-select` | `((details: SelectionDetails) => void) \| undefined` | no | — | Function called when an item is selected |
 | `disabled` | `boolean \| undefined` | no | `false` | Whether the select is disabled |
 | `name` | `string \| undefined` | no | — | The `name` attribute of the underlying select. |
 | `value` | `string[] \| undefined` | no | — | The controlled keys of the selected items |
 | `as-child` | `boolean \| undefined` | no | — | Use the provided child element as the default rendered element, combining their props and behavior. |
-| `ids` | `complex` | no | — | The ids of the elements in the select. Useful for composition. |
+| `ids` | `ElementIds \| undefined` | no | — | The ids of the elements in the select. Useful for composition. |
 | `default-highlighted-value` | `string \| null \| undefined` | no | — | The initial value of the highlighted item when opened. Use when you don't need to control the highlighted value of the select. |
 | `highlighted-value` | `string \| null \| undefined` | no | — | The controlled key of the highlighted item |
 | `on-highlight-change` | `complex` | no | — | The callback fired when the highlighted item changes. |
 | `loop-focus` | `boolean \| undefined` | no | — | Whether to loop the keyboard navigation through the options |
 | `close-on-select` | `boolean \| undefined` | no | — | Whether the select should close after an item is selected |
 | `open` | `boolean \| undefined` | no | — | Whether the select menu is open |
-| `on-open-change` | `complex` | no | — | Function called when the popup is opened |
+| `on-open-change` | `((details: OpenChangeDetails) => void) \| undefined` | no | — | Function called when the popup is opened |
 | `default-open` | `boolean \| undefined` | no | — | Whether the select's open state is controlled by the user |
 | `composite` | `boolean \| undefined` | no | — | Whether the select is a composed with other composite widgets like tabs or combobox |
 | `on-pointer-down-outside` | `complex` | no | — | Function called when the pointer is pressed down outside the component |
@@ -41,16 +41,16 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `read-only` | `boolean \| undefined` | no | — | Whether the select is read-only |
 | `required` | `boolean \| undefined` | no | — | Whether the select is required |
 | `invalid` | `boolean \| undefined` | no | — | Whether the select is invalid |
-| `on-value-change` | `complex` | no | — | The callback fired when the selected item changes. |
+| `on-value-change` | `((details: ValueChangeDetails<T>) => void) \| undefined` | no | — | The callback fired when the selected item changes. |
 | `multiple` | `boolean \| undefined` | no | — | Whether to allow multiple selection |
-| `collection` | `complex` | yes | — | The collection of items |
-| `translations` | `complex` | no | — | Specifies the localized strings that identifies the accessibility elements and their states |
-| `scroll-to-index-fn` | `complex` | no | — | Function to scroll to a specific index |
+| `collection` | `ListCollection<T>` | yes | — | The collection of items |
+| `translations` | `IntlTranslations \| undefined` | no | — | Specifies the localized strings that identifies the accessibility elements and their states |
+| `scroll-to-index-fn` | `((details: ScrollToIndexDetails) => void) \| undefined` | no | — | Function to scroll to a specific index |
 | `deselectable` | `boolean \| undefined` | no | — | Whether the value can be cleared by clicking the selected item. **Note:** this is only applicable for single selection |
 | `skip-animation-on-mount` | `boolean \| undefined` | no | — | Whether to allow the initial presence animation. |
 | `hide-mode` | `"display-none" \| "activity"` | no | — | How to hide content when mounted but not present. - `'display-none'`: HTML `hidden` attribute. Effects stay alive. - `'activity'`: React 19 `<Activity mode="hidden">`. Effects pause. Requires React 19+. |
 | `loading` | `boolean \| undefined` | no | `false` |  |
-| `positioning` | `complex` | no | — | Override default floating positioning (merged with DS defaults). |
+| `positioning` | `PositioningOptions \| undefined` | no | — | Override default floating positioning (merged with DS defaults). |
 | `data-testid` | `string \| undefined` | no | — |  |
 
 ## Sub-components

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

@@ -18,7 +18,7 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `min` | `number \| undefined` | no | — | The minimum value of the slider |
 | `read-only` | `boolean \| undefined` | no | — | Whether the slider is read-only |
 | `step` | `number \| undefined` | no | — | The step value of the slider |
-| `get-aria-value-text` | `complex` | no | — | Function that returns a human readable value for the slider thumb |
+| `get-aria-value-text` | `((details: ValueTextDetails) => string) \| undefined` | no | — | Function that returns a human readable value for the slider thumb |
 | `min-steps-between-thumbs` | `number \| undefined` | no | — | The minimum permitted steps between multiple thumbs. `minStepsBetweenThumbs` * `step` should reflect the gap between the thumbs. - `step: 1` and `minStepsBetweenThumbs: 10` => gap is `10` - `step: 10` and `minStepsBetweenThumbs: 2` => gap is `20` |
 | `thumb-collision-behavior` | `"none" \| "push" \| "swap" \| undefined` | no | — | Controls how thumbs behave when they collide during pointer interactions. - `none` (default): Thumbs cannot move past each other; excess movement is ignored. - `push`: Thumbs push each other without restoring their previous positions when dragged back. - `swap`: Thumbs swap places when dragged past each other. |
 | `data-testid` | `string \| undefined` | no | — |  |

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

@@ -7,8 +7,8 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | Attribute | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
 | `visible` | `boolean \| undefined` | no | `true` |  |
-| `shrink-target` | `complex` | no | — |  |
-| `on-phase-change` | `complex` | no | — |  |
+| `shrink-target` | `SplashScreenShrinkTarget \| undefined` | no | — |  |
+| `on-phase-change` | `((phase: PhaseType) => void) \| undefined` | no | — |  |
 | `default-checked` | `boolean \| undefined` | no | — |  |
 | `default-value` | `string \| number \| readonly string[] \| undefined` | no | — |  |
 | `auto-focus` | `boolean \| undefined` | no | — |  |

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

@@ -6,7 +6,7 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 
 | Attribute | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
-| `status-labels` | `complex` | no | — | Screen-reader-only suffixes for completed and danger steps. |
+| `status-labels` | `StepperStatusLabels \| undefined` | no | — | Screen-reader-only suffixes for completed and danger steps. |
 | `title` | `string \| undefined` | no | — |  |
 | `default-checked` | `boolean \| undefined` | no | — |  |
 | `default-value` | `string \| number \| readonly string[] \| undefined` | no | — |  |
@@ -15,11 +15,11 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `tab-index` | `number \| undefined` | no | — |  |
 | `rel` | `string \| undefined` | no | — |  |
 | `on-change` | `ChangeEventHandler<T, Element> \| undefined` | no | — |  |
-| `ids` | `complex` | no | — | The custom ids for the stepper elements |
+| `ids` | `ElementIds \| undefined` | no | — | The custom ids for the stepper elements |
 | `count` | `number` | yes | — | Number of steps, 1–6. Required: each `StepperItem` and `StepperContent` takes its `index`. |
 | `step` | `number \| undefined` | no | — | Controlled current step, 0-based. Clamped to `[0, count - 1]`. |
 | `default-step` | `number \| undefined` | no | — | Uncontrolled initial step. Default `0`. Clamped to `[0, count - 1]`. |
-| `on-step-change` | `complex` | no | — | Fires when a click changes the step, back or forward: `({ step }) => void`. A click on the current step does not fire it; use the trigger's `onClick` to observe that. |
+| `on-step-change` | `((details: StepChangeDetails) => void) \| undefined` | no | — | Fires when a click changes the step, back or forward: `({ step }) => void`. A click on the current step does not fire it; use the trigger's `onClick` to observe that. |
 | `data-testid` | `string \| undefined` | no | — |  |
 
 ## Sub-components

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

@@ -20,10 +20,10 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `disabled` | `boolean \| undefined` | no | — | Whether the switch is disabled. |
 | `name` | `string \| undefined` | no | — | The name of the input field in a switch (Useful for form submission). |
 | `value` | `string \| number \| undefined` | no | — | The value of switch input. Useful for form submission. |
-| `ids` | `complex` | no | — | The ids of the elements in the switch. Useful for composition. |
+| `ids` | `ElementIds \| undefined` | no | — | The ids of the elements in the switch. Useful for composition. |
 | `read-only` | `boolean \| undefined` | no | — | Whether the switch is read-only |
 | `required` | `boolean \| undefined` | no | — | If `true`, the switch input is marked as required, |
-| `on-checked-change` | `complex` | no | — | Function to call when the switch is clicked. |
+| `on-checked-change` | `((details: CheckedChangeDetails) => void) \| undefined` | no | — | Function to call when the switch is clicked. |
 | `invalid` | `boolean \| undefined` | no | — | If `true`, the switch is marked as invalid. |
 | `checked` | `boolean \| undefined` | no | — | The controlled checked state of the switch |
 | `as-child` | `boolean \| undefined` | no | — | Use the provided child element as the default rendered element, combining their props and behavior. |

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

@@ -7,40 +7,40 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | Attribute | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
 | `data` | `T[]` | yes | — | Data array for rows |
-| `columns` | `complex` | yes | — | Column definitions |
+| `columns` | `TableColumnDef<T>[]` | yes | — | Column definitions |
 | `is-loading` | `boolean \| undefined` | no | `false` | Show skeleton rows |
 | `is-loading-previous` | `boolean \| undefined` | no | — | Show skeleton rows above the first row while a previous page is being fetched (bidirectional infinite scroll — the start-edge counterpart of `isLoading`). Pair with `onStartReached`. |
 | `skeleton-count` | `number \| undefined` | no | — | Number of skeleton rows to display when loading (default: 12, `TABLE_SKELETON_ROWS`) |
 | `get-row-id` | `((row: T, index: number) => string) \| undefined` | no | — | Row id accessor for stable row identity |
 | `aria-label` | `string \| undefined` | no | — | Accessible label for the table |
-| `sorting` | `complex` | no | — |  |
+| `sorting` | `TableSortingState \| undefined` | no | — |  |
 | `on-sorting-change` | `complex` | no | — |  |
 | `manual-sorting` | `boolean \| undefined` | no | — | When `true`, disables TanStack's client-side sort. The table renders rows in the order they appear in `data` and only fires `onSortingChange` on header clicks. Use this when sorting is performed server-side and the server returns pre-sorted rows. Default: `false` (client-side sort via TanStack's `getSortedRowModel`). |
-| `row-selection` | `complex` | no | — |  |
+| `row-selection` | `TableRowSelectionState \| undefined` | no | — |  |
 | `on-row-selection-change` | `complex` | no | — |  |
 | `enable-select-all-rows` | `boolean \| undefined` | no | — | Renders the master checkbox in the selection column header. Set `false` when "all rows" is not a selection the consumer can act on — a listing whose scope the consumer cannot express, for instance — leaving per-row checkboxes (shift-click range selection included) as the only way to select. The column itself stays, so the layout does not shift. Default: `true`. |
 | `on-select-all-rows` | `((selected: boolean) => void) \| undefined` | no | — | Called when the master checkbox is toggled, with its new state, in addition to the `onRowSelectionChange` the toggle produces. The state change alone cannot identify the gesture: "every loaded row is selected" is also what checking the last row by hand produces. A consumer that treats the master checkbox as meaning more than the loaded rows — everything matching a server-side filter, say — needs to know the difference, which is what this reports. |
-| `column-sizing` | `complex` | no | — |  |
+| `column-sizing` | `TableColumnSizingState \| undefined` | no | — |  |
 | `on-column-sizing-change` | `complex` | no | — |  |
-| `column-pinning` | `complex` | no | — |  |
+| `column-pinning` | `TableColumnPinningState \| undefined` | no | — |  |
 | `on-column-pinning-change` | `complex` | no | — |  |
 | `column-order` | `string[] \| undefined` | no | — |  |
-| `on-column-order-change` | `complex` | no | — |  |
-| `grouping` | `complex` | no | — |  |
+| `on-column-order-change` | `TableOnChangeFn<string[]> \| undefined` | no | — |  |
+| `grouping` | `TableGroupingState \| undefined` | no | — |  |
 | `on-grouping-change` | `complex` | no | — |  |
-| `render-group-row` | `complex` | no | — | Group row content for `getSubRows` grouping. Passing it switches the table to sub-row grouping mode: the auto-injected expand column is dropped, so the content is responsible for its own expand/collapse toggle (`row.getToggleExpandedHandler()`). Rendered only with `groupRowSpan: 'full'`. With the default `'master'` the group row shows its master (first data) column cell, as before. |
+| `render-group-row` | `((row: TableRow<T>) => ReactNode) \| undefined` | no | — | Group row content for `getSubRows` grouping. Passing it switches the table to sub-row grouping mode: the auto-injected expand column is dropped, so the content is responsible for its own expand/collapse toggle (`row.getToggleExpandedHandler()`). Rendered only with `groupRowSpan: 'full'`. With the default `'master'` the group row shows its master (first data) column cell, as before. |
 | `group-row-span` | `"full" \| "master" \| undefined` | no | — | How a group row lays out its content. - `'master'` (default): the master column's cell, then empty filler cells — the content is confined to the master column width. - `'full'`: `renderGroupRow(row)` in a single cell spanning every data column (system cells — selection, drag handle — keep their own cells). Use for a group header with a title on the left and actions pinned to the right edge of the table. Requires `renderGroupRow`. |
 | `group-expand-column` | `boolean \| undefined` | no | — | Keep the expand column in sub-row grouping mode (`renderGroupRow`), which otherwise drops it and leaves the toggle to the group row's content. The column comes first, ahead of the drag handle, and shows a toggle on group rows only — so the rows of a group, drag handle included, sit inside it. |
 | `get-sub-rows` | `((row: T) => T[] \| undefined) \| undefined` | no | — | Sub-row accessor for hierarchical/tree data (used with renderGroupRow) |
 | `show-empty-groups` | `boolean \| undefined` | no | — | Render a top-level row whose `getSubRows` returns an empty array as an (empty) group row instead of a plain row — for groups that stay visible with nothing in them yet. Return `undefined` for rows that are not groups. |
 | `expanded` | `boolean` | no | `false` |  |
 | `on-expanded-change` | `complex` | no | — |  |
-| `render-expanded-row` | `complex` | no | — |  |
-| `column-visibility` | `complex` | no | — |  |
+| `render-expanded-row` | `((row: TableRow<T>) => ReactNode) \| undefined` | no | — |  |
+| `column-visibility` | `TableVisibilityState \| undefined` | no | — |  |
 | `on-column-visibility-change` | `complex` | no | — |  |
-| `default-column-visibility` | `complex` | no | — |  |
+| `default-column-visibility` | `TableVisibilityState \| undefined` | no | — |  |
 | `default-column-order` | `string[] \| undefined` | no | — |  |
-| `column-groups` | `complex` | no | — | Labeled sections for the column-settings menu. When set, the menu renders these groups (flat, non-reorderable — like the FilterInput field menu) instead of the default pinned/unpinned drag-reorder list. See {@link TableColumnGroup}. |
+| `column-groups` | `TableColumnGroup[] \| undefined` | no | — | Labeled sections for the column-settings menu. When set, the menu renders these groups (flat, non-reorderable — like the FilterInput field menu) instead of the default pinned/unpinned drag-reorder list. See {@link TableColumnGroup}. |
 | `on-settings-open-change` | `((open: boolean) => void) \| undefined` | no | — | Fired when the built-in column-settings menu opens (`true`) or closes (`false`). The menu's open state otherwise lives inside the DS and is not observable, so consumers that want to defer expensive work — e.g. refetch once with the final column selection instead of on every toggle — can hook the close edge here. |
 | `defer-column-visibility` | `boolean \| undefined` | no | — | Hold column-visibility toggles in the built-in settings menu until it closes, then apply them as one `columnVisibility` change. Without it each switch shows or hides its column at once — a column whose data the consumer only fetches on close then sits empty while the menu is open. |
 | `virtualized` | `"container" \| "window"` | no | — | Enable row virtualization. `'container'` virtualizes within the table's own scroll container; `'window'` follows the page scroll — the nearest scrollable ancestor, or the browser window. |
@@ -52,9 +52,9 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | `on-start-reached` | `(() => void) \| undefined` | no | — | Callback fired when the user scrolls near the start (top) of the table |
 | `on-start-reached-threshold` | `number \| undefined` | no | — | Distance from the top (in px) to trigger onStartReached (default: 200) |
 | `initial-scroll-to-row-id` | `string \| undefined` | no | — | Row id to anchor the initial scroll position to. The table scrolls this row into view on mount and arms the edge detectors only after that initial scroll settles. Use for deep-linking into the middle of a dataset. |
-| `on-row-reorder` | `complex` | no | — | Callback fired when a row is dragged to a new position. When provided, a drag-handle column is auto-injected and row DnD is enabled. With `getSubRows` grouping, group rows stay put and a row moves only among the rows of its own group. |
-| `get-row-can-drag` | `complex` | no | — | Per-row drag control for `onRowReorder`. A row for which it returns `false` shows a disabled grip (none on a full-width row), cannot be dragged and is not a drop target — the other rows of its group move around it. Group rows never move regardless. Default: every non-group row can be dragged. |
-| `render-full-width-row` | `complex` | no | — | Renders a non-group row as a single cell spanning every data column — a banner or notice row among regular rows. Return `undefined` to render the row normally, with a cell per column. System cells (selection, drag handle) keep their own cells. Pair with `getRowCanDrag` to keep such a row in place in a reorderable table. Called on every render of the row: return elements, do not call hooks in the callback itself (components it returns may). |
+| `on-row-reorder` | `((event: TableRowReorderEvent) => void) \| undefined` | no | — | Callback fired when a row is dragged to a new position. When provided, a drag-handle column is auto-injected and row DnD is enabled. With `getSubRows` grouping, group rows stay put and a row moves only among the rows of its own group. |
+| `get-row-can-drag` | `((row: TableRow<T>) => boolean) \| undefined` | no | — | Per-row drag control for `onRowReorder`. A row for which it returns `false` shows a disabled grip (none on a full-width row), cannot be dragged and is not a drop target — the other rows of its group move around it. Group rows never move regardless. Default: every non-group row can be dragged. |
+| `render-full-width-row` | `((row: TableRow<T>) => ReactNode) \| undefined` | no | — | Renders a non-group row as a single cell spanning every data column — a banner or notice row among regular rows. Return `undefined` to render the row normally, with a cell per column. System cells (selection, drag handle) keep their own cells. Pair with `getRowCanDrag` to keep such a row in place in a reorderable table. Called on every render of the row: return elements, do not call hooks in the callback itself (components it returns may). |
 | `on-master-cell-click` | `((rowId: string) => void) \| undefined` | no | — | Callback fired when the master cell is clicked. Receives the row ID. |
 | `active-row-id` | `string \| null \| undefined` | no | — | ID of the currently active (highlighted) row, or null. Controls row highlighting via data-preview-active attribute. |
 | `data-testid` | `string \| undefined` | no | — |  |

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

@@ -7,7 +7,7 @@ Use kebab-case attribute names. Pass non-string values through renderVals holes,
 | Attribute | Type | Required | Default | Description |
 | --- | --- | --- | --- | --- |
 | `size` | `"medium" \| "small"` | no | `medium` |  |
-| `variant` | `"default" \| "grayscale"` | no | — |  |
+| `variant` | `TabsVariant \| undefined` | no | — |  |
 | `value` | `string \| undefined` | no | — |  |
 | `default-value` | `string \| undefined` | no | — |  |
 | `lazy-mount` | `boolean \| undefined` | no | `true` |  |