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

package/dist/project/components/BarList/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/BarList/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:()=>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}}})();

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

@@ -0,0 +1,274 @@
+The location trail for a page that sits deep in a hierarchy — each ancestor links up, and the last item is the page you are on. Skip it in a flat app of one or two levels, and never use it to move between peers at the same level: that is `Tabs`. It shows vertical hierarchy only, and complements the sidebar rather than replacing it.
+
+## Props as canvas attributes
+
+Use kebab-case attribute names. Pass non-string values through renderVals holes, including booleans. The full emitted API is in `components/index.d.ts`.
+
+| Attribute | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `default-checked` | `boolean \| undefined` | no | — |  |
+| `default-value` | `string \| number \| readonly string[] \| undefined` | no | — |  |
+| `auto-focus` | `boolean \| undefined` | no | — |  |
+| `id` | `string \| undefined` | no | — |  |
+| `tab-index` | `number \| undefined` | no | — |  |
+| `title` | `string \| undefined` | no | — |  |
+| `rel` | `string \| undefined` | no | — |  |
+| `on-change` | `ChangeEventHandler<T, Element> \| undefined` | no | — |  |
+| `data-testid` | `string \| undefined` | no | — |  |
+
+## Sub-components
+
+- `WallarmDS.BreadcrumbsEllipsis` — `BreadcrumbsEllipsisProps` in the declaration bundle.
+- `WallarmDS.BreadcrumbsItem` — `BreadcrumbsItemProps` in the declaration bundle.
+- `WallarmDS.BreadcrumbsScopeSwitcher` — `BreadcrumbsScopeSwitcherProps` in the declaration bundle.
+- `WallarmDS.BreadcrumbsSeparator` — `BreadcrumbsSeparatorProps` in the declaration bundle.
+
+## Stories
+
+### Basic
+
+The plain trail. The root inserts the chevrons and marks the last item as the current page, so you list only your own items.
+
+Source: Breadcrumbs/Breadcrumbs.stories.tsx#Basic
+
+### SingleItem
+
+One item is the current page and nothing more — which is the case where a breadcrumb has stopped earning its space.
+
+Source: Breadcrumbs/Breadcrumbs.stories.tsx#SingleItem
+
+### WithIcons
+
+An icon inside an item, for a level whose type is worth showing as well as naming.
+
+Source: Breadcrumbs/Breadcrumbs.stories.tsx#WithIcons
+
+### WithInteractiveItems
+
+Items that call a handler instead of following an `href`, for a trail wired to a router rather than to URLs.
+
+Source: Breadcrumbs/Breadcrumbs.stories.tsx#WithInteractiveItems
+
+### IconsOnly
+
+Icons with no text. Each item needs its own `aria-label`, since the icon is then the only thing naming the level.
+
+Source: Breadcrumbs/Breadcrumbs.stories.tsx#IconsOnly
+
+### WithTruncation
+
+A long trail folded behind a `BreadcrumbsEllipsis`, which expands the middle on click. The first and current items always stay.
+
+Source: Breadcrumbs/Breadcrumbs.stories.tsx#WithTruncation
+
+### LongBreadcrumbs
+
+What a trail of long labels actually does today: it runs on. Per-item truncation is drawn in Figma but not shipped, so keep labels short.
+
+Source: Breadcrumbs/Breadcrumbs.stories.tsx#LongBreadcrumbs
+
+## Story sources
+
+### Breadcrumbs/Breadcrumbs.stories.tsx
+
+```tsx
+import { useState } from 'react';
+import { fn } from 'storybook/test';
+import type { Meta, StoryFn } from 'storybook-react-rsbuild';
+import { ChevronDown, CircleDashed, Home } from '../../icons';
+import { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip';
+import { Breadcrumbs, BreadcrumbsEllipsis, BreadcrumbsItem } from './index';
+
+const DESCRIPTION = [
+  'The location trail for a page that sits deep in a hierarchy — each ancestor links up, and the last item is the page you are on.',
+  'Skip it in a flat app of one or two levels, and never use it to move between peers at the same level: that is `Tabs`. It shows vertical hierarchy only, and complements the sidebar rather than replacing it.',
+].join(' ');
+
+const onCurrentPageClick = fn().mockName('onCurrentPageClick');
+const onCategoryClick = fn().mockName('onCategoryClick');
+
+const meta: Meta<typeof Breadcrumbs> = {
+  title: 'Navigation/Breadcrumbs',
+  component: Breadcrumbs,
+  subcomponents: { BreadcrumbsItem, BreadcrumbsEllipsis },
+  parameters: {
+    layout: 'fullscreen',
+    docs: {
+      description: {
+        component: DESCRIPTION,
+      },
+    },
+  },
+  argTypes: {
+    className: {
+      control: 'text',
+    },
+    children: {
+      control: false,
+    },
+  },
+};
+
+export default meta;
+
+/** The plain trail. The root inserts the chevrons and marks the last item as the current page, so you list only your own items. */
+export const Basic: StoryFn<typeof Breadcrumbs> = args => {
+  return (
+    <div className='flex items-center justify-center w-full p-8 min-h-[400px]'>
+      <Breadcrumbs {...args} data-testid='breadcrumbs'>
+        <BreadcrumbsItem href='#home'>Home</BreadcrumbsItem>
+        <BreadcrumbsItem href='#products'>Products</BreadcrumbsItem>
+        <BreadcrumbsItem href='#current'>Current Page</BreadcrumbsItem>
+      </Breadcrumbs>
+    </div>
+  );
+};
+
+Basic.args = {};
+
+/** One item is the current page and nothing more — which is the case where a breadcrumb has stopped earning its space. */
+export const SingleItem: StoryFn<typeof Breadcrumbs> = args => {
+  return (
+    <div className='flex items-center justify-center w-full p-8 min-h-[400px]'>
+      <Breadcrumbs {...args}>
+        <BreadcrumbsItem href='#current'>Current Page</BreadcrumbsItem>
+      </Breadcrumbs>
+    </div>
+  );
+};
+
+SingleItem.args = {};
+
+/** An icon inside an item, for a level whose type is worth showing as well as naming. */
+export const WithIcons: StoryFn<typeof Breadcrumbs> = args => {
+  return (
+    <div className='flex items-center justify-center w-full p-8 min-h-[400px]'>
+      <Breadcrumbs {...args}>
+        <BreadcrumbsItem href='#home'>
+          <Home size='md' />
+          Home
+        </BreadcrumbsItem>
+        <BreadcrumbsItem href='#category'>
+          <CircleDashed size='md' />
+          Category
+        </BreadcrumbsItem>
+        <BreadcrumbsItem href='#subcategory'>
+          Subcategory
+          <CircleDashed size='md' />
+        </BreadcrumbsItem>
+        <BreadcrumbsItem onClick={onCurrentPageClick}>
+          <CircleDashed size='md' />
+          Current Page
+          <CircleDashed size='md' />
+        </BreadcrumbsItem>
+      </Breadcrumbs>
+    </div>
+  );
+};
+
+WithIcons.args = {};
+
+/** Items that call a handler instead of following an `href`, for a trail wired to a router rather than to URLs. */
+export const WithInteractiveItems: StoryFn<typeof Breadcrumbs> = args => {
+  return (
+    <div className='flex items-center justify-center w-full p-8 min-h-[400px]'>
+      <Breadcrumbs {...args}>
+        <BreadcrumbsItem href='#home'>Home</BreadcrumbsItem>
+        <BreadcrumbsItem onClick={onCategoryClick}>
+          <CircleDashed size='md' />
+          Category
+          <ChevronDown size='md' />
+        </BreadcrumbsItem>
+        <BreadcrumbsItem href='#current'>Current Page</BreadcrumbsItem>
+      </Breadcrumbs>
+    </div>
+  );
+};
+
+WithInteractiveItems.args = {};
+
+/** Icons with no text. Each item needs its own `aria-label`, since the icon is then the only thing naming the level. */
+export const IconsOnly: StoryFn<typeof Breadcrumbs> = args => {
+  return (
+    <div className='flex items-center justify-center w-full p-8 min-h-[400px]'>
+      <Breadcrumbs {...args}>
+        <BreadcrumbsItem href='#home' aria-label='Home'>
+          <Home size='md' />
+        </BreadcrumbsItem>
+        <BreadcrumbsItem href='#dashboard' aria-label='Dashboard'>
+          <CircleDashed size='md' />
+        </BreadcrumbsItem>
+        <BreadcrumbsItem href='#projects' aria-label='Projects'>
+          <CircleDashed size='md' />
+        </BreadcrumbsItem>
+        <BreadcrumbsItem href='#settings' aria-label='Settings'>
+          <CircleDashed size='md' />
+        </BreadcrumbsItem>
+        <BreadcrumbsItem href='#security' aria-label='Security'>
+          <CircleDashed size='md' />
+        </BreadcrumbsItem>
+        <BreadcrumbsItem aria-label='Current page' onClick={onCurrentPageClick}>
+          <CircleDashed size='md' />
+        </BreadcrumbsItem>
+      </Breadcrumbs>
+    </div>
+  );
+};
+
+IconsOnly.args = {};
+
+/** A long trail folded behind a `BreadcrumbsEllipsis`, which expands the middle on click. The first and current items always stay. */
+export const WithTruncation: StoryFn<typeof Breadcrumbs> = args => {
+  const [showAll, setShowAll] = useState(false);
+
+  return (
+    <div className='flex items-center justify-center w-full p-8 min-h-[400px]'>
+      <Breadcrumbs {...args}>
+        <BreadcrumbsItem href='#home'>Home</BreadcrumbsItem>
+        <BreadcrumbsItem href='#level1'>Level 1</BreadcrumbsItem>
+        {!showAll ? (
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <BreadcrumbsEllipsis onClick={() => setShowAll(true)} />
+            </TooltipTrigger>
+            <TooltipContent>WIP</TooltipContent>
+          </Tooltip>
+        ) : (
+          [
+            <BreadcrumbsItem key='level2' href='#level2'>
+              Level 2
+            </BreadcrumbsItem>,
+            <BreadcrumbsItem key='level3' href='#level3'>
+              Level 3
+            </BreadcrumbsItem>,
+          ]
+        )}
+        <BreadcrumbsItem href='#penultimate'>Penultimate</BreadcrumbsItem>
+        <BreadcrumbsItem href='#current'>Current Page</BreadcrumbsItem>
+      </Breadcrumbs>
+    </div>
+  );
+};
+
+WithTruncation.args = {};
+
+/** What a trail of long labels actually does today: it runs on. Per-item truncation is drawn in Figma but not shipped, so keep labels short. */
+export const LongBreadcrumbs: StoryFn<typeof Breadcrumbs> = args => {
+  return (
+    <div className='flex items-center justify-center w-full p-8 min-h-[400px]'>
+      <Breadcrumbs {...args}>
+        <BreadcrumbsItem href='#home'>Home</BreadcrumbsItem>
+        <BreadcrumbsItem href='#products'>Products & Services</BreadcrumbsItem>
+        <BreadcrumbsItem href='#category'>Technology Category</BreadcrumbsItem>
+        <BreadcrumbsItem href='#subcategory'>Software Development</BreadcrumbsItem>
+        <BreadcrumbsItem href='#area'>Web Development Tools</BreadcrumbsItem>
+        <BreadcrumbsItem onClick={onCurrentPageClick}>
+          Frontend Frameworks and Libraries
+        </BreadcrumbsItem>
+      </Breadcrumbs>
+    </div>
+  );
+};
+
+LongBreadcrumbs.args = {};
+```

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

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

