@webority/ui-react 0.106.0 → 0.108.0

package/dist/components/AppTabs.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppTooltip.js";import i from"./AppIcon.js";import a from"./renderIconProp.js";import{formatNumber as o}from"@webority/ui-elements/helpers";import{cloneElement as s,useCallback as c,useEffect as l,useLayoutEffect as u,useRef as d,useState as ee}from"react";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import"@webority/ui-elements/elements/overflow";var h=[`underline`,`pills`],g=[`horizontal`,`vertical`],te=[`sm`,`md`,`lg`],ne=[`automatic`,`manual`],re=[`scroll`,`menu`],_=[`success`,`warning`,`danger`,`info`],v=1,y=28,b=.7;function x(x){let{tabs:S,value:C,onChange:w,linkComponent:T,variant:E=`underline`,orientation:D=`horizontal`,size:O=`md`,fitted:k=!1,overflow:A=`scroll`,moreLabel:j=`More`,maxVisible:M,activation:N=`automatic`,ariaLabel:ie,className:ae=``,style:P,"data-canvas":oe,...F}=x;n(`AppTabs`,F),t(`AppTabs`,`variant`,E,h),t(`AppTabs`,`orientation`,D,g),t(`AppTabs`,`size`,O,te),t(`AppTabs`,`activation`,N,ne),t(`AppTabs`,`overflow`,A,re);for(let e of S)t(`AppTabs`,`tabs[].tone`,e.tone,_);let I=d(null),L=d(null),R=D===`vertical`,z=(A===`menu`||M!=null)&&!R,[B,V]=ee(C);l(()=>{V(C)},[C]);let H=S.find(e=>!e.disabled)?.key,U=S.some(e=>e.key===B&&!e.disabled)?B:void 0,W=S.some(e=>e.key===C&&!e.disabled)?C:void 0,G=U??W??H,K=e=>{I.current?.querySelector(`[data-key="${CSS.escape(String(e))}"]`)?.focus()},q=c(()=>{let e=I.current,t=L.current;if(!e||!t||R||z)return;let n=e.scrollWidth-e.clientWidth;t.classList.toggle(`is-overflow-start`,e.scrollLeft>v),t.classList.toggle(`is-overflow-end`,n>v&&e.scrollLeft<n-v)},[R,z]),J=c(()=>{let e=I.current;if(!e)return;let t=e.querySelector(`.app-tab.active`);t?(R?(e.style.setProperty(`--wui-tab-y`,`${t.offsetTop}px`),e.style.setProperty(`--wui-tab-h`,`${t.offsetHeight}px`)):(e.style.setProperty(`--wui-tab-x`,`${t.offsetLeft}px`),e.style.setProperty(`--wui-tab-w`,`${t.offsetWidth}px`)),e.toggleAttribute(`data-active-danger`,!!S.find(e=>e.key===C)?.danger)):e.style.setProperty(R?`--wui-tab-h`:`--wui-tab-w`,`0px`),e.setAttribute(`data-wui-tabs`,``),q()},[R,S,C,q]),Y=e=>!z||!I.current?.querySelector(`[data-key="${CSS.escape(String(e))}"][data-wui-overflow-hidden]`),X=c(()=>{let e=I.current;if(!e||R)return;let t=e.querySelector(`.app-tab.active`);if(!t)return;let n=y,r=t.offsetLeft,i=r+t.offsetWidth;r-n<e.scrollLeft?e.scrollLeft=Math.max(0,r-n):i+n>e.scrollLeft+e.clientWidth&&(e.scrollLeft=i+n-e.clientWidth)},[R]);u(()=>{J()},[J]),u(()=>{X()},[C,X]);let Z=d(J);l(()=>{Z.current=J},[J]),l(()=>{if(!document.fonts)return;let e=!0;return document.fonts.ready.then(()=>{e&&Z.current()}),()=>{e=!1}},[]),l(()=>{if(typeof ResizeObserver>`u`)return;let e=new ResizeObserver(()=>Z.current());return I.current&&e.observe(I.current),L.current&&e.observe(L.current),()=>e.disconnect()},[R,z]),l(()=>{let e=L.current;if(!z||!e)return;let t=()=>Z.current();return e.addEventListener(`wui-overflow-change`,t),()=>e.removeEventListener(`wui-overflow-change`,t)},[z]);function se(e){let t=e.target?.dataset?.key;if(t==null)return;let n=S.findIndex(e=>e.key===t);if(n<0)return;let r=S.length,i=(e,t)=>{for(let n=1;n<=r;n++){let i=S[((e+t*n)%r+r)%r];if(!i.disabled&&Y(i.key))return i}return null},a=R?`ArrowDown`:`ArrowRight`,o=R?`ArrowUp`:`ArrowLeft`,s=null;if(e.key===a?s=i(n,1):e.key===o?s=i(n,-1):e.key===`Home`?s=S.find(e=>!e.disabled&&Y(e.key))??null:e.key===`End`&&(s=[...S].reverse().find(e=>!e.disabled&&Y(e.key))??null),!s)return;e.preventDefault(),V(s.key),K(s.key);let c=s.href!=null||s.to!=null;N===`automatic`&&!c&&w?.(s.key)}let Q=e=>{let t=I.current;t&&t.scrollBy({left:e*t.clientWidth*b})},ce=[`app-tabs`,E===`pills`?`app-tabs-pills`:``,R?`app-tabs-vertical`:``,O===`sm`?`app-tabs-sm`:``,O===`lg`?`app-tabs-lg`:``,k?`app-tabs-fitted`:``,ae].filter(Boolean).join(` `),$=m(`div`,{ref:I,role:`tablist`,"aria-orientation":R?`vertical`:void 0,"aria-label":ie,className:ce,style:P,"data-wui-overflow-list":z?``:void 0,...F,onKeyDown:se,onScroll:q,children:[S.map(e=>{let t=e.key===C,n=e.href!=null||e.to!=null,i={role:`tab`,"data-key":e.key,"aria-selected":t,tabIndex:e.key===G?0:-1,className:`app-tab${t?` active`:``}${e.danger?` danger`:``}${n&&e.disabled?` disabled`:``}`},s=m(f,{children:[e.image?p(`img`,{className:`app-tab-img`,src:e.image,alt:e.imageAlt??``}):a(e.icon,{size:16,className:`app-tab-icon`}),p(`span`,{className:`wui-tab-label`,children:e.label}),(e.countLabel||e.count!=null)&&p(`span`,{className:`app-tab-count${e.tone?` ${e.tone}`:``}`,children:e.countLabel||o(e.count,{decimals:0})})]}),c;if(n){let t=e.to!=null&&T?T:`a`,n=e.rel??(e.target===`_blank`?`noopener noreferrer`:void 0),r=e.disabled?{"aria-disabled":!0}:t===`a`?{href:e.href??e.to,target:e.target,rel:n}:{to:e.to,target:e.target,rel:n},a=t=>{if(e.disabled){t.preventDefault();return}t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||(V(e.key),w?.(e.key))};c=p(t,{...i,...r,onClick:a,children:s},e.key)}else c=p(`button`,{type:`button`,...i,disabled:e.disabled,onClick:()=>{e.disabled||(V(e.key),w?.(e.key))},children:s},e.key);return e.tooltip?p(r,{content:e.tooltip,children:c},e.key):c}),p(`span`,{className:`app-tab-indicator`,"aria-hidden":`true`,"data-wui-overflow-skip":``})]});return R?s($,e(`AppTabs`,x)):z?p(`wui-overflow`,{...e(`AppTabs`,x),ref:L,class:`app-tabs-wrap`,label:j,children:$}):m(`div`,{...e(`AppTabs`,x),ref:L,className:`app-tabs-wrap`,children:[p(`button`,{type:`button`,className:`app-tabs-scroll-btn prev`,"aria-label":`Scroll tabs backward`,tabIndex:-1,onClick:()=>Q(-1),children:p(i,{name:`chevron-left`,size:16})}),$,p(`button`,{type:`button`,className:`app-tabs-scroll-btn next`,"aria-label":`Scroll tabs forward`,tabIndex:-1,onClick:()=>Q(1),children:p(i,{name:`chevron-right`,size:16})})]})}export{x as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppTooltip.js";import i from"./AppIcon.js";import a from"./renderIconProp.js";import{formatNumber as o}from"@webority/ui-elements/helpers";import{cloneElement as s,useCallback as c,useEffect as l,useLayoutEffect as u,useRef as d,useState as f}from"react";import{Fragment as p,jsx as m,jsxs as h}from"react/jsx-runtime";import"@webority/ui-elements/elements/overflow";var ee=[`underline`,`pills`],te=[`horizontal`,`vertical`],ne=[`sm`,`md`,`lg`],re=[`automatic`,`manual`],g=[`scroll`,`menu`],_=[`success`,`warning`,`danger`,`info`],v=1,y=28,ie=.7;function b(b){let{marker:x,props:S}=e(`AppTabs`,b),{tabs:C,value:w,onChange:T,linkComponent:E,variant:D=`underline`,orientation:O=`horizontal`,size:k=`md`,fitted:A=!1,overflow:j=`scroll`,moreLabel:M=`More`,maxVisible:ae,activation:N=`automatic`,ariaLabel:oe,className:se=``,style:P,...F}=S;n(`AppTabs`,F),t(`AppTabs`,`variant`,D,ee),t(`AppTabs`,`orientation`,O,te),t(`AppTabs`,`size`,k,ne),t(`AppTabs`,`activation`,N,re),t(`AppTabs`,`overflow`,j,g);for(let e of C)t(`AppTabs`,`tabs[].tone`,e.tone,_);let I=d(null),L=d(null),R=O===`vertical`,z=(j===`menu`||ae!=null)&&!R,[B,V]=f(w);l(()=>{V(w)},[w]);let H=C.find(e=>!e.disabled)?.key,U=C.some(e=>e.key===B&&!e.disabled)?B:void 0,W=C.some(e=>e.key===w&&!e.disabled)?w:void 0,G=U??W??H,K=e=>{I.current?.querySelector(`[data-key="${CSS.escape(String(e))}"]`)?.focus()},q=c(()=>{let e=I.current,t=L.current;if(!e||!t||R||z)return;let n=e.scrollWidth-e.clientWidth;t.classList.toggle(`is-overflow-start`,e.scrollLeft>v),t.classList.toggle(`is-overflow-end`,n>v&&e.scrollLeft<n-v)},[R,z]),J=c(()=>{let e=I.current;if(!e)return;let t=e.querySelector(`.app-tab.active`);t?(R?(e.style.setProperty(`--wui-tab-y`,`${t.offsetTop}px`),e.style.setProperty(`--wui-tab-h`,`${t.offsetHeight}px`)):(e.style.setProperty(`--wui-tab-x`,`${t.offsetLeft}px`),e.style.setProperty(`--wui-tab-w`,`${t.offsetWidth}px`)),e.toggleAttribute(`data-active-danger`,!!C.find(e=>e.key===w)?.danger)):e.style.setProperty(R?`--wui-tab-h`:`--wui-tab-w`,`0px`),e.setAttribute(`data-wui-tabs`,``),q()},[R,C,w,q]),Y=e=>!z||!I.current?.querySelector(`[data-key="${CSS.escape(String(e))}"][data-wui-overflow-hidden]`),X=c(()=>{let e=I.current;if(!e||R)return;let t=e.querySelector(`.app-tab.active`);if(!t)return;let n=y,r=t.offsetLeft,i=r+t.offsetWidth;r-n<e.scrollLeft?e.scrollLeft=Math.max(0,r-n):i+n>e.scrollLeft+e.clientWidth&&(e.scrollLeft=i+n-e.clientWidth)},[R]);u(()=>{J()},[J]),u(()=>{X()},[w,X]);let Z=d(J);l(()=>{Z.current=J},[J]),l(()=>{if(!document.fonts)return;let e=!0;return document.fonts.ready.then(()=>{e&&Z.current()}),()=>{e=!1}},[]),l(()=>{if(typeof ResizeObserver>`u`)return;let e=new ResizeObserver(()=>Z.current());return I.current&&e.observe(I.current),L.current&&e.observe(L.current),()=>e.disconnect()},[R,z]),l(()=>{let e=L.current;if(!z||!e)return;let t=()=>Z.current();return e.addEventListener(`wui-overflow-change`,t),()=>e.removeEventListener(`wui-overflow-change`,t)},[z]);function ce(e){let t=e.target?.dataset?.key;if(t==null)return;let n=C.findIndex(e=>e.key===t);if(n<0)return;let r=C.length,i=(e,t)=>{for(let n=1;n<=r;n++){let i=C[((e+t*n)%r+r)%r];if(!i.disabled&&Y(i.key))return i}return null},a=R?`ArrowDown`:`ArrowRight`,o=R?`ArrowUp`:`ArrowLeft`,s=null;if(e.key===a?s=i(n,1):e.key===o?s=i(n,-1):e.key===`Home`?s=C.find(e=>!e.disabled&&Y(e.key))??null:e.key===`End`&&(s=[...C].reverse().find(e=>!e.disabled&&Y(e.key))??null),!s)return;e.preventDefault(),V(s.key),K(s.key);let c=s.href!=null||s.to!=null;N===`automatic`&&!c&&T?.(s.key)}let Q=e=>{let t=I.current;t&&t.scrollBy({left:e*t.clientWidth*ie})},le=[`app-tabs`,D===`pills`?`app-tabs-pills`:``,R?`app-tabs-vertical`:``,k===`sm`?`app-tabs-sm`:``,k===`lg`?`app-tabs-lg`:``,A?`app-tabs-fitted`:``,se].filter(Boolean).join(` `),$=h(`div`,{ref:I,role:`tablist`,"aria-orientation":R?`vertical`:void 0,"aria-label":oe,className:le,style:P,"data-wui-overflow-list":z?``:void 0,...F,onKeyDown:ce,onScroll:q,children:[C.map(e=>{let t=e.key===w,n=e.href!=null||e.to!=null,i={role:`tab`,"data-key":e.key,"aria-selected":t,tabIndex:e.key===G?0:-1,className:`app-tab${t?` active`:``}${e.danger?` danger`:``}${n&&e.disabled?` disabled`:``}`},s=h(p,{children:[e.image?m(`img`,{className:`app-tab-img`,src:e.image,alt:e.imageAlt??``}):a(e.icon,{size:16,className:`app-tab-icon`}),m(`span`,{className:`wui-tab-label`,children:e.label}),(e.countLabel||e.count!=null)&&m(`span`,{className:`app-tab-count${e.tone?` ${e.tone}`:``}`,children:e.countLabel||o(e.count,{decimals:0})})]}),c;if(n){let t=e.to!=null&&E?E:`a`,n=e.rel??(e.target===`_blank`?`noopener noreferrer`:void 0),r=e.disabled?{"aria-disabled":!0}:t===`a`?{href:e.href??e.to,target:e.target,rel:n}:{to:e.to,target:e.target,rel:n},a=t=>{if(e.disabled){t.preventDefault();return}t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||(V(e.key),T?.(e.key))};c=m(t,{...i,...r,onClick:a,children:s},e.key)}else c=m(`button`,{type:`button`,...i,disabled:e.disabled,onClick:()=>{e.disabled||(V(e.key),T?.(e.key))},children:s},e.key);return e.tooltip?m(r,{content:e.tooltip,children:c},e.key):c}),m(`span`,{className:`app-tab-indicator`,"aria-hidden":`true`,"data-wui-overflow-skip":``})]});return R?s($,x):z?m(`wui-overflow`,{...x,ref:L,class:`app-tabs-wrap`,label:M,children:$}):h(`div`,{...x,ref:L,className:`app-tabs-wrap`,children:[m(`button`,{type:`button`,className:`app-tabs-scroll-btn prev`,"aria-label":`Scroll tabs backward`,tabIndex:-1,onClick:()=>Q(-1),children:m(i,{name:`chevron-left`,size:16})}),$,m(`button`,{type:`button`,className:`app-tabs-scroll-btn next`,"aria-label":`Scroll tabs forward`,tabIndex:-1,onClick:()=>Q(1),children:m(i,{name:`chevron-right`,size:16})})]})}export{b as default};

