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

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

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

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

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

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

@@ -0,0 +1,282 @@
+A small panel anchored to what opened it, for content the reader can act on — a form, a set of controls, a detail with a link in it. Reach for `Tooltip` when the content is only a label, and `Drawer` when it is a task rather than a detail.
+
+## Props as canvas attributes
+
+Use kebab-case attribute names. Pass non-string values through renderVals holes, including booleans. The full emitted API is in `components/index.d.ts`.
+
+| Attribute | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `open` | `boolean \| undefined` | no | — |  |
+| `on-open-change` | `((open: boolean) => void) \| undefined` | no | — |  |
+| `ids` | `ElementIds \| undefined` | no | — | Override the trigger element's id. Pass the same id to another compound component's `ids.trigger` (e.g. `Tooltip`, `DropdownMenu`) to compose their triggers on one element via nested `asChild` without an extra wrapper node — otherwise the outer trigger's id wins and the other component can't find its own anchor. |
+| `positioning` | `PositioningOptions \| undefined` | no | — | Custom positioning configuration. When provided, overrides the default positioning. |
+| `data-testid` | `string \| undefined` | no | — |  |
+
+## Sub-components
+
+- `WallarmDS.PopoverContent` — `PopoverContentProps` in the declaration bundle.
+- `WallarmDS.PopoverTrigger` — `PopoverTriggerProps` in the declaration bundle.
+
+## Stories
+
+### Basic
+
+Trigger and content. It takes focus, which is the whole difference from a tooltip.
+
+Source: Popover/Popover.stories.tsx#Basic
+
+### WithTooltip
+
+A tooltip on the popover's own trigger — the label explains what opens, the popover holds
+what you do.
+
+Source: Popover/Popover.stories.tsx#WithTooltip
+
+### MinMaxWidth
+
+Width bounds, for content that varies. Let it size to the content rather than pinning it, or
+short content sits in an empty box.
+
+Source: Popover/Popover.stories.tsx#MinMaxWidth
+
+### MinMaxHeight
+
+Height bounds with scrolling past the cap. If it scrolls often, the content has outgrown a
+popover.
+
+Source: Popover/Popover.stories.tsx#MinMaxHeight
+
+## Story sources
+
+### Popover/Popover.stories.tsx
+
+```tsx
+import { useId, useState } from 'react';
+import type { Meta, StoryFn } from 'storybook-react-rsbuild';
+import {
+  Alert,
+  AlertContent,
+  AlertControls,
+  AlertDescription,
+  AlertIcon,
+  AlertTitle,
+} from '../Alert';
+import { Button } from '../Button';
+import { VStack } from '../Stack';
+import { Text } from '../Text';
+import { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip';
+import { Popover } from './Popover';
+import { PopoverContent } from './PopoverContent';
+import { PopoverTrigger } from './PopoverTrigger';
+
+const DESCRIPTION = [
+  'A small panel anchored to what opened it, for content the reader can act on — a form, a set of controls, a detail with a link in it.',
+  'Reach for `Tooltip` when the content is only a label, and `Drawer` when it is a task rather than a detail.',
+].join(' ');
+
+const meta = {
+  title: 'Overlay/Popover',
+  component: Popover,
+  subcomponents: { PopoverContent, PopoverTrigger },
+  parameters: {
+    layout: 'centered',
+    docs: {
+      description: {
+        component: DESCRIPTION,
+      },
+    },
+  },
+} satisfies Meta<typeof Popover>;
+
+export default meta;
+
+/**
+ * Trigger and content. It takes focus, which is the whole difference from a tooltip.
+ */
+export const Basic: StoryFn<typeof meta> = () => (
+  <Popover data-testid='popover'>
+    <PopoverTrigger asChild>
+      <Button variant='outline' color='neutral'>
+        Click me
+      </Button>
+    </PopoverTrigger>
+    <PopoverContent>
+      <VStack gap={12}>
+        <Text size='sm'>This action will remove all and every bit!</Text>
+
+        <Alert color='warning'>
+          <AlertIcon />
+          <AlertContent>
+            <AlertTitle>Message goes here</AlertTitle>
+            <AlertDescription>
+              {'Description goes here \nDescription goes here \nDescription goes here'}
+            </AlertDescription>
+            <AlertControls>
+              <Button variant='secondary' color='neutral' size='small'>
+                Button
+              </Button>
+              <Button variant='secondary' color='neutral' size='small'>
+                Button
+              </Button>
+            </AlertControls>
+          </AlertContent>
+        </Alert>
+      </VStack>
+    </PopoverContent>
+  </Popover>
+);
+
+/**
+ * A tooltip on the popover's own trigger — the label explains what opens, the popover holds
+ * what you do.
+ */
+export const WithTooltip: StoryFn<typeof meta> = () => {
+  const triggerId = useId();
+  const [open, setOpen] = useState(false);
+
+  return (
+    <Popover
+      data-testid='with-tooltip-popover'
+      open={open}
+      onOpenChange={setOpen}
+      ids={{ trigger: triggerId }}
+    >
+      {/* Sharing `ids.trigger` lets both machines resolve the same DOM node as
+          their own anchor, so the tooltip positions correctly with no wrapper. */}
+      <Tooltip data-testid='with-tooltip-tooltip' disabled={open} ids={{ trigger: triggerId }}>
+        <PopoverTrigger asChild>
+          <TooltipTrigger asChild>
+            <Button data-testid='popover-tooltip-trigger' variant='outline' color='neutral'>
+              Actions
+            </Button>
+          </TooltipTrigger>
+        </PopoverTrigger>
+        <TooltipContent>More actions</TooltipContent>
+      </Tooltip>
+      <PopoverContent>
+        <Text size='sm'>Popover content</Text>
+      </PopoverContent>
+    </Popover>
+  );
+};
+
+/**
+ * Width bounds, for content that varies. Let it size to the content rather than pinning it, or
+ * short content sits in an empty box.
+ */
+export const MinMaxWidth: StoryFn<typeof meta> = () => (
+  <VStack gap={32}>
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button variant='outline' color='neutral'>
+          Min Width
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent>
+        <Text size='xs' weight='medium'>
+          Lorem Ipsum
+        </Text>
+      </PopoverContent>
+    </Popover>
+
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button variant='outline' color='neutral'>
+          Max Width
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent>
+        <Text size='xs' weight='medium'>
+          Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
+          been the industry's standard dummy text ever since the 1500s, when an unknown printer took
+          a galley of type and scrambled it to make a type specimen book. It has survived not only
+          five centuries, but also the leap into electronic typesetting, remaining essentially
+          unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
+          Lorem Ipsum passages, and more recently with desktop publishing software like Aldus
+          PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established
+          fact that a reader will be distracted by the readable content of a page when looking at
+          its layout.
+        </Text>
+      </PopoverContent>
+    </Popover>
+  </VStack>
+);
+
+/**
+ * Height bounds with scrolling past the cap. If it scrolls often, the content has outgrown a
+ * popover.
+ */
+export const MinMaxHeight: StoryFn<typeof meta> = () => (
+  <VStack gap={32}>
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button variant='outline' color='neutral'>
+          Min Height
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent>
+        <Text size='xs' weight='medium'>
+          Lorem Ipsum
+        </Text>
+      </PopoverContent>
+    </Popover>
+
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button variant='outline' color='neutral'>
+          Max Height
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent>
+        <VStack gap={12}>
+          <Text size='xs' weight='medium'>
+            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
+            has been the industry's standard dummy text ever since the 1500s, when an unknown
+            printer took a galley of type and scrambled it to make a type specimen book. It has
+            survived not only five centuries, but also the leap into electronic typesetting,
+            remaining essentially unchanged. It was popularised in the 1960s with the release of
+            Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
+            publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we
+            use it? It is a long established fact that a reader will be distracted by the readable
+            content of a page when looking at its layout. The point of using Lorem Ipsum is that it
+            has a more-or-less normal distribution of letters, as opposed to using 'Content here,
+            content here', making it look like readable English. Many desktop publishing packages
+            and web page editors now use Lorem Ipsum as their default model text, and a search for
+            'lorem ipsum' will uncover many web sites still in their infancy. Various versions have
+            evolved over the years, sometimes by accident, sometimes on purpose (injected humour and
+            the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not
+            simply random text. It has roots in a piece of classical Latin literature from 45 BC,
+            making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney
+            College in Virginia, looked up one of the more obscure Latin words, consectetur, from a
+            Lorem Ipsum passage, and going through the cites of the word in classical literature,
+            discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33
+            of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in
+            45 BC. This book is a treatise on the theory of ethics, very popular during the
+            Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a
+            line in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is
+            reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus
+            Bonorum et Malorum" by Cicero are also reproduced in their exact original form,
+            accompanied by English versions from the 1914 translation by H. Rackham.
+          </Text>
+
+          <Text size='xs' weight='medium'>
+            Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random
+            text. It has roots in a piece of classical Latin literature from 45 BC, making it over
+            2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in
+            Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum
+            passage, and going through the cites of the word in classical literature, discovered the
+            undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus
+            Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This
+            book is a treatise on the theory of ethics, very popular during the Renaissance. The
+            first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section
+            1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for
+            those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by
+            Cicero are also reproduced in their exact original form, accompanied by English versions
+            from the 1914 translation by H. Rackham.
+          </Text>
+        </VStack>
+      </PopoverContent>
+    </Popover>
+  </VStack>
+);
+```

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

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

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

