@wallarm-org/claude-design 4.9.0 → 4.10.0

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

@@ -9,4 +9,4 @@ var e={vD(e,t,r){let n,l;/**
  * @nolint
  * @preventMunge
  * @preserve-invariant-messages
- */var a,i,o=Object.create,c=Object.defineProperty,s=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,u=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,h=(e,t,r,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let l of d(t))m.call(e,l)||l===r||c(e,l,{get:()=>t[l],enumerable:!(n=s(t,l))||n.enumerable});return e},p={},f={$dispatcherGuard:()=>M,$makeReadOnly:()=>D,$reset:()=>C,$structuralCheck:()=>W,c:()=>E,clearRenderCounterRegistry:()=>x,renderCounterRegistry:()=>O,useRenderCounter:()=>T};for(var y in f)c(p,y,{get:f[y],enumerable:!0});e.exports=h(c({},"__esModule",{value:!0}),p);var w=(l=null!=(n=r("C"))?o(u(n)):{},h(n&&n.__esModule?l:c(l,"default",{value:n,enumerable:!0}),n)),{useRef:v,useEffect:_,isValidElement:g}=w,b=null!=(a=w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?a:w.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,S=Symbol.for("react.memo_cache_sentinel"),E="function"==typeof(null==(i=w.__COMPILER_RUNTIME)?void 0:i.c)?w.__COMPILER_RUNTIME.c:function(e){return w.useMemo(()=>{let t=Array(e);for(let r=0;r<e;r++)t[r]=S;return t[S]=!0,t},[])},R={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{R[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 N=null;function $(e){return b.ReactCurrentDispatcher.current=e,b.ReactCurrentDispatcher.current}R.useMemoCache=e=>{if(null!=N)return N.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var k=[];function M(e){let t=b.ReactCurrentDispatcher.current;if(0===e){if(k.push(t),1===k.length&&(N=t),t===R)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.");$(R)}else if(1===e){let e=k.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===k.length&&(N=null),$(e)}else if(2===e)k.push(t),$(N);else if(3===e){let e=k.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");$(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function C(e){for(let t=0;t<e.length;t++)e[t]=S}function D(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var O=new Map;function x(){for(let e of O.values())e.forEach(e=>{e.count=0})}function T(e){let t=v(null);null!=t.current&&(t.current.count+=1),_(()=>{if(null==t.current){let r,n={count:0};null==(r=O.get(e))&&(r=new Set,O.set(e,r)),r.add(n),t.current=n}return()=>{var r;let n;null!==t.current&&(r=t.current,null!=(n=O.get(e))&&n.delete(r))}})}var A=new Set;function W(e,t,r,n,l,a){function i(e,t,i,o){let c=`${n}:${a} [${l}] ${r}${i} changed from ${e} to ${t} at depth ${o}`;A.has(c)||(A.add(c),console.error(c))}!function e(t,r,n,l){if(!(l>2)){if(t!==r)if(typeof t!=typeof r)i(`type ${typeof t}`,`type ${typeof r}`,n,l);else if("object"==typeof t){let a=Array.isArray(t),o=Array.isArray(r);if(null===t&&null!==r)i("null",`type ${typeof r}`,n,l);else if(null===r)i(`type ${typeof t}`,"null",n,l);else if(t instanceof Map)if(r instanceof Map)if(t.size!==r.size)i(`Map instance with size ${t.size}`,`Map instance with size ${r.size}`,n,l);else for(let[a,o]of t)r.has(a)?e(o,r.get(a),`${n}.get(${a})`,l+1):i(`Map instance with key ${a}`,`Map instance without key ${a}`,n,l);else i("Map instance","other value",n,l);else if(r instanceof Map)i("other value","Map instance",n,l);else if(t instanceof Set)if(r instanceof Set)if(t.size!==r.size)i(`Set instance with size ${t.size}`,`Set instance with size ${r.size}`,n,l);else for(let e of r)t.has(e)||i(`Set instance without element ${e}`,`Set instance with element ${e}`,n,l);else i("Set instance","other value",n,l);else if(r instanceof Set)i("other value","Set instance",n,l);else if(a||o)if(a!==o)i(`type ${a?"array":"object"}`,`type ${o?"array":"object"}`,n,l);else if(t.length!==r.length)i(`array with length ${t.length}`,`array with length ${r.length}`,n,l);else for(let a=0;a<t.length;a++)e(t[a],r[a],`${n}[${a}]`,l+1);else if(g(t)||g(r))g(t)!==g(r)?i(`type ${g(t)?"React element":"object"}`,`type ${g(r)?"React element":"object"}`,n,l):t.type!==r.type?i(`React element of type ${t.type}`,`React element of type ${r.type}`,n,l):e(t.props,r.props,`[props of ${n}]`,l+1);else{for(let e in r)e in t||i(`object without key ${e}`,`object with key ${e}`,n,l);for(let a in t)a in r?e(t[a],r[a],`${n}.${a}`,l+1):i(`object with key ${a}`,`object without key ${a}`,n,l)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(r)?isNaN(t)!==isNaN(r)&&i(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(r)?"NaN":"non-NaN value"}`,n,l):t!==r&&i(t,r,n,l)}}}(e,t,"",0)}},p(e,t,r){let n=new WeakMap,l=new WeakMap;function a(e,t,r){let a=t,i=r;if("object"==typeof a&&null!==a&&"$$typeof"in a&&a.$$typeof===Symbol.for("react.context")&&"Provider"in a&&(a=a.Provider),"function"==typeof a&&null!=i.ref&&!a.prototype?.isReactComponent){let t=a,r=n.get(e);r||(r=new WeakMap,n.set(e,r));let l=r.get(t);l||((l=e.forwardRef((e,r)=>t({...e,ref:r}))).displayName=t.displayName??t.name,r.set(t,l)),a=l}if("string"==typeof a&&"boolean"==typeof i.inert&&((i={...i}).inert?i.inert="":delete i.inert),"string"==typeof a)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in i&&(i={...i,[t]:i[e]},delete i[e]);return"string"==typeof a&&null!=i.ref&&(a=function(e,t){let r=l.get(e);r||(r=new Map,l.set(e,r));let n=r.get(t);if(n)return n;let a=e.forwardRef((r,n)=>{let l=e.useRef(null);if(!l.current||l.current.original!==n){let e;l.current={original:n,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof n){let r=n(t);e="function"==typeof r?r:void 0}else n&&(n.current=t)}}}return e.createElement(t,{...r,ref:l.current.callback})});return a.displayName=`CanvasHost(${t})`,r.set(t,a),a}(e,a)),{type:a,props:i}}function i(e){let t=(t,r,n)=>{let l=a(e,t,r??{});return e.createElement(l.type,void 0===n?l.props:{...l.props,key:n})};return{jsx:t,jsxs:(t,r,n)=>{let l=a(e,t,r??{}),{children:i,...o}=l.props;return e.createElement(l.type,void 0===n?o:{...o,key:n},...Array.isArray(i)?i:[i])},jsxDEV:t,Fragment:e.Fragment}}function o(e){return{...e,createElement:(t,r,...n)=>{let l=a(e,t,r??{});return e.createElement(l.type,l.props,...n)},cloneElement:(t,r,...n)=>{let l=e.cloneElement(t,r??void 0,...n),i=l.ref,o=a(e,l.type,{...l.props,ref:i});return o.type===l.type&&"string"!=typeof l.type?l:e.createElement(o.type,{...o.props,key:l.key})}}}r.d(t,{MA:()=>i,YJ:()=>o})},C(e,t,r){r.r(t);let n=(0,r("p").YJ)(window.React),{Children:l,Component:a,Fragment:i,Profiler:o,PureComponent:c,StrictMode:s,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:u,act:m,cloneElement:h,createContext:p,createElement:f,createFactory:y,createRef:w,forwardRef:v,isValidElement:_,lazy:g,memo:b,startTransition:S,unstable_act:E,useCallback:R,useContext:N,useDebugValue:$,useDeferredValue:k,useEffect:M,useId:C,useImperativeHandle:D,useInsertionEffect:O,useLayoutEffect:x,useMemo:T,useReducer:A,useRef:W,useState:j,useSyncExternalStore:I,useTransition:P,version:z,use:L}=n;r.d(t,{},{Children:l,Component:a,Fragment:i,Profiler:o,PureComponent:c,StrictMode:s,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:u,act:m,cloneElement:h,createContext:p,createElement:f,createFactory:y,createRef:w,default:n,forwardRef:v,isValidElement:_,lazy:g,memo:b,startTransition:S,unstable_act:E,use:L,useCallback:R,useContext:N,useDebugValue:$,useDeferredValue:k,useEffect:M,useId:C,useImperativeHandle:D,useInsertionEffect:O,useLayoutEffect:x,useMemo:T,useReducer:A,useRef:W,useState:j,useSyncExternalStore:I,useTransition:P,version:z})}},t={};function r(n){var l=t[n];if(void 0!==l)return l.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}r.d=(e,t,n)=>{var l=(t,n)=>{for(var l in t)r.o(t,l)&&!r.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,[n]:t[l]})};l(t,"get"),l(n,"value")},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:t,jsxDEV:n,Fragment:l}=(0,r("p").MA)(window.React);var a=r("vD");let i=window.WallarmDS.Chart,o=window.WallarmDS.ChartHeader,c=window.WallarmDS.ChartTitle,s=window.WallarmDS.Metric,d=window.WallarmDS.MetricCaption,u=window.WallarmDS.MetricDelta,m=window.WallarmDS.MetricHeader,h=window.WallarmDS.MetricSkeleton,p=window.WallarmDS.MetricSparkline,f=window.WallarmDS.MetricTotal,y=window.WallarmDS.MetricValue,w="https://www.figma.com/design/VKb5gW46uSGw0rqrhZsbXT/WADS-Components?node-id=12610-10640",v={title:"Data Display/SimpleCharts/Metric",component:s,parameters:{layout:"padded",design:{type:"figma",url:"https://www.figma.com/design/VKb5gW46uSGw0rqrhZsbXT/WADS-Components?node-id=11437-11939"},docs:{description:{component:"The family's compact stat — one number, optionally against a total and a change — for a card with no breakdown to draw; reach for `HorizontalBarStack` once that number splits into named parts. It is a brick set rather than a set of props: `MetricHeader` holds `MetricValue`, `MetricTotal` and `MetricDelta`, with `MetricCaption` beneath. On the delta, `sentiment` picks the colour and `trend` picks the arrow, on purpose independently — a number going up is not always good news. Add `MetricSparkline` after `Metric` to show the trend over the period; hover it for a point's date and value."}}}},_=r=>{let n,l,s=(0,a.c)(5),{title:d,children:u}=r;return s[0]!==d?(n=e(o,{children:e(c,{children:d})}),s[0]=d,s[1]=n):n=s[1],s[2]!==u||s[3]!==n?(l=e("div",{className:"w-320",children:t(i,{children:[n,u]})}),s[2]=u,s[3]=n,s[4]=l):l=s[4],l},g=[{x:new Date(2026,0,1),value:14},{x:new Date(2026,0,2),value:11},{x:new Date(2026,0,3),value:11},{x:new Date(2026,0,4),value:11},{x:new Date(2026,0,5),value:16},{x:new Date(2026,0,6),value:18},{x:new Date(2026,0,7),value:20},{x:new Date(2026,0,8),value:19},{x:new Date(2026,0,9),value:13}],b=()=>{let r,n,l=(0,a.c)(2);return l[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(o,{children:e(c,{children:"Attacks"})}),l[0]=r):r=l[0],l[1]===Symbol.for("react.memo_cache_sentinel")?(n=e("div",{className:"w-400",children:t(i,{children:[r,t(s,{children:[t(m,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up",sentiment:"positive"})]}),e(d,{children:"last 9 days"})]}),e(p,{"data-testid":"sparkline",data:g,label:"Attacks"})]})}),l[1]=n):n=l[1],n};b.parameters={design:{type:"figma",url:w}};let S=()=>{let r,n,l,h,f,w,v,_,b=(0,a.c)(8);return b[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(o,{children:e(c,{children:"Negative"})}),b[0]=r):r=b[0],b[1]===Symbol.for("react.memo_cache_sentinel")?(n=e("div",{className:"w-256",children:t(i,{children:[r,t(s,{children:[t(m,{children:[e(y,{children:"74"}),e(u,{value:5,trend:"down",sentiment:"negative"})]}),e(d,{children:"last 9 days"})]}),e(p,{data:g,color:"negative",label:"Attacks"})]})}),b[1]=n):n=b[1],b[2]===Symbol.for("react.memo_cache_sentinel")?(l=e(o,{children:e(c,{children:"Positive"})}),b[2]=l):l=b[2],b[3]===Symbol.for("react.memo_cache_sentinel")?(h=e("div",{className:"w-256",children:t(i,{children:[l,t(s,{children:[t(m,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up",sentiment:"positive"})]}),e(d,{children:"last 9 days"})]}),e(p,{data:g,color:"positive",label:"Attacks"})]})}),b[3]=h):h=b[3],b[4]===Symbol.for("react.memo_cache_sentinel")?(f=e(o,{children:e(c,{children:"Brand"})}),b[4]=f):f=b[4],b[5]===Symbol.for("react.memo_cache_sentinel")?(w=e("div",{className:"w-256",children:t(i,{children:[f,t(s,{children:[t(m,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up",sentiment:"positive"})]}),e(d,{children:"last 9 days"})]}),e(p,{data:g,label:"Attacks"})]})}),b[5]=w):w=b[5],b[6]===Symbol.for("react.memo_cache_sentinel")?(v=e(o,{children:e(c,{children:"Neutral"})}),b[6]=v):v=b[6],b[7]===Symbol.for("react.memo_cache_sentinel")?(_=t("div",{className:"flex flex-wrap gap-16",children:[n,h,w,e("div",{className:"w-256",children:t(i,{children:[v,t(s,{children:[t(m,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up",sentiment:"positive"})]}),e(d,{children:"last 9 days"})]}),e(p,{data:g,color:"neutral",label:"Attacks"})]})})]}),b[7]=_):_=b[7],_};S.parameters={design:{type:"figma",url:w}};var E=r("C");let R=[{name:"Gallery",story:()=>{let r,n,l,i,o,c,h,p,w,v=(0,a.c)(9);return v[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(_,{title:"Value only",children:e(s,{"data-testid":"metric",children:e(m,{children:e(y,{children:"91"})})})}),v[0]=r):r=v[0],v[1]===Symbol.for("react.memo_cache_sentinel")?(n=e(_,{title:"Negative — count rose",children:e(s,{children:t(m,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up",sentiment:"negative"})]})})}),v[1]=n):n=v[1],v[2]===Symbol.for("react.memo_cache_sentinel")?(l=e(_,{title:"Positive — count fell",children:e(s,{children:t(m,{children:[e(y,{children:"74"}),e(u,{value:8,trend:"down",sentiment:"positive"})]})})}),v[2]=l):l=v[2],v[3]===Symbol.for("react.memo_cache_sentinel")?(i=e(_,{title:"Neutral",children:e(s,{children:t(m,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up"})]})})}),v[3]=i):i=v[3],v[4]===Symbol.for("react.memo_cache_sentinel")?(o=e(_,{title:"Total — slash",children:e(s,{children:t(m,{children:[e(y,{children:"91"}),e(f,{connector:"slash",children:"120"}),e(u,{value:10,trend:"up",sentiment:"negative"})]})})}),v[4]=o):o=v[4],v[5]===Symbol.for("react.memo_cache_sentinel")?(c=e(_,{title:"Total — of",children:e(s,{children:t(m,{children:[e(y,{children:"91"}),e(f,{connector:"of",children:"120"}),e(u,{value:10,trend:"up",sentiment:"negative"})]})})}),v[5]=c):c=v[5],v[6]===Symbol.for("react.memo_cache_sentinel")?(h=e(_,{title:"Total — total",children:e(s,{children:t(m,{children:[e(y,{children:"91"}),e(f,{connector:"total",children:"120"}),e(u,{value:10,trend:"up",sentiment:"negative"})]})})}),v[6]=h):h=v[6],v[7]===Symbol.for("react.memo_cache_sentinel")?(p=e(_,{title:"With caption",children:t(s,{children:[t(m,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up",sentiment:"negative"})]}),e(d,{children:"blocked today"})]})}),v[7]=p):p=v[7],v[8]===Symbol.for("react.memo_cache_sentinel")?(w=t("div",{className:"flex flex-wrap gap-16",children:[r,n,l,i,o,c,h,p,e(_,{title:"Everything",children:t(s,{children:[t(m,{children:[e(y,{children:"91"}),e(f,{connector:"of",children:"120"}),e(u,{value:10,trend:"up",sentiment:"negative"})]}),e(d,{children:"blocked today"})]})})]}),v[8]=w):w=v[8],w},meta:v},{name:"Loading",story:()=>{let t,r=(0,a.c)(1);return r[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(_,{title:"Findings",children:e(h,{"data-testid":"metric-skeleton"})}),r[0]=t):t=r[0],t},meta:v},{name:"Sparkline",story:b,meta:v},{name:"SparklineColors",story:S,meta:v}];function N({entry:e}){let{story:t,meta:r}=e,n={...r.args,...t.args},l="function"==typeof t||t.$$typeof?t:t.render||r.render||r.component,a=()=>E.default.createElement(l,n),i={args:n,globals:{theme:"light"},parameters:{...r.parameters,...t.parameters},viewMode:"story"};for(let e of[...r.decorators||[],...t.decorators||[]].reverse()){let t=a;a=()=>e(t,i)}return E.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},E.default.createElement("h2",{className:"text-sm mb-12"},e.name),E.default.createElement(a))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(E.default.createElement(window.WallarmDS.Root,null,R.map((e,t)=>E.default.createElement(N,{key:t,entry:e})))),t}}})();
+ */var a,i,o=Object.create,c=Object.defineProperty,s=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,u=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,m=(e,t,r,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let l of d(t))h.call(e,l)||l===r||c(e,l,{get:()=>t[l],enumerable:!(n=s(t,l))||n.enumerable});return e},f={},p={$dispatcherGuard:()=>M,$makeReadOnly:()=>D,$reset:()=>C,$structuralCheck:()=>j,c:()=>E,clearRenderCounterRegistry:()=>x,renderCounterRegistry:()=>O,useRenderCounter:()=>T};for(var y in p)c(f,y,{get:p[y],enumerable:!0});e.exports=m(c({},"__esModule",{value:!0}),f);var v=(l=null!=(n=r("C"))?o(u(n)):{},m(n&&n.__esModule?l:c(l,"default",{value:n,enumerable:!0}),n)),{useRef:w,useEffect:_,isValidElement:b}=v,S=null!=(a=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?a:v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,g=Symbol.for("react.memo_cache_sentinel"),E="function"==typeof(null==(i=v.__COMPILER_RUNTIME)?void 0:i.c)?v.__COMPILER_RUNTIME.c:function(e){return v.useMemo(()=>{let t=Array(e);for(let r=0;r<e;r++)t[r]=g;return t[g]=!0,t},[])},R={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{R[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 N=null;function $(e){return S.ReactCurrentDispatcher.current=e,S.ReactCurrentDispatcher.current}R.useMemoCache=e=>{if(null!=N)return N.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var k=[];function M(e){let t=S.ReactCurrentDispatcher.current;if(0===e){if(k.push(t),1===k.length&&(N=t),t===R)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.");$(R)}else if(1===e){let e=k.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===k.length&&(N=null),$(e)}else if(2===e)k.push(t),$(N);else if(3===e){let e=k.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");$(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function C(e){for(let t=0;t<e.length;t++)e[t]=g}function D(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var O=new Map;function x(){for(let e of O.values())e.forEach(e=>{e.count=0})}function T(e){let t=w(null);null!=t.current&&(t.current.count+=1),_(()=>{if(null==t.current){let r,n={count:0};null==(r=O.get(e))&&(r=new Set,O.set(e,r)),r.add(n),t.current=n}return()=>{var r;let n;null!==t.current&&(r=t.current,null!=(n=O.get(e))&&n.delete(r))}})}var A=new Set;function j(e,t,r,n,l,a){function i(e,t,i,o){let c=`${n}:${a} [${l}] ${r}${i} changed from ${e} to ${t} at depth ${o}`;A.has(c)||(A.add(c),console.error(c))}!function e(t,r,n,l){if(!(l>2)){if(t!==r)if(typeof t!=typeof r)i(`type ${typeof t}`,`type ${typeof r}`,n,l);else if("object"==typeof t){let a=Array.isArray(t),o=Array.isArray(r);if(null===t&&null!==r)i("null",`type ${typeof r}`,n,l);else if(null===r)i(`type ${typeof t}`,"null",n,l);else if(t instanceof Map)if(r instanceof Map)if(t.size!==r.size)i(`Map instance with size ${t.size}`,`Map instance with size ${r.size}`,n,l);else for(let[a,o]of t)r.has(a)?e(o,r.get(a),`${n}.get(${a})`,l+1):i(`Map instance with key ${a}`,`Map instance without key ${a}`,n,l);else i("Map instance","other value",n,l);else if(r instanceof Map)i("other value","Map instance",n,l);else if(t instanceof Set)if(r instanceof Set)if(t.size!==r.size)i(`Set instance with size ${t.size}`,`Set instance with size ${r.size}`,n,l);else for(let e of r)t.has(e)||i(`Set instance without element ${e}`,`Set instance with element ${e}`,n,l);else i("Set instance","other value",n,l);else if(r instanceof Set)i("other value","Set instance",n,l);else if(a||o)if(a!==o)i(`type ${a?"array":"object"}`,`type ${o?"array":"object"}`,n,l);else if(t.length!==r.length)i(`array with length ${t.length}`,`array with length ${r.length}`,n,l);else for(let a=0;a<t.length;a++)e(t[a],r[a],`${n}[${a}]`,l+1);else if(b(t)||b(r))b(t)!==b(r)?i(`type ${b(t)?"React element":"object"}`,`type ${b(r)?"React element":"object"}`,n,l):t.type!==r.type?i(`React element of type ${t.type}`,`React element of type ${r.type}`,n,l):e(t.props,r.props,`[props of ${n}]`,l+1);else{for(let e in r)e in t||i(`object without key ${e}`,`object with key ${e}`,n,l);for(let a in t)a in r?e(t[a],r[a],`${n}.${a}`,l+1):i(`object with key ${a}`,`object without key ${a}`,n,l)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(r)?isNaN(t)!==isNaN(r)&&i(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(r)?"NaN":"non-NaN value"}`,n,l):t!==r&&i(t,r,n,l)}}}(e,t,"",0)}},p(e,t,r){let n=new WeakMap,l=new WeakMap;function a(e,t,r){let a=t,i=r;if("object"==typeof a&&null!==a&&"$$typeof"in a&&a.$$typeof===Symbol.for("react.context")&&"Provider"in a&&(a=a.Provider),"function"==typeof a&&null!=i.ref&&!a.prototype?.isReactComponent){let t=a,r=n.get(e);r||(r=new WeakMap,n.set(e,r));let l=r.get(t);l||((l=e.forwardRef((e,r)=>t({...e,ref:r}))).displayName=t.displayName??t.name,r.set(t,l)),a=l}if("string"==typeof a&&"boolean"==typeof i.inert&&((i={...i}).inert?i.inert="":delete i.inert),"string"==typeof a)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in i&&(i={...i,[t]:i[e]},delete i[e]);return"string"==typeof a&&null!=i.ref&&(a=function(e,t){let r=l.get(e);r||(r=new Map,l.set(e,r));let n=r.get(t);if(n)return n;let a=e.forwardRef((r,n)=>{let l=e.useRef(null);if(!l.current||l.current.original!==n){let e;l.current={original:n,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof n){let r=n(t);e="function"==typeof r?r:void 0}else n&&(n.current=t)}}}return e.createElement(t,{...r,ref:l.current.callback})});return a.displayName=`CanvasHost(${t})`,r.set(t,a),a}(e,a)),{type:a,props:i}}function i(e){let t=(t,r,n)=>{let l=a(e,t,r??{});return e.createElement(l.type,void 0===n?l.props:{...l.props,key:n})};return{jsx:t,jsxs:(t,r,n)=>{let l=a(e,t,r??{}),{children:i,...o}=l.props;return e.createElement(l.type,void 0===n?o:{...o,key:n},...Array.isArray(i)?i:[i])},jsxDEV:t,Fragment:e.Fragment}}function o(e){return{...e,createElement:(t,r,...n)=>{let l=a(e,t,r??{});return e.createElement(l.type,l.props,...n)},cloneElement:(t,r,...n)=>{let l=e.cloneElement(t,r??void 0,...n),i=l.ref,o=a(e,l.type,{...l.props,ref:i});return o.type===l.type&&"string"!=typeof l.type?l:e.createElement(o.type,{...o.props,key:l.key})}}}r.d(t,{MA:()=>i,YJ:()=>o})},C(e,t,r){r.r(t);let n=(0,r("p").YJ)(window.React),{Children:l,Component:a,Fragment:i,Profiler:o,PureComponent:c,StrictMode:s,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:u,act:h,cloneElement:m,createContext:f,createElement:p,createFactory:y,createRef:v,forwardRef:w,isValidElement:_,lazy:b,memo:S,startTransition:g,unstable_act:E,useCallback:R,useContext:N,useDebugValue:$,useDeferredValue:k,useEffect:M,useId:C,useImperativeHandle:D,useInsertionEffect:O,useLayoutEffect:x,useMemo:T,useReducer:A,useRef:j,useState:W,useSyncExternalStore:I,useTransition:P,version:z,use:L}=n;r.d(t,{},{Children:l,Component:a,Fragment:i,Profiler:o,PureComponent:c,StrictMode:s,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:u,act:h,cloneElement:m,createContext:f,createElement:p,createFactory:y,createRef:v,default:n,forwardRef:w,isValidElement:_,lazy:b,memo:S,startTransition:g,unstable_act:E,use:L,useCallback:R,useContext:N,useDebugValue:$,useDeferredValue:k,useEffect:M,useId:C,useImperativeHandle:D,useInsertionEffect:O,useLayoutEffect:x,useMemo:T,useReducer:A,useRef:j,useState:W,useSyncExternalStore:I,useTransition:P,version:z})}},t={};function r(n){var l=t[n];if(void 0!==l)return l.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}r.d=(e,t,n)=>{var l=(t,n)=>{for(var l in t)r.o(t,l)&&!r.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,[n]:t[l]})};l(t,"get"),l(n,"value")},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:t,jsxDEV:n,Fragment:l}=(0,r("p").MA)(window.React);var a=r("vD");let i=window.WallarmDS.Chart,o=window.WallarmDS.ChartHeader,c=window.WallarmDS.ChartTitle,s=window.WallarmDS.Metric,d=window.WallarmDS.MetricCaption,u=window.WallarmDS.MetricDelta,h=window.WallarmDS.MetricHeader,m=window.WallarmDS.MetricSkeleton,f=window.WallarmDS.MetricSparkline,p=window.WallarmDS.MetricTotal,y=window.WallarmDS.MetricValue,v={title:"Data Display/SimpleCharts/Metric",component:s,parameters:{layout:"padded",docs:{description:{component:"The family's compact stat — one number, optionally against a total and a change — for a card with no breakdown to draw; reach for `HorizontalBarStack` once that number splits into named parts. It is a brick set rather than a set of props: `MetricHeader` holds `MetricValue`, `MetricTotal` and `MetricDelta`, with `MetricCaption` beneath. On the delta, `sentiment` picks the colour and `trend` picks the arrow, on purpose independently — a number going up is not always good news. Add `MetricSparkline` after `Metric` to show the trend over the period; hover it for a point's date and value."}}}},w=r=>{let n,l,s=(0,a.c)(5),{title:d,children:u}=r;return s[0]!==d?(n=e(o,{children:e(c,{children:d})}),s[0]=d,s[1]=n):n=s[1],s[2]!==u||s[3]!==n?(l=e("div",{className:"w-320",children:t(i,{children:[n,u]})}),s[2]=u,s[3]=n,s[4]=l):l=s[4],l},_=[{x:new Date(2026,0,1),value:14},{x:new Date(2026,0,2),value:11},{x:new Date(2026,0,3),value:11},{x:new Date(2026,0,4),value:11},{x:new Date(2026,0,5),value:16},{x:new Date(2026,0,6),value:18},{x:new Date(2026,0,7),value:20},{x:new Date(2026,0,8),value:19},{x:new Date(2026,0,9),value:13}];var b=r("C");let S=[{name:"Gallery",story:()=>{let r,n,l,i,o,c,m,f,v,_=(0,a.c)(9);return _[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(w,{title:"Value only",children:e(s,{"data-testid":"metric",children:e(h,{children:e(y,{children:"91"})})})}),_[0]=r):r=_[0],_[1]===Symbol.for("react.memo_cache_sentinel")?(n=e(w,{title:"Negative — count rose",children:e(s,{children:t(h,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up",sentiment:"negative"})]})})}),_[1]=n):n=_[1],_[2]===Symbol.for("react.memo_cache_sentinel")?(l=e(w,{title:"Positive — count fell",children:e(s,{children:t(h,{children:[e(y,{children:"74"}),e(u,{value:8,trend:"down",sentiment:"positive"})]})})}),_[2]=l):l=_[2],_[3]===Symbol.for("react.memo_cache_sentinel")?(i=e(w,{title:"Neutral",children:e(s,{children:t(h,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up"})]})})}),_[3]=i):i=_[3],_[4]===Symbol.for("react.memo_cache_sentinel")?(o=e(w,{title:"Total — slash",children:e(s,{children:t(h,{children:[e(y,{children:"91"}),e(p,{connector:"slash",children:"120"}),e(u,{value:10,trend:"up",sentiment:"negative"})]})})}),_[4]=o):o=_[4],_[5]===Symbol.for("react.memo_cache_sentinel")?(c=e(w,{title:"Total — of",children:e(s,{children:t(h,{children:[e(y,{children:"91"}),e(p,{connector:"of",children:"120"}),e(u,{value:10,trend:"up",sentiment:"negative"})]})})}),_[5]=c):c=_[5],_[6]===Symbol.for("react.memo_cache_sentinel")?(m=e(w,{title:"Total — total",children:e(s,{children:t(h,{children:[e(y,{children:"91"}),e(p,{connector:"total",children:"120"}),e(u,{value:10,trend:"up",sentiment:"negative"})]})})}),_[6]=m):m=_[6],_[7]===Symbol.for("react.memo_cache_sentinel")?(f=e(w,{title:"With caption",children:t(s,{children:[t(h,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up",sentiment:"negative"})]}),e(d,{children:"blocked today"})]})}),_[7]=f):f=_[7],_[8]===Symbol.for("react.memo_cache_sentinel")?(v=t("div",{className:"flex flex-wrap gap-16",children:[r,n,l,i,o,c,m,f,e(w,{title:"Everything",children:t(s,{children:[t(h,{children:[e(y,{children:"91"}),e(p,{connector:"of",children:"120"}),e(u,{value:10,trend:"up",sentiment:"negative"})]}),e(d,{children:"blocked today"})]})})]}),_[8]=v):v=_[8],v},meta:v},{name:"Loading",story:()=>{let t,r=(0,a.c)(1);return r[0]===Symbol.for("react.memo_cache_sentinel")?(t=e(w,{title:"Findings",children:e(m,{"data-testid":"metric-skeleton"})}),r[0]=t):t=r[0],t},meta:v},{name:"Sparkline",story:()=>{let r,n,l=(0,a.c)(2);return l[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(o,{children:e(c,{children:"Attacks"})}),l[0]=r):r=l[0],l[1]===Symbol.for("react.memo_cache_sentinel")?(n=e("div",{className:"w-400",children:t(i,{children:[r,t(s,{children:[t(h,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up",sentiment:"positive"})]}),e(d,{children:"last 9 days"})]}),e(f,{"data-testid":"sparkline",data:_,label:"Attacks"})]})}),l[1]=n):n=l[1],n},meta:v},{name:"SparklineColors",story:()=>{let r,n,l,m,p,v,w,b,S=(0,a.c)(8);return S[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(o,{children:e(c,{children:"Negative"})}),S[0]=r):r=S[0],S[1]===Symbol.for("react.memo_cache_sentinel")?(n=e("div",{className:"w-256",children:t(i,{children:[r,t(s,{children:[t(h,{children:[e(y,{children:"74"}),e(u,{value:5,trend:"down",sentiment:"negative"})]}),e(d,{children:"last 9 days"})]}),e(f,{data:_,color:"negative",label:"Attacks"})]})}),S[1]=n):n=S[1],S[2]===Symbol.for("react.memo_cache_sentinel")?(l=e(o,{children:e(c,{children:"Positive"})}),S[2]=l):l=S[2],S[3]===Symbol.for("react.memo_cache_sentinel")?(m=e("div",{className:"w-256",children:t(i,{children:[l,t(s,{children:[t(h,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up",sentiment:"positive"})]}),e(d,{children:"last 9 days"})]}),e(f,{data:_,color:"positive",label:"Attacks"})]})}),S[3]=m):m=S[3],S[4]===Symbol.for("react.memo_cache_sentinel")?(p=e(o,{children:e(c,{children:"Brand"})}),S[4]=p):p=S[4],S[5]===Symbol.for("react.memo_cache_sentinel")?(v=e("div",{className:"w-256",children:t(i,{children:[p,t(s,{children:[t(h,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up",sentiment:"positive"})]}),e(d,{children:"last 9 days"})]}),e(f,{data:_,label:"Attacks"})]})}),S[5]=v):v=S[5],S[6]===Symbol.for("react.memo_cache_sentinel")?(w=e(o,{children:e(c,{children:"Neutral"})}),S[6]=w):w=S[6],S[7]===Symbol.for("react.memo_cache_sentinel")?(b=t("div",{className:"flex flex-wrap gap-16",children:[n,m,v,e("div",{className:"w-256",children:t(i,{children:[w,t(s,{children:[t(h,{children:[e(y,{children:"91"}),e(u,{value:10,trend:"up",sentiment:"positive"})]}),e(d,{children:"last 9 days"})]}),e(f,{data:_,color:"neutral",label:"Attacks"})]})})]}),S[7]=b):b=S[7],b},meta:v}];function g({entry:e}){let{story:t,meta:r}=e,n={...r.args,...t.args},l="function"==typeof t||t.$$typeof?t:t.render||r.render||r.component,a=()=>b.default.createElement(l,n),i={args:n,globals:{theme:"light"},parameters:{...r.parameters,...t.parameters},viewMode:"story"};for(let e of[...r.decorators||[],...t.decorators||[]].reverse()){let t=a;a=()=>e(t,i)}return b.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},b.default.createElement("h2",{className:"text-sm mb-12"},e.name),b.default.createElement(a))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(b.default.createElement(window.WallarmDS.Root,null,S.map((e,t)=>b.default.createElement(g,{key:t,entry:e})))),t}}})();

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