package/dist/components/AppTagInput.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o,{readValues as s,writeValues as c}from"./useWuiControl.js";import{forwardRef as l,useId as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import"@webority/ui-elements/elements/taginput";var p=[`sm`,`lg`],m=l(function(l,m){let{values:h,onChange:g,placeholder:_=`Add…`,name:v,label:y,error:b,hint:x,required:S=!1,size:C,maxTags:w,allowDuplicates:T=!1,disabled:E=!1,id:D,ariaLabel:O,className:k=``,fieldClassName:A=``,help:j,helpLabel:M=`More information`,"data-canvas":N,...P}=l;n(`AppTagInput`,P),t(`AppTagInput`,`size`,C,p);let F=u(),I=D||F,{setRef:L}=o({ref:m,value:h,onChange:g,readValue:s,writeValue:c});return f(`div`,{...e(`AppTagInput`,l),className:`field${A?` ${A}`:``}`,children:[y&&f(`label`,{className:`label`,htmlFor:I,children:[y,S&&d(a,{}),j&&d(i,{label:M,children:j})]}),d(`wui-taginput`,{"aria-label":O||(typeof y==`string`?y:void 0),"aria-describedby":b?`${I}-error`:x?`${I}-hint`:void 0,"aria-invalid":b?`true`:void 0,id:I,ref:L,name:v,placeholder:_,size:C||void 0,"max-tags":w===void 0?void 0:String(w),"allow-duplicates":T?``:void 0,disabled:E?``:void 0,required:S?``:void 0,className:k||void 0,...P}),d(r,{error:b,hint:x,errorId:`${I}-error`,hintId:`${I}-hint`})]})});export{m as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o,{readValues as s,writeValues as c}from"./useWuiControl.js";import{forwardRef as l,useId as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import"@webority/ui-elements/elements/taginput";var p=[`sm`,`lg`],m=l(function(l,m){let{marker:h,props:g}=e(`AppTagInput`,l),{values:_,onChange:v,placeholder:y=`Add…`,name:b,label:x,error:S,hint:C,required:w=!1,size:T,maxTags:E,allowDuplicates:D=!1,disabled:O=!1,id:k,ariaLabel:A,className:j=``,fieldClassName:M=``,help:N,helpLabel:P=`More information`,...F}=g;n(`AppTagInput`,F),t(`AppTagInput`,`size`,T,p);let I=u(),L=k||I,{setRef:R}=o({ref:m,value:_,onChange:v,readValue:s,writeValue:c});return f(`div`,{...h,className:`field${M?` ${M}`:``}`,children:[x&&f(`label`,{className:`label`,htmlFor:L,children:[x,w&&d(a,{}),N&&d(i,{label:P,children:N})]}),d(`wui-taginput`,{"aria-label":A||(typeof x==`string`?x:void 0),"aria-describedby":S?`${L}-error`:C?`${L}-hint`:void 0,"aria-invalid":S?`true`:void 0,id:L,ref:R,name:b,placeholder:y,size:T||void 0,"max-tags":E===void 0?void 0:String(E),"allow-duplicates":D?``:void 0,disabled:O?``:void 0,required:w?``:void 0,className:j||void 0,...F}),d(r,{error:S,hint:C,errorId:`${L}-error`,hintId:`${L}-hint`})]})});export{m as default};

package/dist/components/AppTextarea.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import{devWarn as t}from"../lib/devWarn.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import{forwardRef as o,useCallback as s,useEffect as c,useId as l,useLayoutEffect as u,useRef as d,useState as f}from"react";import{Form as p}from"react-bootstrap";import{jsx as m,jsxs as h}from"react/jsx-runtime";var g=o(function(o,g){let{label:_,required:v=!1,optional:y=!1,error:b,hint:x,help:S,helpLabel:C=`More information`,id:w,name:T,rows:E=4,autoGrow:D=!1,showCount:O=!1,maxLength:k,disabled:A=!1,readOnly:j=!1,className:M=``,fieldClassName:N=``,"data-canvas":P,...F}=o;n(`AppTextarea`,F),c(()=>{y&&v&&typeof process<`u`&&process.env.NODE_ENV!==`production`&&t(`AppTextarea: optional and required together; optional ignored`)},[y,v]);let I=l(),L=w||I,R=[`textarea`,D?`autosize`:``,b?`error`:``,M].filter(Boolean).join(` `),z=b&&L?`${L}-error`:void 0,B=x&&L?`${L}-hint`:void 0,V=z||B,H=d(null),U=e=>{H.current=e,typeof g==`function`?g(e):g&&(g.current=e)},W=s(()=>{let e=H.current;e&&(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`)},[]);u(()=>{D&&W()},[D,W,F.value]);let[G,K]=f(()=>String(F.value??F.defaultValue??``).length);c(()=>{!O||F.value===void 0||K(String(F.value??``).length)},[F.value,O]);let q=e=>{D&&W(),O&&K(e.target.value.length),F.onInput?.(e)};return h(p.Group,{...e(`AppTextarea`,o),className:`field${N?` ${N}`:``}`,children:[_&&h(p.Label,{className:`label`,htmlFor:L,children:[_,y&&!v&&m(`span`,{className:`label-optional`,children:` (optional)`}),v&&m(a,{}),S&&m(i,{label:C,children:S})]}),m(p.Control,{as:`textarea`,id:L,name:T,rows:E,className:R,"aria-invalid":b?`true`:`false`,"aria-describedby":V,required:v,maxLength:k,disabled:A,readOnly:j,...F,ref:U,onInput:q}),m(r,{error:b,hint:x,errorId:z,hintId:B}),O&&h(`div`,{className:`field-count${k&&G>=k?` at-limit`:``}`,children:[G,k?` / ${k}`:``]})]})});export{g as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import{devWarn as t}from"../lib/devWarn.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import{forwardRef as o,useCallback as s,useEffect as c,useId as l,useLayoutEffect as u,useRef as d,useState as f}from"react";import{Form as p}from"react-bootstrap";import{jsx as m,jsxs as h}from"react/jsx-runtime";var g=o(function(o,g){let{marker:_,props:v}=e(`AppTextarea`,o),{label:y,required:b=!1,optional:x=!1,error:S,hint:C,help:w,helpLabel:T=`More information`,id:E,name:D,rows:O=4,autoGrow:k=!1,showCount:A=!1,maxLength:j,disabled:M=!1,readOnly:N=!1,className:P=``,fieldClassName:F=``,...I}=v;n(`AppTextarea`,I),c(()=>{x&&b&&typeof process<`u`&&process.env.NODE_ENV!==`production`&&t(`AppTextarea: optional and required together; optional ignored`)},[x,b]);let L=l(),R=E||L,z=[`textarea`,k?`autosize`:``,S?`error`:``,P].filter(Boolean).join(` `),B=S&&R?`${R}-error`:void 0,V=C&&R?`${R}-hint`:void 0,H=B||V,U=d(null),W=e=>{U.current=e,typeof g==`function`?g(e):g&&(g.current=e)},G=s(()=>{let e=U.current;e&&(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`)},[]);u(()=>{k&&G()},[k,G,I.value]);let[K,q]=f(()=>String(I.value??I.defaultValue??``).length);c(()=>{!A||I.value===void 0||q(String(I.value??``).length)},[I.value,A]);let J=e=>{k&&G(),A&&q(e.target.value.length),I.onInput?.(e)};return h(p.Group,{..._,className:`field${F?` ${F}`:``}`,children:[y&&h(p.Label,{className:`label`,htmlFor:R,children:[y,x&&!b&&m(`span`,{className:`label-optional`,children:` (optional)`}),b&&m(a,{}),w&&m(i,{label:T,children:w})]}),m(p.Control,{as:`textarea`,id:R,name:D,rows:O,className:z,"aria-invalid":S?`true`:`false`,"aria-describedby":H,required:b,maxLength:j,disabled:M,readOnly:N,...I,ref:W,onInput:J}),m(r,{error:S,hint:C,errorId:B,hintId:V}),A&&h(`div`,{className:`field-count${j&&K>=j?` at-limit`:``}`,children:[K,j?` / ${j}`:``]})]})});export{g as default};

package/dist/components/AppThemeToggle.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppActionIcon.js";import i from"./AppSegmented.js";import{DEFAULT_THEME_EFFECT as a,DEFAULT_THEME_STORAGE_KEY as o,THEME_CHANGE_EVENT as s,THEME_EFFECTS as c,THEME_MODES as l,applyTheme as u,nextTheme as d,readStoredTheme as f,resolveTheme as p,storeTheme as m,transitionTheme as h,watchSystemTheme as g}from"@webority/ui-elements/helpers";import{useCallback as _,useEffect as v,useId as y,useState as b}from"react";import{jsx as x}from"react/jsx-runtime";import{flushSync as S}from"react-dom";var C={light:`sun`,dark:`moon`,auto:`monitor`},w={light:`light`,dark:`dark`,auto:`follows your device`},T=[`icon`,`segmented`],E={sm:16,md:20,lg:24,xl:28};function D(D){let{variant:O=`icon`,effect:k=a,includeAuto:A=!0,storageKey:j=o,duration:M,label:N=`Theme`,lightLabel:P=`Light`,darkLabel:F=`Dark`,autoLabel:I=`System`,name:L,size:R=`md`,tooltipPlacement:z=`auto`,onChange:B,className:V=``,...H}=D;n(`AppThemeToggle`,H),t(`AppThemeToggle`,`variant`,O,T),t(`AppThemeToggle`,`effect`,k,c),t(`AppThemeToggle`,`size`,R,Object.keys(E));let U=_(e=>e===`auto`&&!A?p(e):e,[A]),[W,G]=b(()=>U(typeof window>`u`?`auto`:f(j))),K=y(),q=L||K;v(()=>{let e=document.documentElement.getAttribute(`data-theme`);l.includes(e)?G(U(e)):u(f(j))},[]),v(()=>{let e=e=>{let t=e.detail?.preference;l.includes(t)&&G(U(t))};return document.addEventListener(s,e),()=>document.removeEventListener(s,e)},[U]),v(()=>g(()=>{document.documentElement.getAttribute(`data-theme`)===`auto`&&u(`auto`)}),[]);let J=_((e,t)=>{let n=t?.getBoundingClientRect?.()??{left:0,top:0,width:0,height:0},r={x:n.left+n.width/2,y:n.top+n.height/2};h(()=>{u(e),m(e,j),S(()=>G(e)),B?.(e)},{effect:k,to:p(e),origin:r,duration:M})},[j,k,M,B]);if(O===`segmented`){let t=[{value:`light`,label:P,icon:C.light},{value:`dark`,label:F,icon:C.dark}];return A&&t.push({value:`auto`,label:I,icon:C.auto}),x(i,{...e(`AppThemeToggle`,D),options:t,value:W,name:q,label:N,size:R===`xl`?`lg`:R,className:[`wui-theme-toggle`,`wui-theme-toggle-segmented`,V].filter(Boolean).join(` `),onChange:e=>{if(e===W)return;let t=document.querySelector(`.segmented-input[name="${CSS.escape(q)}"][value="${e}"]`);J(e,t?.closest(`.segmented-option`)??t)}})}return x(r,{...e(`AppThemeToggle`,D),icon:C[W],label:`${N}: ${w[W]}`,size:E[R]??E.md,tooltipPlacement:z,onClick:e=>J(d(W,{includeAuto:A}),e.currentTarget),className:[`wui-theme-toggle`,V].filter(Boolean).join(` `)})}export{D as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppActionIcon.js";import i from"./AppSegmented.js";import{DEFAULT_THEME_EFFECT as a,DEFAULT_THEME_STORAGE_KEY as o,THEME_CHANGE_EVENT as s,THEME_EFFECTS as c,THEME_MODES as l,applyTheme as u,nextTheme as d,readStoredTheme as f,resolveTheme as p,storeTheme as m,transitionTheme as h,watchSystemTheme as g}from"@webority/ui-elements/helpers";import{useCallback as _,useEffect as v,useId as y,useState as b}from"react";import{jsx as x}from"react/jsx-runtime";import{flushSync as S}from"react-dom";var C={light:`sun`,dark:`moon`,auto:`monitor`},w={light:`light`,dark:`dark`,auto:`follows your device`},T=[`icon`,`segmented`],E={sm:16,md:20,lg:24,xl:28};function D(D){let{marker:O,props:k}=e(`AppThemeToggle`,D),{variant:A=`icon`,effect:j=a,includeAuto:M=!0,storageKey:N=o,duration:P,label:F=`Theme`,lightLabel:I=`Light`,darkLabel:L=`Dark`,autoLabel:R=`System`,name:z,size:B=`md`,tooltipPlacement:V=`auto`,onChange:H,className:U=``,...W}=k;n(`AppThemeToggle`,W),t(`AppThemeToggle`,`variant`,A,T),t(`AppThemeToggle`,`effect`,j,c),t(`AppThemeToggle`,`size`,B,Object.keys(E));let G=_(e=>e===`auto`&&!M?p(e):e,[M]),[K,q]=b(()=>G(typeof window>`u`?`auto`:f(N))),J=y(),Y=z||J;v(()=>{let e=document.documentElement.getAttribute(`data-theme`);l.includes(e)?q(G(e)):u(f(N))},[]),v(()=>{let e=e=>{let t=e.detail?.preference;l.includes(t)&&q(G(t))};return document.addEventListener(s,e),()=>document.removeEventListener(s,e)},[G]),v(()=>g(()=>{document.documentElement.getAttribute(`data-theme`)===`auto`&&u(`auto`)}),[]);let X=_((e,t)=>{let n=t?.getBoundingClientRect?.()??{left:0,top:0,width:0,height:0},r={x:n.left+n.width/2,y:n.top+n.height/2};h(()=>{u(e),m(e,N),S(()=>q(e)),H?.(e)},{effect:j,to:p(e),origin:r,duration:P})},[N,j,P,H]);if(A===`segmented`){let e=[{value:`light`,label:I,icon:C.light},{value:`dark`,label:L,icon:C.dark}];return M&&e.push({value:`auto`,label:R,icon:C.auto}),x(i,{...O,options:e,value:K,name:Y,label:F,size:B===`xl`?`lg`:B,className:[`wui-theme-toggle`,`wui-theme-toggle-segmented`,U].filter(Boolean).join(` `),onChange:e=>{if(e===K)return;let t=document.querySelector(`.segmented-input[name="${CSS.escape(Y)}"][value="${e}"]`);X(e,t?.closest(`.segmented-option`)??t)}})}return x(r,{...O,icon:C[K],label:`${F}: ${w[K]}`,size:E[B]??E.md,tooltipPlacement:V,onClick:e=>X(d(K,{includeAuto:M}),e.currentTarget),className:[`wui-theme-toggle`,U].filter(Boolean).join(` `)})}export{D as default};

package/dist/components/AppTimePicker.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o from"./useWuiControl.js";import{cloneElement as s,forwardRef as c,useId as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import"@webority/ui-elements/elements/timepicker";var f=[`sm`,`md`,`lg`],p=[`12`,`24`],m=c(function(c,m){let{value:h,onChange:g,label:_,required:v=!1,hint:y,error:b,help:x,helpLabel:S=`More information`,name:C,min:w,max:T,step:E,format:D=24,placeholder:O=`Select time`,disabled:k,size:A,id:j,ariaLabel:M,className:N=``,fieldClassName:P=``,"data-canvas":F,...I}=c;n(`AppTimePicker`,I),t(`AppTimePicker`,`size`,A,f);let L=String(D);t(`AppTimePicker`,`format`,L,p);let R=l(),z=j||C||R,{setRef:B}=o({ref:m,value:h??``,onChange:g}),V=!_&&!b&&!y,H=b?`${z}-error`:void 0,U=y?`${z}-hint`:void 0,W=u(`wui-timepicker`,{ref:B,value:h||void 0,id:z,name:C,min:w,max:T,step:E==null?void 0:String(E),format:L,placeholder:O,size:A||void 0,"aria-label":M||(typeof _==`string`?_:void 0),"aria-describedby":H||U,"aria-invalid":b?`true`:void 0,disabled:k?``:void 0,required:v?``:void 0,className:N||void 0,...I});return V?s(W,e(`AppTimePicker`,c)):d(`div`,{...e(`AppTimePicker`,c),className:`field${P?` ${P}`:``}`,children:[_&&d(`label`,{className:`label`,htmlFor:z,children:[_,v&&u(a,{}),x&&u(i,{label:S,children:x})]}),W,u(r,{error:b,hint:y,errorId:H,hintId:U})]})});export{m as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o from"./useWuiControl.js";import{cloneElement as s,forwardRef as c,useId as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import"@webority/ui-elements/elements/timepicker";var f=[`sm`,`md`,`lg`],p=[`12`,`24`],m=c(function(c,m){let{marker:h,props:g}=e(`AppTimePicker`,c),{value:_,onChange:v,label:y,required:b=!1,hint:x,error:S,help:C,helpLabel:w=`More information`,name:T,min:E,max:D,step:O,format:k=24,placeholder:A=`Select time`,disabled:j,size:M,id:N,ariaLabel:P,className:F=``,fieldClassName:I=``,...L}=g;n(`AppTimePicker`,L),t(`AppTimePicker`,`size`,M,f);let R=String(k);t(`AppTimePicker`,`format`,R,p);let z=l(),B=N||T||z,{setRef:V}=o({ref:m,value:_??``,onChange:v}),H=!y&&!S&&!x,U=S?`${B}-error`:void 0,W=x?`${B}-hint`:void 0,G=u(`wui-timepicker`,{ref:V,value:_||void 0,id:B,name:T,min:E,max:D,step:O==null?void 0:String(O),format:R,placeholder:A,size:M||void 0,"aria-label":P||(typeof y==`string`?y:void 0),"aria-describedby":U||W,"aria-invalid":S?`true`:void 0,disabled:j?``:void 0,required:b?``:void 0,className:F||void 0,...L});return H?s(G,h):d(`div`,{...h,className:`field${I?` ${I}`:``}`,children:[y&&d(`label`,{className:`label`,htmlFor:B,children:[y,b&&u(a,{}),C&&u(i,{label:w,children:C})]}),G,u(r,{error:S,hint:x,errorId:U,hintId:W})]})});export{m as default};

package/dist/components/AppTimeline.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";var o=[`feed`,`progress`,`steps`],s=[`vertical`,`horizontal`],c=[`linear`,`outline`,`bold`,`bulk`,`broken`,`twotone`],l=[`neutral`,`success`,`warning`,`danger`,`info`],u=[`sm`,`md`,`lg`],d={done:`check`,current:`clock`,"on-hold":`lock`,rejected:`x`,cancelled:`minus`,skipped:`arrow-right`,upcoming:null},f=e=>typeof e==`string`&&(/^https?:[/][/]/i.test(e)||e.startsWith(`/`)&&e[1]!==`/`&&e[1]!==`\\`)&&![...e].some(e=>e.charCodeAt(0)<=32||e.charCodeAt(0)===127);function p(e){if(!(e.byHref==null||e.byHref===``)){if(!f(e.byHref))throw Error(`<AppTimeline> items[].byHref must be a path starting with one '/', or an http:// or https:// address, with no spaces.`);if(!e.by)throw Error(`<AppTimeline> items[].byHref links the by name, so the item needs by.`)}}var m=e=>e.byHref?i(`a`,{className:`timeline-by-link`,href:e.byHref,children:e.by}):e.by;function h(f){let{items:h=[],variant:g=`feed`,orientation:_,iconVariant:v,size:y,className:b=``,style:x,...S}=f;n(`AppTimeline`,S),t(`AppTimeline`,`variant`,g,o),t(`AppTimeline`,`orientation`,_,s),t(`AppTimeline`,`iconVariant`,v,c),t(`AppTimeline`,`size`,typeof y==`string`?y:null,u);for(let e of h)t(`AppTimeline`,`items[].tone`,e.tone,l),p(e),g===`progress`&&t(`AppTimeline`,`items[].status`,e.status,Object.keys(d));let C=g===`progress`,w=g===`steps`,T=_===`horizontal`,E=v??(w?`bulk`:void 0),D=typeof y==`string`&&u.includes(y)?y:`md`,O=typeof y==`number`&&y>0?y:void 0,k=!O&&D!==`md`?` wui-timeline--${D}`:``,A=`${w?`timeline wui-timeline--steps${_===`vertical`?` wui-timeline--steps-vertical`:``}`:`timeline${C?` timeline--progress`:``}${T?` timeline--horizontal`:``}`}${k}${b?` ${b}`:``}`,j=w?O?Math.round(O*.43):{sm:19,md:24,lg:31}[D]:O?Math.round(O*.54):C?{sm:10,md:13,lg:17}[D]:{sm:10,md:12,lg:17}[D];return i(`ol`,{className:A,style:O?{...x,"--wui-timeline-dot":`${O}px`}:x,...e(`AppTimeline`,f),...S,children:h.map((e,t)=>{let n=e.tone&&e.tone!==`neutral`?` ${e.tone}`:``;if(w){let o=e.eyebrow??`Step ${t+1}`;return a(`li`,{className:`timeline-item${n}`,children:[i(`span`,{className:`timeline-dot`,children:e.icon?i(r,{name:e.icon,size:j,variant:E}):null}),a(`div`,{className:`timeline-body`,children:[o!==``&&i(`div`,{className:`wui-timeline-eyebrow`,children:o}),i(`div`,{className:`timeline-title`,children:e.title}),e.description&&i(`div`,{className:`timeline-desc`,children:e.description})]})]},e.key??`${e.at}-${t}`)}let o=C?e.status:void 0,s=o?` is-${o}`:``,c=C?e.icon??(o?d[o]:void 0):e.icon||`circle`;return a(`li`,{className:`timeline-item${s}${n}`,children:[i(`span`,{className:`timeline-dot`,children:c?i(r,{name:c,size:j,variant:E}):null}),a(`div`,{className:`timeline-body`,children:[C?a(`div`,{className:`timeline-head`,children:[i(`div`,{className:`timeline-title`,children:e.title}),(e.at||e.time)&&a(`span`,{className:`timeline-when`,children:[e.at&&i(`span`,{className:`timeline-at`,title:e.atTitle||void 0,children:e.at}),e.time&&i(`span`,{className:`timeline-time`,children:e.time})]})]}):i(`div`,{className:`timeline-title`,children:e.title}),e.description&&i(`div`,{className:`timeline-desc`,children:e.description}),!C&&(e.at||e.time||e.by)&&a(`div`,{className:`timeline-meta`,children:[(e.at||e.time)&&a(`span`,{className:`timeline-when`,children:[e.at&&i(`span`,{className:`timeline-at`,title:e.atTitle||void 0,children:e.at}),e.time&&i(`span`,{className:`timeline-time`,children:e.time})]}),e.by&&i(`span`,{className:`timeline-by`,children:m(e)})]}),C&&e.by&&i(`div`,{className:`timeline-meta`,children:i(`span`,{className:`timeline-by`,children:m(e)})}),e.note&&i(`p`,{className:`timeline-note`,children:e.note})]})]},e.key??`${e.at}-${t}`)})})}export{h as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";var o=[`feed`,`progress`,`steps`],s=[`vertical`,`horizontal`],c=[`linear`,`outline`,`bold`,`bulk`,`broken`,`twotone`],l=[`neutral`,`success`,`warning`,`danger`,`info`],u=[`sm`,`md`,`lg`],d={done:`check`,current:`clock`,"on-hold":`lock`,rejected:`x`,cancelled:`minus`,skipped:`arrow-right`,upcoming:null},f=e=>typeof e==`string`&&(/^https?:[/][/]/i.test(e)||e.startsWith(`/`)&&e[1]!==`/`&&e[1]!==`\\`)&&![...e].some(e=>e.charCodeAt(0)<=32||e.charCodeAt(0)===127);function p(e){if(!(e.byHref==null||e.byHref===``)){if(!f(e.byHref))throw Error(`<AppTimeline> items[].byHref must be a path starting with one '/', or an http:// or https:// address, with no spaces.`);if(!e.by)throw Error(`<AppTimeline> items[].byHref links the by name, so the item needs by.`)}}var m=e=>e.byHref?i(`a`,{className:`timeline-by-link`,href:e.byHref,children:e.by}):e.by;function h(f){let{marker:h,props:g}=e(`AppTimeline`,f),{items:_=[],variant:v=`feed`,orientation:y,iconVariant:b,size:x,className:S=``,style:C,...w}=g;n(`AppTimeline`,w),t(`AppTimeline`,`variant`,v,o),t(`AppTimeline`,`orientation`,y,s),t(`AppTimeline`,`iconVariant`,b,c),t(`AppTimeline`,`size`,typeof x==`string`?x:null,u);for(let e of _)t(`AppTimeline`,`items[].tone`,e.tone,l),p(e),v===`progress`&&t(`AppTimeline`,`items[].status`,e.status,Object.keys(d));let T=v===`progress`,E=v===`steps`,D=y===`horizontal`,O=b??(E?`bulk`:void 0),k=typeof x==`string`&&u.includes(x)?x:`md`,A=typeof x==`number`&&x>0?x:void 0,j=!A&&k!==`md`?` wui-timeline--${k}`:``,M=`${E?`timeline wui-timeline--steps${y===`vertical`?` wui-timeline--steps-vertical`:``}`:`timeline${T?` timeline--progress`:``}${D?` timeline--horizontal`:``}`}${j}${S?` ${S}`:``}`,N=E?A?Math.round(A*.43):{sm:19,md:24,lg:31}[k]:A?Math.round(A*.54):T?{sm:10,md:13,lg:17}[k]:{sm:10,md:12,lg:17}[k];return i(`ol`,{className:M,style:A?{...C,"--wui-timeline-dot":`${A}px`}:C,...h,...w,children:_.map((e,t)=>{let n=e.tone&&e.tone!==`neutral`?` ${e.tone}`:``;if(E){let o=e.eyebrow??`Step ${t+1}`;return a(`li`,{className:`timeline-item${n}`,children:[i(`span`,{className:`timeline-dot`,children:e.icon?i(r,{name:e.icon,size:N,variant:O}):null}),a(`div`,{className:`timeline-body`,children:[o!==``&&i(`div`,{className:`wui-timeline-eyebrow`,children:o}),i(`div`,{className:`timeline-title`,children:e.title}),e.description&&i(`div`,{className:`timeline-desc`,children:e.description})]})]},e.key??`${e.at}-${t}`)}let o=T?e.status:void 0,s=o?` is-${o}`:``,c=T?e.icon??(o?d[o]:void 0):e.icon||`circle`;return a(`li`,{className:`timeline-item${s}${n}`,children:[i(`span`,{className:`timeline-dot`,children:c?i(r,{name:c,size:N,variant:O}):null}),a(`div`,{className:`timeline-body`,children:[T?a(`div`,{className:`timeline-head`,children:[i(`div`,{className:`timeline-title`,children:e.title}),(e.at||e.time)&&a(`span`,{className:`timeline-when`,children:[e.at&&i(`span`,{className:`timeline-at`,title:e.atTitle||void 0,children:e.at}),e.time&&i(`span`,{className:`timeline-time`,children:e.time})]})]}):i(`div`,{className:`timeline-title`,children:e.title}),e.description&&i(`div`,{className:`timeline-desc`,children:e.description}),!T&&(e.at||e.time||e.by)&&a(`div`,{className:`timeline-meta`,children:[(e.at||e.time)&&a(`span`,{className:`timeline-when`,children:[e.at&&i(`span`,{className:`timeline-at`,title:e.atTitle||void 0,children:e.at}),e.time&&i(`span`,{className:`timeline-time`,children:e.time})]}),e.by&&i(`span`,{className:`timeline-by`,children:m(e)})]}),T&&e.by&&i(`div`,{className:`timeline-meta`,children:i(`span`,{className:`timeline-by`,children:m(e)})}),e.note&&i(`p`,{className:`timeline-note`,children:e.note})]})]},e.key??`${e.at}-${t}`)})})}export{h as default};

package/dist/components/AppToast.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import{adoptToast as i,dismissToast as a,subscribeToasts as o}from"./toastStore.js";import{useEffect as s,useRef as c,useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";var f={success:{icon:`check-circle`,assertive:!1},info:{icon:`info`,assertive:!1},warning:{icon:`alert-triangle`,assertive:!0},danger:{icon:`alert-circle`,assertive:!0}},p={"top-start":`top-0 start-0`,"top-center":`top-0 start-50 translate-middle-x`,"top-end":`top-0 end-0`,"middle-center":`top-50 start-50 translate-middle`,"bottom-start":`bottom-0 start-0`,"bottom-center":`bottom-0 start-50 translate-middle-x`,"bottom-end":`bottom-0 end-0`},m=64,h=new Set([`rise`,`organic`,`jelly`,`spring`]),g=new Set([`rounded`,`pill`,`sharp`]),_=new Set([`auto`,`inverse`]);function v(r){let{position:i=`bottom-end`,maxVisible:a=4,animation:c=`rise`,shape:f=`rounded`,surface:m=`auto`,className:v=``,...b}=r;n(`AppToast`,b),t(`AppToast`,`position`,i,Object.keys(p)),t(`AppToast`,`animation`,c,h),t(`AppToast`,`shape`,f,g),t(`AppToast`,`surface`,m,_);let[x,S]=l([]);s(()=>o(S),[]);let C=Math.max(0,x.length-a),w=C?x.slice(C):x,T=p[i]??p[`bottom-end`];return d(`div`,{...e(`AppToast`,r),...b,className:`wui-toast-container toast-container position-fixed ${T} p-3 ${v}`.trim(),children:[C>0&&d(`div`,{className:`wui-toast-more`,"aria-hidden":`true`,children:[`+`,C,` more`]}),w.map(e=>u(y,{toast:e,defaultAnimation:c,defaultShape:f,defaultSurface:m},e.id))]})}function y({toast:e,defaultAnimation:t=`rise`,defaultShape:n=`rounded`,defaultSurface:o=`auto`}){let p=f[e.variant]??f.success,v=h.has(e.animation)?e.animation:t,y=g.has(e.shape)?e.shape:n,b=_.has(e.surface)?e.surface:o,x=(v!==`rise`&&h.has(v)?` wui-toast--anim-${v}`:``)+(y!==`rounded`&&g.has(y)?` wui-toast--shape-${y}`:``)+(b===`inverse`?` wui-toast--surface-inverse`:``),S=e.duration===0,[C,w]=l(0),[T,E]=l(!1),D=c(null),O=()=>a(e.id),k=c(null);s(()=>{if(e.duration===0)return;i(e.id);let t=k.current,n=t==null?``:getComputedStyle(t).animationName;if(t!=null&&(typeof t.getAnimations==`function`?t.getAnimations().length>0:n!==``&&n!==`none`))return;let r=setTimeout(()=>a(e.id),e.duration);return()=>clearTimeout(r)},[e.id,e.duration]);let A=e=>{e.button!==0||e.target.closest(`button`)||(D.current=e.clientX,E(!0),e.currentTarget.setPointerCapture?.(e.pointerId))},j=e=>{D.current!==null&&w(e.clientX-D.current)},M=()=>{D.current=null,E(!1),w(0)},N=e=>{if(D.current===null)return;let t=e.clientX-D.current;if(Math.abs(t)>m){O();return}M()},P=C?{transform:`translateX(${C}px)`,opacity:Math.max(0,1-Math.abs(C)/200)}:void 0;return d(`div`,{className:`toast show wui-toast wui-toast--${e.variant}${x}${T?` wui-toast--dragging`:``}`,role:p.assertive?`alert`:`status`,"aria-live":p.assertive?`assertive`:`polite`,"aria-atomic":`true`,style:P,onPointerDown:A,onPointerMove:j,onPointerUp:N,onPointerCancel:M,children:[u(`span`,{className:`wui-toast-icon`,"aria-hidden":`true`,children:u(r,{name:p.icon,size:20})}),d(`div`,{className:`wui-toast-content`,children:[e.title&&u(`div`,{className:`wui-toast-title`,children:e.title}),u(`div`,{className:`wui-toast-message`,children:e.message}),typeof e.progress==`number`&&d(`div`,{className:`wui-toast-task`,children:[u(`div`,{className:`wui-toast-track`,role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.min(100,Math.max(0,Math.round(e.progress))),children:u(`div`,{className:`wui-toast-track-fill`,style:{width:`${Math.min(100,Math.max(0,e.progress))}%`}})}),d(`span`,{className:`wui-toast-track-pct`,"aria-hidden":`true`,children:[Math.min(100,Math.max(0,Math.round(e.progress))),`%`]})]}),e.action&&u(`button`,{type:`button`,className:`wui-toast-action`,onClick:()=>{e.action.onClick?.(),O()},children:e.action.label})]}),u(`button`,{type:`button`,className:`btn-close wui-toast-close`,"aria-label":`Close`,onClick:O}),!S&&u(`div`,{ref:k,className:`wui-toast-progress`,style:{animationDuration:`${e.duration}ms`},onAnimationEnd:O})]})}export{v as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import{adoptToast as i,dismissToast as a,subscribeToasts as o}from"./toastStore.js";import{useEffect as s,useRef as c,useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";var f={success:{icon:`check-circle`,assertive:!1},info:{icon:`info`,assertive:!1},warning:{icon:`alert-triangle`,assertive:!0},danger:{icon:`alert-circle`,assertive:!0}},p={"top-start":`top-0 start-0`,"top-center":`top-0 start-50 translate-middle-x`,"top-end":`top-0 end-0`,"middle-center":`top-50 start-50 translate-middle`,"bottom-start":`bottom-0 start-0`,"bottom-center":`bottom-0 start-50 translate-middle-x`,"bottom-end":`bottom-0 end-0`},m=64,h=new Set([`rise`,`organic`,`jelly`,`spring`]),g=new Set([`rounded`,`pill`,`sharp`]),_=new Set([`auto`,`inverse`]);function v(r){let{marker:i,props:a}=e(`AppToast`,r),{position:c=`bottom-end`,maxVisible:f=4,animation:m=`rise`,shape:v=`rounded`,surface:b=`auto`,className:x=``,...S}=a;n(`AppToast`,S),t(`AppToast`,`position`,c,Object.keys(p)),t(`AppToast`,`animation`,m,h),t(`AppToast`,`shape`,v,g),t(`AppToast`,`surface`,b,_);let[C,w]=l([]);s(()=>o(w),[]);let T=Math.max(0,C.length-f),E=T?C.slice(T):C,D=p[c]??p[`bottom-end`];return d(`div`,{...i,...S,className:`wui-toast-container toast-container position-fixed ${D} p-3 ${x}`.trim(),children:[T>0&&d(`div`,{className:`wui-toast-more`,"aria-hidden":`true`,children:[`+`,T,` more`]}),E.map(e=>u(y,{toast:e,defaultAnimation:m,defaultShape:v,defaultSurface:b},e.id))]})}function y({toast:e,defaultAnimation:t=`rise`,defaultShape:n=`rounded`,defaultSurface:o=`auto`}){let p=f[e.variant]??f.success,v=h.has(e.animation)?e.animation:t,y=g.has(e.shape)?e.shape:n,b=_.has(e.surface)?e.surface:o,x=(v!==`rise`&&h.has(v)?` wui-toast--anim-${v}`:``)+(y!==`rounded`&&g.has(y)?` wui-toast--shape-${y}`:``)+(b===`inverse`?` wui-toast--surface-inverse`:``),S=e.duration===0,[C,w]=l(0),[T,E]=l(!1),D=c(null),O=()=>a(e.id),k=c(null);s(()=>{if(e.duration===0)return;i(e.id);let t=k.current,n=t==null?``:getComputedStyle(t).animationName;if(t!=null&&(typeof t.getAnimations==`function`?t.getAnimations().length>0:n!==``&&n!==`none`))return;let r=setTimeout(()=>a(e.id),e.duration);return()=>clearTimeout(r)},[e.id,e.duration]);let A=e=>{e.button!==0||e.target.closest(`button`)||(D.current=e.clientX,E(!0),e.currentTarget.setPointerCapture?.(e.pointerId))},j=e=>{D.current!==null&&w(e.clientX-D.current)},M=()=>{D.current=null,E(!1),w(0)},N=e=>{if(D.current===null)return;let t=e.clientX-D.current;if(Math.abs(t)>m){O();return}M()},P=C?{transform:`translateX(${C}px)`,opacity:Math.max(0,1-Math.abs(C)/200)}:void 0;return d(`div`,{className:`toast show wui-toast wui-toast--${e.variant}${x}${T?` wui-toast--dragging`:``}`,role:p.assertive?`alert`:`status`,"aria-live":p.assertive?`assertive`:`polite`,"aria-atomic":`true`,style:P,onPointerDown:A,onPointerMove:j,onPointerUp:N,onPointerCancel:M,children:[u(`span`,{className:`wui-toast-icon`,"aria-hidden":`true`,children:u(r,{name:p.icon,size:20})}),d(`div`,{className:`wui-toast-content`,children:[e.title&&u(`div`,{className:`wui-toast-title`,children:e.title}),u(`div`,{className:`wui-toast-message`,children:e.message}),typeof e.progress==`number`&&d(`div`,{className:`wui-toast-task`,children:[u(`div`,{className:`wui-toast-track`,role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.min(100,Math.max(0,Math.round(e.progress))),children:u(`div`,{className:`wui-toast-track-fill`,style:{width:`${Math.min(100,Math.max(0,e.progress))}%`}})}),d(`span`,{className:`wui-toast-track-pct`,"aria-hidden":`true`,children:[Math.min(100,Math.max(0,Math.round(e.progress))),`%`]})]}),e.action&&u(`button`,{type:`button`,className:`wui-toast-action`,onClick:()=>{e.action.onClick?.(),O()},children:e.action.label})]}),u(`button`,{type:`button`,className:`btn-close wui-toast-close`,"aria-label":`Close`,onClick:O}),!S&&u(`div`,{ref:k,className:`wui-toast-progress`,style:{animationDuration:`${e.duration}ms`},onAnimationEnd:O})]})}export{v as default};

package/dist/components/AppToolbar.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnUnknownProps.js";import n from"./renderIconProp.js";import{useId as r,useState as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s(s){let{items:c=[],actions:l=[],value:u,defaultValue:d,onSelect:f,label:p,name:m,disabled:h=!1,className:g=``,..._}=s;t(`AppToolbar`,_);let v=r(),y=m||v,[b,x]=i(d),S=u===void 0?b:u;return o(`div`,{className:[`toolbar`,h?`is-disabled`:``,g].filter(Boolean).join(` `),role:`toolbar`,"aria-label":p,"aria-disabled":h||void 0,...e(`AppToolbar`,s),..._,children:[c.map(e=>o(`label`,{className:`toolbar-item`,children:[a(`input`,{type:`radio`,className:`toolbar-input`,name:y,value:e.value,checked:e.value===S,disabled:h||e.disabled,onChange:()=>{u===void 0&&x(e.value),f?.(e.value)}}),a(`span`,{className:`toolbar-item-icon`,children:n(e.icon,{size:16})}),a(`span`,{className:`toolbar-item-label`,children:e.title})]},e.value)),l.length>0&&a(`span`,{className:`toolbar-sep`,"aria-hidden":`true`}),l.map((e,t)=>a(`button`,{type:`button`,className:`toolbar-action`,"aria-label":e.title,disabled:h||e.disabled,onClick:e.onClick,children:a(`span`,{className:`toolbar-item-icon`,children:n(e.icon,{size:16})})},e.key??`${e.title}-${t}`))]})}export{s as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnUnknownProps.js";import n from"./renderIconProp.js";import{useId as r,useState as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s(s){let{marker:c,props:l}=e(`AppToolbar`,s),{items:u=[],actions:d=[],value:f,defaultValue:p,onSelect:m,label:h,name:g,disabled:_=!1,className:v=``,...y}=l;t(`AppToolbar`,y);let b=r(),x=g||b,[S,C]=i(p),w=f===void 0?S:f;return o(`div`,{className:[`toolbar`,_?`is-disabled`:``,v].filter(Boolean).join(` `),role:`toolbar`,"aria-label":h,"aria-disabled":_||void 0,...c,...y,children:[u.map(e=>o(`label`,{className:`toolbar-item`,children:[a(`input`,{type:`radio`,className:`toolbar-input`,name:x,value:e.value,checked:e.value===w,disabled:_||e.disabled,onChange:()=>{f===void 0&&C(e.value),m?.(e.value)}}),a(`span`,{className:`toolbar-item-icon`,children:n(e.icon,{size:16})}),a(`span`,{className:`toolbar-item-label`,children:e.title})]},e.value)),d.length>0&&a(`span`,{className:`toolbar-sep`,"aria-hidden":`true`}),d.map((e,t)=>a(`button`,{type:`button`,className:`toolbar-action`,"aria-label":e.title,disabled:_||e.disabled,onClick:e.onClick,children:a(`span`,{className:`toolbar-item-icon`,children:n(e.icon,{size:16})})},e.key??`${e.title}-${t}`))]})}export{s as default};

package/dist/components/AppTooltip.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import{shortcutChip as r}from"../lib/shortcutChip.js";import{cloneElement as i,useId as a,useRef as o,useState as s}from"react";import{OverlayTrigger as c,Tooltip as l}from"react-bootstrap";import{jsx as u,jsxs as d}from"react/jsx-runtime";var f=[`default`,`dark`,`primary`,`success`,`warning`,`danger`],p=[`sm`,`md`,`lg`],m={start:`left`,end:`right`,top:`top`,bottom:`bottom`},h=[`auto`,`top`,`bottom`,`start`,`end`],g={modifiers:[{name:`offset`,options:{offset:[0,6]}}]};function _(_){let{content:v,children:y,placement:b=`top`,tone:x=`default`,size:S=`md`,open:C,shortcut:w,className:T=``,...E}=_;n(`AppTooltip`,E),t(`AppTooltip`,`tone`,x,f),t(`AppTooltip`,`size`,S,p),t(`AppTooltip`,`placement`,b,h);let D=a(),[O,k]=s(!1),A=typeof C==`boolean`,j=d(l,{id:D,className:[`wui-tooltip`,x&&x!=="default"?`tone-${x}`:``,S&&S!==`md`?`size-${S}`:``,T].filter(Boolean).join(` `),...e(`AppTooltip`,_),children:[v,r(w,{inTooltip:!0})]}),M=e=>{y.props.onClick?.(e),E.onClick?.(e),k(!1)},N=o(!1),P=e=>{y.props.onFocusCapture?.(e),E.onFocusCapture?.(e),N.current=!e.currentTarget.matches?.(`:focus-visible`),queueMicrotask(()=>{N.current=!1})};return u(c,{trigger:[`hover`,`focus`],placement:m[b]||b,popperConfig:g,show:A?C:O,onToggle:A?void 0:e=>{let t=N.current;N.current=!1,!(e&&t)&&k(e)},overlay:j,children:A?i(y,E):i(y,{...E,onClick:M,onFocusCapture:P})})}export{_ as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import{shortcutChip as r}from"../lib/shortcutChip.js";import{cloneElement as i,useId as a,useRef as o,useState as s}from"react";import{OverlayTrigger as c,Tooltip as l}from"react-bootstrap";import{jsx as u,jsxs as d}from"react/jsx-runtime";var f=[`default`,`dark`,`primary`,`success`,`warning`,`danger`],p=[`sm`,`md`,`lg`],m={start:`left`,end:`right`,top:`top`,bottom:`bottom`},h=[`auto`,`top`,`bottom`,`start`,`end`],g={modifiers:[{name:`offset`,options:{offset:[0,6]}}]};function _(_){let{marker:v,props:y}=e(`AppTooltip`,_),{content:b,children:x,placement:S=`top`,tone:C=`default`,size:w=`md`,open:T,shortcut:E,className:D=``,...O}=y;n(`AppTooltip`,O),t(`AppTooltip`,`tone`,C,f),t(`AppTooltip`,`size`,w,p),t(`AppTooltip`,`placement`,S,h);let k=a(),[A,j]=s(!1),M=typeof T==`boolean`,N=d(l,{id:k,className:[`wui-tooltip`,C&&C!=="default"?`tone-${C}`:``,w&&w!==`md`?`size-${w}`:``,D].filter(Boolean).join(` `),...v,children:[b,r(E,{inTooltip:!0})]}),P=e=>{x.props.onClick?.(e),O.onClick?.(e),j(!1)},F=o(!1),I=e=>{x.props.onFocusCapture?.(e),O.onFocusCapture?.(e),F.current=!e.currentTarget.matches?.(`:focus-visible`),queueMicrotask(()=>{F.current=!1})};return u(c,{trigger:[`hover`,`focus`],placement:m[S]||S,popperConfig:g,show:M?T:A,onToggle:M?void 0:e=>{let t=F.current;F.current=!1,!(e&&t)&&j(e)},overlay:N,children:M?i(x,O):i(x,{...O,onClick:P,onFocusCapture:I})})}export{_ as default};

package/dist/components/AppTour.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import"@webority/ui-elements/elements/tour";import{forwardRef as r,useEffect as i,useLayoutEffect as a,useRef as o}from"react";import{jsx as s}from"react/jsx-runtime";var c=[`image`,`video`],l=[`click`],u=r(function(r,u){let{open:d,onClose:f,tourId:p,steps:m,seenStore:h,onBeforeStep:g,labels:_,endDialog:v=!0,className:y,...b}=r;n(`AppTour`,b);for(let e of m)t(`AppTour`,`steps[].mediaType`,e.mediaType,c),t(`AppTour`,`steps[].advanceOn`,e.advanceOn,l);let x=o(null),S=e=>{x.current=e,typeof u==`function`?u(e):u&&(u.current=e)};a(()=>{let e=x.current;e.seenStore=h??null,e.onBeforeStep=g??null}),a(()=>{let e=x.current;d?e.setAttribute(`open`,``):e.removeAttribute(`open`)},[d]);let C=o(f);return C.current=f,i(()=>{let e=x.current,t=e=>{let{reason:t,index:n,position:r,total:i}=e.detail;C.current?.(t,{index:n,position:r,total:i})};return e.addEventListener(`wui-tour:close`,t),()=>e.removeEventListener(`wui-tour:close`,t)},[]),s(`wui-tour`,{ref:S,"tour-id":p,"back-label":_?.back,"next-label":_?.next,"skip-label":_?.skip,"done-label":_?.done,"progress-label":_?.progress,"advance-label":_?.advance,"media-pause-label":_?.mediaPause,"media-play-label":_?.mediaPlay,"end-title":_?.endTitle,"end-message":_?.endMessage,"end-button":_?.endButton,"end-dialog":v===!1?`false`:void 0,class:y||void 0,...e(`AppTour`,r),...b,children:m.map(e=>s(`wui-tour-step`,{target:e.target,title:e.title,media:e.media,"media-alt":e.mediaAlt,"media-poster":e.mediaPoster,"media-type":e.mediaType,"advance-on":e.advanceOn,"action-label":e.actionLabel,children:e.description},`${e.target}|${e.description}`))})});export{u as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import"@webority/ui-elements/elements/tour";import{forwardRef as r,useEffect as i,useLayoutEffect as a,useRef as o}from"react";import{jsx as s}from"react/jsx-runtime";var c=[`image`,`video`],l=[`click`],u=r(function(r,u){let{marker:d,props:f}=e(`AppTour`,r),{open:p,onClose:m,tourId:h,steps:g,seenStore:_,onBeforeStep:v,labels:y,endDialog:b=!0,className:x,...S}=f;n(`AppTour`,S);for(let e of g)t(`AppTour`,`steps[].mediaType`,e.mediaType,c),t(`AppTour`,`steps[].advanceOn`,e.advanceOn,l);let C=o(null),w=e=>{C.current=e,typeof u==`function`?u(e):u&&(u.current=e)};a(()=>{let e=C.current;e.seenStore=_??null,e.onBeforeStep=v??null}),a(()=>{let e=C.current;p?e.setAttribute(`open`,``):e.removeAttribute(`open`)},[p]);let T=o(m);return T.current=m,i(()=>{let e=C.current,t=e=>{let{reason:t,index:n,position:r,total:i}=e.detail;T.current?.(t,{index:n,position:r,total:i})};return e.addEventListener(`wui-tour:close`,t),()=>e.removeEventListener(`wui-tour:close`,t)},[]),s(`wui-tour`,{ref:w,"tour-id":h,"back-label":y?.back,"next-label":y?.next,"skip-label":y?.skip,"done-label":y?.done,"progress-label":y?.progress,"advance-label":y?.advance,"media-pause-label":y?.mediaPause,"media-play-label":y?.mediaPlay,"end-title":y?.endTitle,"end-message":y?.endMessage,"end-button":y?.endButton,"end-dialog":b===!1?`false`:void 0,class:x||void 0,...d,...S,children:g.map(e=>s(`wui-tour-step`,{target:e.target,title:e.title,media:e.media,"media-alt":e.mediaAlt,"media-poster":e.mediaPoster,"media-type":e.mediaType,"advance-on":e.advanceOn,"action-label":e.actionLabel,children:e.description},`${e.target}|${e.description}`))})});export{u as default};

package/dist/components/AppTreeView.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r,{readValues as i,writeValues as a}from"./useWuiControl.js";import{forwardRef as o,useEffect as s,useRef as c}from"react";import{jsx as l}from"react/jsx-runtime";import"@webority/ui-elements/elements/tree";var u=[`none`,`single`,`multiple`],d=o(function(o,d){let{nodes:f,selection:p,selected:m,onSelect:h,checked:g,onCheck:_,loadChildren:v,loadUrl:y,onLoadError:b,name:x,loadingText:S,errorText:C,ariaLabel:w,id:T,className:E=``,...D}=o;n(`AppTreeView`,D),t(`AppTreeView`,`selection`,p,u);let{setRef:O,innerRef:k}=r({ref:d,value:g,readValue:i,writeValue:a,on:{"wui-tree:check":e=>_?.(e.detail.values,{id:e.detail.id,checked:e.detail.checked}),"wui-tree:select":e=>{h?.(e.detail.id,e.detail.node),m!==void 0&&e.currentTarget.selected!==m&&(e.currentTarget.selected=m)},"wui-tree:error":e=>b?.(e.detail.id,e.detail.message)}});s(()=>{let e=k.current;e&&f!==void 0&&(e.nodes=f)},[f,k]),s(()=>{let e=k.current;e&&(e.loadChildren=v)},[v,k]);let A=c(!1);return s(()=>{let e=k.current;if(e){if(m===void 0){A.current&&(e.selected=null),A.current=!1;return}A.current=!0,e.selected!==m&&(e.selected=m)}},[m,k]),l(`wui-tree`,{ref:O,id:T||void 0,selection:p||void 0,name:x||void 0,"load-url":y||void 0,"loading-text":S||void 0,"error-text":C||void 0,"aria-label":w||void 0,className:E||void 0,...e(`AppTreeView`,o),...D})});export{d as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r,{readValues as i,writeValues as a}from"./useWuiControl.js";import{forwardRef as o,useEffect as s,useRef as c}from"react";import{jsx as l}from"react/jsx-runtime";import"@webority/ui-elements/elements/tree";var u=[`none`,`single`,`multiple`],d=o(function(o,d){let{marker:f,props:p}=e(`AppTreeView`,o),{nodes:m,selection:h,selected:g,onSelect:_,checked:v,onCheck:y,loadChildren:b,loadUrl:x,onLoadError:S,name:C,loadingText:w,errorText:T,ariaLabel:E,id:D,className:O=``,...k}=p;n(`AppTreeView`,k),t(`AppTreeView`,`selection`,h,u);let{setRef:A,innerRef:j}=r({ref:d,value:v,readValue:i,writeValue:a,on:{"wui-tree:check":e=>y?.(e.detail.values,{id:e.detail.id,checked:e.detail.checked}),"wui-tree:select":e=>{_?.(e.detail.id,e.detail.node),g!==void 0&&e.currentTarget.selected!==g&&(e.currentTarget.selected=g)},"wui-tree:error":e=>S?.(e.detail.id,e.detail.message)}});s(()=>{let e=j.current;e&&m!==void 0&&(e.nodes=m)},[m,j]),s(()=>{let e=j.current;e&&(e.loadChildren=b)},[b,j]);let M=c(!1);return s(()=>{let e=j.current;if(e){if(g===void 0){M.current&&(e.selected=null),M.current=!1;return}M.current=!0,e.selected!==g&&(e.selected=g)}},[g,j]),l(`wui-tree`,{ref:A,id:D||void 0,selection:h||void 0,name:C||void 0,"load-url":x||void 0,"loading-text":w||void 0,"error-text":T||void 0,"aria-label":E||void 0,className:O||void 0,...f,...k})});export{d as default};

package/dist/components/AppTruncate.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnUnknownProps.js";import{jsx as n}from"react/jsx-runtime";import"@webority/ui-elements/elements/truncate";function r(r){let{children:i,lines:a=1,width:o,style:s,className:c=``,...l}=r;t(`AppTruncate`,l);let u=Number.isInteger(a)&&a>1,d={...u?{"--wui-truncate-lines":a}:null,...o?{"--wui-truncate-width":o}:null,...s};return n(`wui-truncate`,{class:[`wui-truncate`,u&&`wui-truncate-multi`,c].filter(Boolean).join(` `),style:Object.keys(d).length?d:void 0,...e(`AppTruncate`,r),...l,children:n(`span`,{className:`wui-truncate-text`,children:i})})}export{r as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnUnknownProps.js";import{jsx as n}from"react/jsx-runtime";import"@webority/ui-elements/elements/truncate";function r(r){let{marker:i,props:a}=e(`AppTruncate`,r),{children:o,lines:s=1,width:c,style:l,className:u=``,...d}=a;t(`AppTruncate`,d);let f=Number.isInteger(s)&&s>1,p={...f?{"--wui-truncate-lines":s}:null,...c?{"--wui-truncate-width":c}:null,...l};return n(`wui-truncate`,{class:[`wui-truncate`,f&&`wui-truncate-multi`,u].filter(Boolean).join(` `),style:Object.keys(p).length?p:void 0,...i,...d,children:n(`span`,{className:`wui-truncate-text`,children:o})})}export{r as default};

package/dist/components/AppUpdateBar.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnUnknownProps.js";import n from"./AppButton.js";import r from"./AppBanner.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";var o=()=>window.location.reload();function s(s){let{onReload:c=o,dismissible:l=!1,onDismiss:u,className:d=``,...f}=s;return t(`AppUpdateBar`,f),a(r,{tone:`info`,icon:`refresh-cw`,dismissible:l,onDismiss:u,className:d,...e(`AppUpdateBar`,s),...f,children:[i(`span`,{className:`me-3`,children:`A new version of this app is ready.`}),i(n,{size:`sm`,variant:`primary`,onClick:c,children:`Reload`})]})}export{s as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnUnknownProps.js";import n from"./AppButton.js";import r from"./AppBanner.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";var o=()=>window.location.reload();function s(s){let{marker:c,props:l}=e(`AppUpdateBar`,s),{onReload:u=o,dismissible:d=!1,onDismiss:f,className:p=``,...m}=l;return t(`AppUpdateBar`,m),a(r,{tone:`info`,icon:`refresh-cw`,dismissible:d,onDismiss:f,className:p,...c,...m,children:[i(`span`,{className:`me-3`,children:`A new version of this app is ready.`}),i(n,{size:`sm`,variant:`primary`,onClick:u,children:`Reload`})]})}export{s as default};

package/dist/components/AppWhatsNew.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnUnknownProps.js";import n from"./AppIcon.js";import{formatDate as r}from"@webority/ui-elements/helpers";import{useEffect as i,useRef as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import"@webority/ui-elements/elements/whats-new";function c(c){let{entries:l=[],storageKey:u,label:d=`What's new`,unreadLabel:f=`unread`,emptyText:p=`Nothing new yet`,onRead:m,className:h=``,...g}=c;t(`AppWhatsNew`,g);let _=a(null),v=a(m);return v.current=m,i(()=>{let e=_.current,t=e=>v.current?.(e.detail.through);return e.addEventListener(`wui-whats-new-read`,t),()=>e.removeEventListener(`wui-whats-new-read`,t)},[]),s(`wui-whats-new`,{ref:_,class:[`wui-whats-new`,h].filter(Boolean).join(` `),"storage-key":u||void 0,...e(`AppWhatsNew`,c),...g,children:[s(`button`,{type:`button`,className:`u-action wui-whats-new-trigger`,"aria-haspopup":`dialog`,children:[o(n,{name:`gift`,size:20}),o(`span`,{className:`wui-whats-new-name`,children:d}),o(`span`,{className:`wui-whats-new-unread`,children:` ${f}`}),o(`span`,{className:`wui-whats-new-dot`,"aria-hidden":`true`})]}),s(`div`,{className:`wui-whats-new-panel`,role:`dialog`,"aria-label":d,tabIndex:-1,children:[o(`h2`,{className:`wui-whats-new-title`,children:d}),l.length>0?o(`ol`,{className:`wui-whats-new-list`,children:l.map((e,t)=>s(`li`,{className:`wui-whats-new-entry`,children:[o(`time`,{className:`wui-whats-new-date`,dateTime:e.date,children:r(e.date)}),o(`h3`,{className:`wui-whats-new-entry-title`,children:e.title}),e.body&&o(`p`,{className:`wui-whats-new-body`,children:e.body}),e.imageSrc&&o(`img`,{className:`wui-whats-new-image`,src:e.imageSrc,alt:e.imageAlt??``,loading:`lazy`}),e.href&&o(`a`,{className:`wui-whats-new-link`,href:e.href,children:e.linkLabel||`Learn more`})]},e.id??`${e.date}-${t}`))}):o(`p`,{className:`wui-whats-new-empty`,children:p})]})]})}export{c as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import{formatDate as i}from"@webority/ui-elements/helpers";import{useEffect as a,useRef as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import"@webority/ui-elements/elements/whats-new";var l=[`dot`,`count`];function u(u){let{marker:d,props:f}=e(`AppWhatsNew`,u),{entries:p=[],storageKey:m,readThrough:h,indicator:g=`dot`,label:_=`What's new`,unreadLabel:v=`unread`,emptyText:y=`Nothing new yet`,onRead:b,className:x=``,...S}=f;n(`AppWhatsNew`,S),t(`AppWhatsNew`,`indicator`,g,l);let C=o(null),w=o(b);return w.current=b,a(()=>{let e=C.current,t=e=>w.current?.(e.detail.through);return e.addEventListener(`wui-whats-new-read`,t),()=>e.removeEventListener(`wui-whats-new-read`,t)},[]),c(`wui-whats-new`,{ref:C,class:[`wui-whats-new`,x].filter(Boolean).join(` `),"storage-key":m||void 0,"read-through":h||void 0,indicator:g,...d,...S,children:[c(`button`,{type:`button`,className:`u-action wui-whats-new-trigger`,"aria-haspopup":`dialog`,children:[s(r,{name:`gift`,size:20}),s(`span`,{className:`wui-whats-new-name`,children:_}),s(`span`,{className:`wui-whats-new-unread`,children:` ${v}`}),s(`span`,{className:`wui-whats-new-dot`,"aria-hidden":`true`})]}),c(`div`,{className:`wui-whats-new-panel`,role:`dialog`,"aria-label":_,tabIndex:-1,children:[s(`h2`,{className:`wui-whats-new-title`,children:_}),p.length>0?s(`ol`,{className:`wui-whats-new-list`,children:p.map((e,t)=>c(`li`,{className:`wui-whats-new-entry`,children:[s(`time`,{className:`wui-whats-new-date`,dateTime:e.date,children:i(e.date)}),s(`h3`,{className:`wui-whats-new-entry-title`,children:e.title}),e.body&&s(`p`,{className:`wui-whats-new-body`,children:e.body}),e.imageSrc&&s(`img`,{className:`wui-whats-new-image`,src:e.imageSrc,alt:e.imageAlt??``,loading:`lazy`}),e.href&&s(`a`,{className:`wui-whats-new-link`,href:e.href,children:e.linkLabel||`Learn more`})]},e.id??`${e.date}-${t}`))}):s(`p`,{className:`wui-whats-new-empty`,children:y})]})]})}export{u as default};

package/dist/components/AppWizard.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import{devWarn as t}from"../lib/devWarn.js";import n from"./warnInvalidValue.js";import r from"./warnUnknownProps.js";import i from"./AppIcon.js";import{Children as a,forwardRef as o,useEffect as s,useRef as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import"@webority/ui-elements/elements/wizard";var d=[`steps`,`journey`,`icons`,`tiles`],f=[`primary`,`success`,`warning`,`danger`,`info`],p=[`horizontal`,`vertical`],ee=[`center`,`start`],m=[`done`,`active`,`pending`,`error`],h=[`key`,`label`,`description`,`optional`,`icon`,`status`],g=[`linear`,`outline`,`bold`,`bulk`,`broken`,`twotone`],te=[`check`,`alert-triangle`,`minus`],_=[`sm`,`md`,`lg`],v={sm:14,md:16,lg:20},y=new Set,b=()=>{try{return process.env.NODE_ENV!==`production`}catch{return!0}};function ne(e){if(!Array.isArray(e))throw Error(`AppWizard: steps must be an array of { label, description?, optional?, icon?, status?, key? } objects.`);e.forEach((e,n)=>{if(typeof e!=`object`||!e||typeof e.label!=`string`||e.label.trim()===``)throw Error(`AppWizard: steps[${n}] needs a text label.`);if(b())for(let r of Object.keys(e)){if(h.includes(r))continue;let e=`AppWizard: steps[${n}] has an unknown field ${r}; the fields are ${h.join(`, `)}.`;y.has(e)||(y.add(e),t(e))}})}var x=o(function(t,o){let{steps:h=[],children:y,active:b,defaultActive:x=0,onStepChange:S,onFinish:C,onSkip:w,beforeNext:T,onInvalid:E,onClose:D,variant:O=`steps`,tone:k,doneTone:A,orientation:j=`horizontal`,align:M=`center`,iconVariant:N,size:P=`md`,iconSize:F,skippable:I=!1,nonLinear:L=!1,hideStepper:R=!1,hideConnectors:z=!1,disabled:B=!1,label:V=`Progress`,backLabel:H=`Back`,nextLabel:U=`Next`,skipLabel:W=`Skip`,finishLabel:G=`Finish`,topBar:K=!1,barTitle:q,closeLabel:J=`Close`,className:Y=``,...X}=t;r(`AppWizard`,X),n(`AppWizard`,`variant`,O,d),n(`AppWizard`,`tone`,k,f),n(`AppWizard`,`doneTone`,A,f),n(`AppWizard`,`orientation`,j,p),n(`AppWizard`,`align`,M,ee),n(`AppWizard`,`iconVariant`,N,g),n(`AppWizard`,`size`,P,_),ne(h);let Z=F>0?F:v[P]??v.md;for(let e of h)n(`AppWizard`,`steps[].status`,e.status,m);let Q=c(null),re=e=>{Q.current=e,typeof o==`function`?o(e):o&&(o.current=e)},ie=a.toArray(y),$=N&&N!==`linear`?[...new Set([...te,...h.map(e=>e.icon).filter(Boolean)])]:[],ae=[k&&`wui-step-tone-${k}`,A&&`wui-step-done-tone-${A}`,P!==`md`&&_.includes(P)&&`wui-step-size-${P}`,Y].filter(Boolean).join(` `);return s(()=>{let e=Q.current;if(!e)return;let t=b===void 0?x:b;t&&(e.active=t)},[]),s(()=>{let e=Q.current;e&&b!==void 0&&Number(e.active)!==b&&(e.active=b)},[b]),s(()=>{let e=Q.current;e&&(e.beforeNext=T??null)},[T]),s(()=>{let e=Q.current;if(!e)return;let t=e=>S?.(e.detail.index,e.detail),n=e=>C?.(e.detail),r=e=>w?.(e.detail.index),i=e=>E?.(e.detail.index),a=e=>D?.(e.detail);return e.addEventListener(`wui-wizard:change`,t),e.addEventListener(`wui-wizard:finish`,n),e.addEventListener(`wui-wizard:skip`,r),e.addEventListener(`wui-wizard:invalid`,i),e.addEventListener(`wui-wizard:close`,a),()=>{e.removeEventListener(`wui-wizard:change`,t),e.removeEventListener(`wui-wizard:finish`,n),e.removeEventListener(`wui-wizard:skip`,r),e.removeEventListener(`wui-wizard:invalid`,i),e.removeEventListener(`wui-wizard:close`,a)}},[S,C,w,E,D]),u(`wui-wizard`,{ref:re,variant:O,orientation:j,align:M===`start`?`start`:void 0,"icon-size":Z===16?void 0:Z,skippable:I?``:void 0,"non-linear":L?``:void 0,"hide-stepper":R?``:void 0,"hide-connectors":z?``:void 0,disabled:B?``:void 0,label:V,"back-label":H,"next-label":U,"skip-label":W,"finish-label":G,"top-bar":K?``:void 0,"bar-title":q||void 0,"close-label":J,className:ae||void 0,...e(`AppWizard`,t),...X,children:[h.map((e,t)=>l(`wui-wizard-step`,{label:e.label,description:e.description||void 0,optional:e.optional?``:void 0,icon:e.icon||void 0,status:e.status||void 0,children:ie[t]},e.key??`${e.label}-${t}`)),$.length>0&&l(`span`,{hidden:!0,"data-wui-glyphs":``,children:$.map(e=>l(i,{name:e,size:Z,variant:N},e))})]})});export{x as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import{devWarn as t}from"../lib/devWarn.js";import n from"./warnInvalidValue.js";import r from"./warnUnknownProps.js";import i from"./AppIcon.js";import{Children as a,forwardRef as o,useEffect as s,useRef as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import"@webority/ui-elements/elements/wizard";var d=[`steps`,`journey`,`icons`,`tiles`],f=[`primary`,`success`,`warning`,`danger`,`info`],p=[`horizontal`,`vertical`],ee=[`center`,`start`],te=[`done`,`active`,`pending`,`error`],m=[`key`,`label`,`description`,`optional`,`icon`,`status`],h=[`linear`,`outline`,`bold`,`bulk`,`broken`,`twotone`],ne=[`check`,`alert-triangle`,`minus`],g=[`sm`,`md`,`lg`],_={sm:14,md:16,lg:20},v=new Set,y=()=>{try{return process.env.NODE_ENV!==`production`}catch{return!0}};function re(e){if(!Array.isArray(e))throw Error(`AppWizard: steps must be an array of { label, description?, optional?, icon?, status?, key? } objects.`);e.forEach((e,n)=>{if(typeof e!=`object`||!e||typeof e.label!=`string`||e.label.trim()===``)throw Error(`AppWizard: steps[${n}] needs a text label.`);if(y())for(let r of Object.keys(e)){if(m.includes(r))continue;let e=`AppWizard: steps[${n}] has an unknown field ${r}; the fields are ${m.join(`, `)}.`;v.has(e)||(v.add(e),t(e))}})}var b=o(function(t,o){let{marker:m,props:v}=e(`AppWizard`,t),{steps:y=[],children:b,active:x,defaultActive:S=0,onStepChange:C,onFinish:w,onSkip:T,beforeNext:E,onInvalid:D,onClose:O,variant:k=`steps`,tone:A,doneTone:j,orientation:M=`horizontal`,align:N=`center`,iconVariant:P,size:F=`md`,iconSize:I,skippable:L=!1,nonLinear:R=!1,hideStepper:z=!1,hideConnectors:B=!1,disabled:V=!1,label:H=`Progress`,backLabel:U=`Back`,nextLabel:W=`Next`,skipLabel:G=`Skip`,finishLabel:K=`Finish`,topBar:q=!1,barTitle:J,closeLabel:Y=`Close`,className:ie=``,...X}=v;r(`AppWizard`,X),n(`AppWizard`,`variant`,k,d),n(`AppWizard`,`tone`,A,f),n(`AppWizard`,`doneTone`,j,f),n(`AppWizard`,`orientation`,M,p),n(`AppWizard`,`align`,N,ee),n(`AppWizard`,`iconVariant`,P,h),n(`AppWizard`,`size`,F,g),re(y);let Z=I>0?I:_[F]??_.md;for(let e of y)n(`AppWizard`,`steps[].status`,e.status,te);let Q=c(null),ae=e=>{Q.current=e,typeof o==`function`?o(e):o&&(o.current=e)},oe=a.toArray(b),$=P&&P!==`linear`?[...new Set([...ne,...y.map(e=>e.icon).filter(Boolean)])]:[],se=[A&&`wui-step-tone-${A}`,j&&`wui-step-done-tone-${j}`,F!==`md`&&g.includes(F)&&`wui-step-size-${F}`,ie].filter(Boolean).join(` `);return s(()=>{let e=Q.current;if(!e)return;let t=x===void 0?S:x;t&&(e.active=t)},[]),s(()=>{let e=Q.current;e&&x!==void 0&&Number(e.active)!==x&&(e.active=x)},[x]),s(()=>{let e=Q.current;e&&(e.beforeNext=E??null)},[E]),s(()=>{let e=Q.current;if(!e)return;let t=e=>C?.(e.detail.index,e.detail),n=e=>w?.(e.detail),r=e=>T?.(e.detail.index),i=e=>D?.(e.detail.index),a=e=>O?.(e.detail);return e.addEventListener(`wui-wizard:change`,t),e.addEventListener(`wui-wizard:finish`,n),e.addEventListener(`wui-wizard:skip`,r),e.addEventListener(`wui-wizard:invalid`,i),e.addEventListener(`wui-wizard:close`,a),()=>{e.removeEventListener(`wui-wizard:change`,t),e.removeEventListener(`wui-wizard:finish`,n),e.removeEventListener(`wui-wizard:skip`,r),e.removeEventListener(`wui-wizard:invalid`,i),e.removeEventListener(`wui-wizard:close`,a)}},[C,w,T,D,O]),u(`wui-wizard`,{ref:ae,variant:k,orientation:M,align:N===`start`?`start`:void 0,"icon-size":Z===16?void 0:Z,skippable:L?``:void 0,"non-linear":R?``:void 0,"hide-stepper":z?``:void 0,"hide-connectors":B?``:void 0,disabled:V?``:void 0,label:H,"back-label":U,"next-label":W,"skip-label":G,"finish-label":K,"top-bar":q?``:void 0,"bar-title":J||void 0,"close-label":Y,className:se||void 0,...m,...X,children:[y.map((e,t)=>l(`wui-wizard-step`,{label:e.label,description:e.description||void 0,optional:e.optional?``:void 0,icon:e.icon||void 0,status:e.status||void 0,children:oe[t]},e.key??`${e.label}-${t}`)),$.length>0&&l(`span`,{hidden:!0,"data-wui-glyphs":``,children:$.map(e=>l(i,{name:e,size:Z,variant:P},e))})]})});export{b as default};

package/dist/components/AppWorkspaceSwitcher.js

@@ -1 +1 @@
-import{wuiMarkerAttributes as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import{initialsOf as i}from"../lib/initials.js";import{forwardRef as a,useEffect as o,useMemo as s,useRef as c,useState as l}from"react";import{Dropdown as u}from"react-bootstrap";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";var m=[`sm`,`md`,`lg`],h=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`]);function g(i){let{tenants:a=[],currentId:d,onSelect:g,menuLabel:b,footerAction:x,linkComponent:S,searchable:C=!1,onCreate:w,canCreate:T=!1,createLabel:E=`Create workspace`,compact:D=!1,size:O=`md`,ariaLabel:k,...A}=i,{onToggle:j,...M}=A;n(`AppWorkspaceSwitcher`,M),t(`AppWorkspaceSwitcher`,`size`,O,m);let[N,P]=l(``),[F,I]=l(!1),L=c(null),R=(e,t)=>{I(e),j?.(e,t)},z=a.find(e=>e.id===d)??a[0],B=s(()=>{let e=N.trim().toLowerCase();return!C||!e?a:a.filter(t=>String(t.name??``).toLowerCase().includes(e))},[a,N,C]);o(()=>{F&&C&&L.current?.focus()},[F,C]),o(()=>{if(!C)return;let e=L.current;if(!e)return;let t=e=>{if(h.has(e.key)){e.stopPropagation();return}e.key===`Escape`&&F&&(e.preventDefault(),e.stopPropagation(),R(!1,{source:`keydown`,originalEvent:e}))};return e.addEventListener(`keydown`,t),()=>e.removeEventListener(`keydown`,t)},[C,F]);let V=z?.name??``,H=k??`Workspace ${V}`;return p(u,{className:`workspace-switcher${O===`sm`?` workspace-switcher-sm`:``}${O===`lg`?` workspace-switcher-lg`:``}`,show:F,onToggle:R,...e(`AppWorkspaceSwitcher`,i),...M,children:[f(u.Toggle,{as:y,compact:D,tenant:z,"aria-label":H}),p(u.Menu,{className:`workspace-switcher-menu`,renderOnMount:!0,popperConfig:{strategy:`fixed`},children:[b?f(`div`,{className:`workspace-switcher-menu-label`,children:b}):null,C?p(`div`,{className:`workspace-switcher-search`,children:[f(r,{name:`search`,size:14}),f(`input`,{ref:L,type:`search`,className:`workspace-switcher-search-input`,placeholder:`Search workspaces`,"aria-label":`Search workspaces`,value:N,onChange:e=>P(e.target.value)})]}):null,p(`div`,{className:`workspace-switcher-list`,children:[B.map(e=>p(u.Item,{as:`button`,type:`button`,className:`workspace-switcher-option${e.id===z?.id?` is-active`:``}`,onClick:()=>g?.(e),children:[f(_,{tenant:e}),f(`span`,{className:`workspace-switcher-option-name`,children:e.name}),e.badge?f(`span`,{className:`workspace-switcher-badge`,children:e.badge}):null,e.id===z?.id?f(r,{name:`check`,size:16,className:`workspace-switcher-tick`}):null]},e.id)),B.length===0?f(`div`,{className:`workspace-switcher-empty`,children:`No workspaces match.`}):null]}),T?p(u.Item,{as:`button`,type:`button`,className:`workspace-switcher-create`,onClick:()=>w?.(),children:[f(r,{name:`plus`,size:16}),E]}):null,x?f(`div`,{className:`workspace-switcher-footer`,children:v(x,S)}):null]})]})}function _({tenant:e}){return e?.logoUrl?f(`img`,{className:`workspace-switcher-mark`,src:e.logoUrl,alt:``,loading:`lazy`}):f(`span`,{className:`workspace-switcher-mark`,children:i(e?.name,1)})}function v(e,t){if(typeof e!=`object`||!e||!(`label`in e))return e;let{label:n,icon:i,href:a}=e;return p(a?t??`a`:`button`,{className:`workspace-switcher-footer-action`,...a?t?{to:a}:{href:a}:{type:`button`},children:[i?f(r,{name:i,size:16}):null,n]})}var y=a(function({compact:e,tenant:t,"aria-label":n,className:i,...a},o){return p(`button`,{ref:o,type:`button`,className:`workspace-switcher-trigger${e?` is-compact`:``}`,"aria-haspopup":`true`,"aria-label":n,...a,children:[f(_,{tenant:t}),e?null:p(d,{children:[f(`span`,{className:`workspace-switcher-trigger-name`,children:t?.name}),f(r,{name:`chevrons-up-down`,size:16,className:`workspace-switcher-chevron`})]})]})});export{g as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"./AppIcon.js";import{initialsOf as i}from"../lib/initials.js";import{forwardRef as a,useEffect as o,useMemo as s,useRef as c,useState as l}from"react";import{Dropdown as u}from"react-bootstrap";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";var m=[`sm`,`md`,`lg`],h=new Set([`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`]);function g(i){let{marker:a,props:d}=e(`AppWorkspaceSwitcher`,i),{tenants:g=[],currentId:b,onSelect:x,menuLabel:S,footerAction:C,linkComponent:w,searchable:T=!1,onCreate:E,canCreate:D=!1,createLabel:O=`Create workspace`,compact:k=!1,size:A=`md`,ariaLabel:j,...M}=d,{onToggle:N,...P}=M;n(`AppWorkspaceSwitcher`,P),t(`AppWorkspaceSwitcher`,`size`,A,m);let[F,I]=l(``),[L,R]=l(!1),z=c(null),B=(e,t)=>{R(e),N?.(e,t)},V=g.find(e=>e.id===b)??g[0],H=s(()=>{let e=F.trim().toLowerCase();return!T||!e?g:g.filter(t=>String(t.name??``).toLowerCase().includes(e))},[g,F,T]);o(()=>{L&&T&&z.current?.focus()},[L,T]),o(()=>{if(!T)return;let e=z.current;if(!e)return;let t=e=>{if(h.has(e.key)){e.stopPropagation();return}e.key===`Escape`&&L&&(e.preventDefault(),e.stopPropagation(),B(!1,{source:`keydown`,originalEvent:e}))};return e.addEventListener(`keydown`,t),()=>e.removeEventListener(`keydown`,t)},[T,L]);let U=V?.name??``,W=j??`Workspace ${U}`;return p(u,{className:`workspace-switcher${A===`sm`?` workspace-switcher-sm`:``}${A===`lg`?` workspace-switcher-lg`:``}`,show:L,onToggle:B,...a,...P,children:[f(u.Toggle,{as:y,compact:k,tenant:V,"aria-label":W}),p(u.Menu,{className:`workspace-switcher-menu`,renderOnMount:!0,popperConfig:{strategy:`fixed`},children:[S?f(`div`,{className:`workspace-switcher-menu-label`,children:S}):null,T?p(`div`,{className:`workspace-switcher-search`,children:[f(r,{name:`search`,size:14}),f(`input`,{ref:z,type:`search`,className:`workspace-switcher-search-input`,placeholder:`Search workspaces`,"aria-label":`Search workspaces`,value:F,onChange:e=>I(e.target.value)})]}):null,p(`div`,{className:`workspace-switcher-list`,children:[H.map(e=>p(u.Item,{as:`button`,type:`button`,className:`workspace-switcher-option${e.id===V?.id?` is-active`:``}`,onClick:()=>x?.(e),children:[f(_,{tenant:e}),f(`span`,{className:`workspace-switcher-option-name`,children:e.name}),e.badge?f(`span`,{className:`workspace-switcher-badge`,children:e.badge}):null,e.id===V?.id?f(r,{name:`check`,size:16,className:`workspace-switcher-tick`}):null]},e.id)),H.length===0?f(`div`,{className:`workspace-switcher-empty`,children:`No workspaces match.`}):null]}),D?p(u.Item,{as:`button`,type:`button`,className:`workspace-switcher-create`,onClick:()=>E?.(),children:[f(r,{name:`plus`,size:16}),O]}):null,C?f(`div`,{className:`workspace-switcher-footer`,children:v(C,w)}):null]})]})}function _({tenant:e}){return e?.logoUrl?f(`img`,{className:`workspace-switcher-mark`,src:e.logoUrl,alt:``,loading:`lazy`}):f(`span`,{className:`workspace-switcher-mark`,children:i(e?.name,1)})}function v(e,t){if(typeof e!=`object`||!e||!(`label`in e))return e;let{label:n,icon:i,href:a}=e;return p(a?t??`a`:`button`,{className:`workspace-switcher-footer-action`,...a?t?{to:a}:{href:a}:{type:`button`},children:[i?f(r,{name:i,size:16}):null,n]})}var y=a(function({compact:e,tenant:t,"aria-label":n,className:i,...a},o){return p(`button`,{ref:o,type:`button`,className:`workspace-switcher-trigger${e?` is-compact`:``}`,"aria-haspopup":`true`,"aria-label":n,...a,children:[f(_,{tenant:t}),e?null:p(d,{children:[f(`span`,{className:`workspace-switcher-trigger-name`,children:t?.name}),f(r,{name:`chevrons-up-down`,size:16,className:`workspace-switcher-chevron`})]})]})});export{g as default};

package/dist/components/iconCatalogNames.g.js

@@ -1 +1 @@
-var e=`aave.activity.add.add-circle.add-square.additem.airdrop.airplane.airplane-square.airpod.airpods.alarm.alert-circle.alert-triangle.align-bottom.align-horizontally.align-left.align-right.align-top.align-vertically.android.ankr.apple.aquarius.archive.archive-add.archive-book.archive-box.archive-minus.archive-slash.archive-tick.arrange-horizontal.arrange-horizontal-circle.arrange-horizontal-square.arrange-vertical.arrange-vertical-circle.arrange-vertical-square.arrow.arrow-circle-down.arrow-circle-down-2.arrow-circle-left.arrow-circle-left-2.arrow-circle-right.arrow-circle-right-2.arrow-circle-up.arrow-circle-up-2.arrow-down.arrow-down-2.arrow-down-3.arrow-down-up.arrow-forward.arrow-forward-square.arrow-left.arrow-left-2.arrow-left-3.arrow-right.arrow-right-2.arrow-right-3.arrow-rotate-left.arrow-rotate-right.arrow-square.arrow-square-down.arrow-square-left.arrow-square-right.arrow-square-up.arrow-swap-horizontal.arrow-swap-vertical.arrow-up.arrow-up-2.arrow-up-3.arrow-up-right.attach-circle.attach-square.audio-square.augur.autobrightness.autonio.avalanche.award.back.back-square.backward.backward-10-seconds.backward-15-seconds.backward-5-seconds.backward-item.badge-check.bag.bag-2.bag-cross.bag-cross-1.bag-happy.bag-tick.bag-tick-2.bag-timer.ban.bank.barcode.battery-charging.battery-disable.battery-empty.battery-empty-1.battery-full.be.bell.bezier.bill.binance-coin.binance-usd.bitcoin.bitcoin-card.bitcoin-convert.bitcoin-refresh.blend.blend-2.blogger.bluetooth.bluetooth-2.bluetooth-circle.bluetooth-rectangle.blur.bolt.book.book-1.book-saved.book-square.bookmark.bookmark-2.bootstrap.box.box-1.box-2.box-add.box-remove.box-seam.box-search.box-tick.box-time.briefcase.briefcase-cross.briefcase-tick.briefcase-timer.brifecase-cross.brifecase-tick.brifecase-timer.brodcast.broom.brush.brush-2.brush-3.brush-big.brush-square.bubble.bucket.bucket-circle.bucket-square.bug.building.building-2.building-3.building-4.buildings.buildings-2.buliding.bullseye.bus.buy-crypto.cake.calculator.calendar.calendar-1.calendar-2.calendar-add.calendar-check.calendar-circle.calendar-dots.calendar-edit.calendar-remove.calendar-search.calendar-tick.call.call-add.call-calling.call-incoming.call-minus.call-outgoing.call-received.call-remove.call-slash.camera.camera-slash.candle.candle-2.car.card.card-add.card-coin.card-edit.card-pos.card-receive.card-remove.card-remove-1.card-send.card-slash.card-tick.card-tick-1.cardano.cards.cash-stack.category.category-2.cd.celo.celsius.chainlink.chart.chart-1.chart-2.chart-21.chart-circle.chart-column.chart-fail.chart-square.chart-success.chat.chat-dots.check.check-check.check-circle.chemical-glass.chevron-down.chevron-left.chevron-right.chevron-up.chevrons-left.chevrons-right.chevrons-up-down.chrome.circle.circle-help.civic.clipboard.clipboard-check.clipboard-close.clipboard-export.clipboard-import.clipboard-text.clipboard-tick.clock.close-circle.close-square.cloud.cloud-add.cloud-change.cloud-connection.cloud-cross.cloud-drizzle.cloud-fog.cloud-lightning.cloud-minus.cloud-notif.cloud-plus.cloud-remove.cloud-snow.cloud-sunny.code.code-1.code-circle.coffee.coin.coin-1.coins.color-swatch.colorfilter.colors-square.command.command-square.component.computing.contact.convert.convert-3-d-cube.convert-card.convertshape.convertshape-2.copy.copy-success.copyright.courthouse.cpu.cpu-charge.cpu-setting.creative-commons.credit-card.crop.crown.crown-1.cup.cursor.cut.dai.danger.dash.data.data-2.decred.dent.designtools.device-message.devices.diagram.diagram-3.diamonds.direct.direct-down.direct-inbox.direct-left.direct-normal.direct-notification.direct-right.direct-send.direct-up.directbox-default.directbox-notif.directbox-receive.directbox-send.discount-circle.discount-shape.discover.dislike.display.document.document-cloud.document-code.document-code-2.document-copy.document-download.document-favorite.document-filter.document-forward.document-like.document-previous.document-sketch.document-text.document-text-1.document-upload.dollar-circle.dollar-square.download.dribbble.driver.driver-2.driver-refresh.driving.drop.dropbox.edit.edit-2.educare.electricity.element.element-2.element-3.element-4.element-equal.element-plus.emercoin.emoji-happy.emoji-normal.emoji-sad.emoji-smile.empty-wallet.empty-wallet-add.empty-wallet-change.empty-wallet-remove.empty-wallet-tick.empty-wallet-time.enjin-coin.eos.eraser.eraser-square.ethereum.ethereum-classic.export.export-circle.export-curve.export-square.external-drive.external-link.eye.eye-off.eye-slash.facebook.factory.fatrows.favorite-chart.figma.figma-1.file-plus-2.file-text.files.filter.filter-add.filter-edit.filter-remove.filter-search.filter-square.filter-tick.finger-cricle.finger-scan.firstline.flag.flag-2.flame.flash.flash-circle.flash-slash.flashy.folder.folder-2.folder-add.folder-cloud.folder-connection.folder-cross.folder-favorite.folder-kanban.folder-minus.folder-open.folder-plus.forbidden.forbidden-2.format-circle.format-square.forward.forward-10-seconds.forward-15-seconds.forward-5-seconds.forward-item.framer.ftx-token.gallery.gallery-add.gallery-edit.gallery-export.gallery-favorite.gallery-import.gallery-remove.gallery-slash.gallery-tick.game.gameboy.gas-station.gauge.gemini.gemini-2.ghost.gift.glass.global.global-edit.global-refresh.global-search.globe.globe2.google.google-drive.google-play.gps.gps-slash.grammerly.graph.grid.grid-1.grid-2.grid-3.grid-4.grid-5.grid-6.grid-7.grid-8.grid-9.grid-edit.grid-eraser.grid-lock.hamberger-menu.hamburger-menu.hand.happyemoji.hard-hat.harmony.hashtag.hashtag-down.hashtag-square.hashtag-up.headphone.headphones.health.heart.heart-add.heart-circle.heart-edit.heart-remove.heart-search.heart-slash.heart-tick.hedera-hashgraph.hex.hierarchy.hierarchy-2.hierarchy-3.hierarchy-square.hierarchy-square-2.hierarchy-square-3.history.home.home-2.home-3.home-hashtag.home-trend-down.home-trend-up.home-wifi.hospital.house.house-2.html-3.html-5.huobi-token.i-24-support.i-3-d-cube-scan.i-3-d-rotate.i-3-d-square.i-3-dcube.i-3-square.icon.illustrator.image.import.import-circle.import-curve.import-square.inbox.info.info-circle.information.instagram.iost.java-script.js.judge.kanban.key.key-square.keyboard.keyboard-open.kyber-network.lamp.lamp-charge.lamp-on.lamp-slash.language-circle.language-square.layer.layout-dashboard.layout-grid.layout-maximize.level.lifebuoy.lightbulb.like.like-1.like-dislike.like-shapes.like-tag.link.link-1.link-2.link-21.link-circle.link-square.linkedin.list.litecoin.location.location-add.location-cross.location-discover.location-minus.location-slash.location-tick.lock.lock-1.lock-circle.lock-slash.log-out.login.login-curve.logout.logout-curve.lovely.magic-star.magicpen.mail.main-component.maker.man.map.map-1.map-pin.mask.mask-left.mask-right.math.maximize.maximize-1.maximize-2.maximize-3.maximize-4.maximize-circle.medal.medal-star.menu.menu-board.message.message-2.message-add.message-add-1.message-circle.message-edit.message-favorite.message-minus.message-notif.message-programming.message-question.message-remove.message-search.message-square.message-text.message-text-1.message-tick.message-time.messages.messages-1.messages-2.messages-3.messenger.microphone.microphone-2.microphone-slash.microphone-slash-1.microscope.microsoft.milk.mini-music-sqaure.minus.minus-circle.minus-cirlce.minus-square.mirror.mirroring-screen.mobile.mobile-programming.monero.money.money-2.money-3.money-4.money-add.money-archive.money-change.money-forbidden.money-receive.money-recive.money-remove.money-send.money-tick.money-time.moneys.monitor.monitor-mobbile.monitor-recorder.moon.more.more-2.more-circle.more-horizontal.more-square.mouse.mouse-circle.mouse-square.music.music-circle.music-dashboard.music-filter.music-library-2.music-play.music-playlist.music-square.music-square-add.music-square-remove.music-square-search.musicnote.nebulas.nem.nexo.next.note.note-1.note-add.note-favorite.note-remove.note-square.note-text.notepad.notepad-2.notification.notification-1.notification-bing.notification-circle.notification-favorite.notification-status.ocean-protocol.okb.okru.omega-circle.omega-square.ontology.paintbucket.palette.panel-left-close.panel-left-open.paperclip.paperclip-2.password-check.path-tool.path-tool-2.path-tool-square.pause.pause-circle.paypal.pen-add.pen-close.pen-remove.pen-tool.pen-tool-2.pencil.people.percentage-circle.percentage-square.personalcard.pet.pharagraphspacing.phone.photoshop.picture-frame.play.play-add.play-circle.play-cricle.play-remove.plug.plus.plus-circle.pointer.polkadot.polygon.polyswarm.presentation-chart.presention-chart.previous.printer.printer-slash.profile.profile-2-user.profile-add.profile-circle.profile-delete.profile-remove.profile-tick.programming-arrow.programming-arrows.python.quant.quote-down.quote-down-circle.quote-down-square.quote-up.quote-up-circle.quote-up-square.radar.radar-2.radio.ram.ram-2.rank.ranking.receipt.receipt-1.receipt-2.receipt-21.receipt-add.receipt-discount.receipt-disscount.receipt-edit.receipt-item.receipt-minus.receipt-search.receipt-square.receipt-text.receive.receive-square.receive-square-2.record.record-circle.recovery-convert.refresh.refresh-2.refresh-circle.refresh-cw.refresh-left-square.refresh-right-square.refresh-square.repeat.repeat-circle.repeate-music.repeate-one.reserve.rotate-ccw.rotate-cw.rotate-left.rotate-right.route-square.routing.routing-2.row-horizontal.row-vertical.ruler.ruler-pen.safe-home.sagittarius.save-2.save-add.save-minus.save-remove.scan.scan-barcode.scanner.scanning.scissor.screenmirroring.scroll.search.search-favorite.search-favorite-1.search-normal.search-normal-1.search-status.search-status-1.search-zoom-in.search-zoom-in-1.search-zoom-out.search-zoom-out-1.security.security-card.security-safe.security-time.security-user.send.send-2.server.setting.setting-2.setting-3.setting-4.setting-5.settings.shapes.shapes-1.share.share-2.shield.shield-check.shield-cross.shield-lock.shield-plus.shield-search.shield-security.shield-slash.shield-tick.ship.shop.shop-add.shop-remove.shopping-bag.shopping-cart.shuffle.shutterstock.siacoin.sidebar-bottom.sidebar-left.sidebar-right.sidebar-top.signpost.simcard.simcard-1.simcard-2.size.slack.slash.slider.slider-horizontal.slider-horizontal-1.slider-vertical.slider-vertical-1.smallcaps.smart-car.smart-home.smileys.sms.sms-edit.sms-notification.sms-search.sms-star.sms-tracking.snapchat.snowflake.solana.sort.sound.sparkles.speaker.speedometer.spotify.stacks.star.star-1.star-slash.stars.status.status-up.stellar.sticker.stickynote.stop.stop-circle.story.strongbox.strongbox-2.subtitle.sun.sun-1.sun-fog.table-document.table-lamp.tag.tag-2.tag-cross.tag-right.tag-user.task.task-square.teacher.telephone.tenx.tether.text.text-block.text-bold.text-italic.text-underline.textalign-center.textalign-justifycenter.textalign-justifyleft.textalign-justifyright.textalign-left.textalign-right.the-graph.theta.thorchain.tick-circle.tick-square.ticket.ticket-2.ticket-discount.ticket-expired.ticket-star.timer.timer-1.timer-pause.timer-start.toggle-off.toggle-off-circle.toggle-on.toggle-on-circle.trade.transaction-minus.translate.transmit.transmit-sqaure-2.transmit-square.trash.trash-2.tree.trello.trend-down.trend-up.trending-up.triangle.triangle-logo.trontron.truck.truck-fast.truck-remove.truck-tick.truck-time.trush-square.twitch.two-page.ui-8.unlimited.unlock.upload.usd-coin.user.user-add.user-check.user-cirlce-add.user-edit.user-minus.user-octagon.user-plus.user-remove.user-search.user-square.user-tag.user-tick.users.velas.verify.vibe.video.video-add.video-circle.video-horizontal.video-octagon.video-play.video-remove.video-slash.video-square.video-tick.video-time.video-vertical.voice-circle.voice-cricle.voice-square.volume.volume-cross.volume-high.volume-low.volume-low-1.volume-mute.volume-slash.volume-up.wallet.wallet-1.wallet-2.wallet-3.wallet-add.wallet-add-1.wallet-check.wallet-minus.wallet-money.wallet-remove.wallet-search.wallet2.wanchain.wanchain-1.wand-sparkles.warning-2.watch.watch-status.weight.weight-meter.whatsapp.wifi.wifi-square.wind.wind-2.windows.wing.woman.wrist-clock.x.x-circle.xd.xiaomi.xrp.youtube.zap.zel.zoom.zoom-in.zoom-out`.split(`.`);export{e as ICON_NAMES};
+var e=`aave.activity.add.add-circle.add-square.additem.airdrop.airplane.airplane-square.airpod.airpods.alarm.alert-circle.alert-triangle.align-bottom.align-horizontally.align-left.align-right.align-top.align-vertically.android.ankr.apple.aquarius.archive.archive-add.archive-book.archive-box.archive-minus.archive-slash.archive-tick.arrange-horizontal.arrange-horizontal-circle.arrange-horizontal-square.arrange-vertical.arrange-vertical-circle.arrange-vertical-square.arrow.arrow-circle-down.arrow-circle-down-2.arrow-circle-left.arrow-circle-left-2.arrow-circle-right.arrow-circle-right-2.arrow-circle-up.arrow-circle-up-2.arrow-down.arrow-down-2.arrow-down-3.arrow-down-up.arrow-forward.arrow-forward-square.arrow-left.arrow-left-2.arrow-left-3.arrow-right.arrow-right-2.arrow-right-3.arrow-rotate-left.arrow-rotate-right.arrow-square.arrow-square-down.arrow-square-left.arrow-square-right.arrow-square-up.arrow-swap-horizontal.arrow-swap-vertical.arrow-up.arrow-up-2.arrow-up-3.arrow-up-right.attach-circle.attach-square.audio-square.augur.autobrightness.autonio.avalanche.award.back.back-square.backward.backward-10-seconds.backward-15-seconds.backward-5-seconds.backward-item.badge-check.bag.bag-2.bag-cross.bag-cross-1.bag-happy.bag-tick.bag-tick-2.bag-timer.ban.bank.barcode.battery-charging.battery-disable.battery-empty.battery-empty-1.battery-full.be.bell.bezier.bill.binance-coin.binance-usd.bitcoin.bitcoin-card.bitcoin-convert.bitcoin-refresh.blend.blend-2.blogger.bluetooth.bluetooth-2.bluetooth-circle.bluetooth-rectangle.blur.bolt.book.book-1.book-saved.book-square.bookmark.bookmark-2.bootstrap.box.box-1.box-2.box-add.box-remove.box-seam.box-search.box-tick.box-time.briefcase.briefcase-cross.briefcase-tick.briefcase-timer.brifecase-cross.brifecase-tick.brifecase-timer.brodcast.broom.brush.brush-2.brush-3.brush-big.brush-square.bubble.bucket.bucket-circle.bucket-square.bug.building.building-2.building-3.building-4.buildings.buildings-2.buliding.bullseye.bus.buy-crypto.cake.calculator.calendar.calendar-1.calendar-2.calendar-add.calendar-check.calendar-circle.calendar-dots.calendar-edit.calendar-remove.calendar-search.calendar-tick.call.call-add.call-calling.call-incoming.call-minus.call-outgoing.call-received.call-remove.call-slash.camera.camera-slash.candle.candle-2.car.card.card-add.card-coin.card-edit.card-pos.card-receive.card-remove.card-remove-1.card-send.card-slash.card-tick.card-tick-1.cardano.cards.cash-stack.category.category-2.cd.celo.celsius.chainlink.chart.chart-1.chart-2.chart-21.chart-circle.chart-column.chart-fail.chart-square.chart-success.chat.chat-dots.check.check-check.check-circle.chemical-glass.chevron-down.chevron-left.chevron-right.chevron-up.chevrons-left.chevrons-right.chevrons-up-down.chrome.circle.circle-help.civic.clipboard.clipboard-check.clipboard-close.clipboard-export.clipboard-import.clipboard-text.clipboard-tick.clock.close-circle.close-square.cloud.cloud-add.cloud-change.cloud-connection.cloud-cross.cloud-drizzle.cloud-fog.cloud-lightning.cloud-minus.cloud-notif.cloud-plus.cloud-remove.cloud-snow.cloud-sunny.code.code-1.code-circle.coffee.coin.coin-1.coins.color-swatch.colorfilter.colors-square.command.command-square.component.computing.contact.convert.convert-3-d-cube.convert-card.convertshape.convertshape-2.copy.copy-success.copyright.courthouse.cpu.cpu-charge.cpu-setting.creative-commons.credit-card.crop.crown.crown-1.cup.cursor.cut.dai.danger.dash.data.data-2.decred.dent.designtools.device-message.devices.diagram.diagram-3.diamonds.direct.direct-down.direct-inbox.direct-left.direct-normal.direct-notification.direct-right.direct-send.direct-up.directbox-default.directbox-notif.directbox-receive.directbox-send.discount-circle.discount-shape.discover.dislike.display.document.document-cloud.document-code.document-code-2.document-copy.document-download.document-favorite.document-filter.document-forward.document-like.document-previous.document-sketch.document-text.document-text-1.document-upload.dollar-circle.dollar-square.download.dribbble.driver.driver-2.driver-refresh.driving.drop.dropbox.edit.edit-2.educare.electricity.element.element-2.element-3.element-4.element-equal.element-plus.emercoin.emoji-happy.emoji-normal.emoji-sad.emoji-smile.empty-wallet.empty-wallet-add.empty-wallet-change.empty-wallet-remove.empty-wallet-tick.empty-wallet-time.enjin-coin.eos.eraser.eraser-square.ethereum.ethereum-classic.export.export-circle.export-curve.export-square.external-drive.external-link.eye.eye-off.eye-slash.facebook.factory.fatrows.favorite-chart.figma.figma-1.file-plus-2.file-text.files.filter.filter-add.filter-edit.filter-remove.filter-search.filter-square.filter-tick.finger-cricle.finger-scan.firstline.flag.flag-2.flame.flash.flash-circle.flash-slash.flashy.folder.folder-2.folder-add.folder-cloud.folder-connection.folder-cross.folder-favorite.folder-kanban.folder-minus.folder-open.folder-plus.forbidden.forbidden-2.format-circle.format-square.forward.forward-10-seconds.forward-15-seconds.forward-5-seconds.forward-item.framer.ftx-token.gallery.gallery-add.gallery-edit.gallery-export.gallery-favorite.gallery-import.gallery-remove.gallery-slash.gallery-tick.game.gameboy.gas-station.gauge.gemini.gemini-2.ghost.gift.glass.global.global-edit.global-refresh.global-search.globe.globe2.google.google-drive.google-play.gps.gps-slash.grammerly.graph.grid.grid-1.grid-2.grid-3.grid-4.grid-5.grid-6.grid-7.grid-8.grid-9.grid-edit.grid-eraser.grid-lock.hamberger-menu.hamburger-menu.hand.happyemoji.hard-hat.harmony.hashtag.hashtag-down.hashtag-square.hashtag-up.headphone.headphones.health.heart.heart-add.heart-circle.heart-edit.heart-remove.heart-search.heart-slash.heart-tick.hedera-hashgraph.hex.hierarchy.hierarchy-2.hierarchy-3.hierarchy-square.hierarchy-square-2.hierarchy-square-3.history.home.home-2.home-3.home-hashtag.home-trend-down.home-trend-up.home-wifi.hospital.house.house-2.html-3.html-5.huobi-token.i-24-support.i-3-d-cube-scan.i-3-d-rotate.i-3-d-square.i-3-dcube.i-3-square.icon.illustrator.image.import.import-circle.import-curve.import-square.inbox.info.info-circle.information.instagram.iost.java-script.js.judge.kanban.key.key-square.keyboard.keyboard-open.kyber-network.lamp.lamp-charge.lamp-on.lamp-slash.language-circle.language-square.layer.layout-dashboard.layout-grid.layout-maximize.level.lifebuoy.lightbulb.like.like-1.like-dislike.like-shapes.like-tag.link.link-1.link-2.link-21.link-circle.link-square.linkedin.list.litecoin.location.location-add.location-cross.location-discover.location-minus.location-slash.location-tick.lock.lock-1.lock-circle.lock-slash.log-out.login.login-curve.logout.logout-curve.lovely.magic-star.magicpen.mail.main-component.maker.man.map.map-1.map-pin.mask.mask-left.mask-right.math.maximize.maximize-1.maximize-2.maximize-3.maximize-4.maximize-circle.medal.medal-star.menu.menu-board.message.message-2.message-add.message-add-1.message-circle.message-edit.message-favorite.message-minus.message-notif.message-programming.message-question.message-remove.message-search.message-square.message-text.message-text-1.message-tick.message-time.messages.messages-1.messages-2.messages-3.messenger.microphone.microphone-2.microphone-slash.microphone-slash-1.microscope.microsoft.milk.mini-music-sqaure.minus.minus-circle.minus-cirlce.minus-square.mirror.mirroring-screen.mobile.mobile-programming.monero.money.money-2.money-3.money-4.money-add.money-archive.money-change.money-forbidden.money-receive.money-recive.money-remove.money-send.money-tick.money-time.moneys.monitor.monitor-mobbile.monitor-recorder.moon.more.more-2.more-circle.more-horizontal.more-square.mouse.mouse-circle.mouse-square.music.music-circle.music-dashboard.music-filter.music-library-2.music-play.music-playlist.music-square.music-square-add.music-square-remove.music-square-search.musicnote.nebulas.nem.nexo.next.note.note-1.note-add.note-favorite.note-remove.note-square.note-text.notepad.notepad-2.notification.notification-1.notification-bing.notification-circle.notification-favorite.notification-status.ocean-protocol.okb.okru.omega-circle.omega-square.ontology.paintbucket.palette.panel-left-close.panel-left-open.paperclip.paperclip-2.password-check.path-tool.path-tool-2.path-tool-square.pause.pause-circle.paypal.pen-add.pen-close.pen-remove.pen-tool.pen-tool-2.pencil.people.percentage-circle.percentage-square.personalcard.pet.pharagraphspacing.phone.photoshop.picture-frame.play.play-add.play-circle.play-cricle.play-remove.plug.plus.plus-circle.pointer.polkadot.polygon.polyswarm.presentation-chart.presention-chart.previous.printer.printer-slash.profile.profile-2-user.profile-add.profile-circle.profile-delete.profile-remove.profile-tick.programming-arrow.programming-arrows.python.quant.quote-down.quote-down-circle.quote-down-square.quote-up.quote-up-circle.quote-up-square.radar.radar-2.radio.ram.ram-2.rank.ranking.receipt.receipt-1.receipt-2.receipt-21.receipt-add.receipt-discount.receipt-disscount.receipt-edit.receipt-item.receipt-minus.receipt-search.receipt-square.receipt-text.receive.receive-square.receive-square-2.record.record-circle.recovery-convert.refresh.refresh-2.refresh-circle.refresh-cw.refresh-left-square.refresh-right-square.refresh-square.repeat.repeat-circle.repeate-music.repeate-one.reserve.robot.rotate-ccw.rotate-cw.rotate-left.rotate-right.route-square.routing.routing-2.row-horizontal.row-vertical.ruler.ruler-pen.safe-home.sagittarius.save-2.save-add.save-minus.save-remove.scan.scan-barcode.scanner.scanning.scissor.screenmirroring.scroll.search.search-favorite.search-favorite-1.search-normal.search-normal-1.search-status.search-status-1.search-zoom-in.search-zoom-in-1.search-zoom-out.search-zoom-out-1.security.security-card.security-safe.security-time.security-user.send.send-2.server.setting.setting-2.setting-3.setting-4.setting-5.settings.shapes.shapes-1.share.share-2.shield.shield-check.shield-cross.shield-lock.shield-plus.shield-search.shield-security.shield-slash.shield-tick.ship.shop.shop-add.shop-remove.shopping-bag.shopping-cart.shuffle.shutterstock.siacoin.sidebar-bottom.sidebar-left.sidebar-right.sidebar-top.signpost.simcard.simcard-1.simcard-2.size.slack.slash.slider.slider-horizontal.slider-horizontal-1.slider-vertical.slider-vertical-1.smallcaps.smart-car.smart-home.smileys.sms.sms-edit.sms-notification.sms-search.sms-star.sms-tracking.snapchat.snowflake.solana.sort.sound.sparkles.speaker.speedometer.spotify.stacks.star.star-1.star-slash.stars.status.status-up.stellar.sticker.stickynote.stop.stop-circle.story.strongbox.strongbox-2.subtitle.sun.sun-1.sun-fog.table-document.table-lamp.tag.tag-2.tag-cross.tag-right.tag-user.task.task-square.teacher.telephone.tenx.tether.text.text-block.text-bold.text-italic.text-underline.textalign-center.textalign-justifycenter.textalign-justifyleft.textalign-justifyright.textalign-left.textalign-right.the-graph.theta.thorchain.tick-circle.tick-square.ticket.ticket-2.ticket-discount.ticket-expired.ticket-star.timer.timer-1.timer-pause.timer-start.toggle-off.toggle-off-circle.toggle-on.toggle-on-circle.trade.transaction-minus.translate.transmit.transmit-sqaure-2.transmit-square.trash.trash-2.tree.trello.trend-down.trend-up.trending-up.triangle.triangle-logo.trontron.truck.truck-fast.truck-remove.truck-tick.truck-time.trush-square.twitch.two-page.ui-8.unlimited.unlock.upload.usd-coin.user.user-add.user-check.user-cirlce-add.user-edit.user-minus.user-octagon.user-plus.user-remove.user-search.user-square.user-tag.user-tick.users.velas.verify.vibe.video.video-add.video-circle.video-horizontal.video-octagon.video-play.video-remove.video-slash.video-square.video-tick.video-time.video-vertical.voice-circle.voice-cricle.voice-square.volume.volume-cross.volume-high.volume-low.volume-low-1.volume-mute.volume-slash.volume-up.wallet.wallet-1.wallet-2.wallet-3.wallet-add.wallet-add-1.wallet-check.wallet-minus.wallet-money.wallet-remove.wallet-search.wallet2.wanchain.wanchain-1.wand-sparkles.warning-2.watch.watch-status.weight.weight-meter.whatsapp.wifi.wifi-square.wind.wind-2.windows.wing.woman.wrist-clock.x.x-circle.xd.xiaomi.xrp.youtube.zap.zel.zoom.zoom-in.zoom-out`.split(`.`);export{e as ICON_NAMES};