@@ -0,0 +1,12 @@
+var e={vD(e,t,r){let n,o;/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */var a,i,l=Object.create,s=Object.defineProperty,c=Object.getOwnPropertyDescriptor,u=Object.getOwnPropertyNames,d=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,p=(e,t,r,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let o of u(t))m.call(e,o)||o===r||s(e,o,{get:()=>t[o],enumerable:!(n=c(t,o))||n.enumerable});return e},h={},f={$dispatcherGuard:()=>M,$makeReadOnly:()=>L,$reset:()=>I,$structuralCheck:()=>O,c:()=>k,clearRenderCounterRegistry:()=>x,renderCounterRegistry:()=>N,useRenderCounter:()=>D};for(var y in f)s(h,y,{get:f[y],enumerable:!0});e.exports=p(s({},"__esModule",{value:!0}),h);var g=(o=null!=(n=r("C"))?l(d(n)):{},p(n&&n.__esModule?o:s(o,"default",{value:n,enumerable:!0}),n)),{useRef:w,useEffect:b,isValidElement:v}=g,_=null!=(a=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?a:g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,S=Symbol.for("react.memo_cache_sentinel"),k="function"==typeof(null==(i=g.__COMPILER_RUNTIME)?void 0:i.c)?g.__COMPILER_RUNTIME.c:function(e){return g.useMemo(()=>{let t=Array(e);for(let r=0;r<e;r++)t[r]=S;return t[S]=!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 R=null;function E(e){return _.ReactCurrentDispatcher.current=e,_.ReactCurrentDispatcher.current}C.useMemoCache=e=>{if(null!=R)return R.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var $=[];function M(e){let t=_.ReactCurrentDispatcher.current;if(0===e){if($.push(t),1===$.length&&(R=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.");E(C)}else if(1===e){let e=$.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===$.length&&(R=null),E(e)}else if(2===e)$.push(t),E(R);else if(3===e){let e=$.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");E(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function I(e){for(let t=0;t<e.length;t++)e[t]=S}function L(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var N=new Map;function x(){for(let e of N.values())e.forEach(e=>{e.count=0})}function D(e){let t=w(null);null!=t.current&&(t.current.count+=1),b(()=>{if(null==t.current){let r,n={count:0};null==(r=N.get(e))&&(r=new Set,N.set(e,r)),r.add(n),t.current=n}return()=>{var r;let n;null!==t.current&&(r=t.current,null!=(n=N.get(e))&&n.delete(r))}})}var T=new Set;function O(e,t,r,n,o,a){function i(e,t,i,l){let s=`${n}:${a} [${o}] ${r}${i} changed from ${e} to ${t} at depth ${l}`;T.has(s)||(T.add(s),console.error(s))}!function e(t,r,n,o){if(!(o>2)){if(t!==r)if(typeof t!=typeof r)i(`type ${typeof t}`,`type ${typeof r}`,n,o);else if("object"==typeof t){let a=Array.isArray(t),l=Array.isArray(r);if(null===t&&null!==r)i("null",`type ${typeof r}`,n,o);else if(null===r)i(`type ${typeof t}`,"null",n,o);else if(t instanceof Map)if(r instanceof Map)if(t.size!==r.size)i(`Map instance with size ${t.size}`,`Map instance with size ${r.size}`,n,o);else for(let[a,l]of t)r.has(a)?e(l,r.get(a),`${n}.get(${a})`,o+1):i(`Map instance with key ${a}`,`Map instance without key ${a}`,n,o);else i("Map instance","other value",n,o);else if(r instanceof Map)i("other value","Map instance",n,o);else if(t instanceof Set)if(r instanceof Set)if(t.size!==r.size)i(`Set instance with size ${t.size}`,`Set instance with size ${r.size}`,n,o);else for(let e of r)t.has(e)||i(`Set instance without element ${e}`,`Set instance with element ${e}`,n,o);else i("Set instance","other value",n,o);else if(r instanceof Set)i("other value","Set instance",n,o);else if(a||l)if(a!==l)i(`type ${a?"array":"object"}`,`type ${l?"array":"object"}`,n,o);else if(t.length!==r.length)i(`array with length ${t.length}`,`array with length ${r.length}`,n,o);else for(let a=0;a<t.length;a++)e(t[a],r[a],`${n}[${a}]`,o+1);else if(v(t)||v(r))v(t)!==v(r)?i(`type ${v(t)?"React element":"object"}`,`type ${v(r)?"React element":"object"}`,n,o):t.type!==r.type?i(`React element of type ${t.type}`,`React element of type ${r.type}`,n,o):e(t.props,r.props,`[props of ${n}]`,o+1);else{for(let e in r)e in t||i(`object without key ${e}`,`object with key ${e}`,n,o);for(let a in t)a in r?e(t[a],r[a],`${n}.${a}`,o+1):i(`object with key ${a}`,`object without key ${a}`,n,o)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(r)?isNaN(t)!==isNaN(r)&&i(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(r)?"NaN":"non-NaN value"}`,n,o):t!==r&&i(t,r,n,o)}}}(e,t,"",0)}},p(e,t,r){let n=new WeakMap,o=new WeakMap;function a(e,t,r){let a=t,i=r;if("object"==typeof a&&null!==a&&"$$typeof"in a&&a.$$typeof===Symbol.for("react.context")&&"Provider"in a&&(a=a.Provider),"function"==typeof a&&null!=i.ref&&!a.prototype?.isReactComponent){let t=a,r=n.get(e);r||(r=new WeakMap,n.set(e,r));let o=r.get(t);o||((o=e.forwardRef((e,r)=>t({...e,ref:r}))).displayName=t.displayName??t.name,r.set(t,o)),a=o}if("string"==typeof a&&"boolean"==typeof i.inert&&((i={...i}).inert?i.inert="":delete i.inert),"string"==typeof a)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in i&&(i={...i,[t]:i[e]},delete i[e]);return"string"==typeof a&&null!=i.ref&&(a=function(e,t){let r=o.get(e);r||(r=new Map,o.set(e,r));let n=r.get(t);if(n)return n;let a=e.forwardRef((r,n)=>{let o=e.useRef(null);if(!o.current||o.current.original!==n){let e;o.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:o.current.callback})});return a.displayName=`CanvasHost(${t})`,r.set(t,a),a}(e,a)),{type:a,props:i}}function i(e){let t=(t,r,n)=>{let o=a(e,t,r??{});return e.createElement(o.type,void 0===n?o.props:{...o.props,key:n})};return{jsx:t,jsxs:(t,r,n)=>{let o=a(e,t,r??{}),{children:i,...l}=o.props;return e.createElement(o.type,void 0===n?l:{...l,key:n},...Array.isArray(i)?i:[i])},jsxDEV:t,Fragment:e.Fragment}}function l(e){return{...e,createElement:(t,r,...n)=>{let o=a(e,t,r??{});return e.createElement(o.type,o.props,...n)},cloneElement:(t,r,...n)=>{let o=e.cloneElement(t,r??void 0,...n),i=o.ref,l=a(e,o.type,{...o.props,ref:i});return l.type===o.type&&"string"!=typeof o.type?o:e.createElement(l.type,{...l.props,key:o.key})}}}r.d(t,{MA:()=>i,YJ:()=>l})},C(e,t,r){r.r(t);let n=(0,r("p").YJ)(window.React),{Children:o,Component:a,Fragment:i,Profiler:l,PureComponent:s,StrictMode:c,Suspense:u,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:d,act:m,cloneElement:p,createContext:h,createElement:f,createFactory:y,createRef:g,forwardRef:w,isValidElement:b,lazy:v,memo:_,startTransition:S,unstable_act:k,useCallback:C,useContext:R,useDebugValue:E,useDeferredValue:$,useEffect:M,useId:I,useImperativeHandle:L,useInsertionEffect:N,useLayoutEffect:x,useMemo:D,useReducer:T,useRef:O,useState:W,useSyncExternalStore:A,useTransition:j,version:P,use:z}=n;r.d(t,{},{Children:o,Component:a,Fragment:i,Profiler:l,PureComponent:s,StrictMode:c,Suspense:u,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:d,act:m,cloneElement:p,createContext:h,createElement:f,createFactory:y,createRef:g,default:n,forwardRef:w,isValidElement:b,lazy:v,memo:_,startTransition:S,unstable_act:k,use:z,useCallback:C,useContext:R,useDebugValue:E,useDeferredValue:$,useEffect:M,useId:I,useImperativeHandle:L,useInsertionEffect:N,useLayoutEffect:x,useMemo:D,useReducer:T,useRef:O,useState:W,useSyncExternalStore:A,useTransition:j,version:P})}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}r.d=(e,t,n)=>{var o=(t,n)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,[n]:t[o]})};o(t,"get"),o(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:o}=(0,r("p").MA)(window.React);var a=r("vD"),i=r("C");let l=window.WallarmDS.Alert,s=window.WallarmDS.AlertContent,c=window.WallarmDS.AlertControls,u=window.WallarmDS.AlertDescription,d=window.WallarmDS.AlertIcon,m=window.WallarmDS.AlertTitle,p=window.WallarmDS.Button,h=window.WallarmDS.VStack,f=window.WallarmDS.Text,y=window.WallarmDS.Tooltip,g=window.WallarmDS.TooltipContent,w=window.WallarmDS.TooltipTrigger,b=window.WallarmDS.Popover,v=window.WallarmDS.PopoverContent,_=window.WallarmDS.PopoverTrigger,S={title:"Overlay/Popover",component:b,subcomponents:{PopoverContent:v,PopoverTrigger:_},parameters:{layout:"centered",docs:{description:{component:"A small panel anchored to what opened it, for content the reader can act on — a form, a set of controls, a detail with a link in it. Reach for `Tooltip` when the content is only a label, and `Drawer` when it is a task rather than a detail."}}}},k=[{name:"Basic",story:()=>{let r,n,o,i,y,g,w=(0,a.c)(6);return w[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(_,{asChild:!0,children:e(p,{variant:"outline",color:"neutral",children:"Click me"})}),w[0]=r):r=w[0],w[1]===Symbol.for("react.memo_cache_sentinel")?(n=e(f,{size:"sm",children:"This action will remove all and every bit!"}),w[1]=n):n=w[1],w[2]===Symbol.for("react.memo_cache_sentinel")?(o=e(d,{}),w[2]=o):o=w[2],w[3]===Symbol.for("react.memo_cache_sentinel")?(i=e(m,{children:"Message goes here"}),y=e(u,{children:"Description goes here \nDescription goes here \nDescription goes here"}),w[3]=i,w[4]=y):(i=w[3],y=w[4]),w[5]===Symbol.for("react.memo_cache_sentinel")?(g=t(b,{"data-testid":"popover",children:[r,e(v,{children:t(h,{gap:12,children:[n,t(l,{color:"warning",children:[o,t(s,{children:[i,y,t(c,{children:[e(p,{variant:"secondary",color:"neutral",size:"small",children:"Button"}),e(p,{variant:"secondary",color:"neutral",size:"small",children:"Button"})]})]})]})]})})]}),w[5]=g):g=w[5],g},meta:S},{name:"WithTooltip",story:()=>{let r,n,o,l,s,c,u,d=(0,a.c)(14),m=(0,i.useId)(),[h,S]=(0,i.useState)(!1);return d[0]!==m?(r={trigger:m},d[0]=m,d[1]=r):r=d[1],d[2]!==m?(n={trigger:m},d[2]=m,d[3]=n):n=d[3],d[4]===Symbol.for("react.memo_cache_sentinel")?(o=e(_,{asChild:!0,children:e(w,{asChild:!0,children:e(p,{"data-testid":"popover-tooltip-trigger",variant:"outline",color:"neutral",children:"Actions"})})}),l=e(g,{children:"More actions"}),d[4]=o,d[5]=l):(o=d[4],l=d[5]),d[6]!==h||d[7]!==n?(s=t(y,{"data-testid":"with-tooltip-tooltip",disabled:h,ids:n,children:[o,l]}),d[6]=h,d[7]=n,d[8]=s):s=d[8],d[9]===Symbol.for("react.memo_cache_sentinel")?(c=e(v,{children:e(f,{size:"sm",children:"Popover content"})}),d[9]=c):c=d[9],d[10]!==h||d[11]!==r||d[12]!==s?(u=t(b,{"data-testid":"with-tooltip-popover",open:h,onOpenChange:S,ids:r,children:[s,c]}),d[10]=h,d[11]=r,d[12]=s,d[13]=u):u=d[13],u},meta:S},{name:"MinMaxWidth",story:()=>{let r,n,o,i,l=(0,a.c)(4);return l[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(_,{asChild:!0,children:e(p,{variant:"outline",color:"neutral",children:"Min Width"})}),l[0]=r):r=l[0],l[1]===Symbol.for("react.memo_cache_sentinel")?(n=t(b,{children:[r,e(v,{children:e(f,{size:"xs",weight:"medium",children:"Lorem Ipsum"})})]}),l[1]=n):n=l[1],l[2]===Symbol.for("react.memo_cache_sentinel")?(o=e(_,{asChild:!0,children:e(p,{variant:"outline",color:"neutral",children:"Max Width"})}),l[2]=o):o=l[2],l[3]===Symbol.for("react.memo_cache_sentinel")?(i=t(h,{gap:32,children:[n,t(b,{children:[o,e(v,{children:e(f,{size:"xs",weight:"medium",children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."})})]})]}),l[3]=i):i=l[3],i},meta:S},{name:"MinMaxHeight",story:()=>{let r,n,o,i,l=(0,a.c)(4);return l[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(_,{asChild:!0,children:e(p,{variant:"outline",color:"neutral",children:"Min Height"})}),l[0]=r):r=l[0],l[1]===Symbol.for("react.memo_cache_sentinel")?(n=t(b,{children:[r,e(v,{children:e(f,{size:"xs",weight:"medium",children:"Lorem Ipsum"})})]}),l[1]=n):n=l[1],l[2]===Symbol.for("react.memo_cache_sentinel")?(o=e(_,{asChild:!0,children:e(p,{variant:"outline",color:"neutral",children:"Max Height"})}),l[2]=o):o=l[2],l[3]===Symbol.for("react.memo_cache_sentinel")?(i=t(h,{gap:32,children:[n,t(b,{children:[o,e(v,{children:t(h,{gap:12,children:[e(f,{size:"xs",weight:"medium",children:'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using \'Content here, content here\', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for \'lorem ipsum\' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like). Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.'}),e(f,{size:"xs",weight:"medium",children:'Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.'})]})})]})]}),l[3]=i):i=l[3],i},meta:S}];function C({entry:e}){let{story:t,meta:r}=e,n={...r.args,...t.args},o="function"==typeof t||t.$$typeof?t:t.render||r.render||r.component,a=()=>i.default.createElement(o,n),l={args:n,globals:{theme:"light"},parameters:{...r.parameters,...t.parameters},viewMode:"story"};for(let e of[...r.decorators||[],...t.decorators||[]].reverse()){let t=a;a=()=>e(t,l)}return i.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},i.default.createElement("h2",{className:"text-sm mb-12"},e.name),i.default.createElement(a))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(i.default.createElement(window.WallarmDS.Root,null,k.map((e,t)=>i.default.createElement(C,{key:t,entry:e})))),t}}})();