@@ -95,10 +95,6 @@ const meta = {
   title: 'Data Display/SimpleCharts/Overview',
   parameters: {
     layout: 'padded',
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/design/VKb5gW46uSGw0rqrhZsbXT/WADS-Components?node-id=7490-121203&m=dev',
-    },
     docs: { description: { component: DESCRIPTION } },
   },
   tags: ['autodocs'],

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

@@ -9,4 +9,4 @@ var e={vD(e,t,r){let a,n;/**
  * @nolint
  * @preventMunge
  * @preserve-invariant-messages
- */var l,o,i=Object.create,c=Object.defineProperty,s=Object.getOwnPropertyDescriptor,u=Object.getOwnPropertyNames,d=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,f=(e,t,r,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let n of u(t))m.call(e,n)||n===r||c(e,n,{get:()=>t[n],enumerable:!(a=s(t,n))||a.enumerable});return e},h={},p={$dispatcherGuard:()=>M,$makeReadOnly:()=>W,$reset:()=>N,$structuralCheck:()=>P,c:()=>C,clearRenderCounterRegistry:()=>L,renderCounterRegistry:()=>k,useRenderCounter:()=>O};for(var y in p)c(h,y,{get:p[y],enumerable:!0});e.exports=f(c({},"__esModule",{value:!0}),h);var w=(n=null!=(a=r("C"))?i(d(a)):{},f(a&&a.__esModule?n:c(n,"default",{value:a,enumerable:!0}),a)),{useRef:S,useEffect:g,isValidElement:v}=w,b=null!=(l=w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?l:w.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,_=Symbol.for("react.memo_cache_sentinel"),C="function"==typeof(null==(o=w.__COMPILER_RUNTIME)?void 0:o.c)?w.__COMPILER_RUNTIME.c:function(e){return w.useMemo(()=>{let t=Array(e);for(let r=0;r<e;r++)t[r]=_;return t[_]=!0,t},[])},D={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{D[e]=()=>{throw Error(`[React] Unexpected React hook call (${e}) from a React compiled function. Check that all hooks are called directly and named according to convention ('use[A-Z]') `)}});var R=null;function E(e){return b.ReactCurrentDispatcher.current=e,b.ReactCurrentDispatcher.current}D.useMemoCache=e=>{if(null!=R)return R.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var $=[];function M(e){let t=b.ReactCurrentDispatcher.current;if(0===e){if($.push(t),1===$.length&&(R=t),t===D)throw Error("[React] Unexpected call to custom hook or component from a React compiled function. Check that (1) all hooks are called directly and named according to convention ('use[A-Z]') and (2) components are returned as JSX instead of being directly invoked.");E(D)}else if(1===e){let e=$.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===$.length&&(R=null),E(e)}else if(2===e)$.push(t),E(R);else if(3===e){let e=$.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");E(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function N(e){for(let t=0;t<e.length;t++)e[t]=_}function W(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var k=new Map;function L(){for(let e of k.values())e.forEach(e=>{e.count=0})}function O(e){let t=S(null);null!=t.current&&(t.current.count+=1),g(()=>{if(null==t.current){let r,a={count:0};null==(r=k.get(e))&&(r=new Set,k.set(e,r)),r.add(a),t.current=a}return()=>{var r;let a;null!==t.current&&(r=t.current,null!=(a=k.get(e))&&a.delete(r))}})}var T=new Set;function P(e,t,r,a,n,l){function o(e,t,o,i){let c=`${a}:${l} [${n}] ${r}${o} changed from ${e} to ${t} at depth ${i}`;T.has(c)||(T.add(c),console.error(c))}!function e(t,r,a,n){if(!(n>2)){if(t!==r)if(typeof t!=typeof r)o(`type ${typeof t}`,`type ${typeof r}`,a,n);else if("object"==typeof t){let l=Array.isArray(t),i=Array.isArray(r);if(null===t&&null!==r)o("null",`type ${typeof r}`,a,n);else if(null===r)o(`type ${typeof t}`,"null",a,n);else if(t instanceof Map)if(r instanceof Map)if(t.size!==r.size)o(`Map instance with size ${t.size}`,`Map instance with size ${r.size}`,a,n);else for(let[l,i]of t)r.has(l)?e(i,r.get(l),`${a}.get(${l})`,n+1):o(`Map instance with key ${l}`,`Map instance without key ${l}`,a,n);else o("Map instance","other value",a,n);else if(r instanceof Map)o("other value","Map instance",a,n);else if(t instanceof Set)if(r instanceof Set)if(t.size!==r.size)o(`Set instance with size ${t.size}`,`Set instance with size ${r.size}`,a,n);else for(let e of r)t.has(e)||o(`Set instance without element ${e}`,`Set instance with element ${e}`,a,n);else o("Set instance","other value",a,n);else if(r instanceof Set)o("other value","Set instance",a,n);else if(l||i)if(l!==i)o(`type ${l?"array":"object"}`,`type ${i?"array":"object"}`,a,n);else if(t.length!==r.length)o(`array with length ${t.length}`,`array with length ${r.length}`,a,n);else for(let l=0;l<t.length;l++)e(t[l],r[l],`${a}[${l}]`,n+1);else if(v(t)||v(r))v(t)!==v(r)?o(`type ${v(t)?"React element":"object"}`,`type ${v(r)?"React element":"object"}`,a,n):t.type!==r.type?o(`React element of type ${t.type}`,`React element of type ${r.type}`,a,n):e(t.props,r.props,`[props of ${a}]`,n+1);else{for(let e in r)e in t||o(`object without key ${e}`,`object with key ${e}`,a,n);for(let l in t)l in r?e(t[l],r[l],`${a}.${l}`,n+1):o(`object with key ${l}`,`object without key ${l}`,a,n)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(r)?isNaN(t)!==isNaN(r)&&o(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(r)?"NaN":"non-NaN value"}`,a,n):t!==r&&o(t,r,a,n)}}}(e,t,"",0)}},p(e,t,r){let a=new WeakMap,n=new WeakMap;function l(e,t,r){let l=t,o=r;if("object"==typeof l&&null!==l&&"$$typeof"in l&&l.$$typeof===Symbol.for("react.context")&&"Provider"in l&&(l=l.Provider),"function"==typeof l&&null!=o.ref&&!l.prototype?.isReactComponent){let t=l,r=a.get(e);r||(r=new WeakMap,a.set(e,r));let n=r.get(t);n||((n=e.forwardRef((e,r)=>t({...e,ref:r}))).displayName=t.displayName??t.name,r.set(t,n)),l=n}if("string"==typeof l&&"boolean"==typeof o.inert&&((o={...o}).inert?o.inert="":delete o.inert),"string"==typeof l)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in o&&(o={...o,[t]:o[e]},delete o[e]);return"string"==typeof l&&null!=o.ref&&(l=function(e,t){let r=n.get(e);r||(r=new Map,n.set(e,r));let a=r.get(t);if(a)return a;let l=e.forwardRef((r,a)=>{let n=e.useRef(null);if(!n.current||n.current.original!==a){let e;n.current={original:a,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof a){let r=a(t);e="function"==typeof r?r:void 0}else a&&(a.current=t)}}}return e.createElement(t,{...r,ref:n.current.callback})});return l.displayName=`CanvasHost(${t})`,r.set(t,l),l}(e,l)),{type:l,props:o}}function o(e){let t=(t,r,a)=>{let n=l(e,t,r??{});return e.createElement(n.type,void 0===a?n.props:{...n.props,key:a})};return{jsx:t,jsxs:(t,r,a)=>{let n=l(e,t,r??{}),{children:o,...i}=n.props;return e.createElement(n.type,void 0===a?i:{...i,key:a},...Array.isArray(o)?o:[o])},jsxDEV:t,Fragment:e.Fragment}}function i(e){return{...e,createElement:(t,r,...a)=>{let n=l(e,t,r??{});return e.createElement(n.type,n.props,...a)},cloneElement:(t,r,...a)=>{let n=e.cloneElement(t,r??void 0,...a),o=n.ref,i=l(e,n.type,{...n.props,ref:o});return i.type===n.type&&"string"!=typeof n.type?n:e.createElement(i.type,{...i.props,key:n.key})}}}r.d(t,{MA:()=>o,YJ:()=>i})},C(e,t,r){r.r(t);let a=(0,r("p").YJ)(window.React),{Children:n,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:s,Suspense:u,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:d,act:m,cloneElement:f,createContext:h,createElement:p,createFactory:y,createRef:w,forwardRef:S,isValidElement:g,lazy:v,memo:b,startTransition:_,unstable_act:C,useCallback:D,useContext:R,useDebugValue:E,useDeferredValue:$,useEffect:M,useId:N,useImperativeHandle:W,useInsertionEffect:k,useLayoutEffect:L,useMemo:O,useReducer:T,useRef:P,useState:x,useSyncExternalStore:j,useTransition:A,version:I,use:U}=a;r.d(t,{},{Children:n,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:s,Suspense:u,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:d,act:m,cloneElement:f,createContext:h,createElement:p,createFactory:y,createRef:w,default:a,forwardRef:S,isValidElement:g,lazy:v,memo:b,startTransition:_,unstable_act:C,use:U,useCallback:D,useContext:R,useDebugValue:E,useDeferredValue:$,useEffect:M,useId:N,useImperativeHandle:W,useInsertionEffect:k,useLayoutEffect:L,useMemo:O,useReducer:T,useRef:P,useState:x,useSyncExternalStore:j,useTransition:A,version:I})}},t={};function r(a){var n=t[a];if(void 0!==n)return n.exports;var l=t[a]={exports:{}};return e[a](l,l.exports,r),l.exports}r.d=(e,t,a)=>{var n=(t,a)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,[a]:t[n]})};n(t,"get"),n(a,"value")},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:t,jsxDEV:a,Fragment:n}=(0,r("p").MA)(window.React);var l=r("vD");let o=new Intl.NumberFormat("en-US"),i=(e,t,r)=>{let a=43758.5453*Math.sin((e+t)*r);return a-Math.floor(a)},c=(e,t=1)=>{let r=new Date(2025,0,1,0,0,0).getTime(),a=[];for(let n=0;n<e;n++){let e=r+60*n*6e4,l=Math.round(120+30*Math.sin((n+t)/4)+(i(n,t,12.9898)-.5)*80),o=Math.round(24+10*Math.cos((n+t)/5)+(i(n,t,78.233)-.5)*32),c=Math.round(80+14*Math.sin((n+t)/6)+(i(n,t,39.346)-.5)*40);a.push({timestamp:e,requests:l,errors:o,latency:c})}return a},s=[{key:"requests",label:"Requests",color:"brand"}],u=c(24);c(24,1),c(24,7),(()=>{let e=new Date(2024,0,1,0,0,0).getTime(),t=[];for(let r=0;r<60;r++){let a=e+24*r*36e5,n=Math.round(1e3+400*Math.sin(r/9)+r%13*12),l=Math.round(80+30*Math.cos(r/11)+r%7*3);t.push({timestamp:a,requests:n,errors:l})}})(),c(1e3),new Date(2025,0,1,12,0,0).getTime(),u.map((e,t)=>t>=6&&t<=8||t>=15&&t<=16?{...e,errors:null}:e);let d=window.WallarmDS.Badge,m=window.WallarmDS.BarList,f=window.WallarmDS.BarListBar,h=window.WallarmDS.BarListItem,p=window.WallarmDS.BarListLabel,y=window.WallarmDS.BarListPercent,w=window.WallarmDS.BarListValue,S=window.WallarmDS.Chart,g=window.WallarmDS.ChartHeader,v=window.WallarmDS.ChartTitle,b=window.WallarmDS.HorizontalBarStack,_=window.WallarmDS.useChartTimeFormatters,C=window.WallarmDS.LineChart,D=window.WallarmDS.LineChartBody,R=window.WallarmDS.LineChartGrid,E=window.WallarmDS.LineChartLine,$=window.WallarmDS.LineChartTooltip,M=window.WallarmDS.LineChartXAxis,N=window.WallarmDS.LineChartYAxis,W=window.WallarmDS.Metric,k=window.WallarmDS.MetricCaption,L=window.WallarmDS.MetricDelta,O=window.WallarmDS.MetricHeader,T=window.WallarmDS.MetricTotal,P=window.WallarmDS.MetricValue,x=window.WallarmDS.LegendDot,j=window.WallarmDS.PieChart,A=window.WallarmDS.PieChartCenter,I=window.WallarmDS.PieChartCenterLabel,U=window.WallarmDS.PieChartCenterValue,z=window.WallarmDS.PieChartDonut,B=window.WallarmDS.PieChartLegend,F=window.WallarmDS.PieChartLegendItem,V=window.WallarmDS.PieChartLegendPercent,X=window.WallarmDS.PieChartLegendValue,H=e=>{let t;return t=Number(e),o.format(t)},q=[{name:"/api/v1/users",value:1240,color:"brand"},{name:"/api/v1/auth/login",value:890,color:"green"},{name:"/api/v1/orders",value:612,color:"blue"},{name:"/api/v1/products",value:358,color:"amber"},{name:"/api/v1/search",value:174,color:"red"}],Y=q.reduce((e,t)=>e+t.value,0),G=[{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"}],J=G.reduce((e,t)=>e+t.value,0),K=[{name:"Critical",value:42,color:"red"},{name:"High",value:31,color:"brand"},{name:"Medium",value:18,color:"amber"}],Z=()=>{let r,a,n=(0,l.c)(2);return n[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Top 5 endpoints"})}),n[0]=r):r=n[0],n[1]===Symbol.for("react.memo_cache_sentinel")?(a=t(S,{children:[r,e(m,{max:Y,children:q.map(ea)})]}),n[1]=a):a=n[1],a},Q=()=>{let r,a,n,o,i=(0,l.c)(4);return(i[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Response status"})}),i[0]=r):r=i[0],i[1]===Symbol.for("react.memo_cache_sentinel"))?(a=e(U,{formatHoveredValue:en,children:J.toLocaleString("en-US")}),i[1]=a):a=i[1],i[2]===Symbol.for("react.memo_cache_sentinel")?(n=e(z,{children:t(A,{children:[a,e(I,{className:"whitespace-nowrap",pluralize:{one:"request",other:"requests"}})]})}),i[2]=n):n=i[2],i[3]===Symbol.for("react.memo_cache_sentinel")?(o=t(S,{children:[r,t(j,{data:G,total:J,children:[n,e(B,{children:G.map(el)})]})]}),i[3]=o):o=i[3],o},ee=()=>{let r,a,n,o,i,c,d,m=(0,l.c)(11),{formatHour:f,formatHourWithTimezone:h}=_();return m[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Requests per hour"})}),m[0]=r):r=m[0],m[1]===Symbol.for("react.memo_cache_sentinel")?(a=e(R,{}),m[1]=a):a=m[1],m[2]!==f?(n=e(M,{tickFormatter:f,minTickGap:32}),m[2]=f,m[3]=n):n=m[3],m[4]===Symbol.for("react.memo_cache_sentinel")?(o=e(N,{tickFormatter:H}),i=e(E,{seriesKey:"requests",curve:"linear"}),m[4]=o,m[5]=i):(o=m[4],i=m[5]),m[6]!==h?(c=e($,{xTickFormatter:h}),m[6]=h,m[7]=c):c=m[7],m[8]!==n||m[9]!==c?(d=t(S,{children:[r,e(C,{data:u,series:s,xKey:"timestamp",children:t(D,{children:[a,n,o,i,c]})})]}),m[8]=n,m[9]=c,m[10]=d):d=m[10],d},et=()=>{let r,a,n=(0,l.c)(2);return n[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Findings by severity"})}),n[0]=r):r=n[0],n[1]===Symbol.for("react.memo_cache_sentinel")?(a=t(S,{children:[r,e(b,{data:K,children:t(O,{children:[e(P,{children:"91"}),e(L,{value:10,trend:"up",sentiment:"negative"})]})})]}),n[1]=a):a=n[1],a},er=()=>{let r,a,n=(0,l.c)(2);return n[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Blocked attacks"})}),n[0]=r):r=n[0],n[1]===Symbol.for("react.memo_cache_sentinel")?(a=t(S,{children:[r,t(W,{children:[t(O,{children:[e(P,{children:"91"}),e(T,{connector:"of",children:"120"}),e(L,{value:10,trend:"up",sentiment:"negative"})]}),e(k,{children:"Last 24 hours"})]})]}),n[1]=a):a=n[1],a};function ea(r){return t(h,{value:r.value,children:[e(f,{}),e(p,{children:r.name}),t(w,{children:[r.value.toLocaleString("en-US"),e(y,{})]})]},r.name)}function en(e){return e.value.toLocaleString("en-US")}function el(r){return t(F,{name:r.name,children:[e(d,{color:r.badgeColor,type:"secondary",textVariant:"code",children:r.name}),t(X,{children:[r.value.toLocaleString("en-US"),e(x,{}),e(V,{})]})]},r.name)}var eo=r("C");let ei=[{name:"Default",story:()=>{let r,a,n,o=(0,l.c)(3);return o[0]===Symbol.for("react.memo_cache_sentinel")?(r=t("div",{className:"grid grid-cols-2 gap-16",children:[e(Z,{}),e(Q,{})]}),a=e(ee,{}),o[0]=r,o[1]=a):(r=o[0],a=o[1]),o[2]===Symbol.for("react.memo_cache_sentinel")?(n=t("div",{className:"flex flex-col gap-16 w-832",children:[r,a,t("div",{className:"grid grid-cols-2 gap-16",children:[e(et,{}),e(er,{})]})]}),o[2]=n):n=o[2],n},meta:{title:"Data Display/SimpleCharts/Overview",parameters:{layout:"padded",design:{type:"figma",url:"https://www.figma.com/design/VKb5gW46uSGw0rqrhZsbXT/WADS-Components?node-id=7490-121203&m=dev"},docs:{description:{component:"The family of self-contained charts for a dashboard card: each owns its own data and they all share one frame — `Chart`, with `ChartHeader`, `ChartTitle` and `ChartActions`. This page is the family portrait, for checking they still read as one system after any one of them changes; the API and the interaction stories live on each chart's own page, and `Chart` by itself is the frame rather than a chart to reach for."}}},tags:["autodocs"]}}];function ec({entry:e}){let{story:t,meta:r}=e,a={...r.args,...t.args},n="function"==typeof t||t.$$typeof?t:t.render||r.render||r.component,l=()=>eo.default.createElement(n,a),o={args:a,globals:{theme:"light"},parameters:{...r.parameters,...t.parameters},viewMode:"story"};for(let e of[...r.decorators||[],...t.decorators||[]].reverse()){let t=l;l=()=>e(t,o)}return eo.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},eo.default.createElement("h2",{className:"text-sm mb-12"},e.name),eo.default.createElement(l))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(eo.default.createElement(window.WallarmDS.Root,null,ei.map((e,t)=>eo.default.createElement(ec,{key:t,entry:e})))),t}}})();
+ */var l,o,i=Object.create,c=Object.defineProperty,s=Object.getOwnPropertyDescriptor,u=Object.getOwnPropertyNames,d=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,f=(e,t,r,a)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let n of u(t))m.call(e,n)||n===r||c(e,n,{get:()=>t[n],enumerable:!(a=s(t,n))||a.enumerable});return e},h={},p={$dispatcherGuard:()=>M,$makeReadOnly:()=>W,$reset:()=>N,$structuralCheck:()=>P,c:()=>C,clearRenderCounterRegistry:()=>L,renderCounterRegistry:()=>k,useRenderCounter:()=>O};for(var y in p)c(h,y,{get:p[y],enumerable:!0});e.exports=f(c({},"__esModule",{value:!0}),h);var w=(n=null!=(a=r("C"))?i(d(a)):{},f(a&&a.__esModule?n:c(n,"default",{value:a,enumerable:!0}),a)),{useRef:S,useEffect:g,isValidElement:v}=w,b=null!=(l=w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?l:w.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,_=Symbol.for("react.memo_cache_sentinel"),C="function"==typeof(null==(o=w.__COMPILER_RUNTIME)?void 0:o.c)?w.__COMPILER_RUNTIME.c:function(e){return w.useMemo(()=>{let t=Array(e);for(let r=0;r<e;r++)t[r]=_;return t[_]=!0,t},[])},D={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{D[e]=()=>{throw Error(`[React] Unexpected React hook call (${e}) from a React compiled function. Check that all hooks are called directly and named according to convention ('use[A-Z]') `)}});var R=null;function E(e){return b.ReactCurrentDispatcher.current=e,b.ReactCurrentDispatcher.current}D.useMemoCache=e=>{if(null!=R)return R.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var $=[];function M(e){let t=b.ReactCurrentDispatcher.current;if(0===e){if($.push(t),1===$.length&&(R=t),t===D)throw Error("[React] Unexpected call to custom hook or component from a React compiled function. Check that (1) all hooks are called directly and named according to convention ('use[A-Z]') and (2) components are returned as JSX instead of being directly invoked.");E(D)}else if(1===e){let e=$.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===$.length&&(R=null),E(e)}else if(2===e)$.push(t),E(R);else if(3===e){let e=$.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");E(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function N(e){for(let t=0;t<e.length;t++)e[t]=_}function W(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var k=new Map;function L(){for(let e of k.values())e.forEach(e=>{e.count=0})}function O(e){let t=S(null);null!=t.current&&(t.current.count+=1),g(()=>{if(null==t.current){let r,a={count:0};null==(r=k.get(e))&&(r=new Set,k.set(e,r)),r.add(a),t.current=a}return()=>{var r;let a;null!==t.current&&(r=t.current,null!=(a=k.get(e))&&a.delete(r))}})}var T=new Set;function P(e,t,r,a,n,l){function o(e,t,o,i){let c=`${a}:${l} [${n}] ${r}${o} changed from ${e} to ${t} at depth ${i}`;T.has(c)||(T.add(c),console.error(c))}!function e(t,r,a,n){if(!(n>2)){if(t!==r)if(typeof t!=typeof r)o(`type ${typeof t}`,`type ${typeof r}`,a,n);else if("object"==typeof t){let l=Array.isArray(t),i=Array.isArray(r);if(null===t&&null!==r)o("null",`type ${typeof r}`,a,n);else if(null===r)o(`type ${typeof t}`,"null",a,n);else if(t instanceof Map)if(r instanceof Map)if(t.size!==r.size)o(`Map instance with size ${t.size}`,`Map instance with size ${r.size}`,a,n);else for(let[l,i]of t)r.has(l)?e(i,r.get(l),`${a}.get(${l})`,n+1):o(`Map instance with key ${l}`,`Map instance without key ${l}`,a,n);else o("Map instance","other value",a,n);else if(r instanceof Map)o("other value","Map instance",a,n);else if(t instanceof Set)if(r instanceof Set)if(t.size!==r.size)o(`Set instance with size ${t.size}`,`Set instance with size ${r.size}`,a,n);else for(let e of r)t.has(e)||o(`Set instance without element ${e}`,`Set instance with element ${e}`,a,n);else o("Set instance","other value",a,n);else if(r instanceof Set)o("other value","Set instance",a,n);else if(l||i)if(l!==i)o(`type ${l?"array":"object"}`,`type ${i?"array":"object"}`,a,n);else if(t.length!==r.length)o(`array with length ${t.length}`,`array with length ${r.length}`,a,n);else for(let l=0;l<t.length;l++)e(t[l],r[l],`${a}[${l}]`,n+1);else if(v(t)||v(r))v(t)!==v(r)?o(`type ${v(t)?"React element":"object"}`,`type ${v(r)?"React element":"object"}`,a,n):t.type!==r.type?o(`React element of type ${t.type}`,`React element of type ${r.type}`,a,n):e(t.props,r.props,`[props of ${a}]`,n+1);else{for(let e in r)e in t||o(`object without key ${e}`,`object with key ${e}`,a,n);for(let l in t)l in r?e(t[l],r[l],`${a}.${l}`,n+1):o(`object with key ${l}`,`object without key ${l}`,a,n)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(r)?isNaN(t)!==isNaN(r)&&o(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(r)?"NaN":"non-NaN value"}`,a,n):t!==r&&o(t,r,a,n)}}}(e,t,"",0)}},p(e,t,r){let a=new WeakMap,n=new WeakMap;function l(e,t,r){let l=t,o=r;if("object"==typeof l&&null!==l&&"$$typeof"in l&&l.$$typeof===Symbol.for("react.context")&&"Provider"in l&&(l=l.Provider),"function"==typeof l&&null!=o.ref&&!l.prototype?.isReactComponent){let t=l,r=a.get(e);r||(r=new WeakMap,a.set(e,r));let n=r.get(t);n||((n=e.forwardRef((e,r)=>t({...e,ref:r}))).displayName=t.displayName??t.name,r.set(t,n)),l=n}if("string"==typeof l&&"boolean"==typeof o.inert&&((o={...o}).inert?o.inert="":delete o.inert),"string"==typeof l)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in o&&(o={...o,[t]:o[e]},delete o[e]);return"string"==typeof l&&null!=o.ref&&(l=function(e,t){let r=n.get(e);r||(r=new Map,n.set(e,r));let a=r.get(t);if(a)return a;let l=e.forwardRef((r,a)=>{let n=e.useRef(null);if(!n.current||n.current.original!==a){let e;n.current={original:a,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof a){let r=a(t);e="function"==typeof r?r:void 0}else a&&(a.current=t)}}}return e.createElement(t,{...r,ref:n.current.callback})});return l.displayName=`CanvasHost(${t})`,r.set(t,l),l}(e,l)),{type:l,props:o}}function o(e){let t=(t,r,a)=>{let n=l(e,t,r??{});return e.createElement(n.type,void 0===a?n.props:{...n.props,key:a})};return{jsx:t,jsxs:(t,r,a)=>{let n=l(e,t,r??{}),{children:o,...i}=n.props;return e.createElement(n.type,void 0===a?i:{...i,key:a},...Array.isArray(o)?o:[o])},jsxDEV:t,Fragment:e.Fragment}}function i(e){return{...e,createElement:(t,r,...a)=>{let n=l(e,t,r??{});return e.createElement(n.type,n.props,...a)},cloneElement:(t,r,...a)=>{let n=e.cloneElement(t,r??void 0,...a),o=n.ref,i=l(e,n.type,{...n.props,ref:o});return i.type===n.type&&"string"!=typeof n.type?n:e.createElement(i.type,{...i.props,key:n.key})}}}r.d(t,{MA:()=>o,YJ:()=>i})},C(e,t,r){r.r(t);let a=(0,r("p").YJ)(window.React),{Children:n,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:s,Suspense:u,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:d,act:m,cloneElement:f,createContext:h,createElement:p,createFactory:y,createRef:w,forwardRef:S,isValidElement:g,lazy:v,memo:b,startTransition:_,unstable_act:C,useCallback:D,useContext:R,useDebugValue:E,useDeferredValue:$,useEffect:M,useId:N,useImperativeHandle:W,useInsertionEffect:k,useLayoutEffect:L,useMemo:O,useReducer:T,useRef:P,useState:x,useSyncExternalStore:j,useTransition:I,version:A,use:U}=a;r.d(t,{},{Children:n,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:s,Suspense:u,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:d,act:m,cloneElement:f,createContext:h,createElement:p,createFactory:y,createRef:w,default:a,forwardRef:S,isValidElement:g,lazy:v,memo:b,startTransition:_,unstable_act:C,use:U,useCallback:D,useContext:R,useDebugValue:E,useDeferredValue:$,useEffect:M,useId:N,useImperativeHandle:W,useInsertionEffect:k,useLayoutEffect:L,useMemo:O,useReducer:T,useRef:P,useState:x,useSyncExternalStore:j,useTransition:I,version:A})}},t={};function r(a){var n=t[a];if(void 0!==n)return n.exports;var l=t[a]={exports:{}};return e[a](l,l.exports,r),l.exports}r.d=(e,t,a)=>{var n=(t,a)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,[a]:t[n]})};n(t,"get"),n(a,"value")},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:t,jsxDEV:a,Fragment:n}=(0,r("p").MA)(window.React);var l=r("vD");let o=new Intl.NumberFormat("en-US"),i=(e,t,r)=>{let a=43758.5453*Math.sin((e+t)*r);return a-Math.floor(a)},c=(e,t=1)=>{let r=new Date(2025,0,1,0,0,0).getTime(),a=[];for(let n=0;n<e;n++){let e=r+60*n*6e4,l=Math.round(120+30*Math.sin((n+t)/4)+(i(n,t,12.9898)-.5)*80),o=Math.round(24+10*Math.cos((n+t)/5)+(i(n,t,78.233)-.5)*32),c=Math.round(80+14*Math.sin((n+t)/6)+(i(n,t,39.346)-.5)*40);a.push({timestamp:e,requests:l,errors:o,latency:c})}return a},s=[{key:"requests",label:"Requests",color:"brand"}],u=c(24);c(24,1),c(24,7),(()=>{let e=new Date(2024,0,1,0,0,0).getTime(),t=[];for(let r=0;r<60;r++){let a=e+24*r*36e5,n=Math.round(1e3+400*Math.sin(r/9)+r%13*12),l=Math.round(80+30*Math.cos(r/11)+r%7*3);t.push({timestamp:a,requests:n,errors:l})}})(),c(1e3),new Date(2025,0,1,12,0,0).getTime(),u.map((e,t)=>t>=6&&t<=8||t>=15&&t<=16?{...e,errors:null}:e);let d=window.WallarmDS.Badge,m=window.WallarmDS.BarList,f=window.WallarmDS.BarListBar,h=window.WallarmDS.BarListItem,p=window.WallarmDS.BarListLabel,y=window.WallarmDS.BarListPercent,w=window.WallarmDS.BarListValue,S=window.WallarmDS.Chart,g=window.WallarmDS.ChartHeader,v=window.WallarmDS.ChartTitle,b=window.WallarmDS.HorizontalBarStack,_=window.WallarmDS.useChartTimeFormatters,C=window.WallarmDS.LineChart,D=window.WallarmDS.LineChartBody,R=window.WallarmDS.LineChartGrid,E=window.WallarmDS.LineChartLine,$=window.WallarmDS.LineChartTooltip,M=window.WallarmDS.LineChartXAxis,N=window.WallarmDS.LineChartYAxis,W=window.WallarmDS.Metric,k=window.WallarmDS.MetricCaption,L=window.WallarmDS.MetricDelta,O=window.WallarmDS.MetricHeader,T=window.WallarmDS.MetricTotal,P=window.WallarmDS.MetricValue,x=window.WallarmDS.LegendDot,j=window.WallarmDS.PieChart,I=window.WallarmDS.PieChartCenter,A=window.WallarmDS.PieChartCenterLabel,U=window.WallarmDS.PieChartCenterValue,z=window.WallarmDS.PieChartDonut,B=window.WallarmDS.PieChartLegend,F=window.WallarmDS.PieChartLegendItem,V=window.WallarmDS.PieChartLegendPercent,X=window.WallarmDS.PieChartLegendValue,H=e=>{let t;return t=Number(e),o.format(t)},q=[{name:"/api/v1/users",value:1240,color:"brand"},{name:"/api/v1/auth/login",value:890,color:"green"},{name:"/api/v1/orders",value:612,color:"blue"},{name:"/api/v1/products",value:358,color:"amber"},{name:"/api/v1/search",value:174,color:"red"}],Y=q.reduce((e,t)=>e+t.value,0),G=[{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"}],J=G.reduce((e,t)=>e+t.value,0),K=[{name:"Critical",value:42,color:"red"},{name:"High",value:31,color:"brand"},{name:"Medium",value:18,color:"amber"}],Z=()=>{let r,a,n=(0,l.c)(2);return n[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Top 5 endpoints"})}),n[0]=r):r=n[0],n[1]===Symbol.for("react.memo_cache_sentinel")?(a=t(S,{children:[r,e(m,{max:Y,children:q.map(ea)})]}),n[1]=a):a=n[1],a},Q=()=>{let r,a,n,o,i=(0,l.c)(4);return(i[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Response status"})}),i[0]=r):r=i[0],i[1]===Symbol.for("react.memo_cache_sentinel"))?(a=e(U,{formatHoveredValue:en,children:J.toLocaleString("en-US")}),i[1]=a):a=i[1],i[2]===Symbol.for("react.memo_cache_sentinel")?(n=e(z,{children:t(I,{children:[a,e(A,{className:"whitespace-nowrap",pluralize:{one:"request",other:"requests"}})]})}),i[2]=n):n=i[2],i[3]===Symbol.for("react.memo_cache_sentinel")?(o=t(S,{children:[r,t(j,{data:G,total:J,children:[n,e(B,{children:G.map(el)})]})]}),i[3]=o):o=i[3],o},ee=()=>{let r,a,n,o,i,c,d,m=(0,l.c)(11),{formatHour:f,formatHourWithTimezone:h}=_();return m[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Requests per hour"})}),m[0]=r):r=m[0],m[1]===Symbol.for("react.memo_cache_sentinel")?(a=e(R,{}),m[1]=a):a=m[1],m[2]!==f?(n=e(M,{tickFormatter:f,minTickGap:32}),m[2]=f,m[3]=n):n=m[3],m[4]===Symbol.for("react.memo_cache_sentinel")?(o=e(N,{tickFormatter:H}),i=e(E,{seriesKey:"requests",curve:"linear"}),m[4]=o,m[5]=i):(o=m[4],i=m[5]),m[6]!==h?(c=e($,{xTickFormatter:h}),m[6]=h,m[7]=c):c=m[7],m[8]!==n||m[9]!==c?(d=t(S,{children:[r,e(C,{data:u,series:s,xKey:"timestamp",children:t(D,{children:[a,n,o,i,c]})})]}),m[8]=n,m[9]=c,m[10]=d):d=m[10],d},et=()=>{let r,a,n=(0,l.c)(2);return n[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Findings by severity"})}),n[0]=r):r=n[0],n[1]===Symbol.for("react.memo_cache_sentinel")?(a=t(S,{children:[r,e(b,{data:K,children:t(O,{children:[e(P,{children:"91"}),e(L,{value:10,trend:"up",sentiment:"negative"})]})})]}),n[1]=a):a=n[1],a},er=()=>{let r,a,n=(0,l.c)(2);return n[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Blocked attacks"})}),n[0]=r):r=n[0],n[1]===Symbol.for("react.memo_cache_sentinel")?(a=t(S,{children:[r,t(W,{children:[t(O,{children:[e(P,{children:"91"}),e(T,{connector:"of",children:"120"}),e(L,{value:10,trend:"up",sentiment:"negative"})]}),e(k,{children:"Last 24 hours"})]})]}),n[1]=a):a=n[1],a};function ea(r){return t(h,{value:r.value,children:[e(f,{}),e(p,{children:r.name}),t(w,{children:[r.value.toLocaleString("en-US"),e(y,{})]})]},r.name)}function en(e){return e.value.toLocaleString("en-US")}function el(r){return t(F,{name:r.name,children:[e(d,{color:r.badgeColor,type:"secondary",textVariant:"code",children:r.name}),t(X,{children:[r.value.toLocaleString("en-US"),e(x,{}),e(V,{})]})]},r.name)}var eo=r("C");let ei=[{name:"Default",story:()=>{let r,a,n,o=(0,l.c)(3);return o[0]===Symbol.for("react.memo_cache_sentinel")?(r=t("div",{className:"grid grid-cols-2 gap-16",children:[e(Z,{}),e(Q,{})]}),a=e(ee,{}),o[0]=r,o[1]=a):(r=o[0],a=o[1]),o[2]===Symbol.for("react.memo_cache_sentinel")?(n=t("div",{className:"flex flex-col gap-16 w-832",children:[r,a,t("div",{className:"grid grid-cols-2 gap-16",children:[e(et,{}),e(er,{})]})]}),o[2]=n):n=o[2],n},meta:{title:"Data Display/SimpleCharts/Overview",parameters:{layout:"padded",docs:{description:{component:"The family of self-contained charts for a dashboard card: each owns its own data and they all share one frame — `Chart`, with `ChartHeader`, `ChartTitle` and `ChartActions`. This page is the family portrait, for checking they still read as one system after any one of them changes; the API and the interaction stories live on each chart's own page, and `Chart` by itself is the frame rather than a chart to reach for."}}},tags:["autodocs"]}}];function ec({entry:e}){let{story:t,meta:r}=e,a={...r.args,...t.args},n="function"==typeof t||t.$$typeof?t:t.render||r.render||r.component,l=()=>eo.default.createElement(n,a),o={args:a,globals:{theme:"light"},parameters:{...r.parameters,...t.parameters},viewMode:"story"};for(let e of[...r.decorators||[],...t.decorators||[]].reverse()){let t=l;l=()=>e(t,o)}return eo.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},eo.default.createElement("h2",{className:"text-sm mb-12"},e.name),eo.default.createElement(l))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(eo.default.createElement(window.WallarmDS.Root,null,ei.map((e,t)=>eo.default.createElement(ec,{key:t,entry:e})))),t}}})();

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

@@ -230,10 +230,6 @@ const meta = {
   },
   parameters: {
     layout: 'padded',
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/design/VKb5gW46uSGw0rqrhZsbXT/WADS-Components?node-id=7490-122167&m=dev',
-    },
     docs: { description: { component: DESCRIPTION } },
   },
   tags: ['autodocs'],

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/UTILITIES.md

@@ -71,7 +71,7 @@ Generated from `components/bundle.css`. This is the complete list of utility cla
 - **grid**: `grid` `grid-cols-1` `grid-cols-2` `grid-cols-3` `grid-cols-4` `grid-cols-5` `grid-cols-6` `grid-cols-7` `grid-cols-8` `grid-cols-9` `grid-cols-10` `grid-cols-11` `grid-cols-12` `grid-flow-col` `grid-flow-row`
 - **group**: `group` `group/avatar` `group/cell` `group/chart` `group/chip` `group/field` `group/filter-input` `group/input-group` `group/item` `group/message` `group/row` `group/scroll` `group/trigger`
 - **grow**: `grow` `grow-0`
-- **h**: `h-0` `h-1` `h-2` `h-4` `h-6` `h-8` `h-10` `h-11` `h-12` `h-14` `h-16` `h-20` `h-22` `h-24` `h-26` `h-28` `h-30` `h-32` `h-36` `h-40` `h-44` `h-48` `h-56` `h-64` `h-80` `h-96` `h-112` `h-128` `h-144` `h-192` `h-200` `h-240` `h-290` `h-300` `h-320` `h-400` `h-500` `h-600` `h-640` `h-800` `h-auto` `h-fit` `h-full` `h-lh` `h-max` `h-none` `h-px` `h-screen`
+- **h**: `h-0` `h-1` `h-2` `h-4` `h-6` `h-8` `h-10` `h-11` `h-12` `h-14` `h-16` `h-20` `h-22` `h-24` `h-26` `h-28` `h-30` `h-32` `h-36` `h-40` `h-44` `h-48` `h-56` `h-64` `h-80` `h-96` `h-112` `h-128` `h-144` `h-192` `h-196` `h-200` `h-220` `h-240` `h-290` `h-300` `h-320` `h-400` `h-500` `h-600` `h-640` `h-800` `h-auto` `h-fit` `h-full` `h-lh` `h-max` `h-none` `h-px` `h-screen`
 - **hidden**: `hidden`
 - **icon**: `icon-2xl` `icon-inherit` `icon-lg` `icon-md` `icon-sm` `icon-xl` `icon-xs`
 - **inline**: `inline` `inline-block` `inline-flex` `inline-grid`
@@ -88,9 +88,9 @@ Generated from `components/bundle.css`. This is the complete list of utility cla
 - **list**: `list-decimal` `list-disc` `list-item` `list-none`
 - **lowercase**: `lowercase`
 - **m**: `m-0` `m-1` `m-2` `m-4` `m-6` `m-8` `m-12` `m-16` `m-20` `m-24` `m-28` `m-32` `m-36` `m-40` `m-44` `m-48` `m-56` `m-64` `m-80` `m-96` `m-112` `m-128` `m-144` `m-none`
-- **max**: `max-h-1` `max-h-2` `max-h-4` `max-h-6` `max-h-8` `max-h-12` `max-h-16` `max-h-20` `max-h-24` `max-h-28` `max-h-32` `max-h-36` `max-h-40` `max-h-44` `max-h-48` `max-h-56` `max-h-64` `max-h-80` `max-h-96` `max-h-112` `max-h-128` `max-h-144` `max-h-220` `max-h-340` `max-h-none` `max-h-screen` `max-w-1` `max-w-2` `max-w-2xl` `max-w-3xl` `max-w-4` `max-w-4xl` `max-w-5xl` `max-w-6` `max-w-6xl` `max-w-7xl` `max-w-8` `max-w-12` `max-w-16` `max-w-20` `max-w-24` `max-w-28` `max-w-32` `max-w-36` `max-w-40` `max-w-44` `max-w-48` `max-w-56` `max-w-64` `max-w-80` `max-w-96` `max-w-112` `max-w-120` `max-w-128` `max-w-144` `max-w-160` `max-w-180` `max-w-240` `max-w-320` `max-w-360` `max-w-375` `max-w-768` `max-w-920` `max-w-full` `max-w-lg` `max-w-md` `max-w-none` `max-w-screen` `max-w-screen-2xl` `max-w-screen-lg` `max-w-screen-md` `max-w-screen-sm` `max-w-screen-xl` `max-w-sm` `max-w-xl` `max-w-xs`
+- **max**: `max-h-1` `max-h-2` `max-h-4` `max-h-6` `max-h-8` `max-h-12` `max-h-16` `max-h-20` `max-h-24` `max-h-28` `max-h-32` `max-h-36` `max-h-40` `max-h-44` `max-h-48` `max-h-56` `max-h-64` `max-h-80` `max-h-96` `max-h-112` `max-h-128` `max-h-144` `max-h-220` `max-h-340` `max-h-none` `max-h-screen` `max-w-1` `max-w-2` `max-w-2xl` `max-w-3xl` `max-w-4` `max-w-4xl` `max-w-5xl` `max-w-6` `max-w-6xl` `max-w-7xl` `max-w-8` `max-w-12` `max-w-16` `max-w-20` `max-w-24` `max-w-28` `max-w-32` `max-w-36` `max-w-40` `max-w-44` `max-w-48` `max-w-56` `max-w-64` `max-w-80` `max-w-96` `max-w-112` `max-w-120` `max-w-128` `max-w-144` `max-w-160` `max-w-180` `max-w-240` `max-w-320` `max-w-360` `max-w-375` `max-w-768` `max-w-800` `max-w-920` `max-w-full` `max-w-lg` `max-w-md` `max-w-none` `max-w-screen` `max-w-screen-2xl` `max-w-screen-lg` `max-w-screen-md` `max-w-screen-sm` `max-w-screen-xl` `max-w-sm` `max-w-xl` `max-w-xs`
 - **mb**: `mb-1` `mb-2` `mb-3` `mb-4` `mb-6` `mb-8` `mb-12` `mb-16` `mb-20` `mb-24` `mb-28` `mb-32` `mb-36` `mb-40` `mb-44` `mb-48` `mb-56` `mb-64` `mb-80` `mb-96` `mb-112` `mb-128` `mb-144` `mb-auto` `mb-none`
-- **min**: `min-h-0` `min-h-1` `min-h-2` `min-h-4` `min-h-6` `min-h-8` `min-h-12` `min-h-16` `min-h-20` `min-h-24` `min-h-28` `min-h-32` `min-h-36` `min-h-40` `min-h-42` `min-h-44` `min-h-48` `min-h-56` `min-h-64` `min-h-80` `min-h-96` `min-h-112` `min-h-128` `min-h-144` `min-h-196` `min-h-full` `min-h-lh` `min-h-none` `min-h-screen` `min-w-0` `min-w-0!` `min-w-1` `min-w-2` `min-w-4` `min-w-6` `min-w-8` `min-w-12` `min-w-16` `min-w-20` `min-w-24` `min-w-28` `min-w-32` `min-w-36` `min-w-40` `min-w-44` `min-w-48` `min-w-56` `min-w-64` `min-w-72` `min-w-80` `min-w-96` `min-w-112` `min-w-118` `min-w-128` `min-w-144` `min-w-156` `min-w-160` `min-w-240` `min-w-256` `min-w-284` `min-w-300` `min-w-320` `min-w-800` `min-w-full` `min-w-none` `min-w-px`
+- **min**: `min-h-0` `min-h-1` `min-h-2` `min-h-4` `min-h-6` `min-h-8` `min-h-12` `min-h-16` `min-h-20` `min-h-24` `min-h-28` `min-h-32` `min-h-36` `min-h-40` `min-h-42` `min-h-44` `min-h-48` `min-h-56` `min-h-64` `min-h-80` `min-h-96` `min-h-112` `min-h-128` `min-h-144` `min-h-full` `min-h-lh` `min-h-none` `min-h-screen` `min-w-0` `min-w-0!` `min-w-1` `min-w-2` `min-w-4` `min-w-6` `min-w-8` `min-w-12` `min-w-16` `min-w-20` `min-w-24` `min-w-28` `min-w-32` `min-w-36` `min-w-40` `min-w-44` `min-w-48` `min-w-56` `min-w-64` `min-w-72` `min-w-80` `min-w-96` `min-w-112` `min-w-118` `min-w-128` `min-w-144` `min-w-156` `min-w-160` `min-w-240` `min-w-256` `min-w-284` `min-w-300` `min-w-320` `min-w-800` `min-w-full` `min-w-none` `min-w-px`
 - **ml**: `ml-1` `ml-2` `ml-4` `ml-6` `ml-8` `ml-12` `ml-16` `ml-20` `ml-24` `ml-26` `ml-28` `ml-32` `ml-36` `ml-40` `ml-44` `ml-48` `ml-56` `ml-64` `ml-80` `ml-96` `ml-112` `ml-128` `ml-144` `ml-auto` `ml-none`
 - **mr**: `mr-1` `mr-2` `mr-3` `mr-4` `mr-6` `mr-8` `mr-12` `mr-16` `mr-20` `mr-24` `mr-28` `mr-32` `mr-36` `mr-40` `mr-44` `mr-48` `mr-56` `mr-64` `mr-80` `mr-96` `mr-112` `mr-128` `mr-144` `mr-auto` `mr-none`
 - **ms**: `ms-auto`