@@ -0,0 +1,12 @@
+var e={vD(e,t,r){let n,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 a,o,c=Object.create,i=Object.defineProperty,s=Object.getOwnPropertyDescriptor,u=Object.getOwnPropertyNames,m=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty,d=(e,t,r,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let l of u(t))f.call(e,l)||l===r||i(e,l,{get:()=>t[l],enumerable:!(n=s(t,l))||n.enumerable});return e},h={},p={$dispatcherGuard:()=>k,$makeReadOnly:()=>O,$reset:()=>x,$structuralCheck:()=>T,c:()=>R,clearRenderCounterRegistry:()=>M,renderCounterRegistry:()=>D,useRenderCounter:()=>j};for(var y in p)i(h,y,{get:p[y],enumerable:!0});e.exports=d(i({},"__esModule",{value:!0}),h);var b=(l=null!=(n=r("C"))?c(m(n)):{},d(n&&n.__esModule?l:i(l,"default",{value:n,enumerable:!0}),n)),{useRef:g,useEffect:_,isValidElement:w}=b,v=null!=(a=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?a:b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,S=Symbol.for("react.memo_cache_sentinel"),R="function"==typeof(null==(o=b.__COMPILER_RUNTIME)?void 0:o.c)?b.__COMPILER_RUNTIME.c:function(e){return b.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 E=null;function N(e){return v.ReactCurrentDispatcher.current=e,v.ReactCurrentDispatcher.current}C.useMemoCache=e=>{if(null!=E)return E.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var $=[];function k(e){let t=v.ReactCurrentDispatcher.current;if(0===e){if($.push(t),1===$.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.");N(C)}else if(1===e){let e=$.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===$.length&&(E=null),N(e)}else if(2===e)$.push(t),N(E);else if(3===e){let e=$.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 x(e){for(let t=0;t<e.length;t++)e[t]=S}function O(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var D=new Map;function M(){for(let e of D.values())e.forEach(e=>{e.count=0})}function j(e){let t=g(null);null!=t.current&&(t.current.count+=1),_(()=>{if(null==t.current){let r,n={count:0};null==(r=D.get(e))&&(r=new Set,D.set(e,r)),r.add(n),t.current=n}return()=>{var r;let n;null!==t.current&&(r=t.current,null!=(n=D.get(e))&&n.delete(r))}})}var I=new Set;function T(e,t,r,n,l,a){function o(e,t,o,c){let i=`${n}:${a} [${l}] ${r}${o} changed from ${e} to ${t} at depth ${c}`;I.has(i)||(I.add(i),console.error(i))}!function e(t,r,n,l){if(!(l>2)){if(t!==r)if(typeof t!=typeof r)o(`type ${typeof t}`,`type ${typeof r}`,n,l);else if("object"==typeof t){let a=Array.isArray(t),c=Array.isArray(r);if(null===t&&null!==r)o("null",`type ${typeof r}`,n,l);else if(null===r)o(`type ${typeof t}`,"null",n,l);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,l);else for(let[a,c]of t)r.has(a)?e(c,r.get(a),`${n}.get(${a})`,l+1):o(`Map instance with key ${a}`,`Map instance without key ${a}`,n,l);else o("Map instance","other value",n,l);else if(r instanceof Map)o("other value","Map instance",n,l);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,l);else for(let e of r)t.has(e)||o(`Set instance without element ${e}`,`Set instance with element ${e}`,n,l);else o("Set instance","other value",n,l);else if(r instanceof Set)o("other value","Set instance",n,l);else if(a||c)if(a!==c)o(`type ${a?"array":"object"}`,`type ${c?"array":"object"}`,n,l);else if(t.length!==r.length)o(`array with length ${t.length}`,`array with length ${r.length}`,n,l);else for(let a=0;a<t.length;a++)e(t[a],r[a],`${n}[${a}]`,l+1);else if(w(t)||w(r))w(t)!==w(r)?o(`type ${w(t)?"React element":"object"}`,`type ${w(r)?"React element":"object"}`,n,l):t.type!==r.type?o(`React element of type ${t.type}`,`React element of type ${r.type}`,n,l):e(t.props,r.props,`[props of ${n}]`,l+1);else{for(let e in r)e in t||o(`object without key ${e}`,`object with key ${e}`,n,l);for(let a in t)a in r?e(t[a],r[a],`${n}.${a}`,l+1):o(`object with key ${a}`,`object without key ${a}`,n,l)}}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,l):t!==r&&o(t,r,n,l)}}}(e,t,"",0)}},p(e,t,r){let n=new WeakMap,l=new WeakMap;function a(e,t,r){let a=t,o=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!=o.ref&&!a.prototype?.isReactComponent){let t=a,r=n.get(e);r||(r=new WeakMap,n.set(e,r));let l=r.get(t);l||((l=e.forwardRef((e,r)=>t({...e,ref:r}))).displayName=t.displayName??t.name,r.set(t,l)),a=l}if("string"==typeof a&&"boolean"==typeof o.inert&&((o={...o}).inert?o.inert="":delete o.inert),"string"==typeof a)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 a&&null!=o.ref&&(a=function(e,t){let r=l.get(e);r||(r=new Map,l.set(e,r));let n=r.get(t);if(n)return n;let a=e.forwardRef((r,n)=>{let l=e.useRef(null);if(!l.current||l.current.original!==n){let e;l.current={original:n,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof n){let r=n(t);e="function"==typeof r?r:void 0}else n&&(n.current=t)}}}return e.createElement(t,{...r,ref:l.current.callback})});return a.displayName=`CanvasHost(${t})`,r.set(t,a),a}(e,a)),{type:a,props:o}}function o(e){let t=(t,r,n)=>{let l=a(e,t,r??{});return e.createElement(l.type,void 0===n?l.props:{...l.props,key:n})};return{jsx:t,jsxs:(t,r,n)=>{let l=a(e,t,r??{}),{children:o,...c}=l.props;return e.createElement(l.type,void 0===n?c:{...c,key:n},...Array.isArray(o)?o:[o])},jsxDEV:t,Fragment:e.Fragment}}function c(e){return{...e,createElement:(t,r,...n)=>{let l=a(e,t,r??{});return e.createElement(l.type,l.props,...n)},cloneElement:(t,r,...n)=>{let l=e.cloneElement(t,r??void 0,...n),o=l.ref,c=a(e,l.type,{...l.props,ref:o});return c.type===l.type&&"string"!=typeof l.type?l:e.createElement(c.type,{...c.props,key:l.key})}}}r.d(t,{MA:()=>o,YJ:()=>c})},C(e,t,r){r.r(t);let n=(0,r("p").YJ)(window.React),{Children:l,Component:a,Fragment:o,Profiler:c,PureComponent:i,StrictMode:s,Suspense:u,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:f,cloneElement:d,createContext:h,createElement:p,createFactory:y,createRef:b,forwardRef:g,isValidElement:_,lazy:w,memo:v,startTransition:S,unstable_act:R,useCallback:C,useContext:E,useDebugValue:N,useDeferredValue:$,useEffect:k,useId:x,useImperativeHandle:O,useInsertionEffect:D,useLayoutEffect:M,useMemo:j,useReducer:I,useRef:T,useState:P,useSyncExternalStore:z,useTransition:W,version:A,use:L}=n;r.d(t,{},{Children:l,Component:a,Fragment:o,Profiler:c,PureComponent:i,StrictMode:s,Suspense:u,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:m,act:f,cloneElement:d,createContext:h,createElement:p,createFactory:y,createRef:b,default:n,forwardRef:g,isValidElement:_,lazy:w,memo:v,startTransition:S,unstable_act:R,use:L,useCallback:C,useContext:E,useDebugValue:N,useDeferredValue:$,useEffect:k,useId:x,useImperativeHandle:O,useInsertionEffect:D,useLayoutEffect:M,useMemo:j,useReducer:I,useRef:T,useState:P,useSyncExternalStore:z,useTransition:W,version:A})}},t={};function r(n){var l=t[n];if(void 0!==l)return l.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}r.d=(e,t,n)=>{var l=(t,n)=>{for(var l in t)r.o(t,l)&&!r.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,[n]:t[l]})};l(t,"get"),l(n,"value")},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:t,jsxDEV:n,Fragment:l}=(0,r("p").MA)(window.React);var a=r("vD"),o=r("C");function c(e=()=>{}){let t=(...t)=>e(...t);for(let r of["mockName","mockReturnValue","mockResolvedValue","mockImplementation"])t[r]=n=>("mockImplementation"===r?e=n:"mockReturnValue"===r?e=()=>n:"mockResolvedValue"===r&&(e=()=>Promise.resolve(n)),t);return t}let i=window.WallarmDS.Icons.ChevronDown,s=window.WallarmDS.Icons.CircleDashed,u=window.WallarmDS.Icons.Home,m=window.WallarmDS.Tooltip,f=window.WallarmDS.TooltipContent,d=window.WallarmDS.TooltipTrigger,h=window.WallarmDS.Breadcrumbs,p=window.WallarmDS.BreadcrumbsEllipsis,y=window.WallarmDS.BreadcrumbsItem,b=c().mockName("onCurrentPageClick"),g=c().mockName("onCategoryClick"),_={title:"Navigation/Breadcrumbs",component:h,subcomponents:{BreadcrumbsItem:y,BreadcrumbsEllipsis:p},parameters:{layout:"fullscreen",docs:{description:{component:"The location trail for a page that sits deep in a hierarchy — each ancestor links up, and the last item is the page you are on. Skip it in a flat app of one or two levels, and never use it to move between peers at the same level: that is `Tabs`. It shows vertical hierarchy only, and complements the sidebar rather than replacing it."}}},argTypes:{className:{control:"text"},children:{control:!1}}},w=r=>{let n,l,o,c,i=(0,a.c)(5);return i[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(y,{href:"#home",children:"Home"}),l=e(y,{href:"#products",children:"Products"}),o=e(y,{href:"#current",children:"Current Page"}),i[0]=n,i[1]=l,i[2]=o):(n=i[0],l=i[1],o=i[2]),i[3]!==r?(c=e("div",{className:"flex items-center justify-center w-full p-8 min-h-[400px]",children:t(h,{...r,"data-testid":"breadcrumbs",children:[n,l,o]})}),i[3]=r,i[4]=c):c=i[4],c};w.args={};let v=t=>{let r,n,l=(0,a.c)(3);return l[0]===Symbol.for("react.memo_cache_sentinel")?(r=e(y,{href:"#current",children:"Current Page"}),l[0]=r):r=l[0],l[1]!==t?(n=e("div",{className:"flex items-center justify-center w-full p-8 min-h-[400px]",children:e(h,{...t,children:r})}),l[1]=t,l[2]=n):n=l[2],n};v.args={};let S=r=>{let n,l,o,c,i,m,f=(0,a.c)(7);return f[0]===Symbol.for("react.memo_cache_sentinel")?(n=t(y,{href:"#home",children:[e(u,{size:"md"}),"Home"]}),f[0]=n):n=f[0],f[1]===Symbol.for("react.memo_cache_sentinel")?(l=t(y,{href:"#category",children:[e(s,{size:"md"}),"Category"]}),f[1]=l):l=f[1],f[2]===Symbol.for("react.memo_cache_sentinel")?(o=t(y,{href:"#subcategory",children:["Subcategory",e(s,{size:"md"})]}),f[2]=o):o=f[2],f[3]===Symbol.for("react.memo_cache_sentinel")?(c=e(s,{size:"md"}),f[3]=c):c=f[3],f[4]===Symbol.for("react.memo_cache_sentinel")?(i=t(y,{onClick:b,children:[c,"Current Page",e(s,{size:"md"})]}),f[4]=i):i=f[4],f[5]!==r?(m=e("div",{className:"flex items-center justify-center w-full p-8 min-h-[400px]",children:t(h,{...r,children:[n,l,o,i]})}),f[5]=r,f[6]=m):m=f[6],m};S.args={};let R=r=>{let n,l,o,c,u,m=(0,a.c)(6);return m[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(y,{href:"#home",children:"Home"}),m[0]=n):n=m[0],m[1]===Symbol.for("react.memo_cache_sentinel")?(l=e(s,{size:"md"}),m[1]=l):l=m[1],m[2]===Symbol.for("react.memo_cache_sentinel")?(o=t(y,{onClick:g,children:[l,"Category",e(i,{size:"md"})]}),c=e(y,{href:"#current",children:"Current Page"}),m[2]=o,m[3]=c):(o=m[2],c=m[3]),m[4]!==r?(u=e("div",{className:"flex items-center justify-center w-full p-8 min-h-[400px]",children:t(h,{...r,children:[n,o,c]})}),m[4]=r,m[5]=u):u=m[5],u};R.args={};let C=r=>{let n,l,o,c,i,m,f,d=(0,a.c)(8);return d[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(y,{href:"#home","aria-label":"Home",children:e(u,{size:"md"})}),d[0]=n):n=d[0],d[1]===Symbol.for("react.memo_cache_sentinel")?(l=e(y,{href:"#dashboard","aria-label":"Dashboard",children:e(s,{size:"md"})}),d[1]=l):l=d[1],d[2]===Symbol.for("react.memo_cache_sentinel")?(o=e(y,{href:"#projects","aria-label":"Projects",children:e(s,{size:"md"})}),d[2]=o):o=d[2],d[3]===Symbol.for("react.memo_cache_sentinel")?(c=e(y,{href:"#settings","aria-label":"Settings",children:e(s,{size:"md"})}),d[3]=c):c=d[3],d[4]===Symbol.for("react.memo_cache_sentinel")?(i=e(y,{href:"#security","aria-label":"Security",children:e(s,{size:"md"})}),d[4]=i):i=d[4],d[5]===Symbol.for("react.memo_cache_sentinel")?(m=e(y,{"aria-label":"Current page",onClick:b,children:e(s,{size:"md"})}),d[5]=m):m=d[5],d[6]!==r?(f=e("div",{className:"flex items-center justify-center w-full p-8 min-h-[400px]",children:t(h,{...r,children:[n,l,o,c,i,m]})}),d[6]=r,d[7]=f):f=d[7],f};C.args={};let E=r=>{let n,l,c,i,s,u,b=(0,a.c)(9),[g,_]=(0,o.useState)(!1);return b[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(y,{href:"#home",children:"Home"}),l=e(y,{href:"#level1",children:"Level 1"}),b[0]=n,b[1]=l):(n=b[0],l=b[1]),b[2]!==g?(c=g?[e(y,{href:"#level2",children:"Level 2"},"level2"),e(y,{href:"#level3",children:"Level 3"},"level3")]:t(m,{children:[e(d,{asChild:!0,children:e(p,{onClick:()=>_(!0)})}),e(f,{children:"WIP"})]}),b[2]=g,b[3]=c):c=b[3],b[4]===Symbol.for("react.memo_cache_sentinel")?(i=e(y,{href:"#penultimate",children:"Penultimate"}),s=e(y,{href:"#current",children:"Current Page"}),b[4]=i,b[5]=s):(i=b[4],s=b[5]),b[6]!==r||b[7]!==c?(u=e("div",{className:"flex items-center justify-center w-full p-8 min-h-[400px]",children:t(h,{...r,children:[n,l,c,i,s]})}),b[6]=r,b[7]=c,b[8]=u):u=b[8],u};E.args={};let N=r=>{let n,l,o,c,i,s,u,m=(0,a.c)(8);return m[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(y,{href:"#home",children:"Home"}),l=e(y,{href:"#products",children:"Products & Services"}),o=e(y,{href:"#category",children:"Technology Category"}),c=e(y,{href:"#subcategory",children:"Software Development"}),i=e(y,{href:"#area",children:"Web Development Tools"}),s=e(y,{onClick:b,children:"Frontend Frameworks and Libraries"}),m[0]=n,m[1]=l,m[2]=o,m[3]=c,m[4]=i,m[5]=s):(n=m[0],l=m[1],o=m[2],c=m[3],i=m[4],s=m[5]),m[6]!==r?(u=e("div",{className:"flex items-center justify-center w-full p-8 min-h-[400px]",children:t(h,{...r,children:[n,l,o,c,i,s]})}),m[6]=r,m[7]=u):u=m[7],u};N.args={};let $=[{name:"Basic",story:w,meta:_},{name:"SingleItem",story:v,meta:_},{name:"WithIcons",story:S,meta:_},{name:"WithInteractiveItems",story:R,meta:_},{name:"IconsOnly",story:C,meta:_},{name:"WithTruncation",story:E,meta:_},{name:"LongBreadcrumbs",story:N,meta:_}];function k({entry:e}){let{story:t,meta:r}=e,n={...r.args,...t.args},l="function"==typeof t||t.$$typeof?t:t.render||r.render||r.component,a=()=>o.default.createElement(l,n),c={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,c)}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(a))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(o.default.createElement(window.WallarmDS.Root,null,$.map((e,t)=>o.default.createElement(k,{key:t,entry:e})))),t}}})();

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

@@ -0,0 +1,19 @@
+Building blocks of a bulk-action bar summary ("3 selected · Select all · Clear"). Not a bar to
+mount yourself: for Table rows use `TableActionBar` (from Table; pass `rowSelection` and
+`onRowSelectionChange`), for cards and list items use `SelectionBulkBar` (from Selection).
+
+## 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 |
+| --- | --- | --- | --- | --- |
+| — | See emitted declarations in `components/index.d.ts`. | | | |
+
+## Sub-components
+
+- `WallarmDS.BulkBarSummary` — `BulkBarSummaryProps` in the declaration bundle.
+- `WallarmDS.BulkBarSummaryClear` — `BulkBarSummaryClearProps` in the declaration bundle.
+- `WallarmDS.BulkBarSummaryCount` — `BulkBarSummaryCountProps` in the declaration bundle.
+- `WallarmDS.BulkBarSummarySelectAll` — `BulkBarSummarySelectAllProps` in the declaration bundle.
+- `WallarmDS.BulkBarSummarySeparator` — `BulkBarSummarySeparatorProps` in the declaration bundle.