@wallarm-org/claude-design 4.9.0 → 4.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -5
- package/dist/SETUP.md +35 -8
- package/dist/UPDATE.md +11 -9
- package/dist/project/README.md +49 -19
- package/dist/project/app-skeleton.dc.html +268 -0
- package/dist/project/components/AreaChart/README.md +0 -4
- package/dist/project/components/AreaChart/stories.js +1 -1
- package/dist/project/components/Badge/README.md +5 -31
- package/dist/project/components/BarList/README.md +0 -4
- package/dist/project/components/BarList/stories.js +1 -1
- package/dist/project/components/Chart/README.md +0 -4
- package/dist/project/components/Chart/stories.js +1 -1
- package/dist/project/components/CodeEditor/stories.js +4 -4
- package/dist/project/components/CodeEditor/stories.md +0 -4
- package/dist/project/components/CodeSnippet/README.md +0 -8
- package/dist/project/components/CodeSnippet/stories.js +2 -2
- package/dist/project/components/ColumnChart/README.md +0 -4
- package/dist/project/components/ColumnChart/stories.js +1 -1
- package/dist/project/components/HorizontalBarStack/README.md +0 -4
- package/dist/project/components/HorizontalBarStack/stories.js +1 -1
- package/dist/project/components/LineChart/README.md +0 -39
- package/dist/project/components/LineChart/stories.js +1 -1
- package/dist/project/components/List/README.md +1 -1
- package/dist/project/components/List/stories.js +1 -1
- package/dist/project/components/Metric/README.md +0 -9
- package/dist/project/components/Metric/stories.js +1 -1
- package/dist/project/components/Overview/README.md +0 -4
- package/dist/project/components/Overview/stories.js +1 -1
- package/dist/project/components/PieChart/README.md +0 -4
- package/dist/project/components/PieChart/stories.js +1 -1
- package/dist/project/components/UTILITIES.md +3 -3
- package/dist/project/components/bundle.css +15 -6
- package/dist/project/components/bundle.js +5 -5
- package/dist/project/components/index.d.ts +6 -4
- package/dist/project/design-system.json +4 -4
- package/dist/project/sampler.dc.html +5 -7
- package/dist/project/tokens.json +2 -2
- package/dist/wallarm-app.dc.html +269 -0
- package/dist/wallarm-sampler.dc.html +5 -7
- package/package.json +3 -3
|
@@ -9,4 +9,4 @@ var e={vD(e,t,r){let n,a;/**
|
|
|
9
9
|
* @nolint
|
|
10
10
|
* @preventMunge
|
|
11
11
|
* @preserve-invariant-messages
|
|
12
|
-
*/var l,o,i=Object.create,c=Object.defineProperty,s=Object.getOwnPropertyDescriptor,m=Object.getOwnPropertyNames,u=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty,f=(e,t,r,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let a of m(t))d.call(e,a)||a===r||c(e,a,{get:()=>t[a],enumerable:!(n=s(t,a))||n.enumerable});return e},h={},p={$dispatcherGuard:()=>N,$makeReadOnly:()=>M,$reset:()=>$,$structuralCheck:()=>L,c:()=>v,clearRenderCounterRegistry:()=>T,renderCounterRegistry:()=>x,useRenderCounter:()=>W};for(var y in p)c(h,y,{get:p[y],enumerable:!0});e.exports=f(c({},"__esModule",{value:!0}),h);var w=(a=null!=(n=r("C"))?i(u(n)):{},f(n&&n.__esModule?a:c(a,"default",{value:n,enumerable:!0}),n)),{useRef:S,useEffect:_,isValidElement:b}=w,k=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,g=Symbol.for("react.memo_cache_sentinel"),v="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]=g;return t[g]=!0,t},[])},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 E=null;function R(e){return k.ReactCurrentDispatcher.current=e,k.ReactCurrentDispatcher.current}C.useMemoCache=e=>{if(null!=E)return E.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var D=[];function N(e){let t=k.ReactCurrentDispatcher.current;if(0===e){if(D.push(t),1===D.length&&(E=t),t===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.");R(C)}else if(1===e){let e=D.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===D.length&&(E=null),R(e)}else if(2===e)D.push(t),R(E);else if(3===e){let e=D.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");R(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function $(e){for(let t=0;t<e.length;t++)e[t]=g}function M(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var x=new Map;function T(){for(let e of x.values())e.forEach(e=>{e.count=0})}function W(e){let t=S(null);null!=t.current&&(t.current.count+=1),_(()=>{if(null==t.current){let r,n={count:0};null==(r=x.get(e))&&(r=new Set,x.set(e,r)),r.add(n),t.current=n}return()=>{var r;let n;null!==t.current&&(r=t.current,null!=(n=x.get(e))&&n.delete(r))}})}var O=new Set;function L(e,t,r,n,a,l){function o(e,t,o,i){let c=`${n}:${l} [${a}] ${r}${o} changed from ${e} to ${t} at depth ${i}`;O.has(c)||(O.add(c),console.error(c))}!function e(t,r,n,a){if(!(a>2)){if(t!==r)if(typeof t!=typeof r)o(`type ${typeof t}`,`type ${typeof r}`,n,a);else if("object"==typeof t){let l=Array.isArray(t),i=Array.isArray(r);if(null===t&&null!==r)o("null",`type ${typeof r}`,n,a);else if(null===r)o(`type ${typeof t}`,"null",n,a);else if(t instanceof Map)if(r instanceof Map)if(t.size!==r.size)o(`Map instance with size ${t.size}`,`Map instance with size ${r.size}`,n,a);else for(let[l,i]of t)r.has(l)?e(i,r.get(l),`${n}.get(${l})`,a+1):o(`Map instance with key ${l}`,`Map instance without key ${l}`,n,a);else o("Map instance","other value",n,a);else if(r instanceof Map)o("other value","Map instance",n,a);else if(t instanceof Set)if(r instanceof Set)if(t.size!==r.size)o(`Set instance with size ${t.size}`,`Set instance with size ${r.size}`,n,a);else for(let e of r)t.has(e)||o(`Set instance without element ${e}`,`Set instance with element ${e}`,n,a);else o("Set instance","other value",n,a);else if(r instanceof Set)o("other value","Set instance",n,a);else if(l||i)if(l!==i)o(`type ${l?"array":"object"}`,`type ${i?"array":"object"}`,n,a);else if(t.length!==r.length)o(`array with length ${t.length}`,`array with length ${r.length}`,n,a);else for(let l=0;l<t.length;l++)e(t[l],r[l],`${n}[${l}]`,a+1);else if(b(t)||b(r))b(t)!==b(r)?o(`type ${b(t)?"React element":"object"}`,`type ${b(r)?"React element":"object"}`,n,a):t.type!==r.type?o(`React element of type ${t.type}`,`React element of type ${r.type}`,n,a):e(t.props,r.props,`[props of ${n}]`,a+1);else{for(let e in r)e in t||o(`object without key ${e}`,`object with key ${e}`,n,a);for(let l in t)l in r?e(t[l],r[l],`${n}.${l}`,a+1):o(`object with key ${l}`,`object without key ${l}`,n,a)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(r)?isNaN(t)!==isNaN(r)&&o(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(r)?"NaN":"non-NaN value"}`,n,a):t!==r&&o(t,r,n,a)}}}(e,t,"",0)}},p(e,t,r){let n=new WeakMap,a=new WeakMap;function l(e,t,r){let l=t,o=r;if("object"==typeof l&&null!==l&&"$$typeof"in l&&l.$$typeof===Symbol.for("react.context")&&"Provider"in l&&(l=l.Provider),"function"==typeof l&&null!=o.ref&&!l.prototype?.isReactComponent){let t=l,r=n.get(e);r||(r=new WeakMap,n.set(e,r));let a=r.get(t);a||((a=e.forwardRef((e,r)=>t({...e,ref:r}))).displayName=t.displayName??t.name,r.set(t,a)),l=a}if("string"==typeof l&&"boolean"==typeof o.inert&&((o={...o}).inert?o.inert="":delete o.inert),"string"==typeof l)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in o&&(o={...o,[t]:o[e]},delete o[e]);return"string"==typeof l&&null!=o.ref&&(l=function(e,t){let r=a.get(e);r||(r=new Map,a.set(e,r));let n=r.get(t);if(n)return n;let l=e.forwardRef((r,n)=>{let a=e.useRef(null);if(!a.current||a.current.original!==n){let e;a.current={original:n,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof n){let r=n(t);e="function"==typeof r?r:void 0}else n&&(n.current=t)}}}return e.createElement(t,{...r,ref:a.current.callback})});return l.displayName=`CanvasHost(${t})`,r.set(t,l),l}(e,l)),{type:l,props:o}}function o(e){let t=(t,r,n)=>{let a=l(e,t,r??{});return e.createElement(a.type,void 0===n?a.props:{...a.props,key:n})};return{jsx:t,jsxs:(t,r,n)=>{let a=l(e,t,r??{}),{children:o,...i}=a.props;return e.createElement(a.type,void 0===n?i:{...i,key:n},...Array.isArray(o)?o:[o])},jsxDEV:t,Fragment:e.Fragment}}function i(e){return{...e,createElement:(t,r,...n)=>{let a=l(e,t,r??{});return e.createElement(a.type,a.props,...n)},cloneElement:(t,r,...n)=>{let a=e.cloneElement(t,r??void 0,...n),o=a.ref,i=l(e,a.type,{...a.props,ref:o});return i.type===a.type&&"string"!=typeof a.type?a:e.createElement(i.type,{...i.props,key:a.key})}}}r.d(t,{MA:()=>o,YJ:()=>i})},C(e,t,r){r.r(t);let n=(0,r("p").YJ)(window.React),{Children:a,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:s,Suspense:m,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:u,act:d,cloneElement:f,createContext:h,createElement:p,createFactory:y,createRef:w,forwardRef:S,isValidElement:_,lazy:b,memo:k,startTransition:g,unstable_act:v,useCallback:C,useContext:E,useDebugValue:R,useDeferredValue:D,useEffect:N,useId:$,useImperativeHandle:M,useInsertionEffect:x,useLayoutEffect:T,useMemo:W,useReducer:O,useRef:L,useState:A,useSyncExternalStore:F,useTransition:j,version:I,use:P}=n;r.d(t,{},{Children:a,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:s,Suspense:m,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:u,act:d,cloneElement:f,createContext:h,createElement:p,createFactory:y,createRef:w,default:n,forwardRef:S,isValidElement:_,lazy:b,memo:k,startTransition:g,unstable_act:v,use:P,useCallback:C,useContext:E,useDebugValue:R,useDeferredValue:D,useEffect:N,useId:$,useImperativeHandle:M,useInsertionEffect:x,useLayoutEffect:T,useMemo:W,useReducer:O,useRef:L,useState:A,useSyncExternalStore:F,useTransition:j,version:I})}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var l=t[n]={exports:{}};return e[n](l,l.exports,r),l.exports}r.d=(e,t,n)=>{var a=(t,n)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,[n]:t[a]})};a(t,"get"),a(n,"value")},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:t,jsxDEV:n,Fragment:a}=(0,r("p").MA)(window.React);var l=r("vD"),o=r("C");let i=new Intl.NumberFormat("en-US"),c=(e,t,r)=>{let n=43758.5453*Math.sin((e+t)*r);return n-Math.floor(n)},s=(e,t=1)=>{let r=new Date(2025,0,1,0,0,0).getTime(),n=[];for(let a=0;a<e;a++){let e=r+60*a*6e4,l=Math.round(120+30*Math.sin((a+t)/4)+(c(a,t,12.9898)-.5)*80),o=Math.round(24+10*Math.cos((a+t)/5)+(c(a,t,78.233)-.5)*32),i=Math.round(80+14*Math.sin((a+t)/6)+(c(a,t,39.346)-.5)*40);n.push({timestamp:e,requests:l,errors:o,latency:i})}return n},m=[{key:"requests",label:"Requests",color:"brand"},{key:"errors",label:"Errors",color:"red"},{key:"latency",label:"Latency",color:"blue"}],u=s(24);s(24,1),s(24,7);let d=(()=>{let e=new Date(2024,0,1,0,0,0).getTime(),t=[];for(let r=0;r<60;r++){let n=e+24*r*36e5,a=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:n,requests:a,errors:l})}return t})();s(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 f=window.WallarmDS.Icons.FilterX,h=window.WallarmDS.Icons.ZoomOut,p=window.WallarmDS.Button,y=window.WallarmDS.Skeleton,w=window.WallarmDS.Tooltip,S=window.WallarmDS.TooltipContent,_=window.WallarmDS.TooltipTrigger,b=window.WallarmDS.Chart,k=window.WallarmDS.ChartActions,g=window.WallarmDS.ChartHeader,v=window.WallarmDS.ChartTitle,C=window.WallarmDS.useChartTimeFormatters,E=window.WallarmDS.LineChartEmpty,R=window.WallarmDS.LineChartGrid,D=window.WallarmDS.LineChartHoverPopoverDot,N=window.WallarmDS.LineChartLegend,$=window.WallarmDS.LineChartLegendItem,M=window.WallarmDS.LineChartTooltip,x=window.WallarmDS.LineChartXAxis,T=window.WallarmDS.LineChartYAxis,W=window.WallarmDS.LineChartZoomBrush,O=window.WallarmDS.MetricDelta,L=window.WallarmDS.MetricHeader,A=window.WallarmDS.MetricValue,F=window.WallarmDS.AreaChart,j=window.WallarmDS.AreaChartArea,I=window.WallarmDS.AreaChartBody,P=e=>{let t;return t=Number(e),i.format(t)},z={title:"Data Display/SimpleCharts/AreaChart",component:F,subcomponents:{AreaChartBody:I,AreaChartArea:j},parameters:{layout:"centered",design:{type:"figma",url:"https://www.figma.com/design/VKb5gW46uSGw0rqrhZsbXT/WADS-Components?node-id=11973-4142&m=dev"},docs:{description:{component:"A stacked or overlaid area chart in the SimpleCharts family — ideal for showing cumulative totals or comparing volume across series over time. All interactions (hover crosshair, tooltip, legend click-to-filter, drag-to-zoom) come from the shared LineChart infrastructure and work identically."}}},tags:["autodocs"]},K=t=>{let r,n,a=(0,l.c)(4),{series:o}=t,i=void 0===o?m:o;return a[0]!==i?(r=i.map(G),a[0]=i,a[1]=r):r=a[1],a[2]!==r?(n=e(N,{children:r}),a[2]=r,a[3]=n):n=a[3],n},U=()=>{let r,n,a,i,c,s,u,f,y,E,D,N,$,O,L,A,j,z=(0,l.c)(32),{formatDate:U,formatDateWithTimezone:V}=C(),[G,Z]=(0,o.useState)(d);z[0]===Symbol.for("react.memo_cache_sentinel")?(r=e=>{e?Z(t=>t.slice(e.fromIndex,e.toIndex+1)):Z(d)},z[0]=r):r=z[0];let H=r,Y=G!==d;if(z[1]!==U)n=e=>`${U(e.from)} → ${U(e.to)}`,z[1]=U,z[2]=n;else n=z[2];let B=n,q=(0,o.useRef)(null);return z[3]!==Y?(a=()=>{if(!Y)return;let e=e=>{if("Escape"!==e.key)return;let t=e.target,r=null===t||t===document.body||t===document.documentElement,n=t instanceof Node&&q.current?.contains(t);(r||n)&&(e.preventDefault(),H(null))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},i=[Y,H],z[3]=Y,z[4]=a,z[5]=i):(a=z[4],i=z[5]),(0,o.useEffect)(a,i),z[6]===Symbol.for("react.memo_cache_sentinel")?(c=e(v,{children:'Drag on the plot, then click "Zoom in" — Esc to cancel'}),z[6]=c):c=z[6],z[7]!==Y?(s=Y&&t(w,{children:[e(_,{asChild:!0,children:e(p,{variant:"ghost",color:"neutral",size:"small","aria-label":"Reset time selection",onClick:()=>H(null),children:e(h,{})})}),e(S,{children:"Reset time selection"})]}),z[7]=Y,z[8]=s):s=z[8],z[9]!==Y||z[10]!==s?(u=t(g,{children:[c,e(k,{alwaysVisible:Y,children:s})]}),z[9]=Y,z[10]=s,z[11]=u):u=z[11],z[12]===Symbol.for("react.memo_cache_sentinel")?(f=e(K,{}),z[12]=f):f=z[12],z[13]===Symbol.for("react.memo_cache_sentinel")?(y=e(R,{}),z[13]=y):y=z[13],z[14]!==U?(E=e(x,{tickFormatter:U,minTickGap:48}),z[14]=U,z[15]=E):E=z[15],z[16]===Symbol.for("react.memo_cache_sentinel")?(D=e(T,{tickFormatter:P}),N=m.map(X),z[16]=D,z[17]=N):(D=z[16],N=z[17]),z[18]!==V?($=e(M,{xTickFormatter:V}),z[18]=V,z[19]=$):$=z[19],z[20]!==B?(O=e(W,{formatRange:B}),z[20]=B,z[21]=O):O=z[21],z[22]!==$||z[23]!==O||z[24]!==E?(L=t(I,{height:220,children:[y,E,D,N,$,O]}),z[22]=$,z[23]=O,z[24]=E,z[25]=L):L=z[25],z[26]!==L||z[27]!==G?(A=t(F,{data:G,series:m,xKey:"timestamp",onZoomChange:H,children:[f,L]}),z[26]=L,z[27]=G,z[28]=A):A=z[28],z[29]!==A||z[30]!==u?(j=t(b,{ref:q,children:[u,A]}),z[29]=A,z[30]=u,z[31]=j):j=z[31],j},V=t=>{let r,n,a=(0,l.c)(3),{orientation:o}=t;return a[0]===Symbol.for("react.memo_cache_sentinel")?(r=[0,1,2].map(J),a[0]=r):r=a[0],a[1]!==o?(n=e(N,{orientation:o,children:r}),a[1]=o,a[2]=n):n=a[2],n};function G(r){return t($,{seriesKey:r.key,children:[e(D,{color:r.color}),e("span",{className:"text-xs font-mono text-text-primary",children:r.label})]},r.key)}function Z(t){return e(j,{seriesKey:t.key},t.key)}function H(t){return e(j,{seriesKey:t.key},t.key)}function Y(t){return e(j,{seriesKey:t.key},t.key)}function B(e){return e.key}function q(t){return e(j,{seriesKey:t.key},t.key)}function X(t){return e(j,{seriesKey:t.key},t.key)}function J(t){return e($,{seriesKey:`skeleton-${t}`,children:e(y,{width:"72px",height:"20px",rounded:4})},t)}let Q=[{name:"Default",story:()=>{let r,n,a,o,i,c,s,d,f=(0,l.c)(12),{formatHour:h,formatHourWithTimezone:p}=C();return f[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Traffic breakdown (stacked)"})}),f[0]=r):r=f[0],f[1]===Symbol.for("react.memo_cache_sentinel")?(n=e(K,{}),f[1]=n):n=f[1],f[2]===Symbol.for("react.memo_cache_sentinel")?(a=e(R,{}),f[2]=a):a=f[2],f[3]!==h?(o=e(x,{tickFormatter:h,minTickGap:32}),f[3]=h,f[4]=o):o=f[4],f[5]===Symbol.for("react.memo_cache_sentinel")?(i=e(T,{tickFormatter:P}),c=m.map(Z),f[5]=i,f[6]=c):(i=f[5],c=f[6]),f[7]!==p?(s=e(M,{xTickFormatter:p}),f[7]=p,f[8]=s):s=f[8],f[9]!==o||f[10]!==s?(d=e("div",{className:"w-560",children:t(b,{"data-testid":"chart",children:[r,t(F,{"data-testid":"area-chart",data:u,series:m,xKey:"timestamp",children:[n,t(I,{children:[a,o,i,c,s]})]})]})}),f[9]=o,f[10]=s,f[11]=d):d=f[11],d},meta:z},{name:"Standard",story:()=>{let r,n,a,o,i,c,s,d,f=(0,l.c)(12),{formatHour:h,formatHourWithTimezone:p}=C();return f[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Traffic breakdown (standard)"})}),f[0]=r):r=f[0],f[1]===Symbol.for("react.memo_cache_sentinel")?(n=e(K,{}),f[1]=n):n=f[1],f[2]===Symbol.for("react.memo_cache_sentinel")?(a=e(R,{}),f[2]=a):a=f[2],f[3]!==h?(o=e(x,{tickFormatter:h,minTickGap:32}),f[3]=h,f[4]=o):o=f[4],f[5]===Symbol.for("react.memo_cache_sentinel")?(i=e(T,{tickFormatter:P}),c=m.map(H),f[5]=i,f[6]=c):(i=f[5],c=f[6]),f[7]!==p?(s=e(M,{xTickFormatter:p}),f[7]=p,f[8]=s):s=f[8],f[9]!==o||f[10]!==s?(d=e("div",{className:"w-560",children:t(b,{children:[r,t(F,{data:u,series:m,xKey:"timestamp",variant:"standard",children:[n,t(I,{children:[a,o,i,c,s]})]})]})}),f[9]=o,f[10]=s,f[11]=d):d=f[11],d},meta:z},{name:"WithMetric",story:()=>{let r,n,a,o,i,c,s,d,f=(0,l.c)(12),{formatHour:h,formatHourWithTimezone:p}=C();return f[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Requests per hour"})}),f[0]=r):r=f[0],f[1]===Symbol.for("react.memo_cache_sentinel")?(n=t("div",{className:"flex items-center justify-between pr-8",children:[t(L,{className:"px-16",children:[e(A,{children:2903}),e(O,{value:10,trend:"up",sentiment:"negative"})]}),e(K,{})]}),f[1]=n):n=f[1],f[2]===Symbol.for("react.memo_cache_sentinel")?(a=e(R,{}),f[2]=a):a=f[2],f[3]!==h?(o=e(x,{tickFormatter:h,minTickGap:32}),f[3]=h,f[4]=o):o=f[4],f[5]===Symbol.for("react.memo_cache_sentinel")?(i=e(T,{tickFormatter:P}),c=m.map(Y),f[5]=i,f[6]=c):(i=f[5],c=f[6]),f[7]!==p?(s=e(M,{xTickFormatter:p}),f[7]=p,f[8]=s):s=f[8],f[9]!==o||f[10]!==s?(d=e("div",{className:"w-800",children:t(b,{children:[r,t(F,{data:u,series:m,xKey:"timestamp",children:[n,t(I,{children:[a,o,i,c,s]})]})]})}),f[9]=o,f[10]=s,f[11]=d):d=f[11],d},meta:z},{name:"Filterable",story:()=>{let r,n,a,i,c,s,d,h,y,E,W,O,L,A,j,z=(0,l.c)(29),{formatHour:K,formatHourWithTimezone:U}=C();z[0]===Symbol.for("react.memo_cache_sentinel")?(r=[],z[0]=r):r=z[0];let[V,G]=(0,o.useState)(r);z[1]===Symbol.for("react.memo_cache_sentinel")?(n=e=>{G(t=>0===t.length?m.filter(t=>t.key!==e).map(B):t.includes(e)?t.filter(t=>t!==e):[...t,e])},z[1]=n):n=z[1];let Z=n,H=V.length>0;return z[2]===Symbol.for("react.memo_cache_sentinel")?(a=e(v,{children:"Click a row to isolate, click another to add"}),z[2]=a):a=z[2],z[3]!==H?(i=H&&t(w,{children:[e(_,{asChild:!0,children:e(p,{variant:"ghost",color:"neutral",size:"small","aria-label":"Clear filter",onClick:()=>G([]),children:e(f,{})})}),e(S,{children:"Remove filter"})]}),z[3]=H,z[4]=i):i=z[4],z[5]!==H||z[6]!==i?(c=t(g,{children:[a,e(k,{alwaysVisible:H,children:i})]}),z[5]=H,z[6]=i,z[7]=c):c=z[7],z[8]!==V?(s=m.map(r=>t(w,{children:[e(_,{asChild:!0,children:t($,{seriesKey:r.key,onClick:()=>Z(r.key),children:[e(D,{color:r.color}),e("span",{className:"text-xs font-mono text-text-primary",children:r.label})]})}),e(S,{children:V.includes(r.key)?"Remove filter":"Click to filter"})]},r.key)),z[8]=V,z[9]=s):s=z[9],z[10]!==s?(d=e(N,{children:s}),z[10]=s,z[11]=d):d=z[11],z[12]===Symbol.for("react.memo_cache_sentinel")?(h=e(R,{}),z[12]=h):h=z[12],z[13]!==K?(y=e(x,{tickFormatter:K,minTickGap:32}),z[13]=K,z[14]=y):y=z[14],z[15]===Symbol.for("react.memo_cache_sentinel")?(W=e(T,{tickFormatter:P}),E=m.map(q),z[15]=E,z[16]=W):(E=z[15],W=z[16]),z[17]!==U?(O=e(M,{xTickFormatter:U}),z[17]=U,z[18]=O):O=z[18],z[19]!==O||z[20]!==y?(L=t(I,{children:[h,y,W,E,O]}),z[19]=O,z[20]=y,z[21]=L):L=z[21],z[22]!==V||z[23]!==L||z[24]!==d?(A=t(F,{"data-testid":"area-chart",data:u,series:m,xKey:"timestamp",filteredKeys:V,children:[d,L]}),z[22]=V,z[23]=L,z[24]=d,z[25]=A):A=z[25],z[26]!==A||z[27]!==c?(j=e("div",{className:"w-560",children:t(b,{"data-testid":"chart",children:[c,A]})}),z[26]=A,z[27]=c,z[28]=j):j=z[28],j},meta:z},{name:"Zoom",story:()=>{let t,r=(0,l.c)(1);return r[0]===Symbol.for("react.memo_cache_sentinel")?(t=e("div",{className:"w-560",children:e(U,{})}),r[0]=t):t=r[0],t},meta:z},{name:"Loading",story:()=>{let r,n=(0,l.c)(1);return n[0]===Symbol.for("react.memo_cache_sentinel")?(r=e("div",{className:"w-560",children:t(b,{"aria-busy":"true","aria-live":"polite",children:[e(g,{children:e(v,{children:"Loading"})}),e(V,{}),e(E,{})]})}),n[0]=r):r=n[0],r},meta:z},{name:"Empty",story:()=>{let r,n=(0,l.c)(1);return n[0]===Symbol.for("react.memo_cache_sentinel")?(r=e("div",{className:"w-560",children:t(b,{children:[e(g,{children:e(v,{children:"No data"})}),e(E,{children:"No data"})]})}),n[0]=r):r=n[0],r},meta:z}];function ee({entry:e}){let{story:t,meta:r}=e,n={...r.args,...t.args},a="function"==typeof t||t.$$typeof?t:t.render||r.render||r.component,l=()=>o.default.createElement(a,n),i={args:n,globals:{theme:"light"},parameters:{...r.parameters,...t.parameters},viewMode:"story"};for(let e of[...r.decorators||[],...t.decorators||[]].reverse()){let t=l;l=()=>e(t,i)}return o.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},o.default.createElement("h2",{className:"text-sm mb-12"},e.name),o.default.createElement(l))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(o.default.createElement(window.WallarmDS.Root,null,Q.map((e,t)=>o.default.createElement(ee,{key:t,entry:e})))),t}}})();
|
|
12
|
+
*/var l,o,i=Object.create,c=Object.defineProperty,s=Object.getOwnPropertyDescriptor,m=Object.getOwnPropertyNames,u=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty,f=(e,t,r,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let a of m(t))d.call(e,a)||a===r||c(e,a,{get:()=>t[a],enumerable:!(n=s(t,a))||n.enumerable});return e},h={},p={$dispatcherGuard:()=>D,$makeReadOnly:()=>M,$reset:()=>$,$structuralCheck:()=>L,c:()=>v,clearRenderCounterRegistry:()=>T,renderCounterRegistry:()=>x,useRenderCounter:()=>W};for(var y in p)c(h,y,{get:p[y],enumerable:!0});e.exports=f(c({},"__esModule",{value:!0}),h);var w=(a=null!=(n=r("C"))?i(u(n)):{},f(n&&n.__esModule?a:c(a,"default",{value:n,enumerable:!0}),n)),{useRef:_,useEffect:S,isValidElement:b}=w,k=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,g=Symbol.for("react.memo_cache_sentinel"),v="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]=g;return t[g]=!0,t},[])},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 E=null;function R(e){return k.ReactCurrentDispatcher.current=e,k.ReactCurrentDispatcher.current}C.useMemoCache=e=>{if(null!=E)return E.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var N=[];function D(e){let t=k.ReactCurrentDispatcher.current;if(0===e){if(N.push(t),1===N.length&&(E=t),t===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.");R(C)}else if(1===e){let e=N.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===N.length&&(E=null),R(e)}else if(2===e)N.push(t),R(E);else if(3===e){let e=N.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");R(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function $(e){for(let t=0;t<e.length;t++)e[t]=g}function M(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var x=new Map;function T(){for(let e of x.values())e.forEach(e=>{e.count=0})}function W(e){let t=_(null);null!=t.current&&(t.current.count+=1),S(()=>{if(null==t.current){let r,n={count:0};null==(r=x.get(e))&&(r=new Set,x.set(e,r)),r.add(n),t.current=n}return()=>{var r;let n;null!==t.current&&(r=t.current,null!=(n=x.get(e))&&n.delete(r))}})}var O=new Set;function L(e,t,r,n,a,l){function o(e,t,o,i){let c=`${n}:${l} [${a}] ${r}${o} changed from ${e} to ${t} at depth ${i}`;O.has(c)||(O.add(c),console.error(c))}!function e(t,r,n,a){if(!(a>2)){if(t!==r)if(typeof t!=typeof r)o(`type ${typeof t}`,`type ${typeof r}`,n,a);else if("object"==typeof t){let l=Array.isArray(t),i=Array.isArray(r);if(null===t&&null!==r)o("null",`type ${typeof r}`,n,a);else if(null===r)o(`type ${typeof t}`,"null",n,a);else if(t instanceof Map)if(r instanceof Map)if(t.size!==r.size)o(`Map instance with size ${t.size}`,`Map instance with size ${r.size}`,n,a);else for(let[l,i]of t)r.has(l)?e(i,r.get(l),`${n}.get(${l})`,a+1):o(`Map instance with key ${l}`,`Map instance without key ${l}`,n,a);else o("Map instance","other value",n,a);else if(r instanceof Map)o("other value","Map instance",n,a);else if(t instanceof Set)if(r instanceof Set)if(t.size!==r.size)o(`Set instance with size ${t.size}`,`Set instance with size ${r.size}`,n,a);else for(let e of r)t.has(e)||o(`Set instance without element ${e}`,`Set instance with element ${e}`,n,a);else o("Set instance","other value",n,a);else if(r instanceof Set)o("other value","Set instance",n,a);else if(l||i)if(l!==i)o(`type ${l?"array":"object"}`,`type ${i?"array":"object"}`,n,a);else if(t.length!==r.length)o(`array with length ${t.length}`,`array with length ${r.length}`,n,a);else for(let l=0;l<t.length;l++)e(t[l],r[l],`${n}[${l}]`,a+1);else if(b(t)||b(r))b(t)!==b(r)?o(`type ${b(t)?"React element":"object"}`,`type ${b(r)?"React element":"object"}`,n,a):t.type!==r.type?o(`React element of type ${t.type}`,`React element of type ${r.type}`,n,a):e(t.props,r.props,`[props of ${n}]`,a+1);else{for(let e in r)e in t||o(`object without key ${e}`,`object with key ${e}`,n,a);for(let l in t)l in r?e(t[l],r[l],`${n}.${l}`,a+1):o(`object with key ${l}`,`object without key ${l}`,n,a)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(r)?isNaN(t)!==isNaN(r)&&o(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(r)?"NaN":"non-NaN value"}`,n,a):t!==r&&o(t,r,n,a)}}}(e,t,"",0)}},p(e,t,r){let n=new WeakMap,a=new WeakMap;function l(e,t,r){let l=t,o=r;if("object"==typeof l&&null!==l&&"$$typeof"in l&&l.$$typeof===Symbol.for("react.context")&&"Provider"in l&&(l=l.Provider),"function"==typeof l&&null!=o.ref&&!l.prototype?.isReactComponent){let t=l,r=n.get(e);r||(r=new WeakMap,n.set(e,r));let a=r.get(t);a||((a=e.forwardRef((e,r)=>t({...e,ref:r}))).displayName=t.displayName??t.name,r.set(t,a)),l=a}if("string"==typeof l&&"boolean"==typeof o.inert&&((o={...o}).inert?o.inert="":delete o.inert),"string"==typeof l)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in o&&(o={...o,[t]:o[e]},delete o[e]);return"string"==typeof l&&null!=o.ref&&(l=function(e,t){let r=a.get(e);r||(r=new Map,a.set(e,r));let n=r.get(t);if(n)return n;let l=e.forwardRef((r,n)=>{let a=e.useRef(null);if(!a.current||a.current.original!==n){let e;a.current={original:n,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof n){let r=n(t);e="function"==typeof r?r:void 0}else n&&(n.current=t)}}}return e.createElement(t,{...r,ref:a.current.callback})});return l.displayName=`CanvasHost(${t})`,r.set(t,l),l}(e,l)),{type:l,props:o}}function o(e){let t=(t,r,n)=>{let a=l(e,t,r??{});return e.createElement(a.type,void 0===n?a.props:{...a.props,key:n})};return{jsx:t,jsxs:(t,r,n)=>{let a=l(e,t,r??{}),{children:o,...i}=a.props;return e.createElement(a.type,void 0===n?i:{...i,key:n},...Array.isArray(o)?o:[o])},jsxDEV:t,Fragment:e.Fragment}}function i(e){return{...e,createElement:(t,r,...n)=>{let a=l(e,t,r??{});return e.createElement(a.type,a.props,...n)},cloneElement:(t,r,...n)=>{let a=e.cloneElement(t,r??void 0,...n),o=a.ref,i=l(e,a.type,{...a.props,ref:o});return i.type===a.type&&"string"!=typeof a.type?a:e.createElement(i.type,{...i.props,key:a.key})}}}r.d(t,{MA:()=>o,YJ:()=>i})},C(e,t,r){r.r(t);let n=(0,r("p").YJ)(window.React),{Children:a,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:s,Suspense:m,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:u,act:d,cloneElement:f,createContext:h,createElement:p,createFactory:y,createRef:w,forwardRef:_,isValidElement:S,lazy:b,memo:k,startTransition:g,unstable_act:v,useCallback:C,useContext:E,useDebugValue:R,useDeferredValue:N,useEffect:D,useId:$,useImperativeHandle:M,useInsertionEffect:x,useLayoutEffect:T,useMemo:W,useReducer:O,useRef:L,useState:A,useSyncExternalStore:F,useTransition:j,version:I,use:P}=n;r.d(t,{},{Children:a,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:s,Suspense:m,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:u,act:d,cloneElement:f,createContext:h,createElement:p,createFactory:y,createRef:w,default:n,forwardRef:_,isValidElement:S,lazy:b,memo:k,startTransition:g,unstable_act:v,use:P,useCallback:C,useContext:E,useDebugValue:R,useDeferredValue:N,useEffect:D,useId:$,useImperativeHandle:M,useInsertionEffect:x,useLayoutEffect:T,useMemo:W,useReducer:O,useRef:L,useState:A,useSyncExternalStore:F,useTransition:j,version:I})}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var l=t[n]={exports:{}};return e[n](l,l.exports,r),l.exports}r.d=(e,t,n)=>{var a=(t,n)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,[n]:t[a]})};a(t,"get"),a(n,"value")},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:t,jsxDEV:n,Fragment:a}=(0,r("p").MA)(window.React);var l=r("vD"),o=r("C");let i=new Intl.NumberFormat("en-US"),c=(e,t,r)=>{let n=43758.5453*Math.sin((e+t)*r);return n-Math.floor(n)},s=(e,t=1)=>{let r=new Date(2025,0,1,0,0,0).getTime(),n=[];for(let a=0;a<e;a++){let e=r+60*a*6e4,l=Math.round(120+30*Math.sin((a+t)/4)+(c(a,t,12.9898)-.5)*80),o=Math.round(24+10*Math.cos((a+t)/5)+(c(a,t,78.233)-.5)*32),i=Math.round(80+14*Math.sin((a+t)/6)+(c(a,t,39.346)-.5)*40);n.push({timestamp:e,requests:l,errors:o,latency:i})}return n},m=[{key:"requests",label:"Requests",color:"brand"},{key:"errors",label:"Errors",color:"red"},{key:"latency",label:"Latency",color:"blue"}],u=s(24);s(24,1),s(24,7);let d=(()=>{let e=new Date(2024,0,1,0,0,0).getTime(),t=[];for(let r=0;r<60;r++){let n=e+24*r*36e5,a=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:n,requests:a,errors:l})}return t})();s(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 f=window.WallarmDS.Icons.FilterX,h=window.WallarmDS.Icons.ZoomOut,p=window.WallarmDS.Button,y=window.WallarmDS.Skeleton,w=window.WallarmDS.Tooltip,_=window.WallarmDS.TooltipContent,S=window.WallarmDS.TooltipTrigger,b=window.WallarmDS.Chart,k=window.WallarmDS.ChartActions,g=window.WallarmDS.ChartHeader,v=window.WallarmDS.ChartTitle,C=window.WallarmDS.useChartTimeFormatters,E=window.WallarmDS.LineChartEmpty,R=window.WallarmDS.LineChartGrid,N=window.WallarmDS.LineChartHoverPopoverDot,D=window.WallarmDS.LineChartLegend,$=window.WallarmDS.LineChartLegendItem,M=window.WallarmDS.LineChartTooltip,x=window.WallarmDS.LineChartXAxis,T=window.WallarmDS.LineChartYAxis,W=window.WallarmDS.LineChartZoomBrush,O=window.WallarmDS.MetricDelta,L=window.WallarmDS.MetricHeader,A=window.WallarmDS.MetricValue,F=window.WallarmDS.AreaChart,j=window.WallarmDS.AreaChartArea,I=window.WallarmDS.AreaChartBody,P=e=>{let t;return t=Number(e),i.format(t)},z={title:"Data Display/SimpleCharts/AreaChart",component:F,subcomponents:{AreaChartBody:I,AreaChartArea:j},parameters:{layout:"centered",docs:{description:{component:"A stacked or overlaid area chart in the SimpleCharts family — ideal for showing cumulative totals or comparing volume across series over time. All interactions (hover crosshair, tooltip, legend click-to-filter, drag-to-zoom) come from the shared LineChart infrastructure and work identically."}}},tags:["autodocs"]},K=t=>{let r,n,a=(0,l.c)(4),{series:o}=t,i=void 0===o?m:o;return a[0]!==i?(r=i.map(G),a[0]=i,a[1]=r):r=a[1],a[2]!==r?(n=e(D,{children:r}),a[2]=r,a[3]=n):n=a[3],n},U=()=>{let r,n,a,i,c,s,u,f,y,E,N,D,$,O,L,A,j,z=(0,l.c)(32),{formatDate:U,formatDateWithTimezone:V}=C(),[G,H]=(0,o.useState)(d);z[0]===Symbol.for("react.memo_cache_sentinel")?(r=e=>{e?H(t=>t.slice(e.fromIndex,e.toIndex+1)):H(d)},z[0]=r):r=z[0];let Z=r,Y=G!==d;if(z[1]!==U)n=e=>`${U(e.from)} → ${U(e.to)}`,z[1]=U,z[2]=n;else n=z[2];let B=n,q=(0,o.useRef)(null);return z[3]!==Y?(a=()=>{if(!Y)return;let e=e=>{if("Escape"!==e.key)return;let t=e.target,r=null===t||t===document.body||t===document.documentElement,n=t instanceof Node&&q.current?.contains(t);(r||n)&&(e.preventDefault(),Z(null))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},i=[Y,Z],z[3]=Y,z[4]=a,z[5]=i):(a=z[4],i=z[5]),(0,o.useEffect)(a,i),z[6]===Symbol.for("react.memo_cache_sentinel")?(c=e(v,{children:'Drag on the plot, then click "Zoom in" — Esc to cancel'}),z[6]=c):c=z[6],z[7]!==Y?(s=Y&&t(w,{children:[e(S,{asChild:!0,children:e(p,{variant:"ghost",color:"neutral",size:"small","aria-label":"Reset time selection",onClick:()=>Z(null),children:e(h,{})})}),e(_,{children:"Reset time selection"})]}),z[7]=Y,z[8]=s):s=z[8],z[9]!==Y||z[10]!==s?(u=t(g,{children:[c,e(k,{alwaysVisible:Y,children:s})]}),z[9]=Y,z[10]=s,z[11]=u):u=z[11],z[12]===Symbol.for("react.memo_cache_sentinel")?(f=e(K,{}),z[12]=f):f=z[12],z[13]===Symbol.for("react.memo_cache_sentinel")?(y=e(R,{}),z[13]=y):y=z[13],z[14]!==U?(E=e(x,{tickFormatter:U,minTickGap:48}),z[14]=U,z[15]=E):E=z[15],z[16]===Symbol.for("react.memo_cache_sentinel")?(N=e(T,{tickFormatter:P}),D=m.map(J),z[16]=N,z[17]=D):(N=z[16],D=z[17]),z[18]!==V?($=e(M,{xTickFormatter:V}),z[18]=V,z[19]=$):$=z[19],z[20]!==B?(O=e(W,{formatRange:B}),z[20]=B,z[21]=O):O=z[21],z[22]!==$||z[23]!==O||z[24]!==E?(L=t(I,{height:220,children:[y,E,N,D,$,O]}),z[22]=$,z[23]=O,z[24]=E,z[25]=L):L=z[25],z[26]!==L||z[27]!==G?(A=t(F,{data:G,series:m,xKey:"timestamp",onZoomChange:Z,children:[f,L]}),z[26]=L,z[27]=G,z[28]=A):A=z[28],z[29]!==A||z[30]!==u?(j=t(b,{ref:q,children:[u,A]}),z[29]=A,z[30]=u,z[31]=j):j=z[31],j},V=t=>{let r,n,a=(0,l.c)(3),{orientation:o}=t;return a[0]===Symbol.for("react.memo_cache_sentinel")?(r=[0,1,2].map(X),a[0]=r):r=a[0],a[1]!==o?(n=e(D,{orientation:o,children:r}),a[1]=o,a[2]=n):n=a[2],n};function G(r){return t($,{seriesKey:r.key,children:[e(N,{color:r.color}),e("span",{className:"text-xs font-mono text-text-primary",children:r.label})]},r.key)}function H(t){return e(j,{seriesKey:t.key},t.key)}function Z(t){return e(j,{seriesKey:t.key},t.key)}function Y(t){return e(j,{seriesKey:t.key},t.key)}function B(e){return e.key}function q(t){return e(j,{seriesKey:t.key},t.key)}function J(t){return e(j,{seriesKey:t.key},t.key)}function X(t){return e($,{seriesKey:`skeleton-${t}`,children:e(y,{width:"72px",height:"20px",rounded:4})},t)}let Q=[{name:"Default",story:()=>{let r,n,a,o,i,c,s,d,f=(0,l.c)(12),{formatHour:h,formatHourWithTimezone:p}=C();return f[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Traffic breakdown (stacked)"})}),f[0]=r):r=f[0],f[1]===Symbol.for("react.memo_cache_sentinel")?(n=e(K,{}),f[1]=n):n=f[1],f[2]===Symbol.for("react.memo_cache_sentinel")?(a=e(R,{}),f[2]=a):a=f[2],f[3]!==h?(o=e(x,{tickFormatter:h,minTickGap:32}),f[3]=h,f[4]=o):o=f[4],f[5]===Symbol.for("react.memo_cache_sentinel")?(i=e(T,{tickFormatter:P}),c=m.map(H),f[5]=i,f[6]=c):(i=f[5],c=f[6]),f[7]!==p?(s=e(M,{xTickFormatter:p}),f[7]=p,f[8]=s):s=f[8],f[9]!==o||f[10]!==s?(d=e("div",{className:"w-560",children:t(b,{"data-testid":"chart",children:[r,t(F,{"data-testid":"area-chart",data:u,series:m,xKey:"timestamp",children:[n,t(I,{children:[a,o,i,c,s]})]})]})}),f[9]=o,f[10]=s,f[11]=d):d=f[11],d},meta:z},{name:"Standard",story:()=>{let r,n,a,o,i,c,s,d,f=(0,l.c)(12),{formatHour:h,formatHourWithTimezone:p}=C();return f[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Traffic breakdown (standard)"})}),f[0]=r):r=f[0],f[1]===Symbol.for("react.memo_cache_sentinel")?(n=e(K,{}),f[1]=n):n=f[1],f[2]===Symbol.for("react.memo_cache_sentinel")?(a=e(R,{}),f[2]=a):a=f[2],f[3]!==h?(o=e(x,{tickFormatter:h,minTickGap:32}),f[3]=h,f[4]=o):o=f[4],f[5]===Symbol.for("react.memo_cache_sentinel")?(i=e(T,{tickFormatter:P}),c=m.map(Z),f[5]=i,f[6]=c):(i=f[5],c=f[6]),f[7]!==p?(s=e(M,{xTickFormatter:p}),f[7]=p,f[8]=s):s=f[8],f[9]!==o||f[10]!==s?(d=e("div",{className:"w-560",children:t(b,{children:[r,t(F,{data:u,series:m,xKey:"timestamp",variant:"standard",children:[n,t(I,{children:[a,o,i,c,s]})]})]})}),f[9]=o,f[10]=s,f[11]=d):d=f[11],d},meta:z},{name:"WithMetric",story:()=>{let r,n,a,o,i,c,s,d,f=(0,l.c)(12),{formatHour:h,formatHourWithTimezone:p}=C();return f[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(g,{children:e(v,{children:"Requests per hour"})}),f[0]=r):r=f[0],f[1]===Symbol.for("react.memo_cache_sentinel")?(n=t("div",{className:"flex items-center justify-between pr-8",children:[t(L,{className:"px-16",children:[e(A,{children:2903}),e(O,{value:10,trend:"up",sentiment:"negative"})]}),e(K,{})]}),f[1]=n):n=f[1],f[2]===Symbol.for("react.memo_cache_sentinel")?(a=e(R,{}),f[2]=a):a=f[2],f[3]!==h?(o=e(x,{tickFormatter:h,minTickGap:32}),f[3]=h,f[4]=o):o=f[4],f[5]===Symbol.for("react.memo_cache_sentinel")?(i=e(T,{tickFormatter:P}),c=m.map(Y),f[5]=i,f[6]=c):(i=f[5],c=f[6]),f[7]!==p?(s=e(M,{xTickFormatter:p}),f[7]=p,f[8]=s):s=f[8],f[9]!==o||f[10]!==s?(d=e("div",{className:"w-800",children:t(b,{children:[r,t(F,{data:u,series:m,xKey:"timestamp",children:[n,t(I,{children:[a,o,i,c,s]})]})]})}),f[9]=o,f[10]=s,f[11]=d):d=f[11],d},meta:z},{name:"Filterable",story:()=>{let r,n,a,i,c,s,d,h,y,E,W,O,L,A,j,z=(0,l.c)(29),{formatHour:K,formatHourWithTimezone:U}=C();z[0]===Symbol.for("react.memo_cache_sentinel")?(r=[],z[0]=r):r=z[0];let[V,G]=(0,o.useState)(r);z[1]===Symbol.for("react.memo_cache_sentinel")?(n=e=>{G(t=>0===t.length?m.filter(t=>t.key!==e).map(B):t.includes(e)?t.filter(t=>t!==e):[...t,e])},z[1]=n):n=z[1];let H=n,Z=V.length>0;return z[2]===Symbol.for("react.memo_cache_sentinel")?(a=e(v,{children:"Click a row to isolate, click another to add"}),z[2]=a):a=z[2],z[3]!==Z?(i=Z&&t(w,{children:[e(S,{asChild:!0,children:e(p,{variant:"ghost",color:"neutral",size:"small","aria-label":"Clear filter",onClick:()=>G([]),children:e(f,{})})}),e(_,{children:"Remove filter"})]}),z[3]=Z,z[4]=i):i=z[4],z[5]!==Z||z[6]!==i?(c=t(g,{children:[a,e(k,{alwaysVisible:Z,children:i})]}),z[5]=Z,z[6]=i,z[7]=c):c=z[7],z[8]!==V?(s=m.map(r=>t(w,{children:[e(S,{asChild:!0,children:t($,{seriesKey:r.key,onClick:()=>H(r.key),children:[e(N,{color:r.color}),e("span",{className:"text-xs font-mono text-text-primary",children:r.label})]})}),e(_,{children:V.includes(r.key)?"Remove filter":"Click to filter"})]},r.key)),z[8]=V,z[9]=s):s=z[9],z[10]!==s?(d=e(D,{children:s}),z[10]=s,z[11]=d):d=z[11],z[12]===Symbol.for("react.memo_cache_sentinel")?(h=e(R,{}),z[12]=h):h=z[12],z[13]!==K?(y=e(x,{tickFormatter:K,minTickGap:32}),z[13]=K,z[14]=y):y=z[14],z[15]===Symbol.for("react.memo_cache_sentinel")?(W=e(T,{tickFormatter:P}),E=m.map(q),z[15]=E,z[16]=W):(E=z[15],W=z[16]),z[17]!==U?(O=e(M,{xTickFormatter:U}),z[17]=U,z[18]=O):O=z[18],z[19]!==O||z[20]!==y?(L=t(I,{children:[h,y,W,E,O]}),z[19]=O,z[20]=y,z[21]=L):L=z[21],z[22]!==V||z[23]!==L||z[24]!==d?(A=t(F,{"data-testid":"area-chart",data:u,series:m,xKey:"timestamp",filteredKeys:V,children:[d,L]}),z[22]=V,z[23]=L,z[24]=d,z[25]=A):A=z[25],z[26]!==A||z[27]!==c?(j=e("div",{className:"w-560",children:t(b,{"data-testid":"chart",children:[c,A]})}),z[26]=A,z[27]=c,z[28]=j):j=z[28],j},meta:z},{name:"Zoom",story:()=>{let t,r=(0,l.c)(1);return r[0]===Symbol.for("react.memo_cache_sentinel")?(t=e("div",{className:"w-560",children:e(U,{})}),r[0]=t):t=r[0],t},meta:z},{name:"Loading",story:()=>{let r,n=(0,l.c)(1);return n[0]===Symbol.for("react.memo_cache_sentinel")?(r=e("div",{className:"w-560",children:t(b,{"aria-busy":"true","aria-live":"polite",children:[e(g,{children:e(v,{children:"Loading"})}),e(V,{}),e(E,{})]})}),n[0]=r):r=n[0],r},meta:z},{name:"Empty",story:()=>{let r,n=(0,l.c)(1);return n[0]===Symbol.for("react.memo_cache_sentinel")?(r=e("div",{className:"w-560",children:t(b,{children:[e(g,{children:e(v,{children:"No data"})}),e(E,{children:"No data"})]})}),n[0]=r):r=n[0],r},meta:z}];function ee({entry:e}){let{story:t,meta:r}=e,n={...r.args,...t.args},a="function"==typeof t||t.$$typeof?t:t.render||r.render||r.component,l=()=>o.default.createElement(a,n),i={args:n,globals:{theme:"light"},parameters:{...r.parameters,...t.parameters},viewMode:"story"};for(let e of[...r.decorators||[],...t.decorators||[]].reverse()){let t=l;l=()=>e(t,i)}return o.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},o.default.createElement("h2",{className:"text-sm mb-12"},e.name),o.default.createElement(l))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(o.default.createElement(window.WallarmDS.Root,null,Q.map((e,t)=>o.default.createElement(ee,{key:t,entry:e})))),t}}})();
|
|
@@ -573,13 +573,10 @@ interface ColorClassesMap {
|
|
|
573
573
|
solid: string;
|
|
574
574
|
solidMuted?: string;
|
|
575
575
|
secondary: string;
|
|
576
|
-
secondaryMuted?: string;
|
|
577
576
|
outline: string;
|
|
578
577
|
outlineMuted?: string;
|
|
579
578
|
text: string;
|
|
580
|
-
textMuted?: string;
|
|
581
579
|
textColor: string;
|
|
582
|
-
textColorMuted?: string;
|
|
583
580
|
}
|
|
584
581
|
|
|
585
582
|
export const badgeColorsMuted: BadgeColor[] = [
|
|
@@ -602,66 +599,42 @@ export const generateBadgeVariants = (): ColorVariant[] => {
|
|
|
602
599
|
solid: 'bg-badge-slate-strong text-badge-on-solid',
|
|
603
600
|
solidMuted: 'bg-badge-slate-dark-alt text-badge-on-solid',
|
|
604
601
|
secondary: 'bg-badge-slate-light text-badge-slate-dark',
|
|
605
|
-
secondaryMuted: 'bg-badge-slate-light text-badge-slate-muted',
|
|
606
602
|
outline: 'border-badge-slate-dark text-badge-slate-dark',
|
|
607
603
|
outlineMuted: 'border-border-primary text-badge-slate-dark',
|
|
608
604
|
text: 'text-badge-label-primary [&_svg]:text-badge-slate-strong before:bg-badge-slate-strong',
|
|
609
|
-
textMuted:
|
|
610
|
-
'text-badge-label-primary [&_svg]:text-badge-slate-muted before:bg-badge-slate-muted',
|
|
611
605
|
textColor: 'text-badge-slate-strong',
|
|
612
|
-
textColorMuted: 'text-badge-slate-muted',
|
|
613
606
|
},
|
|
614
607
|
gray: {
|
|
615
608
|
solid: 'bg-badge-gray-strong text-badge-on-solid',
|
|
616
609
|
solidMuted: 'bg-badge-gray-dark-alt text-badge-on-solid',
|
|
617
610
|
secondary: 'bg-badge-gray-light text-badge-gray-dark',
|
|
618
|
-
secondaryMuted: 'bg-badge-gray-light text-badge-gray-muted',
|
|
619
611
|
outline: 'border-badge-gray-dark text-badge-gray-dark',
|
|
620
|
-
outlineMuted: 'border-badge-gray-muted text-badge-gray-muted',
|
|
621
612
|
text: 'text-badge-label-primary [&_svg]:text-badge-gray-strong before:bg-badge-gray-strong',
|
|
622
|
-
textMuted:
|
|
623
|
-
'text-badge-label-primary [&_svg]:text-badge-gray-muted before:bg-badge-gray-muted',
|
|
624
613
|
textColor: 'text-badge-gray-strong',
|
|
625
|
-
textColorMuted: 'text-badge-gray-muted',
|
|
626
614
|
},
|
|
627
615
|
zinc: {
|
|
628
616
|
solid: 'bg-badge-zinc-strong text-badge-on-solid',
|
|
629
617
|
solidMuted: 'bg-badge-zinc-dark-alt text-badge-on-solid',
|
|
630
618
|
secondary: 'bg-badge-zinc-light text-badge-zinc-dark',
|
|
631
|
-
secondaryMuted: 'bg-badge-zinc-light text-badge-zinc-muted',
|
|
632
619
|
outline: 'border-badge-zinc-dark text-badge-zinc-dark',
|
|
633
|
-
outlineMuted: 'border-badge-zinc-muted text-badge-zinc-muted',
|
|
634
620
|
text: 'text-badge-label-primary [&_svg]:text-badge-zinc-strong before:bg-badge-zinc-strong',
|
|
635
|
-
textMuted:
|
|
636
|
-
'text-badge-label-primary [&_svg]:text-badge-zinc-muted before:bg-badge-zinc-muted',
|
|
637
621
|
textColor: 'text-badge-zinc-strong',
|
|
638
|
-
textColorMuted: 'text-badge-zinc-muted',
|
|
639
622
|
},
|
|
640
623
|
neutral: {
|
|
641
624
|
solid: 'bg-badge-neutral-strong text-badge-on-solid',
|
|
642
625
|
solidMuted: 'bg-badge-neutral-dark-alt text-badge-on-solid',
|
|
643
626
|
secondary: 'bg-badge-neutral-light text-badge-neutral-dark',
|
|
644
|
-
secondaryMuted: 'bg-badge-neutral-light text-badge-neutral-muted',
|
|
645
627
|
outline: 'border-badge-neutral-dark text-badge-neutral-dark',
|
|
646
|
-
outlineMuted: 'border-badge-neutral-muted text-badge-neutral-muted',
|
|
647
628
|
text: 'text-badge-label-primary [&_svg]:text-badge-neutral-strong before:bg-badge-neutral-strong',
|
|
648
|
-
textMuted:
|
|
649
|
-
'text-badge-label-primary [&_svg]:text-badge-neutral-muted before:bg-badge-neutral-muted',
|
|
650
629
|
textColor: 'text-badge-neutral-strong',
|
|
651
|
-
textColorMuted: 'text-badge-neutral-muted',
|
|
652
630
|
},
|
|
653
631
|
stone: {
|
|
654
632
|
solid: 'bg-badge-stone-strong text-badge-on-solid',
|
|
655
633
|
solidMuted: 'bg-badge-stone-dark-alt text-badge-on-solid',
|
|
656
634
|
secondary: 'bg-badge-stone-light text-badge-stone-dark',
|
|
657
|
-
secondaryMuted: 'bg-badge-stone-light text-badge-stone-muted',
|
|
658
635
|
outline: 'border-badge-stone-dark text-badge-stone-dark',
|
|
659
|
-
outlineMuted: 'border-badge-stone-muted text-badge-stone-muted',
|
|
660
636
|
text: 'text-badge-label-primary [&_svg]:text-badge-stone-strong before:bg-badge-stone-strong',
|
|
661
|
-
textMuted:
|
|
662
|
-
'text-badge-label-primary [&_svg]:text-badge-stone-muted before:bg-badge-stone-muted',
|
|
663
637
|
textColor: 'text-badge-stone-strong',
|
|
664
|
-
textColorMuted: 'text-badge-stone-muted',
|
|
665
638
|
},
|
|
666
639
|
// Colors without muted support
|
|
667
640
|
red: {
|
|
@@ -801,21 +774,22 @@ export const generateBadgeVariants = (): ColorVariant[] => {
|
|
|
801
774
|
variants.push(createVariant('solid', color, classes.solid, false));
|
|
802
775
|
variants.push(createVariant('solid', color, classes.solidMuted ?? '', true));
|
|
803
776
|
|
|
777
|
+
// Figma has muted only for solid and the slate outline; other types ignore `muted`
|
|
804
778
|
// Secondary variants
|
|
805
779
|
variants.push(createVariant('secondary', color, classes.secondary, false));
|
|
806
|
-
variants.push(createVariant('secondary', color, classes.
|
|
780
|
+
variants.push(createVariant('secondary', color, classes.secondary, true));
|
|
807
781
|
|
|
808
782
|
// Outline variants
|
|
809
783
|
variants.push(createVariant('outline', color, classes.outline, false));
|
|
810
|
-
variants.push(createVariant('outline', color, classes.outlineMuted ??
|
|
784
|
+
variants.push(createVariant('outline', color, classes.outlineMuted ?? classes.outline, true));
|
|
811
785
|
|
|
812
786
|
// Text variants
|
|
813
787
|
variants.push(createVariant('text', color, classes.text, false));
|
|
814
|
-
variants.push(createVariant('text', color, classes.
|
|
788
|
+
variants.push(createVariant('text', color, classes.text, true));
|
|
815
789
|
|
|
816
790
|
// Text-color variants
|
|
817
791
|
variants.push(createVariant('text-color', color, classes.textColor, false));
|
|
818
|
-
variants.push(createVariant('text-color', color, classes.
|
|
792
|
+
variants.push(createVariant('text-color', color, classes.textColor, true));
|
|
819
793
|
});
|
|
820
794
|
|
|
821
795
|
// Process colors without muted support
|
|
@@ -212,10 +212,6 @@ const meta = {
|
|
|
212
212
|
},
|
|
213
213
|
parameters: {
|
|
214
214
|
layout: 'padded',
|
|
215
|
-
design: {
|
|
216
|
-
type: 'figma',
|
|
217
|
-
url: 'https://www.figma.com/design/VKb5gW46uSGw0rqrhZsbXT/WADS-Components?node-id=7490-121720&m=dev',
|
|
218
|
-
},
|
|
219
215
|
docs: { description: { component: DESCRIPTION } },
|
|
220
216
|
},
|
|
221
217
|
tags: ['autodocs'],
|
|
@@ -9,4 +9,4 @@ var e={vD(e,r,t){let o,l;/**
|
|
|
9
9
|
* @nolint
|
|
10
10
|
* @preventMunge
|
|
11
11
|
* @preserve-invariant-messages
|
|
12
|
-
*/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:()=>R,$reset:()=>D,$structuralCheck:()=>j,c:()=>S,clearRenderCounterRegistry:()=>O,renderCounterRegistry:()=>$,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:v,useEffect:w,isValidElement:y}=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},[])},_={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{_[e]=()=>{throw Error(`[React] Unexpected React hook call (${e}) from a React compiled function. Check that all hooks are called directly and named according to convention ('use[A-Z]') `)}});var z=null;function C(e){return k.ReactCurrentDispatcher.current=e,k.ReactCurrentDispatcher.current}_.useMemoCache=e=>{if(null!=z)return z.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var N=[];function E(e){let r=k.ReactCurrentDispatcher.current;if(0===e){if(N.push(r),1===N.length&&(z=r),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.");C(_)}else if(1===e){let e=N.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===N.length&&(z=null),C(e)}else if(2===e)N.push(r),C(z);else if(3===e){let e=N.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");C(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function D(e){for(let r=0;r<e.length;r++)e[r]=x}function R(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var $=new Map;function O(){for(let e of $.values())e.forEach(e=>{e.count=0})}function M(e){let r=v(null);null!=r.current&&(r.current.count+=1),w(()=>{if(null==r.current){let t,o={count:0};null==(t=$.get(e))&&(t=new Set,$.set(e,t)),t.add(o),r.current=o}return()=>{var t;let o;null!==r.current&&(t=r.current,null!=(o=$.get(e))&&o.delete(t))}})}var W=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}`;W.has(s)||(W.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(y(r)||y(t))y(r)!==y(t)?a(`type ${y(r)?"React element":"object"}`,`type ${y(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:v,isValidElement:w,lazy:y,memo:k,startTransition:x,unstable_act:S,useCallback:_,useContext:z,useDebugValue:C,useDeferredValue:N,useEffect:E,useId:D,useImperativeHandle:R,useInsertionEffect:$,useLayoutEffect:O,useMemo:M,useReducer:W,useRef:j,useState:L,useSyncExternalStore:T,useTransition:I,version:U,use:P}=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:v,isValidElement:w,lazy:y,memo:k,startTransition:x,unstable_act:S,use:P,useCallback:_,useContext:z,useDebugValue:C,useDeferredValue:N,useEffect:E,useId:D,useImperativeHandle:R,useInsertionEffect:$,useLayoutEffect:O,useMemo:M,useReducer:W,useRef:j,useState:L,useSyncExternalStore:T,useTransition:I,version:U})}},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++)v(e[n],r,t,o)},v=(e,r,t,o)=>{"string"==typeof e?w(e,r,t):"function"==typeof e?y(e,r,t,o):k(e,r,t,o)},w=(e,r,t)=>{(""===e?r:x(r,e)).classGroupId=t},y=(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,_=[],z=(e,r,t,o,l)=>({modifiers:e,hasImportantModifier:r,baseClassName:t,maybePostfixModifierPosition:o,isExternal:l}),C=/\s+/,N=e=>{let r;if("string"==typeof e)return e;let t="";for(let o=0;o<e.length;o++)e[o]&&(r=N(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},R=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,$=/^\((?:(\w[\w-]*):)?(.+)\)$/i,O=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,M=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,W=/\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)\(.+\)$/,L=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,T=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,I=e=>O.test(e),U=e=>!!e&&!Number.isNaN(Number(e)),P=e=>!!e&&Number.isInteger(Number(e)),A=e=>e.endsWith("%")&&U(e.slice(0,-1)),G=e=>M.test(e),V=()=>!0,B=e=>W.test(e)&&!j.test(e),F=()=>!1,H=e=>L.test(e),Y=e=>T.test(e),q=e=>!X(e)&&!en(e),Z=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,F),X=e=>R.test(e),K=e=>ep(e,ev,B),Q=e=>ep(e,ew,U),ee=e=>ep(e,ek,V),er=e=>ep(e,ey,F),et=e=>ep(e,ef,F),eo=e=>ep(e,eb,Y),el=e=>ep(e,ex,H),en=e=>$.test(e),ea=e=>eh(e,ev),ei=e=>eh(e,ey),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=R.exec(e);return!!o&&(o[1]?r(o[1]):t(o[2]))},eh=(e,r,t=!1)=>{let o=$.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,ev=e=>"length"===e,ew=e=>"number"===e,ey=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"),v=D("animate"),w=()=>["auto","avoid","all","avoid-page","page","left","right","column"],y=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],k=()=>[...y(),en,X],x=()=>["auto","hidden","clip","visible","scroll"],S=()=>["auto","contain","none"],_=()=>[en,X,s],z=()=>[I,"full","auto",..._()],C=()=>[P,"none","subgrid",en,X],N=()=>["auto",{span:["full",P,en,X]},P,en,X],E=()=>[P,"auto",en,X],R=()=>["auto","min","max","fr",en,X],$=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],O=()=>["start","end","center","stretch","center-safe","end-safe"],M=()=>["auto",..._()],W=()=>[I,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",..._()],j=()=>[i,I,"screen","full","dvw","lvw","svw","min","max","fit",..._()],L=()=>[I,"screen","full","lh","dvh","lvh","svh","min","max","fit",..._()],T=()=>[e,en,X],B=()=>[...y(),es,et,{position:[en,X]}],F=()=>["no-repeat",{repeat:["","x","y","space","round"]}],H=()=>["auto","cover","contain",ec,J,{size:[en,X]}],Y=()=>[A,ea,K],ep=()=>["","none","full",c,en,X],eh=()=>["",U,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=()=>[U,A,es,et],ev=()=>["","none",h,en,X],ew=()=>["none",U,en,X],ey=()=>["none",U,en,X],ek=()=>[U,en,X],ex=()=>[I,"full",..._()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[G],breakpoint:[G],color:[V],container:[G],"drop-shadow":[G],ease:["in","out","in-out"],font:[q],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[G],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[G],shadow:[G],spacing:["px",U],text:[G],"text-shadow":[G],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",I,X,en,b]}],container:["container"],"container-type":[{"@container":["","normal","size",en,X]}],"container-named":[Z],columns:[{columns:[U,"auto",X,en,i]}],"break-after":[{"break-after":w()}],"break-before":[{"break-before":w()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:k()}],overflow:[{overflow: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:z()}],"inset-x":[{"inset-x":z()}],"inset-y":[{"inset-y":z()}],start:[{"inset-s":z(),start:z()}],end:[{"inset-e":z(),end:z()}],"inset-bs":[{"inset-bs":z()}],"inset-be":[{"inset-be":z()}],top:[{top:z()}],right:[{right:z()}],bottom:[{bottom:z()}],left:[{left:z()}],visibility:["visible","invisible","collapse"],z:[{z:[P,"auto",en,X]}],basis:[{basis:[I,"full","auto",i,..._()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[U,I,"auto","initial","none",X]}],grow:[{grow:["",U,en,X]}],shrink:[{shrink:["",U,en,X]}],order:[{order:[P,"first","last","none",en,X]}],"grid-cols":[{"grid-cols":C()}],"col-start-end":[{col:N()}],"col-start":[{"col-start":E()}],"col-end":[{"col-end":E()}],"grid-rows":[{"grid-rows":C()}],"row-start-end":[{row:N()}],"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":R()}],"auto-rows":[{"auto-rows":R()}],gap:[{gap:_()}],"gap-x":[{"gap-x":_()}],"gap-y":[{"gap-y":_()}],"justify-content":[{justify:[...$(),"normal"]}],"justify-items":[{"justify-items":[...O(),"normal"]}],"justify-self":[{"justify-self":["auto",...O()]}],"align-content":[{content:["normal",...$()]}],"align-items":[{items:[...O(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...O(),{baseline:["","last"]}]}],"place-content":[{"place-content":$()}],"place-items":[{"place-items":[...O(),"baseline"]}],"place-self":[{"place-self":["auto",...O()]}],p:[{p:_()}],px:[{px:_()}],py:[{py:_()}],ps:[{ps:_()}],pe:[{pe:_()}],pbs:[{pbs:_()}],pbe:[{pbe:_()}],pt:[{pt:_()}],pr:[{pr:_()}],pb:[{pb:_()}],pl:[{pl:_()}],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":_()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":_()}],"space-y-reverse":["space-y-reverse"],size:[{size:W()}],"inline-size":[{inline:["auto",...j()]}],"min-inline-size":[{"min-inline":["auto",...j()]}],"max-inline-size":[{"max-inline":["none",...j()]}],"block-size":[{block:["auto",...L()]}],"min-block-size":[{"min-block":["auto",...L()]}],"max-block-size":[{"max-block":["none",...L()]}],w:[{w:[i,"screen",...W()]}],"min-w":[{"min-w":[i,"screen","none",...W()]}],"max-w":[{"max-w":[i,"screen","none","prose",{screen:[a]},...W()]}],h:[{h:["screen","lh",...W()]}],"min-h":[{"min-h":["screen","lh","none",...W()]}],"max-h":[{"max-h":["screen","lh","none",...W()]}],"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",A,X]}],"font-family":[{font:[ei,er,r]}],"font-features":[{"font-features":[X]}],"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,X]}],"line-clamp":[{"line-clamp":[U,"none",en,Q]}],leading:[{leading:["none",n,..._()]}],"list-image":[{"list-image":["none",en,X]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",en,X]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:T()}],"text-color":[{text:T()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...ef(),"wavy"]}],"text-decoration-thickness":[{decoration:[U,"from-font","auto",en,K]}],"text-decoration-color":[{decoration:T()}],"underline-offset":[{"underline-offset":[U,"auto",en,X]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:_()}],"tab-size":[{tab:[P,en,X]}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",en,X]}],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,X]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:B()}],"bg-repeat":[{bg:F()}],"bg-size":[{bg:H()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},P,en,X],radial:["",en,X],conic:["",P,en,X]},ed,eo]}],"bg-color":[{bg:T()}],"gradient-from-pos":[{from:Y()}],"gradient-via-pos":[{via:Y()}],"gradient-to-pos":[{to:Y()}],"gradient-from":[{from:T()}],"gradient-via":[{via:T()}],"gradient-to":[{to:T()}],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:T()}],"border-color-x":[{"border-x":T()}],"border-color-y":[{"border-y":T()}],"border-color-s":[{"border-s":T()}],"border-color-e":[{"border-e":T()}],"border-color-bs":[{"border-bs":T()}],"border-color-be":[{"border-be":T()}],"border-color-t":[{"border-t":T()}],"border-color-r":[{"border-r":T()}],"border-color-b":[{"border-b":T()}],"border-color-l":[{"border-l":T()}],"divide-color":[{divide:T()}],"outline-style":[{outline:[...ef(),"none","hidden"]}],"outline-offset":[{"outline-offset":[U,en,X]}],"outline-w":[{outline:["",U,ea,K]}],"outline-color":[{outline:T()}],shadow:[{shadow:["","inner","none",d,em,el]}],"shadow-color":[{shadow:T()}],"inset-shadow":[{"inset-shadow":["none",m,em,el]}],"inset-shadow-color":[{"inset-shadow":T()}],"ring-w":[{ring:eh()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:T()}],"ring-offset-w":[{"ring-offset":[U,K]}],"ring-offset-color":[{"ring-offset":T()}],"inset-ring-w":[{"inset-ring":eh()}],"inset-ring-color":[{"inset-ring":T()}],"text-shadow":[{"text-shadow":["none",u,em,el]}],"text-shadow-color":[{"text-shadow":T()}],opacity:[{opacity:[U,en,X]}],"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":[U]}],"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":T()}],"mask-image-linear-to-color":[{"mask-linear-to":T()}],"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":T()}],"mask-image-t-to-color":[{"mask-t-to":T()}],"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":T()}],"mask-image-r-to-color":[{"mask-r-to":T()}],"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":T()}],"mask-image-b-to-color":[{"mask-b-to":T()}],"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":T()}],"mask-image-l-to-color":[{"mask-l-to":T()}],"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":T()}],"mask-image-x-to-color":[{"mask-x-to":T()}],"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":T()}],"mask-image-y-to-color":[{"mask-y-to":T()}],"mask-image-radial":[{"mask-radial":[en,X]}],"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":T()}],"mask-image-radial-to-color":[{"mask-radial-to":T()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":y()}],"mask-image-conic-pos":[{"mask-conic":[U]}],"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":T()}],"mask-image-conic-to-color":[{"mask-conic-to":T()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:B()}],"mask-repeat":[{mask:F()}],"mask-size":[{mask:H()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",en,X]}],filter:[{filter:["","none",en,X]}],blur:[{blur:ev()}],brightness:[{brightness:[U,en,X]}],contrast:[{contrast:[U,en,X]}],"drop-shadow":[{"drop-shadow":["","none",p,em,el]}],"drop-shadow-color":[{"drop-shadow":T()}],grayscale:[{grayscale:["",U,en,X]}],"hue-rotate":[{"hue-rotate":[U,en,X]}],invert:[{invert:["",U,en,X]}],saturate:[{saturate:[U,en,X]}],sepia:[{sepia:["",U,en,X]}],"backdrop-filter":[{"backdrop-filter":["","none",en,X]}],"backdrop-blur":[{"backdrop-blur":ev()}],"backdrop-brightness":[{"backdrop-brightness":[U,en,X]}],"backdrop-contrast":[{"backdrop-contrast":[U,en,X]}],"backdrop-grayscale":[{"backdrop-grayscale":["",U,en,X]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[U,en,X]}],"backdrop-invert":[{"backdrop-invert":["",U,en,X]}],"backdrop-opacity":[{"backdrop-opacity":[U,en,X]}],"backdrop-saturate":[{"backdrop-saturate":[U,en,X]}],"backdrop-sepia":[{"backdrop-sepia":["",U,en,X]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":_()}],"border-spacing-x":[{"border-spacing-x":_()}],"border-spacing-y":[{"border-spacing-y":_()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",en,X]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[U,"initial",en,X]}],ease:[{ease:["linear","initial",g,en,X]}],delay:[{delay:[U,en,X]}],animate:[{animate:["none",v,en,X]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[f,en,X]}],"perspective-origin":[{"perspective-origin":k()}],rotate:[{rotate:ew()}],"rotate-x":[{"rotate-x":ew()}],"rotate-y":[{"rotate-y":ew()}],"rotate-z":[{"rotate-z":ew()}],scale:[{scale:ey()}],"scale-x":[{"scale-x":ey()}],"scale-y":[{"scale-y":ey()}],"scale-z":[{"scale-z":ey()}],"scale-3d":["scale-3d"],skew:[{skew:ek()}],"skew-x":[{"skew-x":ek()}],"skew-y":[{"skew-y":ek()}],transform:[{transform:[en,X,"","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:[P,en,X]}],accent:[{accent:T()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:T()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",en,X]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scrollbar-thumb-color":[{"scrollbar-thumb":T()}],"scrollbar-track-color":[{"scrollbar-track":T()}],"scrollbar-gutter":[{"scrollbar-gutter":["auto","stable","both"]}],"scrollbar-w":[{scrollbar:["auto","thin","none"]}],"scroll-m":[{"scroll-m":_()}],"scroll-mx":[{"scroll-mx":_()}],"scroll-my":[{"scroll-my":_()}],"scroll-ms":[{"scroll-ms":_()}],"scroll-me":[{"scroll-me":_()}],"scroll-mbs":[{"scroll-mbs":_()}],"scroll-mbe":[{"scroll-mbe":_()}],"scroll-mt":[{"scroll-mt":_()}],"scroll-mr":[{"scroll-mr":_()}],"scroll-mb":[{"scroll-mb":_()}],"scroll-ml":[{"scroll-ml":_()}],"scroll-p":[{"scroll-p":_()}],"scroll-px":[{"scroll-px":_()}],"scroll-py":[{"scroll-py":_()}],"scroll-ps":[{"scroll-ps":_()}],"scroll-pe":[{"scroll-pe":_()}],"scroll-pbs":[{"scroll-pbs":_()}],"scroll-pbe":[{"scroll-pbe":_()}],"scroll-pt":[{"scroll-pt":_()}],"scroll-pr":[{"scroll-pr":_()}],"scroll-pb":[{"scroll-pb":_()}],"scroll-pl":[{"scroll-pl":_()}],"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,X]}],fill:[{fill:["none",...T()]}],"stroke-w":[{stroke:[U,ea,K,Q]}],stroke:[{stroke:["none",...T()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{"container-named":["container-type"],overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","inset-bs","inset-be","start","end","top","right","bottom","left"],"inset-x":["start","end","right","left"],"inset-y":["inset-bs","inset-be","top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pbs","pbe","pt","pr","pb","pl"],px:["ps","pe","pr","pl"],py:["pbs","pbe","pt","pb"],m:["mx","my","ms","me","mbs","mbe","mt","mr","mb","ml"],mx:["ms","me","mr","ml"],my:["mbs","mbe","mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-bs","border-w-be","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-s","border-w-e","border-w-r","border-w-l"],"border-w-y":["border-w-bs","border-w-be","border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-bs","border-color-be","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-s","border-color-e","border-color-r","border-color-l"],"border-color-y":["border-color-bs","border-color-be","border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mbs","scroll-mbe","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-ms","scroll-me","scroll-mr","scroll-ml"],"scroll-my":["scroll-mbs","scroll-mbe","scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pbs","scroll-pbe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-ps","scroll-pe","scroll-pr","scroll-pl"],"scroll-py":["scroll-pbs","scroll-pbe","scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},postfixLookupClassGroups:["container-type"],orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},n=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(C),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(":"),v=p?g+"!":g,w=v+r;if(i.indexOf(w)>-1)continue;i.push(w);let y=l(r,b);for(let e=0;e<y.length;++e){let r=y[e];i.push(v+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),z(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)):z(_,!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=N(r))&&(l&&(l+=" "),l+=t);return l})(...e))),e_=window.WallarmDS.Icons.Check,ez=window.WallarmDS.Icons.FilterX,eC=window.WallarmDS.Icons.Settings,eN=window.WallarmDS.Button,eE=window.WallarmDS.DropdownMenu,eD=window.WallarmDS.DropdownMenuContent,eR=window.WallarmDS.DropdownMenuGroup,e$=window.WallarmDS.DropdownMenuItem,eO=window.WallarmDS.DropdownMenuItemIcon,eM=window.WallarmDS.DropdownMenuLabel,eW=window.WallarmDS.DropdownMenuTrigger,ej=window.WallarmDS.OverflowTooltip,eL=window.WallarmDS.OverflowTooltipContent,eT=window.WallarmDS.OverflowTooltipTrigger,eI=window.WallarmDS.Tooltip,eU=window.WallarmDS.TooltipContent,eP=window.WallarmDS.TooltipTrigger,eA=window.WallarmDS.Chart,eG=window.WallarmDS.ChartActions,eV=window.WallarmDS.ChartHeader,eB=window.WallarmDS.ChartTitle,eF=window.WallarmDS.BarList,eH=window.WallarmDS.BarListBar,eY=window.WallarmDS.BarListItem,eq=window.WallarmDS.BarListLabel,eZ=window.WallarmDS.BarListPercent,eJ=window.WallarmDS.BarListSkeleton,eX=window.WallarmDS.BarListValue,eK=[{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"}],eQ=[{name:"/api/v1/observability/events/ingestion/batch",value:1240},{name:"/api/v1/identity/authentication/sessions/refresh",value:890},{name:"/api/v1/billing/invoices/line-items/detail",value:612},{name:"/api/v1/catalog/products/variants/inventory",value:358},{name:"/api/v1/search/federated/suggestions/autocomplete",value:174},{name:"/api/v1/analytics/dashboards/widgets/timeseries",value:162},{name:"/api/v1/notifications/subscriptions/channels/email",value:148},{name:"/api/v1/reports/export/scheduled/weekly",value:121},{name:"/api/v1/integrations/webhooks/deliveries/retry",value:97},{name:"/api/v1/audit-logs/events/security/login-attempts",value:42}],e0=[{name:"Success",value:78},{name:"Client error",value:18},{name:"Server error",value:4}],e1=e=>`${e}%`,e2={title:"Data Display/SimpleCharts/BarList",component:eF,subcomponents:{BarListItem:eY,BarListBar:eH,BarListLabel:eq,BarListValue:eX,BarListPercent:eZ,BarListSkeleton:eJ},parameters:{layout:"padded",design:{type:"figma",url:"https://www.figma.com/design/VKb5gW46uSGw0rqrhZsbXT/WADS-Components?node-id=7490-121720&m=dev"},docs:{description:{component:"A compact top-N breakdown for a dashboard card — endpoints, status codes, regions — where the rows are read as a ranking rather than plotted against an axis. You render a `BarListItem` per data point and choose which slots go in it; the root supplies `max`, the value at which a bar is full, and nothing is sorted, sliced or aggregated for you. `BarListSkeleton` covers the loading state."}}},tags:["autodocs"]},e4=e=>e.reduce((e,r)=>e+r.value,0),e5=e=>Math.max(...e.map(e=>e.value)),e3=["bg-violet-500/16","bg-emerald-500/16","bg-sky-500/16","bg-yellow-500/16","bg-fuchsia-500/16"],e6={values:{title:"Requests — values only",rows:eK,max:e5(eK),renderValue:e=>a(eX,{children:e.value.toLocaleString("en-US")})},labeled:{title:"Top 5 Endpoints — value + %",rows:eQ,max:e5(eQ),renderValue:e=>i(eX,{children:[e.value.toLocaleString("en-US"),a(eZ,{variant:"muted"})]})},percent:{title:"Response status — percentage input",rows:e0,max:100,renderValue:e=>a(eX,{children:e1(e.value)})}},e8=[{name:"Over capacity",value:150},{name:"Half",value:50},{name:"Zero",value:0}];function e7(e){return i(eY,{value:e.value,children:[a(eH,{color:e.color}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eZ,{variant:"muted"})]})]},e.name)}function e9(e,r){return i(eY,{value:e.value,children:[a(eH,{className:e3[r]}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eZ,{variant:"muted"})]})]},e.name)}function re(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),a(eX,{children:e1(e.value)})]},e.name)}function rr(e){return i(eY,{value:e.value,children:[a(eH,{}),i(eI,{children:[a(eP,{asChild:!0,children:a(eq,{className:"pointer-events-auto",children:e.name})}),a(eU,{children:"Example of custom description"})]}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eZ,{variant:"muted"})]})]},e.name)}function rt(e){return i(eY,{value:e.value,children:[a(eH,{}),i(ej,{children:[a(eT,{children:a(eq,{className:"pointer-events-auto",children:e.name})}),a(eL,{children:e.name})]}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eZ,{variant:"muted"})]})]},e.name)}function ro(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eZ,{variant:"muted"})]})]},e.name)}function rl(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eZ,{variant:"muted"})]})]},e.name)}function rn(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eZ,{digits:1,variant:"muted"})]})]},e.name)}function ra(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eZ,{variant:"split"})]})]},e.name)}function ri(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eZ,{variant:"muted"})]})]},e.name)}function rs(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eZ,{variant:"inherit"})]})]},e.name)}let rc=[{name:"Default",story:()=>{let e,r,t,o,l,n,s,c,d,p,h=(0,m.c)(25),[f,b]=(0,u.useState)(null);if(h[0]!==f){let c,d,m=f?eK.filter(e=>e.name===f):eK;s="w-400",r=eA,h[8]===Symbol.for("react.memo_cache_sentinel")?(c=a(eB,{children:"Top 5 Endpoints"}),h[8]=c):c=h[8];let u=null!==f,p=null!==f&&i(eI,{children:[a(eP,{asChild:!0,children:a(eN,{variant:"ghost",color:"neutral",size:"small","aria-label":"Clear filter",onClick:()=>b(null),children:a(ez,{})})}),a(eU,{children:"Remove filter"})]});h[9]===Symbol.for("react.memo_cache_sentinel")?(d=i(eI,{children:[a(eP,{asChild:!0,children:a(eN,{variant:"ghost",color:"neutral",size:"small","aria-label":"Settings",children:a(eC,{})})}),a(eU,{children:"Change data source"})]}),h[9]=d):d=h[9],h[10]!==u||h[11]!==p?(n=i(eV,{children:[c,i(eG,{alwaysVisible:u,children:[p,d]})]}),h[10]=u,h[11]=p,h[12]=n):n=h[12],e=eF,t="bar-list",o=e4(m),l=m.map(e=>i(eI,{children:[a(eP,{asChild:!0,children:i(eY,{value:e.value,selected:f===e.name,onClick:()=>b(f===e.name?null:e.name),children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eZ,{})]})]})}),a(eU,{children:"Click to filter"})]},e.name)),h[0]=f,h[1]=e,h[2]=r,h[3]=t,h[4]=o,h[5]=l,h[6]=n,h[7]=s}else e=h[1],r=h[2],t=h[3],o=h[4],l=h[5],n=h[6],s=h[7];return h[13]!==e||h[14]!==t||h[15]!==o||h[16]!==l?(c=a(e,{"data-testid":t,max:o,children:l}),h[13]=e,h[14]=t,h[15]=o,h[16]=l,h[17]=c):c=h[17],h[18]!==r||h[19]!==n||h[20]!==c?(d=i(r,{children:[n,c]}),h[18]=r,h[19]=n,h[20]=c,h[21]=d):d=h[21],h[22]!==s||h[23]!==d?(p=a("div",{className:s,children:d}),h[22]=s,h[23]=d,h[24]=p):p=h[24],p},meta:e2},{name:"Colored",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Top 5 Endpoints"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{"data-testid":"bar-list",max:e5(eK),children:eK.map(e7)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"CustomColors",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Top 5 Endpoints"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{max:e5(eK),children:eK.map(e9)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"Percentage",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Response status"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{max:100,children:e0.map(re)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"Selectable",story:()=>{let e,r,t,o,l,n,s,c=(0,m.c)(14),[d,p]=(0,u.useState)(null);c[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eB,{children:"Top 5 Endpoints"}),c[0]=e):e=c[0];let h=null!==d;return c[1]!==d?(r=null!==d&&a(eN,{variant:"ghost",color:"neutral",size:"small","aria-label":"Clear selection",onClick:()=>p(null),children:a(ez,{})}),c[1]=d,c[2]=r):r=c[2],c[3]!==h||c[4]!==r?(t=i(eV,{children:[e,a(eG,{alwaysVisible:h,children:r})]}),c[3]=h,c[4]=r,c[5]=t):t=c[5],c[6]===Symbol.for("react.memo_cache_sentinel")?(o=e4(eK),c[6]=o):o=c[6],c[7]!==d?(l=eK.map(e=>i(eI,{children:[a(eP,{asChild:!0,children:i(eY,{value:e.value,selected:d===e.name,onClick:()=>p(d===e.name?null:e.name),children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eZ,{variant:"muted"})]})]})}),a(eU,{children:"Click to filter"})]},e.name)),c[7]=d,c[8]=l):l=c[8],c[9]!==l?(n=a(eF,{"data-testid":"bar-list",max:o,children:l}),c[9]=l,c[10]=n):n=c[10],c[11]!==t||c[12]!==n?(s=a("div",{className:"w-400",children:i(eA,{children:[t,n]})}),c[11]=t,c[12]=n,c[13]=s):s=c[13],s},meta:e2},{name:"TruncatedLabels",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Top 5 Endpoints"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{max:e5(eQ),children:eQ.map(rr)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"TruncatedLabelsWithTooltip",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Top 5 Endpoints"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{max:e5(eQ),children:eQ.map(rt)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"DataVariants",story:()=>{let e,r,t,o,l,n,s,c,d,p,h,f,b=(0,m.c)(25),[g,v]=(0,u.useState)("values"),[w,y]=(0,u.useState)(!1),k=e6[g];b[0]!==k.title?(e=a(eB,{children:k.title}),b[0]=k.title,b[1]=e):e=b[1],b[2]===Symbol.for("react.memo_cache_sentinel")?(r=a(eW,{asChild:!0,children:a(eN,{variant:"ghost",color:"neutral",size:"small","aria-label":"Settings",children:a(eC,{})})}),b[2]=r):r=b[2],b[3]===Symbol.for("react.memo_cache_sentinel")?(t=a(eM,{children:"Data source"}),b[3]=t):t=b[3],b[4]===Symbol.for("react.memo_cache_sentinel")?(o=Object.keys(e6),b[4]=o):o=b[4],b[5]!==g?(l=a(eP,{asChild:!0,children:a("span",{className:"inline-flex",children:i(eE,{onOpenChange:y,children:[r,i(eD,{children:[t,a(eR,{children:o.map(e=>i(e$,{onSelect:()=>v(e),children:[a("span",{className:"flex-1",children:e6[e].title}),a(eO,{children:a(e_,{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)))(g!==e&&"opacity-0")})})]},e))})]})]})})}),b[5]=g,b[6]=l):l=b[6],b[7]===Symbol.for("react.memo_cache_sentinel")?(n=a(eU,{children:"Change data source"}),b[7]=n):n=b[7],b[8]!==w||b[9]!==l?(s=i(eI,{disabled:w,children:[l,n]}),b[8]=w,b[9]=l,b[10]=s):s=b[10],b[11]!==w||b[12]!==s?(c=a(eG,{alwaysVisible:w,children:s}),b[11]=w,b[12]=s,b[13]=c):c=b[13],b[14]!==e||b[15]!==c?(d=i(eV,{children:[e,c]}),b[14]=e,b[15]=c,b[16]=d):d=b[16];let x=k.max;return b[17]!==k?(p=k.rows.map(e=>i(eY,{value:e.value,children:[a(eH,{color:e.color}),a(eq,{children:e.name}),k.renderValue(e)]},e.name)),b[17]=k,b[18]=p):p=b[18],b[19]!==k.max||b[20]!==p?(h=a(eF,{max:x,children:p}),b[19]=k.max,b[20]=p,b[21]=h):h=b[21],b[22]!==h||b[23]!==d?(f=a("div",{className:"w-400",children:i(eA,{children:[d,h]})}),b[22]=h,b[23]=d,b[24]=f):f=b[24],f},meta:e2},{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(eV,{children:a(eB,{children:"Top 5 Endpoints"})}),a(eJ,{"data-testid":"bar-list-skeleton",rows:5})]})}),r[0]=e):e=r[0],e},meta:e2},{name:"Overflow",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Overflow & zero"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{"data-testid":"bar-list",max:100,children:e8.map(ro)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"InvalidMax",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Invalid max"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{"data-testid":"bar-list",max:0,children:eK.map(rl)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"PercentDigits",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Decimal precision"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{"data-testid":"bar-list",max:e4(eK),children:eK.map(rn)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"PercentVariants",story:()=>{let e,r,t,o,l,n,s=(0,m.c)(6);return s[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Split — value primary, % secondary (default)"})}),s[0]=e):e=s[0],s[1]===Symbol.for("react.memo_cache_sentinel")?(r=i(eA,{children:[e,a(eF,{"data-testid":"bar-list-split",max:e4(eK),children:eK.map(ra)})]}),s[1]=r):r=s[1],s[2]===Symbol.for("react.memo_cache_sentinel")?(t=a(eV,{children:a(eB,{children:"Muted — both tokens secondary"})}),s[2]=t):t=s[2],s[3]===Symbol.for("react.memo_cache_sentinel")?(o=i(eA,{children:[t,a(eF,{max:e4(eK),children:eK.map(ri)})]}),s[3]=o):o=s[3],s[4]===Symbol.for("react.memo_cache_sentinel")?(l=a(eV,{children:a(eB,{children:"Inherit — follows BarListValue color"})}),s[4]=l):l=s[4],s[5]===Symbol.for("react.memo_cache_sentinel")?(n=i("div",{className:"flex flex-col gap-16 w-400",children:[r,o,i(eA,{children:[l,a(eF,{max:e4(eK),children:eK.map(rs)})]})]}),s[5]=n):n=s[5],n},meta:e2}];function rd({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,rc.map((e,r)=>u.default.createElement(rd,{key:r,entry:e})))),r}}})();
|
|
12
|
+
*/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:()=>R,$reset:()=>D,$structuralCheck:()=>W,c:()=>S,clearRenderCounterRegistry:()=>O,renderCounterRegistry:()=>$,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:v,useEffect:w,isValidElement:y}=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},[])},_={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{_[e]=()=>{throw Error(`[React] Unexpected React hook call (${e}) from a React compiled function. Check that all hooks are called directly and named according to convention ('use[A-Z]') `)}});var z=null;function C(e){return k.ReactCurrentDispatcher.current=e,k.ReactCurrentDispatcher.current}_.useMemoCache=e=>{if(null!=z)return z.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var N=[];function E(e){let r=k.ReactCurrentDispatcher.current;if(0===e){if(N.push(r),1===N.length&&(z=r),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.");C(_)}else if(1===e){let e=N.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===N.length&&(z=null),C(e)}else if(2===e)N.push(r),C(z);else if(3===e){let e=N.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");C(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function D(e){for(let r=0;r<e.length;r++)e[r]=x}function R(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var $=new Map;function O(){for(let e of $.values())e.forEach(e=>{e.count=0})}function M(e){let r=v(null);null!=r.current&&(r.current.count+=1),w(()=>{if(null==r.current){let t,o={count:0};null==(t=$.get(e))&&(t=new Set,$.set(e,t)),t.add(o),r.current=o}return()=>{var t;let o;null!==r.current&&(t=r.current,null!=(o=$.get(e))&&o.delete(t))}})}var j=new Set;function W(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}`;j.has(s)||(j.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(y(r)||y(t))y(r)!==y(t)?a(`type ${y(r)?"React element":"object"}`,`type ${y(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:v,isValidElement:w,lazy:y,memo:k,startTransition:x,unstable_act:S,useCallback:_,useContext:z,useDebugValue:C,useDeferredValue:N,useEffect:E,useId:D,useImperativeHandle:R,useInsertionEffect:$,useLayoutEffect:O,useMemo:M,useReducer:j,useRef:W,useState:L,useSyncExternalStore:T,useTransition:I,version:U,use:P}=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:v,isValidElement:w,lazy:y,memo:k,startTransition:x,unstable_act:S,use:P,useCallback:_,useContext:z,useDebugValue:C,useDeferredValue:N,useEffect:E,useId:D,useImperativeHandle:R,useInsertionEffect:$,useLayoutEffect:O,useMemo:M,useReducer:j,useRef:W,useState:L,useSyncExternalStore:T,useTransition:I,version:U})}},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++)v(e[n],r,t,o)},v=(e,r,t,o)=>{"string"==typeof e?w(e,r,t):"function"==typeof e?y(e,r,t,o):k(e,r,t,o)},w=(e,r,t)=>{(""===e?r:x(r,e)).classGroupId=t},y=(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,_=[],z=(e,r,t,o,l)=>({modifiers:e,hasImportantModifier:r,baseClassName:t,maybePostfixModifierPosition:o,isExternal:l}),C=/\s+/,N=e=>{let r;if("string"==typeof e)return e;let t="";for(let o=0;o<e.length;o++)e[o]&&(r=N(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},R=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,$=/^\((?:(\w[\w-]*):)?(.+)\)$/i,O=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,M=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,j=/\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$/,W=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix|color|light-dark)\(.+\)$/,L=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,T=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,I=e=>O.test(e),U=e=>!!e&&!Number.isNaN(Number(e)),P=e=>!!e&&Number.isInteger(Number(e)),A=e=>e.endsWith("%")&&U(e.slice(0,-1)),G=e=>M.test(e),V=()=>!0,B=e=>j.test(e)&&!W.test(e),F=()=>!1,H=e=>L.test(e),Y=e=>T.test(e),q=e=>!X(e)&&!en(e),J=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,F),X=e=>R.test(e),K=e=>ep(e,ev,B),Q=e=>ep(e,ew,U),ee=e=>ep(e,ek,V),er=e=>ep(e,ey,F),et=e=>ep(e,ef,F),eo=e=>ep(e,eb,Y),el=e=>ep(e,ex,H),en=e=>$.test(e),ea=e=>eh(e,ev),ei=e=>eh(e,ey),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=R.exec(e);return!!o&&(o[1]?r(o[1]):t(o[2]))},eh=(e,r,t=!1)=>{let o=$.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,ev=e=>"length"===e,ew=e=>"number"===e,ey=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"),v=D("animate"),w=()=>["auto","avoid","all","avoid-page","page","left","right","column"],y=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],k=()=>[...y(),en,X],x=()=>["auto","hidden","clip","visible","scroll"],S=()=>["auto","contain","none"],_=()=>[en,X,s],z=()=>[I,"full","auto",..._()],C=()=>[P,"none","subgrid",en,X],N=()=>["auto",{span:["full",P,en,X]},P,en,X],E=()=>[P,"auto",en,X],R=()=>["auto","min","max","fr",en,X],$=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],O=()=>["start","end","center","stretch","center-safe","end-safe"],M=()=>["auto",..._()],j=()=>[I,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",..._()],W=()=>[i,I,"screen","full","dvw","lvw","svw","min","max","fit",..._()],L=()=>[I,"screen","full","lh","dvh","lvh","svh","min","max","fit",..._()],T=()=>[e,en,X],B=()=>[...y(),es,et,{position:[en,X]}],F=()=>["no-repeat",{repeat:["","x","y","space","round"]}],H=()=>["auto","cover","contain",ec,Z,{size:[en,X]}],Y=()=>[A,ea,K],ep=()=>["","none","full",c,en,X],eh=()=>["",U,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=()=>[U,A,es,et],ev=()=>["","none",h,en,X],ew=()=>["none",U,en,X],ey=()=>["none",U,en,X],ek=()=>[U,en,X],ex=()=>[I,"full",..._()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[G],breakpoint:[G],color:[V],container:[G],"drop-shadow":[G],ease:["in","out","in-out"],font:[q],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[G],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[G],shadow:[G],spacing:["px",U],text:[G],"text-shadow":[G],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",I,X,en,b]}],container:["container"],"container-type":[{"@container":["","normal","size",en,X]}],"container-named":[J],columns:[{columns:[U,"auto",X,en,i]}],"break-after":[{"break-after":w()}],"break-before":[{"break-before":w()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:k()}],overflow:[{overflow: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:z()}],"inset-x":[{"inset-x":z()}],"inset-y":[{"inset-y":z()}],start:[{"inset-s":z(),start:z()}],end:[{"inset-e":z(),end:z()}],"inset-bs":[{"inset-bs":z()}],"inset-be":[{"inset-be":z()}],top:[{top:z()}],right:[{right:z()}],bottom:[{bottom:z()}],left:[{left:z()}],visibility:["visible","invisible","collapse"],z:[{z:[P,"auto",en,X]}],basis:[{basis:[I,"full","auto",i,..._()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[U,I,"auto","initial","none",X]}],grow:[{grow:["",U,en,X]}],shrink:[{shrink:["",U,en,X]}],order:[{order:[P,"first","last","none",en,X]}],"grid-cols":[{"grid-cols":C()}],"col-start-end":[{col:N()}],"col-start":[{"col-start":E()}],"col-end":[{"col-end":E()}],"grid-rows":[{"grid-rows":C()}],"row-start-end":[{row:N()}],"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":R()}],"auto-rows":[{"auto-rows":R()}],gap:[{gap:_()}],"gap-x":[{"gap-x":_()}],"gap-y":[{"gap-y":_()}],"justify-content":[{justify:[...$(),"normal"]}],"justify-items":[{"justify-items":[...O(),"normal"]}],"justify-self":[{"justify-self":["auto",...O()]}],"align-content":[{content:["normal",...$()]}],"align-items":[{items:[...O(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...O(),{baseline:["","last"]}]}],"place-content":[{"place-content":$()}],"place-items":[{"place-items":[...O(),"baseline"]}],"place-self":[{"place-self":["auto",...O()]}],p:[{p:_()}],px:[{px:_()}],py:[{py:_()}],ps:[{ps:_()}],pe:[{pe:_()}],pbs:[{pbs:_()}],pbe:[{pbe:_()}],pt:[{pt:_()}],pr:[{pr:_()}],pb:[{pb:_()}],pl:[{pl:_()}],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":_()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":_()}],"space-y-reverse":["space-y-reverse"],size:[{size:j()}],"inline-size":[{inline:["auto",...W()]}],"min-inline-size":[{"min-inline":["auto",...W()]}],"max-inline-size":[{"max-inline":["none",...W()]}],"block-size":[{block:["auto",...L()]}],"min-block-size":[{"min-block":["auto",...L()]}],"max-block-size":[{"max-block":["none",...L()]}],w:[{w:[i,"screen",...j()]}],"min-w":[{"min-w":[i,"screen","none",...j()]}],"max-w":[{"max-w":[i,"screen","none","prose",{screen:[a]},...j()]}],h:[{h:["screen","lh",...j()]}],"min-h":[{"min-h":["screen","lh","none",...j()]}],"max-h":[{"max-h":["screen","lh","none",...j()]}],"font-size":[{text:["base",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",A,X]}],"font-family":[{font:[ei,er,r]}],"font-features":[{"font-features":[X]}],"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,X]}],"line-clamp":[{"line-clamp":[U,"none",en,Q]}],leading:[{leading:["none",n,..._()]}],"list-image":[{"list-image":["none",en,X]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",en,X]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:T()}],"text-color":[{text:T()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...ef(),"wavy"]}],"text-decoration-thickness":[{decoration:[U,"from-font","auto",en,K]}],"text-decoration-color":[{decoration:T()}],"underline-offset":[{"underline-offset":[U,"auto",en,X]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:_()}],"tab-size":[{tab:[P,en,X]}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",en,X]}],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,X]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:B()}],"bg-repeat":[{bg:F()}],"bg-size":[{bg:H()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},P,en,X],radial:["",en,X],conic:["",P,en,X]},ed,eo]}],"bg-color":[{bg:T()}],"gradient-from-pos":[{from:Y()}],"gradient-via-pos":[{via:Y()}],"gradient-to-pos":[{to:Y()}],"gradient-from":[{from:T()}],"gradient-via":[{via:T()}],"gradient-to":[{to:T()}],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:T()}],"border-color-x":[{"border-x":T()}],"border-color-y":[{"border-y":T()}],"border-color-s":[{"border-s":T()}],"border-color-e":[{"border-e":T()}],"border-color-bs":[{"border-bs":T()}],"border-color-be":[{"border-be":T()}],"border-color-t":[{"border-t":T()}],"border-color-r":[{"border-r":T()}],"border-color-b":[{"border-b":T()}],"border-color-l":[{"border-l":T()}],"divide-color":[{divide:T()}],"outline-style":[{outline:[...ef(),"none","hidden"]}],"outline-offset":[{"outline-offset":[U,en,X]}],"outline-w":[{outline:["",U,ea,K]}],"outline-color":[{outline:T()}],shadow:[{shadow:["","inner","none",d,em,el]}],"shadow-color":[{shadow:T()}],"inset-shadow":[{"inset-shadow":["none",m,em,el]}],"inset-shadow-color":[{"inset-shadow":T()}],"ring-w":[{ring:eh()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:T()}],"ring-offset-w":[{"ring-offset":[U,K]}],"ring-offset-color":[{"ring-offset":T()}],"inset-ring-w":[{"inset-ring":eh()}],"inset-ring-color":[{"inset-ring":T()}],"text-shadow":[{"text-shadow":["none",u,em,el]}],"text-shadow-color":[{"text-shadow":T()}],opacity:[{opacity:[U,en,X]}],"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":[U]}],"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":T()}],"mask-image-linear-to-color":[{"mask-linear-to":T()}],"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":T()}],"mask-image-t-to-color":[{"mask-t-to":T()}],"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":T()}],"mask-image-r-to-color":[{"mask-r-to":T()}],"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":T()}],"mask-image-b-to-color":[{"mask-b-to":T()}],"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":T()}],"mask-image-l-to-color":[{"mask-l-to":T()}],"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":T()}],"mask-image-x-to-color":[{"mask-x-to":T()}],"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":T()}],"mask-image-y-to-color":[{"mask-y-to":T()}],"mask-image-radial":[{"mask-radial":[en,X]}],"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":T()}],"mask-image-radial-to-color":[{"mask-radial-to":T()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":y()}],"mask-image-conic-pos":[{"mask-conic":[U]}],"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":T()}],"mask-image-conic-to-color":[{"mask-conic-to":T()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:B()}],"mask-repeat":[{mask:F()}],"mask-size":[{mask:H()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",en,X]}],filter:[{filter:["","none",en,X]}],blur:[{blur:ev()}],brightness:[{brightness:[U,en,X]}],contrast:[{contrast:[U,en,X]}],"drop-shadow":[{"drop-shadow":["","none",p,em,el]}],"drop-shadow-color":[{"drop-shadow":T()}],grayscale:[{grayscale:["",U,en,X]}],"hue-rotate":[{"hue-rotate":[U,en,X]}],invert:[{invert:["",U,en,X]}],saturate:[{saturate:[U,en,X]}],sepia:[{sepia:["",U,en,X]}],"backdrop-filter":[{"backdrop-filter":["","none",en,X]}],"backdrop-blur":[{"backdrop-blur":ev()}],"backdrop-brightness":[{"backdrop-brightness":[U,en,X]}],"backdrop-contrast":[{"backdrop-contrast":[U,en,X]}],"backdrop-grayscale":[{"backdrop-grayscale":["",U,en,X]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[U,en,X]}],"backdrop-invert":[{"backdrop-invert":["",U,en,X]}],"backdrop-opacity":[{"backdrop-opacity":[U,en,X]}],"backdrop-saturate":[{"backdrop-saturate":[U,en,X]}],"backdrop-sepia":[{"backdrop-sepia":["",U,en,X]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":_()}],"border-spacing-x":[{"border-spacing-x":_()}],"border-spacing-y":[{"border-spacing-y":_()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",en,X]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[U,"initial",en,X]}],ease:[{ease:["linear","initial",g,en,X]}],delay:[{delay:[U,en,X]}],animate:[{animate:["none",v,en,X]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[f,en,X]}],"perspective-origin":[{"perspective-origin":k()}],rotate:[{rotate:ew()}],"rotate-x":[{"rotate-x":ew()}],"rotate-y":[{"rotate-y":ew()}],"rotate-z":[{"rotate-z":ew()}],scale:[{scale:ey()}],"scale-x":[{"scale-x":ey()}],"scale-y":[{"scale-y":ey()}],"scale-z":[{"scale-z":ey()}],"scale-3d":["scale-3d"],skew:[{skew:ek()}],"skew-x":[{"skew-x":ek()}],"skew-y":[{"skew-y":ek()}],transform:[{transform:[en,X,"","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:[P,en,X]}],accent:[{accent:T()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:T()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",en,X]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scrollbar-thumb-color":[{"scrollbar-thumb":T()}],"scrollbar-track-color":[{"scrollbar-track":T()}],"scrollbar-gutter":[{"scrollbar-gutter":["auto","stable","both"]}],"scrollbar-w":[{scrollbar:["auto","thin","none"]}],"scroll-m":[{"scroll-m":_()}],"scroll-mx":[{"scroll-mx":_()}],"scroll-my":[{"scroll-my":_()}],"scroll-ms":[{"scroll-ms":_()}],"scroll-me":[{"scroll-me":_()}],"scroll-mbs":[{"scroll-mbs":_()}],"scroll-mbe":[{"scroll-mbe":_()}],"scroll-mt":[{"scroll-mt":_()}],"scroll-mr":[{"scroll-mr":_()}],"scroll-mb":[{"scroll-mb":_()}],"scroll-ml":[{"scroll-ml":_()}],"scroll-p":[{"scroll-p":_()}],"scroll-px":[{"scroll-px":_()}],"scroll-py":[{"scroll-py":_()}],"scroll-ps":[{"scroll-ps":_()}],"scroll-pe":[{"scroll-pe":_()}],"scroll-pbs":[{"scroll-pbs":_()}],"scroll-pbe":[{"scroll-pbe":_()}],"scroll-pt":[{"scroll-pt":_()}],"scroll-pr":[{"scroll-pr":_()}],"scroll-pb":[{"scroll-pb":_()}],"scroll-pl":[{"scroll-pl":_()}],"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,X]}],fill:[{fill:["none",...T()]}],"stroke-w":[{stroke:[U,ea,K,Q]}],stroke:[{stroke:["none",...T()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{"container-named":["container-type"],overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","inset-bs","inset-be","start","end","top","right","bottom","left"],"inset-x":["start","end","right","left"],"inset-y":["inset-bs","inset-be","top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pbs","pbe","pt","pr","pb","pl"],px:["ps","pe","pr","pl"],py:["pbs","pbe","pt","pb"],m:["mx","my","ms","me","mbs","mbe","mt","mr","mb","ml"],mx:["ms","me","mr","ml"],my:["mbs","mbe","mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-bs","border-w-be","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-s","border-w-e","border-w-r","border-w-l"],"border-w-y":["border-w-bs","border-w-be","border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-bs","border-color-be","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-s","border-color-e","border-color-r","border-color-l"],"border-color-y":["border-color-bs","border-color-be","border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mbs","scroll-mbe","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-ms","scroll-me","scroll-mr","scroll-ml"],"scroll-my":["scroll-mbs","scroll-mbe","scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pbs","scroll-pbe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-ps","scroll-pe","scroll-pr","scroll-pl"],"scroll-py":["scroll-pbs","scroll-pbe","scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},postfixLookupClassGroups:["container-type"],orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},n=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(C),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(":"),v=p?g+"!":g,w=v+r;if(i.indexOf(w)>-1)continue;i.push(w);let y=l(r,b);for(let e=0;e<y.length;++e){let r=y[e];i.push(v+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),z(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)):z(_,!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=N(r))&&(l&&(l+=" "),l+=t);return l})(...e))),e_=window.WallarmDS.Icons.Check,ez=window.WallarmDS.Icons.FilterX,eC=window.WallarmDS.Icons.Settings,eN=window.WallarmDS.Button,eE=window.WallarmDS.DropdownMenu,eD=window.WallarmDS.DropdownMenuContent,eR=window.WallarmDS.DropdownMenuGroup,e$=window.WallarmDS.DropdownMenuItem,eO=window.WallarmDS.DropdownMenuItemIcon,eM=window.WallarmDS.DropdownMenuLabel,ej=window.WallarmDS.DropdownMenuTrigger,eW=window.WallarmDS.OverflowTooltip,eL=window.WallarmDS.OverflowTooltipContent,eT=window.WallarmDS.OverflowTooltipTrigger,eI=window.WallarmDS.Tooltip,eU=window.WallarmDS.TooltipContent,eP=window.WallarmDS.TooltipTrigger,eA=window.WallarmDS.Chart,eG=window.WallarmDS.ChartActions,eV=window.WallarmDS.ChartHeader,eB=window.WallarmDS.ChartTitle,eF=window.WallarmDS.BarList,eH=window.WallarmDS.BarListBar,eY=window.WallarmDS.BarListItem,eq=window.WallarmDS.BarListLabel,eJ=window.WallarmDS.BarListPercent,eZ=window.WallarmDS.BarListSkeleton,eX=window.WallarmDS.BarListValue,eK=[{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"}],eQ=[{name:"/api/v1/observability/events/ingestion/batch",value:1240},{name:"/api/v1/identity/authentication/sessions/refresh",value:890},{name:"/api/v1/billing/invoices/line-items/detail",value:612},{name:"/api/v1/catalog/products/variants/inventory",value:358},{name:"/api/v1/search/federated/suggestions/autocomplete",value:174},{name:"/api/v1/analytics/dashboards/widgets/timeseries",value:162},{name:"/api/v1/notifications/subscriptions/channels/email",value:148},{name:"/api/v1/reports/export/scheduled/weekly",value:121},{name:"/api/v1/integrations/webhooks/deliveries/retry",value:97},{name:"/api/v1/audit-logs/events/security/login-attempts",value:42}],e0=[{name:"Success",value:78},{name:"Client error",value:18},{name:"Server error",value:4}],e1=e=>`${e}%`,e2={title:"Data Display/SimpleCharts/BarList",component:eF,subcomponents:{BarListItem:eY,BarListBar:eH,BarListLabel:eq,BarListValue:eX,BarListPercent:eJ,BarListSkeleton:eZ},parameters:{layout:"padded",docs:{description:{component:"A compact top-N breakdown for a dashboard card — endpoints, status codes, regions — where the rows are read as a ranking rather than plotted against an axis. You render a `BarListItem` per data point and choose which slots go in it; the root supplies `max`, the value at which a bar is full, and nothing is sorted, sliced or aggregated for you. `BarListSkeleton` covers the loading state."}}},tags:["autodocs"]},e4=e=>e.reduce((e,r)=>e+r.value,0),e5=e=>Math.max(...e.map(e=>e.value)),e3=["bg-violet-500/16","bg-emerald-500/16","bg-sky-500/16","bg-yellow-500/16","bg-fuchsia-500/16"],e6={values:{title:"Requests — values only",rows:eK,max:e5(eK),renderValue:e=>a(eX,{children:e.value.toLocaleString("en-US")})},labeled:{title:"Top 5 Endpoints — value + %",rows:eQ,max:e5(eQ),renderValue:e=>i(eX,{children:[e.value.toLocaleString("en-US"),a(eJ,{variant:"muted"})]})},percent:{title:"Response status — percentage input",rows:e0,max:100,renderValue:e=>a(eX,{children:e1(e.value)})}},e8=[{name:"Over capacity",value:150},{name:"Half",value:50},{name:"Zero",value:0}];function e7(e){return i(eY,{value:e.value,children:[a(eH,{color:e.color}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eJ,{variant:"muted"})]})]},e.name)}function e9(e,r){return i(eY,{value:e.value,children:[a(eH,{className:e3[r]}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eJ,{variant:"muted"})]})]},e.name)}function re(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),a(eX,{children:e1(e.value)})]},e.name)}function rr(e){return i(eY,{value:e.value,children:[a(eH,{}),i(eI,{children:[a(eP,{asChild:!0,children:a(eq,{className:"pointer-events-auto",children:e.name})}),a(eU,{children:"Example of custom description"})]}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eJ,{variant:"muted"})]})]},e.name)}function rt(e){return i(eY,{value:e.value,children:[a(eH,{}),i(eW,{children:[a(eT,{children:a(eq,{className:"pointer-events-auto",children:e.name})}),a(eL,{children:e.name})]}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eJ,{variant:"muted"})]})]},e.name)}function ro(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eJ,{variant:"muted"})]})]},e.name)}function rl(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eJ,{variant:"muted"})]})]},e.name)}function rn(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eJ,{digits:1,variant:"muted"})]})]},e.name)}function ra(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eJ,{variant:"split"})]})]},e.name)}function ri(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eJ,{variant:"muted"})]})]},e.name)}function rs(e){return i(eY,{value:e.value,children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eJ,{variant:"inherit"})]})]},e.name)}let rc=[{name:"Default",story:()=>{let e,r,t,o,l,n,s,c,d,p,h=(0,m.c)(25),[f,b]=(0,u.useState)(null);if(h[0]!==f){let c,d,m=f?eK.filter(e=>e.name===f):eK;s="w-400",r=eA,h[8]===Symbol.for("react.memo_cache_sentinel")?(c=a(eB,{children:"Top 5 Endpoints"}),h[8]=c):c=h[8];let u=null!==f,p=null!==f&&i(eI,{children:[a(eP,{asChild:!0,children:a(eN,{variant:"ghost",color:"neutral",size:"small","aria-label":"Clear filter",onClick:()=>b(null),children:a(ez,{})})}),a(eU,{children:"Remove filter"})]});h[9]===Symbol.for("react.memo_cache_sentinel")?(d=i(eI,{children:[a(eP,{asChild:!0,children:a(eN,{variant:"ghost",color:"neutral",size:"small","aria-label":"Settings",children:a(eC,{})})}),a(eU,{children:"Change data source"})]}),h[9]=d):d=h[9],h[10]!==u||h[11]!==p?(n=i(eV,{children:[c,i(eG,{alwaysVisible:u,children:[p,d]})]}),h[10]=u,h[11]=p,h[12]=n):n=h[12],e=eF,t="bar-list",o=e4(m),l=m.map(e=>i(eI,{children:[a(eP,{asChild:!0,children:i(eY,{value:e.value,selected:f===e.name,onClick:()=>b(f===e.name?null:e.name),children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eJ,{})]})]})}),a(eU,{children:"Click to filter"})]},e.name)),h[0]=f,h[1]=e,h[2]=r,h[3]=t,h[4]=o,h[5]=l,h[6]=n,h[7]=s}else e=h[1],r=h[2],t=h[3],o=h[4],l=h[5],n=h[6],s=h[7];return h[13]!==e||h[14]!==t||h[15]!==o||h[16]!==l?(c=a(e,{"data-testid":t,max:o,children:l}),h[13]=e,h[14]=t,h[15]=o,h[16]=l,h[17]=c):c=h[17],h[18]!==r||h[19]!==n||h[20]!==c?(d=i(r,{children:[n,c]}),h[18]=r,h[19]=n,h[20]=c,h[21]=d):d=h[21],h[22]!==s||h[23]!==d?(p=a("div",{className:s,children:d}),h[22]=s,h[23]=d,h[24]=p):p=h[24],p},meta:e2},{name:"Colored",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Top 5 Endpoints"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{"data-testid":"bar-list",max:e5(eK),children:eK.map(e7)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"CustomColors",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Top 5 Endpoints"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{max:e5(eK),children:eK.map(e9)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"Percentage",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Response status"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{max:100,children:e0.map(re)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"Selectable",story:()=>{let e,r,t,o,l,n,s,c=(0,m.c)(14),[d,p]=(0,u.useState)(null);c[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eB,{children:"Top 5 Endpoints"}),c[0]=e):e=c[0];let h=null!==d;return c[1]!==d?(r=null!==d&&a(eN,{variant:"ghost",color:"neutral",size:"small","aria-label":"Clear selection",onClick:()=>p(null),children:a(ez,{})}),c[1]=d,c[2]=r):r=c[2],c[3]!==h||c[4]!==r?(t=i(eV,{children:[e,a(eG,{alwaysVisible:h,children:r})]}),c[3]=h,c[4]=r,c[5]=t):t=c[5],c[6]===Symbol.for("react.memo_cache_sentinel")?(o=e4(eK),c[6]=o):o=c[6],c[7]!==d?(l=eK.map(e=>i(eI,{children:[a(eP,{asChild:!0,children:i(eY,{value:e.value,selected:d===e.name,onClick:()=>p(d===e.name?null:e.name),children:[a(eH,{}),a(eq,{children:e.name}),i(eX,{children:[e.value.toLocaleString("en-US"),a(eJ,{variant:"muted"})]})]})}),a(eU,{children:"Click to filter"})]},e.name)),c[7]=d,c[8]=l):l=c[8],c[9]!==l?(n=a(eF,{"data-testid":"bar-list",max:o,children:l}),c[9]=l,c[10]=n):n=c[10],c[11]!==t||c[12]!==n?(s=a("div",{className:"w-400",children:i(eA,{children:[t,n]})}),c[11]=t,c[12]=n,c[13]=s):s=c[13],s},meta:e2},{name:"TruncatedLabels",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Top 5 Endpoints"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{max:e5(eQ),children:eQ.map(rr)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"TruncatedLabelsWithTooltip",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Top 5 Endpoints"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{max:e5(eQ),children:eQ.map(rt)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"DataVariants",story:()=>{let e,r,t,o,l,n,s,c,d,p,h,f,b=(0,m.c)(25),[g,v]=(0,u.useState)("values"),[w,y]=(0,u.useState)(!1),k=e6[g];b[0]!==k.title?(e=a(eB,{children:k.title}),b[0]=k.title,b[1]=e):e=b[1],b[2]===Symbol.for("react.memo_cache_sentinel")?(r=a(ej,{asChild:!0,children:a(eN,{variant:"ghost",color:"neutral",size:"small","aria-label":"Settings",children:a(eC,{})})}),b[2]=r):r=b[2],b[3]===Symbol.for("react.memo_cache_sentinel")?(t=a(eM,{children:"Data source"}),b[3]=t):t=b[3],b[4]===Symbol.for("react.memo_cache_sentinel")?(o=Object.keys(e6),b[4]=o):o=b[4],b[5]!==g?(l=a(eP,{asChild:!0,children:a("span",{className:"inline-flex",children:i(eE,{onOpenChange:y,children:[r,i(eD,{children:[t,a(eR,{children:o.map(e=>i(e$,{onSelect:()=>v(e),children:[a("span",{className:"flex-1",children:e6[e].title}),a(eO,{children:a(e_,{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)))(g!==e&&"opacity-0")})})]},e))})]})]})})}),b[5]=g,b[6]=l):l=b[6],b[7]===Symbol.for("react.memo_cache_sentinel")?(n=a(eU,{children:"Change data source"}),b[7]=n):n=b[7],b[8]!==w||b[9]!==l?(s=i(eI,{disabled:w,children:[l,n]}),b[8]=w,b[9]=l,b[10]=s):s=b[10],b[11]!==w||b[12]!==s?(c=a(eG,{alwaysVisible:w,children:s}),b[11]=w,b[12]=s,b[13]=c):c=b[13],b[14]!==e||b[15]!==c?(d=i(eV,{children:[e,c]}),b[14]=e,b[15]=c,b[16]=d):d=b[16];let x=k.max;return b[17]!==k?(p=k.rows.map(e=>i(eY,{value:e.value,children:[a(eH,{color:e.color}),a(eq,{children:e.name}),k.renderValue(e)]},e.name)),b[17]=k,b[18]=p):p=b[18],b[19]!==k.max||b[20]!==p?(h=a(eF,{max:x,children:p}),b[19]=k.max,b[20]=p,b[21]=h):h=b[21],b[22]!==h||b[23]!==d?(f=a("div",{className:"w-400",children:i(eA,{children:[d,h]})}),b[22]=h,b[23]=d,b[24]=f):f=b[24],f},meta:e2},{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(eV,{children:a(eB,{children:"Top 5 Endpoints"})}),a(eZ,{"data-testid":"bar-list-skeleton",rows:5})]})}),r[0]=e):e=r[0],e},meta:e2},{name:"Overflow",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Overflow & zero"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{"data-testid":"bar-list",max:100,children:e8.map(ro)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"InvalidMax",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Invalid max"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{"data-testid":"bar-list",max:0,children:eK.map(rl)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"PercentDigits",story:()=>{let e,r,t=(0,m.c)(2);return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Decimal precision"})}),t[0]=e):e=t[0],t[1]===Symbol.for("react.memo_cache_sentinel")?(r=a("div",{className:"w-400",children:i(eA,{children:[e,a(eF,{"data-testid":"bar-list",max:e4(eK),children:eK.map(rn)})]})}),t[1]=r):r=t[1],r},meta:e2},{name:"PercentVariants",story:()=>{let e,r,t,o,l,n,s=(0,m.c)(6);return s[0]===Symbol.for("react.memo_cache_sentinel")?(e=a(eV,{children:a(eB,{children:"Split — value primary, % secondary (default)"})}),s[0]=e):e=s[0],s[1]===Symbol.for("react.memo_cache_sentinel")?(r=i(eA,{children:[e,a(eF,{"data-testid":"bar-list-split",max:e4(eK),children:eK.map(ra)})]}),s[1]=r):r=s[1],s[2]===Symbol.for("react.memo_cache_sentinel")?(t=a(eV,{children:a(eB,{children:"Muted — both tokens secondary"})}),s[2]=t):t=s[2],s[3]===Symbol.for("react.memo_cache_sentinel")?(o=i(eA,{children:[t,a(eF,{max:e4(eK),children:eK.map(ri)})]}),s[3]=o):o=s[3],s[4]===Symbol.for("react.memo_cache_sentinel")?(l=a(eV,{children:a(eB,{children:"Inherit — follows BarListValue color"})}),s[4]=l):l=s[4],s[5]===Symbol.for("react.memo_cache_sentinel")?(n=i("div",{className:"flex flex-col gap-16 w-400",children:[r,o,i(eA,{children:[l,a(eF,{max:e4(eK),children:eK.map(rs)})]})]}),s[5]=n):n=s[5],n},meta:e2}];function rd({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,rc.map((e,r)=>u.default.createElement(rd,{key:r,entry:e})))),r}}})();
|
|
@@ -97,10 +97,6 @@ const meta = {
|
|
|
97
97
|
},
|
|
98
98
|
parameters: {
|
|
99
99
|
layout: 'padded',
|
|
100
|
-
design: {
|
|
101
|
-
type: 'figma',
|
|
102
|
-
url: 'https://www.figma.com/design/VKb5gW46uSGw0rqrhZsbXT/WADS-Components?node-id=7470-917&m=dev',
|
|
103
|
-
},
|
|
104
100
|
docs: { description: { component: DESCRIPTION } },
|
|
105
101
|
},
|
|
106
102
|
tags: ['autodocs'],
|