@net-advantage/nabs-ui-shell 0.59.0 → 0.60.0

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export { Branding } from './Branding';
 export type { BrandingProps } from './Branding.types';
 export * from '@net-advantage/nabs-ui-accordion';
 export * from '@net-advantage/nabs-ui-avatar';
+export * from '@net-advantage/nabs-ui-breadcrumb';
 export * from '@net-advantage/nabs-ui-buttons';
 export * from '@net-advantage/nabs-ui-cards';
 export * from '@net-advantage/nabs-ui-charts';

package/dist/nabs-ui-shell.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@net-advantage/nabs-ui-layout"),n=require("react/jsx-runtime");var r=(0,e.forwardRef)(({header:e,navigation:r,footer:i,children:a,className:o=``,headerClassName:s=``,navigationClassName:c=``,contentClassName:l=``,footerClassName:u=``,...d},f)=>{let p=[`nabs-ui-shell`,o].filter(Boolean).join(` `),m=[`nabs-ui-shell__header`,s].filter(Boolean).join(` `),h=[`nabs-ui-shell__navigation`,c].filter(Boolean).join(` `),g=[`nabs-ui-shell__content`,l].filter(Boolean).join(` `),_=[`nabs-ui-shell__footer`,u].filter(Boolean).join(` `);return(0,n.jsx)(`div`,{ref:f,className:p,...d,children:(0,n.jsx)(t.Layout,{className:`nabs-ui-shell__layout`,header:e,footer:i,leftSidePanel:r,headerClassName:m,footerClassName:_,leftSidePanelClassName:h,contentClassName:g,children:a})})});r.displayName=`Shell`;var i=(0,e.forwardRef)(function({logo:e,title:t,byline:r,className:i=``,...a},o){return(0,n.jsxs)(`div`,{ref:o,className:[`nabs-ui-branding`,i].filter(Boolean).join(` `),...a,children:[(0,n.jsx)(`div`,{className:`nabs-ui-branding__logo`,"aria-hidden":`true`,children:e}),(0,n.jsxs)(`div`,{className:`nabs-ui-branding__text`,children:[(0,n.jsx)(`strong`,{className:`nabs-ui-branding__title`,children:t}),(0,n.jsx)(`span`,{className:`nabs-ui-branding__byline`,children:r})]})]})});i.displayName=`Branding`;var a={leftPadding:44,rightPadding:18,plotTop:14,plotHeight:104,itemStep:56,barWidthMax:18,barGroupScale:.72,barGap:2,xLabelOffset:18,axisLabelOffset:40,legendOffset:20,legendItemGap:14,legendSampleWidth:12,legendTextGap:6,legendMarkerRadius:2,legendApproxCharWidth:5.8,svgBottomPadding:8},o={line:`nabs-ui-charts--line`,bar:`nabs-ui-charts--bar`};function s(e){return Number.isFinite(e)?Math.max(0,Math.floor(e??0)):8}function c(e){if(typeof e==`number`&&Number.isFinite(e))return e;if(typeof e==`string`){let t=Number(e);if(Number.isFinite(t))return t}return 0}function l(e,t){return c(e[t])}function u(e){return!Number.isFinite(e)||(e??0)<=0?5:Math.abs(e??5)}function d(e,t,n){return Math.min(n,Math.max(t,e))}function f(e){return Number(e.toFixed(6))}function p(e,t,n){let r=[];if(n?.length)for(let e of n){let t=String(e??``).trim();!t||r.includes(t)||r.push(t)}let i=String(t??``).trim();if(i&&!r.includes(i)&&r.push(i),r.length===0&&e.length>0){let t=e[0];for(let e of Object.keys(t)){if(e===`yAxis`)continue;let n=t[e],i=c(n);if(Number.isFinite(i)&&r.push(e),r.length>=10)break}}return r.slice(0,10)}function m(e,t,n,r){let i=e+t,a=Number.isFinite(n)?n:0,o=Number.isFinite(r)?r:i;return o<=a?{axisMin:a,axisMax:a+1}:{axisMin:a,axisMax:o}}function h(e,t,n){let r=[e],i=n/1e3,a=0;for(let o=e+n;o<=t+i&&!(a>5e3);o+=n){let e=f(o);if(e>=t)break;r.push(e),a+=1}return r[r.length-1]!==t&&r.push(t),r}function g(e,t,n){if(e.length<=1)return[];let r=e.map(e=>a.legendSampleWidth+a.legendTextGap+e.length*a.legendApproxCharWidth),i=t-(r.reduce((e,t)=>e+t,0)+Math.max(0,e.length-1)*a.legendItemGap)/2;return e.map((e,t)=>{let n=r[t]??0,o=i,s=o+a.legendSampleWidth,c=o+a.legendSampleWidth/2,l=s+a.legendTextGap;return i+=n+a.legendItemGap,{id:`legend-${e}`,label:e,colorIndex:t,sampleX1:o,sampleX2:s,markerX:c,textX:l}})}function _(e,t){let n=[];for(let r of e)r!==e[0]&&n.push({id:`guide-${r}`,value:r,y:t(r)});return n}function v(e,t){return e.map(e=>({id:`tick-${e}`,value:e,y:t(e)}))}function y(e,t,n,r,i,o,s,c){let f=p(e,t,n),y=f.flatMap(t=>e.map(e=>l(e,t))),{axisMin:b,axisMax:x}=m(Math.max(0,...y),i,o,s),S=Math.max(1,x-b),C=u(c),w=Math.max(1,e.length)*a.itemStep,T=a.leftPadding,E=T+w,D=a.plotTop,O=D+a.plotHeight,k=T+w+a.rightPadding,A=O,j=O+a.xLabelOffset,M=O+a.axisLabelOffset,N=M+a.legendOffset,P=r&&f.length>1,F=P?N+a.svgBottomPadding:M+a.svgBottomPadding,I=e=>D+(x-e)/S*a.plotHeight,L=h(b,x,C),R=_(L,I),z=v(L,I),B=e.map((e,t)=>{let n=T+t*a.itemStep+a.itemStep/2;return{id:`category-${e.yAxis}-${t}`,label:e.yAxis,x:n}}),V=f.map((t,n)=>{let r=B.map((n,r)=>{let i=e[r],a=l(i,t),o=I(d(a,b,x));return{id:`${t}-${n.id}`,label:n.label,value:a,x:n.x,y:o}});return{id:`series-${t}`,key:t,colorIndex:n,points:r}}),H=B.map(e=>({id:`v-guide-${e.id}`,x:e.x})),U=P?g(f,k/2,N):[],W=Math.max(1,V.length),G=a.itemStep*a.barGroupScale,K=a.barGap;return{valueKeys:f,categoryTicks:B,seriesModels:V,guides:R,verticalGuides:H,yTicks:z,legendItems:U,svgHeight:F,svgWidth:k,barWidth:Math.max(2,Math.min(a.barWidthMax,(G-Math.max(0,W-1)*K)/W)),barGap:K,plotLeft:T,plotRight:E,plotTop:D,plotBottom:O,xAxisY:A,xAxisLabelY:j,axisNameY:M,legendY:N}}function b(e){return e.map(e=>`${e.x},${e.y}`).join(` `)}function x(...e){return e.filter(Boolean).join(` `)}var S=(0,e.forwardRef)(function({className:t=``,series:r,valueName:i,valueNames:c,palette:l,chartType:u=`line`,topSpace:d=8,yAxisMin:f,yAxisMax:p,yAxisInterval:m,xAxisName:h=``,showXAxisName:g=!0,showLegend:_=!0,minPointHeight:v=2,style:S,...C},w){let T=s(d),E=(0,e.useMemo)(()=>y(r,i,c,_,T,f,p,m),[T,r,_,i,c,m,p,f]),D=(0,e.useMemo)(()=>{if(!l||l.length===0)return;let e={};for(let t=0;t<Math.min(10,l.length);t+=1){let n=String(l[t]??``).trim();n&&(e[`--nabs-ui-charts-series-inline-${t+1}`]=n)}return Object.keys(e).length>0?e:void 0},[l]),O=D?{...D,...S}:S,k=x(`nabs-ui-charts`,o[u],t),A=g&&h.trim().length>0,j=E.valueKeys.length>0?E.valueKeys.join(`, `):String(i??`value`);return(0,n.jsx)(`div`,{ref:w,className:k,style:O,...C,children:(0,n.jsxs)(`svg`,{className:`nabs-ui-charts__svg`,viewBox:`0 0 ${E.svgWidth} ${E.svgHeight}`,role:`img`,"aria-label":`2D ${u} chart for ${j}`,preserveAspectRatio:`xMidYMid meet`,children:[(0,n.jsx)(`rect`,{className:`nabs-ui-charts__plotBoundary`,x:E.plotLeft,y:E.plotTop,width:E.plotRight-E.plotLeft,height:E.plotBottom-E.plotTop}),E.verticalGuides.map(e=>(0,n.jsx)(`line`,{className:`nabs-ui-charts__guide`,x1:e.x,y1:E.plotTop,x2:e.x,y2:E.plotBottom},e.id)),E.guides.map(e=>(0,n.jsx)(`line`,{className:`nabs-ui-charts__guide`,x1:E.plotLeft,y1:e.y,x2:E.plotRight,y2:e.y},e.id)),E.yTicks.map(e=>(0,n.jsx)(`text`,{className:`nabs-ui-charts__yTickLabel`,x:E.plotLeft-6,y:e.y,children:e.value},e.id)),(0,n.jsx)(`line`,{className:`nabs-ui-charts__axis`,x1:E.plotLeft,y1:E.xAxisY,x2:E.plotRight,y2:E.xAxisY}),u===`line`?E.seriesModels.map(e=>{let t=x(`nabs-ui-charts__line`,`nabs-ui-charts__series-color-${e.colorIndex}`),r=x(`nabs-ui-charts__point`,`nabs-ui-charts__series-color-${e.colorIndex}`);return(0,n.jsxs)(`g`,{children:[e.points.length>1?(0,n.jsx)(`polyline`,{className:t,points:b(e.points)}):null,e.points.map(t=>(0,n.jsx)(`circle`,{className:r,cx:t.x,cy:t.y,r:1.5,children:(0,n.jsx)(`title`,{children:`${t.label} • ${e.key}: ${t.value}`})},t.id))]},e.id)}):E.categoryTicks.map((e,t)=>{let r=Math.max(1,E.seriesModels.length),i=r*E.barWidth+Math.max(0,r-1)*E.barGap,a=e.x-i/2;return(0,n.jsx)(`g`,{children:E.seriesModels.map((r,i)=>{let o=r.points[t];if(!o)return null;let s=Math.max(E.xAxisY-o.y,v),c=E.xAxisY-s,l=a+i*(E.barWidth+E.barGap);return(0,n.jsx)(`rect`,{className:x(`nabs-ui-charts__bar`,`nabs-ui-charts__series-color-${r.colorIndex}`),x:l,y:c,width:E.barWidth,height:s,rx:1.5,ry:1.5,children:(0,n.jsx)(`title`,{children:`${e.label} • ${r.key}: ${o.value}`})},`${r.id}-${o.id}`)})},`bars-${e.id}`)}),E.categoryTicks.map(e=>(0,n.jsx)(`text`,{className:`nabs-ui-charts__tickLabel`,x:e.x,y:E.xAxisLabelY,children:e.label},`${e.id}-label`)),A?(0,n.jsx)(`text`,{className:`nabs-ui-charts__axisName`,x:E.svgWidth/2,y:E.axisNameY,children:h}):null,E.legendItems.map(e=>{let t=x(`nabs-ui-charts__legendSample`,`nabs-ui-charts__series-color-${e.colorIndex}`);return(0,n.jsxs)(`g`,{children:[(0,n.jsx)(`line`,{className:t,x1:e.sampleX1,y1:E.legendY,x2:e.sampleX2,y2:E.legendY}),(0,n.jsx)(`circle`,{className:t,cx:e.markerX,cy:E.legendY,r:a.legendMarkerRadius}),(0,n.jsx)(`text`,{className:`nabs-ui-charts__legendLabel`,x:e.textX,y:E.legendY,children:e.label})]},e.id)})]})})});S.displayName=`2DChart`,exports.Branding=i,exports.Shell=r,exports.TwoDChart=S;var C=require("@net-advantage/nabs-ui-accordion");Object.keys(C).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return C[e]}})});var w=require("@net-advantage/nabs-ui-avatar");Object.keys(w).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return w[e]}})});var T=require("@net-advantage/nabs-ui-buttons");Object.keys(T).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return T[e]}})});var E=require("@net-advantage/nabs-ui-cards");Object.keys(E).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return E[e]}})});var D=require("@net-advantage/nabs-ui-checkbox");Object.keys(D).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return D[e]}})});var O=require("@net-advantage/nabs-ui-code");Object.keys(O).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return O[e]}})});var k=require("@net-advantage/nabs-ui-combobox");Object.keys(k).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return k[e]}})});var A=require("@net-advantage/nabs-ui-datepicker");Object.keys(A).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return A[e]}})});var j=require("@net-advantage/nabs-ui-dialog");Object.keys(j).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return j[e]}})});var M=require("@net-advantage/nabs-ui-dropdownlist");Object.keys(M).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return M[e]}})});var N=require("@net-advantage/nabs-ui-dropdownmenu");Object.keys(N).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return N[e]}})});var P=require("@net-advantage/nabs-ui-dynamicform");Object.keys(P).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return P[e]}})});var F=require("@net-advantage/nabs-ui-fileupload");Object.keys(F).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return F[e]}})});var I=require("@net-advantage/nabs-ui-graph");Object.keys(I).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return I[e]}})});var L=require("@net-advantage/nabs-ui-grid");Object.keys(L).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return L[e]}})}),Object.keys(t).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return t[e]}})});var R=require("@net-advantage/nabs-ui-markdown");Object.keys(R).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return R[e]}})});var z=require("@net-advantage/nabs-ui-navigation");Object.keys(z).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return z[e]}})});var B=require("@net-advantage/nabs-ui-panel");Object.keys(B).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return B[e]}})});var V=require("@net-advantage/nabs-ui-radiobutton");Object.keys(V).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return V[e]}})});var H=require("@net-advantage/nabs-ui-signature");Object.keys(H).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return H[e]}})});var U=require("@net-advantage/nabs-ui-slider");Object.keys(U).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return U[e]}})});var W=require("@net-advantage/nabs-ui-stepper");Object.keys(W).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return W[e]}})});var G=require("@net-advantage/nabs-ui-tab");Object.keys(G).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return G[e]}})});var K=require("@net-advantage/nabs-ui-textarea");Object.keys(K).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return K[e]}})});var q=require("@net-advantage/nabs-ui-textbox");Object.keys(q).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return q[e]}})});var J=require("@net-advantage/nabs-ui-toolbar");Object.keys(J).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return J[e]}})});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@net-advantage/nabs-ui-layout"),n=require("react/jsx-runtime");var r=(0,e.forwardRef)(({header:e,navigation:r,footer:i,children:a,className:o=``,headerClassName:s=``,navigationClassName:c=``,contentClassName:l=``,footerClassName:u=``,...d},f)=>{let p=[`nabs-ui-shell`,o].filter(Boolean).join(` `),m=[`nabs-ui-shell__header`,s].filter(Boolean).join(` `),h=[`nabs-ui-shell__navigation`,c].filter(Boolean).join(` `),g=[`nabs-ui-shell__content`,l].filter(Boolean).join(` `),_=[`nabs-ui-shell__footer`,u].filter(Boolean).join(` `);return(0,n.jsx)(`div`,{ref:f,className:p,...d,children:(0,n.jsx)(t.Layout,{className:`nabs-ui-shell__layout`,header:e,footer:i,leftSidePanel:r,headerClassName:m,footerClassName:_,leftSidePanelClassName:h,contentClassName:g,children:a})})});r.displayName=`Shell`;var i=(0,e.forwardRef)(function({logo:e,title:t,byline:r,className:i=``,...a},o){return(0,n.jsxs)(`div`,{ref:o,className:[`nabs-ui-branding`,i].filter(Boolean).join(` `),...a,children:[(0,n.jsx)(`div`,{className:`nabs-ui-branding__logo`,"aria-hidden":`true`,children:e}),(0,n.jsxs)(`div`,{className:`nabs-ui-branding__text`,children:[(0,n.jsx)(`strong`,{className:`nabs-ui-branding__title`,children:t}),(0,n.jsx)(`span`,{className:`nabs-ui-branding__byline`,children:r})]})]})});i.displayName=`Branding`;function a(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}function o(){return`Home`}function s(e){return{id:`__home__`,label:e?.label??o(),href:e?.href,path:e?.path,disabled:e?.disabled}}function c(e,t,n){return t?[s(n),...e]:e}function l(){return(0,n.jsxs)(`svg`,{className:`nabs-ui-breadcrumb__homeIcon`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,focusable:`false`,children:[(0,n.jsx)(`path`,{d:`M3 11.5L12 4L21 11.5`,stroke:`currentColor`,strokeWidth:`1.8`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,n.jsx)(`path`,{d:`M6.5 10V20H17.5V10`,stroke:`currentColor`,strokeWidth:`1.8`,strokeLinecap:`round`,strokeLinejoin:`round`})]})}var u=(0,e.forwardRef)(function({items:e=[],showHome:t=!0,home:r,separator:i=`/`,lastItemClickable:o=!1,className:s=``,itemClassName:u=``,onItemSelect:d,...f},p){let m=c(e,t,r);return(0,n.jsx)(`nav`,{ref:p,className:[`nabs-ui-breadcrumb`,s].filter(Boolean).join(` `),"aria-label":`Breadcrumb`,...f,children:(0,n.jsx)(`ol`,{className:`nabs-ui-breadcrumb__list`,children:m.map((e,s)=>{let c=s===m.length-1,f=c&&!o,p=typeof e.path==`string`&&e.path.trim().length>0,h=typeof e.href==`string`&&e.href.trim().length>0,g=p?e.path:h?e.href:void 0,_=[`nabs-ui-breadcrumb__item`,f?`nabs-ui-breadcrumb__item--current`:``,e.disabled?`nabs-ui-breadcrumb__item--disabled`:``,u].filter(Boolean).join(` `),v=t=>{if(e.disabled||f){t.preventDefault();return}d?.({itemId:e.id,item:e,event:t}),!t.defaultPrevented&&(!p||typeof window>`u`||!a(t)||(t.preventDefault(),window.history.pushState({},``,e.path),window.dispatchEvent(new PopStateEvent(`popstate`,{state:window.history.state}))))},y=(0,n.jsxs)(n.Fragment,{children:[s===0&&t?r?.icon??(0,n.jsx)(l,{}):null,(0,n.jsx)(`span`,{className:`nabs-ui-breadcrumb__itemLabel`,children:e.label})]});return(0,n.jsxs)(`li`,{className:`nabs-ui-breadcrumb__entry`,children:[g&&!f?(0,n.jsx)(`a`,{className:_,href:g,onClick:v,children:y}):(0,n.jsx)(`button`,{type:`button`,className:_,disabled:e.disabled||f,"aria-current":f?`page`:void 0,onClick:v,children:y}),c?null:(0,n.jsx)(`span`,{className:`nabs-ui-breadcrumb__separator`,children:i})]},e.id)})})})});u.displayName=`Breadcrumb`;var d={leftPadding:44,rightPadding:18,plotTop:14,plotHeight:104,itemStep:56,barWidthMax:18,barGroupScale:.72,barGap:2,xLabelOffset:18,axisLabelOffset:40,legendOffset:20,legendItemGap:14,legendSampleWidth:12,legendTextGap:6,legendMarkerRadius:2,legendApproxCharWidth:5.8,svgBottomPadding:8},f={line:`nabs-ui-charts--line`,bar:`nabs-ui-charts--bar`};function p(e){return Number.isFinite(e)?Math.max(0,Math.floor(e??0)):8}function m(e){if(typeof e==`number`&&Number.isFinite(e))return e;if(typeof e==`string`){let t=Number(e);if(Number.isFinite(t))return t}return 0}function h(e,t){return m(e[t])}function g(e){return!Number.isFinite(e)||(e??0)<=0?5:Math.abs(e??5)}function _(e,t,n){return Math.min(n,Math.max(t,e))}function v(e){return Number(e.toFixed(6))}function y(e,t,n){let r=[];if(n?.length)for(let e of n){let t=String(e??``).trim();!t||r.includes(t)||r.push(t)}let i=String(t??``).trim();if(i&&!r.includes(i)&&r.push(i),r.length===0&&e.length>0){let t=e[0];for(let e of Object.keys(t)){if(e===`yAxis`)continue;let n=t[e],i=m(n);if(Number.isFinite(i)&&r.push(e),r.length>=10)break}}return r.slice(0,10)}function b(e,t,n,r){let i=e+t,a=Number.isFinite(n)?n:0,o=Number.isFinite(r)?r:i;return o<=a?{axisMin:a,axisMax:a+1}:{axisMin:a,axisMax:o}}function x(e,t,n){let r=[e],i=n/1e3,a=0;for(let o=e+n;o<=t+i&&!(a>5e3);o+=n){let e=v(o);if(e>=t)break;r.push(e),a+=1}return r[r.length-1]!==t&&r.push(t),r}function S(e,t,n){if(e.length<=1)return[];let r=e.map(e=>d.legendSampleWidth+d.legendTextGap+e.length*d.legendApproxCharWidth),i=t-(r.reduce((e,t)=>e+t,0)+Math.max(0,e.length-1)*d.legendItemGap)/2;return e.map((e,t)=>{let n=r[t]??0,a=i,o=a+d.legendSampleWidth,s=a+d.legendSampleWidth/2,c=o+d.legendTextGap;return i+=n+d.legendItemGap,{id:`legend-${e}`,label:e,colorIndex:t,sampleX1:a,sampleX2:o,markerX:s,textX:c}})}function C(e,t){let n=[];for(let r of e)r!==e[0]&&n.push({id:`guide-${r}`,value:r,y:t(r)});return n}function w(e,t){return e.map(e=>({id:`tick-${e}`,value:e,y:t(e)}))}function T(e,t,n,r,i,a,o,s){let c=y(e,t,n),l=c.flatMap(t=>e.map(e=>h(e,t))),{axisMin:u,axisMax:f}=b(Math.max(0,...l),i,a,o),p=Math.max(1,f-u),m=g(s),v=Math.max(1,e.length)*d.itemStep,T=d.leftPadding,E=T+v,D=d.plotTop,O=D+d.plotHeight,k=T+v+d.rightPadding,A=O,j=O+d.xLabelOffset,M=O+d.axisLabelOffset,N=M+d.legendOffset,P=r&&c.length>1,F=P?N+d.svgBottomPadding:M+d.svgBottomPadding,I=e=>D+(f-e)/p*d.plotHeight,L=x(u,f,m),R=C(L,I),z=w(L,I),B=e.map((e,t)=>{let n=T+t*d.itemStep+d.itemStep/2;return{id:`category-${e.yAxis}-${t}`,label:e.yAxis,x:n}}),V=c.map((t,n)=>{let r=B.map((n,r)=>{let i=e[r],a=h(i,t),o=I(_(a,u,f));return{id:`${t}-${n.id}`,label:n.label,value:a,x:n.x,y:o}});return{id:`series-${t}`,key:t,colorIndex:n,points:r}}),H=B.map(e=>({id:`v-guide-${e.id}`,x:e.x})),U=P?S(c,k/2,N):[],W=Math.max(1,V.length),G=d.itemStep*d.barGroupScale,K=d.barGap;return{valueKeys:c,categoryTicks:B,seriesModels:V,guides:R,verticalGuides:H,yTicks:z,legendItems:U,svgHeight:F,svgWidth:k,barWidth:Math.max(2,Math.min(d.barWidthMax,(G-Math.max(0,W-1)*K)/W)),barGap:K,plotLeft:T,plotRight:E,plotTop:D,plotBottom:O,xAxisY:A,xAxisLabelY:j,axisNameY:M,legendY:N}}function E(e){return e.map(e=>`${e.x},${e.y}`).join(` `)}function D(...e){return e.filter(Boolean).join(` `)}var O=(0,e.forwardRef)(function({className:t=``,series:r,valueName:i,valueNames:a,palette:o,chartType:s=`line`,topSpace:c=8,yAxisMin:l,yAxisMax:u,yAxisInterval:m,xAxisName:h=``,showXAxisName:g=!0,showLegend:_=!0,minPointHeight:v=2,style:y,...b},x){let S=p(c),C=(0,e.useMemo)(()=>T(r,i,a,_,S,l,u,m),[S,r,_,i,a,m,u,l]),w=(0,e.useMemo)(()=>{if(!o||o.length===0)return;let e={};for(let t=0;t<Math.min(10,o.length);t+=1){let n=String(o[t]??``).trim();n&&(e[`--nabs-ui-charts-series-inline-${t+1}`]=n)}return Object.keys(e).length>0?e:void 0},[o]),O=w?{...w,...y}:y,k=D(`nabs-ui-charts`,f[s],t),A=g&&h.trim().length>0,j=C.valueKeys.length>0?C.valueKeys.join(`, `):String(i??`value`);return(0,n.jsx)(`div`,{ref:x,className:k,style:O,...b,children:(0,n.jsxs)(`svg`,{className:`nabs-ui-charts__svg`,viewBox:`0 0 ${C.svgWidth} ${C.svgHeight}`,role:`img`,"aria-label":`2D ${s} chart for ${j}`,preserveAspectRatio:`xMidYMid meet`,children:[(0,n.jsx)(`rect`,{className:`nabs-ui-charts__plotBoundary`,x:C.plotLeft,y:C.plotTop,width:C.plotRight-C.plotLeft,height:C.plotBottom-C.plotTop}),C.verticalGuides.map(e=>(0,n.jsx)(`line`,{className:`nabs-ui-charts__guide`,x1:e.x,y1:C.plotTop,x2:e.x,y2:C.plotBottom},e.id)),C.guides.map(e=>(0,n.jsx)(`line`,{className:`nabs-ui-charts__guide`,x1:C.plotLeft,y1:e.y,x2:C.plotRight,y2:e.y},e.id)),C.yTicks.map(e=>(0,n.jsx)(`text`,{className:`nabs-ui-charts__yTickLabel`,x:C.plotLeft-6,y:e.y,children:e.value},e.id)),(0,n.jsx)(`line`,{className:`nabs-ui-charts__axis`,x1:C.plotLeft,y1:C.xAxisY,x2:C.plotRight,y2:C.xAxisY}),s===`line`?C.seriesModels.map(e=>{let t=D(`nabs-ui-charts__line`,`nabs-ui-charts__series-color-${e.colorIndex}`),r=D(`nabs-ui-charts__point`,`nabs-ui-charts__series-color-${e.colorIndex}`);return(0,n.jsxs)(`g`,{children:[e.points.length>1?(0,n.jsx)(`polyline`,{className:t,points:E(e.points)}):null,e.points.map(t=>(0,n.jsx)(`circle`,{className:r,cx:t.x,cy:t.y,r:1.5,children:(0,n.jsx)(`title`,{children:`${t.label} • ${e.key}: ${t.value}`})},t.id))]},e.id)}):C.categoryTicks.map((e,t)=>{let r=Math.max(1,C.seriesModels.length),i=r*C.barWidth+Math.max(0,r-1)*C.barGap,a=e.x-i/2;return(0,n.jsx)(`g`,{children:C.seriesModels.map((r,i)=>{let o=r.points[t];if(!o)return null;let s=Math.max(C.xAxisY-o.y,v),c=C.xAxisY-s,l=a+i*(C.barWidth+C.barGap);return(0,n.jsx)(`rect`,{className:D(`nabs-ui-charts__bar`,`nabs-ui-charts__series-color-${r.colorIndex}`),x:l,y:c,width:C.barWidth,height:s,rx:1.5,ry:1.5,children:(0,n.jsx)(`title`,{children:`${e.label} • ${r.key}: ${o.value}`})},`${r.id}-${o.id}`)})},`bars-${e.id}`)}),C.categoryTicks.map(e=>(0,n.jsx)(`text`,{className:`nabs-ui-charts__tickLabel`,x:e.x,y:C.xAxisLabelY,children:e.label},`${e.id}-label`)),A?(0,n.jsx)(`text`,{className:`nabs-ui-charts__axisName`,x:C.svgWidth/2,y:C.axisNameY,children:h}):null,C.legendItems.map(e=>{let t=D(`nabs-ui-charts__legendSample`,`nabs-ui-charts__series-color-${e.colorIndex}`);return(0,n.jsxs)(`g`,{children:[(0,n.jsx)(`line`,{className:t,x1:e.sampleX1,y1:C.legendY,x2:e.sampleX2,y2:C.legendY}),(0,n.jsx)(`circle`,{className:t,cx:e.markerX,cy:C.legendY,r:d.legendMarkerRadius}),(0,n.jsx)(`text`,{className:`nabs-ui-charts__legendLabel`,x:e.textX,y:C.legendY,children:e.label})]},e.id)})]})})});O.displayName=`2DChart`;var k={svgWidth:400,svgHeight:180,centerX:88,centerY:90,radius:56,donutInnerRadius:30,legendStartX:172,legendStartY:40,legendItemHeight:18,legendSwatchSize:7,legendTextGap:6};function A(e){let t=m(e);return t>0?t:0}function j(e,t){let n=e.map((e,n)=>{let r=String(e.yAxis??`Slice ${n+1}`).trim()||`Slice ${n+1}`,i=A(e[t]);return{id:`slice-${r}-${n}`,label:r,value:i,colorIndex:n%10}}),r=n.reduce((e,t)=>e+t.value,0);if(r<=0)return[];let i=-Math.PI/2;return n.map(e=>{let t=e.value/r,n=i;return i+=t*Math.PI*2,{...e,ratio:t,startAngle:n,endAngle:i}})}function M(e,t,n,r){return{x:e+n*Math.cos(r),y:t+n*Math.sin(r)}}function N(e,t,n){let r=e,i=t-n,a=e,o=t+n;return[`M ${e} ${t}`,`L ${r} ${i}`,`A ${n} ${n} 0 1 1 ${a} ${o}`,`A ${n} ${n} 0 1 1 ${r} ${i}`,`Z`].join(` `)}function P(e,t,n,r){let i=e,a=t-n,o=e,s=t+n,c=e,l=t-r,u=e,d=t+r;return[`M ${i} ${a}`,`A ${n} ${n} 0 1 1 ${o} ${s}`,`A ${n} ${n} 0 1 1 ${i} ${a}`,`L ${c} ${l}`,`A ${r} ${r} 0 1 0 ${u} ${d}`,`A ${r} ${r} 0 1 0 ${c} ${l}`,`Z`].join(` `)}function F(e,t,n,r,i,a){if(e.ratio>=.999999)return t===`donut`?P(n,r,i,a):N(n,r,i);let o=+(e.endAngle-e.startAngle>Math.PI),s=M(n,r,i,e.startAngle),c=M(n,r,i,e.endAngle);if(t===`pie`)return[`M ${n} ${r}`,`L ${s.x} ${s.y}`,`A ${i} ${i} 0 ${o} 1 ${c.x} ${c.y}`,`Z`].join(` `);let l=M(n,r,a,e.startAngle),u=M(n,r,a,e.endAngle);return[`M ${s.x} ${s.y}`,`A ${i} ${i} 0 ${o} 1 ${c.x} ${c.y}`,`L ${u.x} ${u.y}`,`A ${a} ${a} 0 ${o} 0 ${l.x} ${l.y}`,`Z`].join(` `)}var I=(0,e.forwardRef)(function({className:t=``,series:r,valueName:i,palette:a,chartType:o=`pie`,showLegend:s=!0,style:c,...l},u){let d=(0,e.useMemo)(()=>j(r,i),[r,i]),f=(0,e.useMemo)(()=>{if(!a||a.length===0)return;let e={};for(let t=0;t<Math.min(10,a.length);t+=1){let n=String(a[t]??``).trim();n&&(e[`--nabs-ui-charts-series-inline-${t+1}`]=n)}return Object.keys(e).length>0?e:void 0},[a]);return(0,n.jsx)(`div`,{ref:u,className:D(`nabs-ui-charts`,`nabs-ui-charts--pie`,`nabs-ui-charts--${o}`,t),style:f?{...f,...c}:c,...l,children:(0,n.jsxs)(`svg`,{className:`nabs-ui-charts__svg`,viewBox:`0 0 ${k.svgWidth} ${k.svgHeight}`,role:`img`,"aria-label":`${o} chart for ${i}`,preserveAspectRatio:`xMidYMid meet`,children:[d.length>0?d.map(e=>{let t=F(e,o,k.centerX,k.centerY,k.radius,k.donutInnerRadius);return(0,n.jsx)(`path`,{className:D(`nabs-ui-charts__pieSlice`,`nabs-ui-charts__series-color-${e.colorIndex}`),d:t,children:(0,n.jsx)(`title`,{children:`${e.label}: ${e.value}`})},e.id)}):null,s?d.map((e,t)=>{let r=k.legendStartY+t*k.legendItemHeight,i=D(`nabs-ui-charts__legendSwatch`,`nabs-ui-charts__series-color-${e.colorIndex}`),a=r-k.legendSwatchSize/2,o=k.legendStartX+k.legendSwatchSize+k.legendTextGap;return(0,n.jsxs)(`g`,{children:[(0,n.jsx)(`rect`,{className:i,x:k.legendStartX,y:a,width:k.legendSwatchSize,height:k.legendSwatchSize,rx:1,ry:1}),(0,n.jsx)(`text`,{className:`nabs-ui-charts__legendLabel`,x:o,y:r,children:`${e.label} (${Math.round(e.ratio*100)}%)`})]},`legend-${e.id}`)}):null,d.length===0?(0,n.jsx)(`text`,{className:`nabs-ui-charts__legendLabel`,x:k.centerX,y:k.centerY,textAnchor:`middle`,children:`No data`}):null]})})});I.displayName=`PieChart`,exports.Branding=i,exports.Breadcrumb=u,exports.PieChart=I,exports.Shell=r,exports.TwoDChart=O;var L=require("@net-advantage/nabs-ui-accordion");Object.keys(L).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return L[e]}})});var R=require("@net-advantage/nabs-ui-avatar");Object.keys(R).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return R[e]}})});var z=require("@net-advantage/nabs-ui-buttons");Object.keys(z).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return z[e]}})});var B=require("@net-advantage/nabs-ui-cards");Object.keys(B).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return B[e]}})});var V=require("@net-advantage/nabs-ui-checkbox");Object.keys(V).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return V[e]}})});var H=require("@net-advantage/nabs-ui-code");Object.keys(H).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return H[e]}})});var U=require("@net-advantage/nabs-ui-combobox");Object.keys(U).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return U[e]}})});var W=require("@net-advantage/nabs-ui-datepicker");Object.keys(W).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return W[e]}})});var G=require("@net-advantage/nabs-ui-dialog");Object.keys(G).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return G[e]}})});var K=require("@net-advantage/nabs-ui-dropdownlist");Object.keys(K).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return K[e]}})});var q=require("@net-advantage/nabs-ui-dropdownmenu");Object.keys(q).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return q[e]}})});var J=require("@net-advantage/nabs-ui-dynamicform");Object.keys(J).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return J[e]}})});var Y=require("@net-advantage/nabs-ui-fileupload");Object.keys(Y).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return Y[e]}})});var X=require("@net-advantage/nabs-ui-graph");Object.keys(X).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return X[e]}})});var Z=require("@net-advantage/nabs-ui-grid");Object.keys(Z).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return Z[e]}})}),Object.keys(t).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return t[e]}})});var Q=require("@net-advantage/nabs-ui-markdown");Object.keys(Q).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return Q[e]}})});var $=require("@net-advantage/nabs-ui-navigation");Object.keys($).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return $[e]}})});var ee=require("@net-advantage/nabs-ui-panel");Object.keys(ee).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ee[e]}})});var te=require("@net-advantage/nabs-ui-radiobutton");Object.keys(te).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return te[e]}})});var ne=require("@net-advantage/nabs-ui-signature");Object.keys(ne).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ne[e]}})});var re=require("@net-advantage/nabs-ui-slider");Object.keys(re).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return re[e]}})});var ie=require("@net-advantage/nabs-ui-stepper");Object.keys(ie).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ie[e]}})});var ae=require("@net-advantage/nabs-ui-tab");Object.keys(ae).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ae[e]}})});var oe=require("@net-advantage/nabs-ui-textarea");Object.keys(oe).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return oe[e]}})});var se=require("@net-advantage/nabs-ui-textbox");Object.keys(se).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return se[e]}})});var ce=require("@net-advantage/nabs-ui-toolbar");Object.keys(ce).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return ce[e]}})});

package/dist/nabs-ui-shell.css

@@ -111,9 +111,10 @@
 }
 .nabs-ui-accordion{gap:var(--nabs-ui-density-accordion-gap,.75rem);width:100%;display:grid}.nabs-ui-accordion__item{border:1px solid var(--nabs-ui-color-border);border-radius:var(--nabs-ui-density-accordion-item-radius,.75rem);overflow:clip}.nabs-ui-accordion__trigger{background:var(--nabs-ui-color-bg);color:inherit;cursor:pointer;font:inherit;font-size:var(--nabs-ui-density-accordion-trigger-font-size,1rem);min-height:var(--nabs-ui-density-accordion-trigger-min-height,3rem);padding:var(--nabs-ui-density-accordion-trigger-padding-y,.9rem) var(--nabs-ui-density-accordion-trigger-padding-x,1rem);text-align:left;border:0;justify-content:space-between;align-items:center;width:100%;font-weight:600;line-height:1.3;display:flex}.nabs-ui-accordion__trigger:disabled{cursor:not-allowed;opacity:.75}.nabs-ui-accordion__triggerIcon{font-size:var(--nabs-ui-density-accordion-trigger-icon-font-size,.95rem);flex:none;margin-inline-start:var(--nabs-ui-density-accordion-trigger-icon-margin-start,.5rem);font-weight:700;line-height:1;transition:transform .16s}.nabs-ui-accordion__item--expanded .nabs-ui-accordion__triggerIcon{transform:rotate(45deg)}.nabs-ui-accordion__panel:not([hidden]){border-top:1px solid var(--nabs-ui-color-border);gap:var(--nabs-ui-density-accordion-panel-gap,.75rem);padding:var(--nabs-ui-density-accordion-panel-padding-top,.9rem) var(--nabs-ui-density-accordion-panel-padding-x,1rem) var(--nabs-ui-density-accordion-panel-padding-bottom,1rem);line-height:1.5;display:grid}
 /*$vite$:1*/.nabs-ui-dropdownmenu{align-items:flex-start;display:inline-flex;position:relative}.nabs-ui-dropdownmenu__trigger{cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-menu-trigger-gap,.6rem);padding:var(--nabs-ui-density-menu-trigger-padding-y,.55rem) var(--nabs-ui-density-menu-trigger-padding-x,.8rem) var(--nabs-ui-density-menu-trigger-padding-y,.55rem) var(--nabs-ui-density-menu-trigger-padding-left,1rem);transition:background-color .12s,border-color .12s,box-shadow .12s,transform .12s;display:inline-flex}.nabs-ui-dropdownmenu__trigger:hover{transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-dropdownmenu__triggerLabel{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-dropdownmenu__triggerChevron{font-size:var(--nabs-ui-density-menu-chevron-font-size,.8rem);padding-right:var(--nabs-ui-density-menu-chevron-padding-right,.1rem);line-height:1}.nabs-ui-dropdownmenu__menu{font-family:var(--nabs-ui-font-family-base,inherit);gap:var(--nabs-ui-density-menu-gap,.25rem);min-width:var(--nabs-ui-density-menu-min-width,13rem);padding:var(--nabs-ui-density-menu-padding,.5rem);left:0;top:calc(100% + var(--nabs-ui-density-menu-offset,.6rem));z-index:2147483647;display:grid;position:absolute}.nabs-ui-dropdownmenu__item[aria-disabled=true]{pointer-events:none}.nabs-ui-dropdownmenu__item{cursor:pointer;align-items:flex-start;gap:var(--nabs-ui-density-menu-item-gap,.15rem);padding:var(--nabs-ui-density-menu-item-padding-y,.75rem) var(--nabs-ui-density-menu-item-padding-x,.9rem);text-align:left;border:0;justify-items:start;transition:background-color .12s,color .12s;display:grid}.nabs-ui-dropdownmenu__item--disabled{cursor:not-allowed}.nabs-ui-dropdownmenu__itemLabel{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-dropdownmenu__itemDescription{font-size:var(--nabs-ui-density-description-font-size,.82rem);line-height:1.25}.nabs-ui-dropdownmenu__divider{margin:var(--nabs-ui-density-menu-divider-margin-y,.25rem) 0}.nabs-ui-avatar{align-items:center;display:inline-flex;position:relative}.nabs-ui-avatar__login,.nabs-ui-avatar__trigger{cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-avatar-trigger-gap,.75rem);padding:var(--nabs-ui-density-avatar-trigger-padding-top,.35rem) var(--nabs-ui-density-avatar-trigger-padding-right,.45rem) var(--nabs-ui-density-avatar-trigger-padding-bottom,.35rem) var(--nabs-ui-density-avatar-trigger-padding-left,.35rem);text-decoration:none;transition:background-color .12s,border-color .12s,box-shadow .12s,transform .12s;display:inline-flex}.nabs-ui-avatar__login:hover,.nabs-ui-avatar__trigger:hover{transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-avatar__avatar{font-size:var(--nabs-ui-density-font-size-control,.95rem);height:var(--nabs-ui-density-avatar-size,2.5rem);width:var(--nabs-ui-density-avatar-size,2.5rem);flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.nabs-ui-avatar__image{object-fit:cover;width:100%;height:100%;display:block}.nabs-ui-avatar__loginText,.nabs-ui-avatar__name{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-avatar__name{max-width:var(--nabs-ui-density-avatar-name-max-width,10rem);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nabs-ui-avatar__chevron{font-size:var(--nabs-ui-density-menu-chevron-font-size,.8rem);padding-right:var(--nabs-ui-density-avatar-chevron-padding-right,.15rem);line-height:1}.nabs-ui-avatar__menu{gap:var(--nabs-ui-density-avatar-menu-gap,.25rem);min-width:var(--nabs-ui-density-avatar-menu-min-width,12rem);padding:var(--nabs-ui-density-avatar-menu-padding,.5rem);display:grid}.nabs-ui-avatar__menuItem{font-size:var(--nabs-ui-density-font-size-control,.95rem);padding:var(--nabs-ui-density-avatar-menu-item-padding-y,.8rem) var(--nabs-ui-density-avatar-menu-item-padding-x,.9rem);justify-content:flex-start;align-items:center;font-weight:600;text-decoration:none;transition:background-color .12s,color .12s;display:flex}
+/*$vite$:1*/.nabs-ui-breadcrumb{width:100%}.nabs-ui-breadcrumb__list{align-items:center;gap:var(--nabs-ui-density-breadcrumb-gap,.2rem);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.nabs-ui-breadcrumb__entry{align-items:center;min-width:0;display:inline-flex}.nabs-ui-breadcrumb__item{appearance:none;cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-breadcrumb-item-gap,.35rem);min-width:0;text-decoration:none;display:inline-flex}.nabs-ui-breadcrumb__itemLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:inline-block;overflow:hidden}.nabs-ui-breadcrumb__item--current{cursor:default}.nabs-ui-breadcrumb__item--disabled{cursor:not-allowed}.nabs-ui-breadcrumb__separator{margin-inline:var(--nabs-ui-density-breadcrumb-separator-inline,.3rem);-webkit-user-select:none;user-select:none;display:inline-flex}.nabs-ui-breadcrumb__homeIcon{height:var(--nabs-ui-density-breadcrumb-home-icon-size,.9rem);width:var(--nabs-ui-density-breadcrumb-home-icon-size,.9rem);flex:none;display:block}
 /*$vite$:1*/.nabs-ui-button{cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-button-gap,.5rem);padding:var(--nabs-ui-density-button-padding-y,.75rem) var(--nabs-ui-density-button-padding-x,1rem);justify-content:center;font-weight:600;line-height:1;transition:transform .12s,box-shadow .12s,background-color .12s,color .12s,border-color .12s;display:inline-flex}.nabs-ui-button:hover{transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-button:active{transform:translateY(0)}.nabs-ui-button:disabled{cursor:not-allowed;transform:none}
 /*$vite$:1*/.nabs-ui-cards{width:100%;display:block}.nabs-ui-cards__grid{gap:var(--nabs-ui-density-cards-grid-gap,1rem);align-items:stretch;display:grid}.nabs-ui-cards__grid--columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.nabs-ui-cards__grid--columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.nabs-ui-cards__grid--columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.nabs-ui-cards__grid--columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.nabs-ui-cards__grid--columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.nabs-ui-cards__grid--columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.nabs-ui-cards__grid--columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.nabs-ui-cards__grid--columns-8{grid-template-columns:repeat(8,minmax(0,1fr))}.nabs-ui-cards__grid--columns-9{grid-template-columns:repeat(9,minmax(0,1fr))}.nabs-ui-cards__grid--columns-10{grid-template-columns:repeat(10,minmax(0,1fr))}.nabs-ui-cards__grid--columns-11{grid-template-columns:repeat(11,minmax(0,1fr))}.nabs-ui-cards__grid--columns-12{grid-template-columns:repeat(12,minmax(0,1fr))}.nabs-ui-cards__card{gap:var(--nabs-ui-density-cards-card-gap,.875rem);min-width:0;padding:var(--nabs-ui-density-cards-card-padding-y,1rem) var(--nabs-ui-density-cards-card-padding-x,1rem);flex-direction:column;display:flex}.nabs-ui-cards__header{font-size:var(--nabs-ui-density-cards-header-font-size,1rem);font-weight:600;line-height:1.25}.nabs-ui-cards__content{line-height:1.6}.nabs-ui-cards__actions{gap:var(--nabs-ui-density-cards-actions-gap,.5rem);flex-wrap:wrap;margin-top:auto;display:flex}
-/*$vite$:1*/.nabs-ui-charts{width:100%}.nabs-ui-charts__svg{width:100%;min-height:var(--nabs-ui-density-charts-min-height,280px);display:block;overflow:visible}.nabs-ui-charts__plotBoundary{fill:#0000;stroke-width:var(--nabs-ui-density-charts-axis-stroke-width,1)}.nabs-ui-charts__axis{stroke-width:var(--nabs-ui-density-charts-axis-stroke-width,1)}.nabs-ui-charts__guide{stroke-width:var(--nabs-ui-density-charts-guide-stroke-width,.8)}.nabs-ui-charts__line{fill:none;stroke-width:var(--nabs-ui-density-charts-line-stroke-width,1.4);stroke-linecap:round;stroke-linejoin:round}.nabs-ui-charts__point{stroke-width:var(--nabs-ui-density-charts-point-stroke-width,1.2)}.nabs-ui-charts__bar{stroke-width:var(--nabs-ui-density-charts-bar-stroke-width,1.25)}.nabs-ui-charts__legendSample{fill:none;stroke-width:var(--nabs-ui-density-charts-line-stroke-width,1.4);stroke-linecap:round}.nabs-ui-charts__legendLabel{dominant-baseline:middle;font-size:var(--nabs-ui-density-charts-tick-font-size,.5rem);text-anchor:start}.nabs-ui-charts__tickLabel{font-size:var(--nabs-ui-density-charts-tick-font-size,.5rem);text-anchor:middle;font-stretch:100%}.nabs-ui-charts__yTickLabel{dominant-baseline:middle;font-size:var(--nabs-ui-density-charts-tick-font-size,.5rem);text-anchor:end}.nabs-ui-charts__axisName{font-size:var(--nabs-ui-density-charts-axis-name-font-size,.56rem);text-anchor:middle;font-weight:600;font-stretch:100%}.nabs-ui-charts__series-color-0{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-1,var(--nabs-ui-color-charts-series-1,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-1{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-2,var(--nabs-ui-color-charts-series-2,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-2{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-3,var(--nabs-ui-color-charts-series-3,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-3{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-4,var(--nabs-ui-color-charts-series-4,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-4{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-5,var(--nabs-ui-color-charts-series-5,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-5{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-6,var(--nabs-ui-color-charts-series-6,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-6{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-7,var(--nabs-ui-color-charts-series-7,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-7{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-8,var(--nabs-ui-color-charts-series-8,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-8{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-9,var(--nabs-ui-color-charts-series-9,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-9{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-10,var(--nabs-ui-color-charts-series-10,var(--nabs-ui-color-charts-line)))}
+/*$vite$:1*/.nabs-ui-charts{width:100%}.nabs-ui-charts__svg{width:100%;min-height:var(--nabs-ui-density-charts-min-height,280px);display:block;overflow:visible}.nabs-ui-charts__plotBoundary{fill:#0000;stroke-width:var(--nabs-ui-density-charts-axis-stroke-width,1)}.nabs-ui-charts__axis{stroke-width:var(--nabs-ui-density-charts-axis-stroke-width,1)}.nabs-ui-charts__guide{stroke-width:var(--nabs-ui-density-charts-guide-stroke-width,.8)}.nabs-ui-charts__line{fill:none;stroke-width:var(--nabs-ui-density-charts-line-stroke-width,1.4);stroke-linecap:round;stroke-linejoin:round}.nabs-ui-charts__point{stroke-width:var(--nabs-ui-density-charts-point-stroke-width,1.2)}.nabs-ui-charts__bar{stroke-width:var(--nabs-ui-density-charts-bar-stroke-width,1.25)}.nabs-ui-charts__pieSlice{stroke-width:var(--nabs-ui-density-charts-axis-stroke-width,1)}.nabs-ui-charts__legendSample{fill:none;stroke-width:var(--nabs-ui-density-charts-line-stroke-width,1.4);stroke-linecap:round}.nabs-ui-charts__legendSwatch{stroke-width:var(--nabs-ui-density-charts-axis-stroke-width,1)}.nabs-ui-charts__legendLabel{dominant-baseline:middle;font-size:var(--nabs-ui-density-charts-tick-font-size,.5rem);text-anchor:start}.nabs-ui-charts__tickLabel{font-size:var(--nabs-ui-density-charts-tick-font-size,.5rem);text-anchor:middle;font-stretch:100%}.nabs-ui-charts__yTickLabel{dominant-baseline:middle;font-size:var(--nabs-ui-density-charts-tick-font-size,.5rem);text-anchor:end}.nabs-ui-charts__axisName{font-size:var(--nabs-ui-density-charts-axis-name-font-size,.56rem);text-anchor:middle;font-weight:600;font-stretch:100%}.nabs-ui-charts--pie .nabs-ui-charts__svg{min-height:var(--nabs-ui-density-charts-min-height,220px)}.nabs-ui-charts__series-color-0{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-1,var(--nabs-ui-color-charts-series-1,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-1{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-2,var(--nabs-ui-color-charts-series-2,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-2{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-3,var(--nabs-ui-color-charts-series-3,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-3{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-4,var(--nabs-ui-color-charts-series-4,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-4{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-5,var(--nabs-ui-color-charts-series-5,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-5{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-6,var(--nabs-ui-color-charts-series-6,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-6{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-7,var(--nabs-ui-color-charts-series-7,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-7{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-8,var(--nabs-ui-color-charts-series-8,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-8{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-9,var(--nabs-ui-color-charts-series-9,var(--nabs-ui-color-charts-line)))}.nabs-ui-charts__series-color-9{--nabs-ui-charts-series-color:var(--nabs-ui-charts-series-inline-10,var(--nabs-ui-color-charts-series-10,var(--nabs-ui-color-charts-line)))}
 /*$vite$:1*/.nabs-ui-checkbox{box-sizing:border-box;cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-checkbox-gap,.75rem);min-width:0;padding:var(--nabs-ui-density-checkbox-padding-y,.8rem) var(--nabs-ui-density-checkbox-padding-x,1rem);transition:border-color .12s,box-shadow .12s,background-color .12s,transform .12s;display:inline-flex}.nabs-ui-checkbox:hover{transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-checkbox__input{flex:none;margin:0}.nabs-ui-checkbox__label{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-checkbox--label-left{flex-direction:row-reverse}.nabs-ui-checkbox--label-top,.nabs-ui-checkbox--label-bottom{align-items:stretch;gap:var(--nabs-ui-density-checkbox-stack-gap,.5rem)}.nabs-ui-checkbox--label-top{flex-direction:column-reverse}.nabs-ui-checkbox--label-bottom{flex-direction:column}.nabs-ui-checkbox--label-top .nabs-ui-checkbox__label,.nabs-ui-checkbox--label-bottom .nabs-ui-checkbox__label{width:100%}.nabs-ui-checkbox--disabled{cursor:not-allowed}
 /*$vite$:1*/.nabs-ui-code{min-width:0;display:grid;overflow:hidden}.nabs-ui-code__header{align-items:center;gap:var(--nabs-ui-density-code-header-gap,.6rem);min-width:0;padding:var(--nabs-ui-density-code-header-padding-y,.65rem) var(--nabs-ui-density-code-header-padding-x,.9rem);justify-content:flex-start;display:flex}.nabs-ui-code__language{border-radius:var(--nabs-ui-density-code-language-radius,999px);font-size:var(--nabs-ui-density-code-language-font-size,.72rem);letter-spacing:var(--nabs-ui-density-code-language-letter-spacing,.08em);padding:var(--nabs-ui-density-code-language-padding-y,.35rem) var(--nabs-ui-density-code-language-padding-x,.55rem);text-transform:uppercase;font-weight:700;line-height:1}.nabs-ui-code__title{font-size:var(--nabs-ui-density-code-title-font-size,.8rem);text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.25;overflow:hidden}.nabs-ui-code__pre{min-width:0;padding:var(--nabs-ui-density-code-pre-padding-y,.9rem) var(--nabs-ui-density-code-pre-padding-x,1rem);margin:0;overflow:auto}.nabs-ui-code__pre--wrap,.nabs-ui-code__pre--wrap .nabs-ui-code__snippet{white-space:pre-wrap;word-break:break-word}.nabs-ui-code__snippet{font-family:var(--nabs-ui-font-family-mono);font-size:var(--nabs-ui-density-code-snippet-font-size,.85rem);white-space:pre;line-height:1.5;display:block}.nabs-ui-code__line{align-items:baseline;gap:var(--nabs-ui-density-code-line-gap,.9rem);grid-template-columns:2.5rem minmax(0,1fr);display:grid}.nabs-ui-code__lineNumber{text-align:right;-webkit-user-select:none;user-select:none}.nabs-ui-code__lineText{min-width:0}
 /*$vite$:1*/.nabs-ui-combobox{min-width:var(--nabs-ui-density-combobox-min-width,18rem);display:inline-block;position:relative}.nabs-ui-combobox__input{appearance:none;box-sizing:border-box;width:100%;font:inherit;line-height:var(--nabs-ui-density-line-height-control,1.2);min-height:var(--nabs-ui-density-input-min-height,3rem);padding:var(--nabs-ui-density-input-padding-y,.85rem) var(--nabs-ui-density-input-padding-x,1rem);transition:border-color .12s,box-shadow .12s,background-color .12s,transform .12s}.nabs-ui-combobox__input:hover{transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-combobox--disabled .nabs-ui-combobox__input{cursor:not-allowed}.nabs-ui-combobox__popup{z-index:30;gap:var(--nabs-ui-density-popup-gap,.375rem);max-height:var(--nabs-ui-density-popup-max-height,16rem);padding:var(--nabs-ui-density-popup-padding,.5rem);display:grid;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:auto}.nabs-ui-combobox__option,.nabs-ui-combobox__empty{box-sizing:border-box;gap:var(--nabs-ui-density-option-gap,.15rem);padding:var(--nabs-ui-density-option-padding-y,.8rem) var(--nabs-ui-density-option-padding-x,.9rem);text-align:left;border:0;justify-items:start;width:100%;display:grid}.nabs-ui-combobox__option{cursor:pointer}.nabs-ui-combobox__option--disabled{cursor:not-allowed}.nabs-ui-combobox__optionLabel{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600;line-height:1.25}.nabs-ui-combobox__optionDescription{font-size:var(--nabs-ui-density-description-font-size,.82rem);line-height:1.35}
@@ -127,7 +128,7 @@
 /*$vite$:1*/.nabs-ui-button{cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-button-gap,.5rem);padding:var(--nabs-ui-density-button-padding-y,.75rem) var(--nabs-ui-density-button-padding-x,1rem);justify-content:center;font-weight:600;line-height:1;transition:transform .12s,box-shadow .12s,background-color .12s,color .12s,border-color .12s;display:inline-flex}.nabs-ui-button:hover{transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-button:active{transform:translateY(0)}.nabs-ui-button:disabled{cursor:not-allowed;transform:none}.nabs-ui-dialog__backdrop{padding:var(--nabs-ui-density-dialog-backdrop-padding,1rem);z-index:20;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nabs-ui-dialog{min-width:0;max-height:85dvh;width:min(var(--nabs-ui-density-dialog-max-width,40rem), 100%);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.nabs-ui-dialog__header,.nabs-ui-dialog__description,.nabs-ui-dialog__content,.nabs-ui-dialog__footer{box-sizing:border-box;min-width:0;padding:var(--nabs-ui-density-dialog-padding-y,.8rem) var(--nabs-ui-density-dialog-padding-x,1rem)}.nabs-ui-dialog__description{padding-top:0}.nabs-ui-dialog__header,.nabs-ui-dialog__footer{align-items:center;gap:var(--nabs-ui-density-dialog-header-gap,.6rem);justify-content:space-between;display:flex}.nabs-ui-dialog__title{font-size:var(--nabs-ui-density-dialog-title-font-size,1rem);font-weight:700;line-height:var(--nabs-ui-density-dialog-title-line-height,1.2);margin:0}.nabs-ui-dialog__content{gap:var(--nabs-ui-density-dialog-content-gap,.7rem);display:grid;overflow:auto}.nabs-ui-dialog__footer{justify-content:flex-end}.nabs-ui-grid{gap:var(--nabs-ui-density-grid-root-gap,.8rem);display:grid}.nabs-ui-grid__surface{gap:0;display:grid}.nabs-ui-grid__headerViewport,.nabs-ui-grid__footerSection--columns{overflow:hidden}.nabs-ui-grid__footer{display:grid}.nabs-ui-grid__footerSection{border-top:1px solid var(--nabs-ui-color-border)}.nabs-ui-grid__footerSectionHeader{font-size:var(--nabs-ui-density-grid-label-font-size,.85rem);padding:var(--nabs-ui-density-grid-cell-padding-y,.35rem) var(--nabs-ui-density-grid-cell-padding-x,.5rem);font-weight:700;line-height:1.2}.nabs-ui-grid__footerSection--rows .nabs-ui-grid__cell{display:block}.nabs-ui-grid__toolbar{align-items:end;gap:var(--nabs-ui-density-grid-toolbar-gap,.65rem);flex-wrap:wrap;display:flex}.nabs-ui-grid__groupControl{gap:var(--nabs-ui-density-grid-field-gap,.25rem);min-width:var(--nabs-ui-density-grid-group-control-min-width,10rem);display:grid}.nabs-ui-grid__groupControl span{font-size:var(--nabs-ui-density-grid-label-font-size,.85rem);font-weight:600}.nabs-ui-grid__status{font-size:var(--nabs-ui-density-grid-status-font-size,.92rem)}.nabs-ui-grid__viewport{overflow:auto}.nabs-ui-grid__table{border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:100%}.nabs-ui-grid__head{position:static}.nabs-ui-grid__col--selection{width:var(--nabs-ui-density-grid-selection-width,2.8rem)}.nabs-ui-grid__col--actions{width:var(--nabs-ui-density-grid-actions-width,9.5rem)}.nabs-ui-grid__cell{padding:var(--nabs-ui-density-grid-cell-padding-y,.35rem) var(--nabs-ui-density-grid-cell-padding-x,.5rem);text-overflow:ellipsis;vertical-align:top;white-space:nowrap;overflow:hidden}.nabs-ui-grid__cell--head{min-height:var(--nabs-ui-density-grid-head-min-height,3.3rem);font-weight:600}.nabs-ui-grid__cell--selection{text-align:center;width:var(--nabs-ui-density-grid-selection-width,2.8rem)}.nabs-ui-grid__cell--actions{width:var(--nabs-ui-density-grid-actions-width,9.5rem)}.nabs-ui-grid__cell--foot{font-size:var(--nabs-ui-density-grid-foot-font-size,.85rem);font-weight:600}.nabs-ui-grid__headCell{gap:var(--nabs-ui-density-grid-head-gap,.35rem);display:grid}.nabs-ui-grid__sortButton{cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-grid-sort-gap,.45rem);text-align:left;justify-content:space-between;width:100%;padding:0;display:inline-flex}.nabs-ui-grid__sortButton:disabled{cursor:default}.nabs-ui-grid__input{font:inherit;min-height:var(--nabs-ui-density-grid-input-min-height,2rem);padding:var(--nabs-ui-density-grid-input-padding-y,.2rem) var(--nabs-ui-density-grid-input-padding-x,.45rem);width:100%}.nabs-ui-grid__input--textarea{min-height:var(--nabs-ui-density-grid-textarea-min-height,4rem);resize:vertical}.nabs-ui-grid__search{max-width:var(--nabs-ui-density-grid-search-max-width,17rem);width:100%}.nabs-ui-grid__input--active{font-weight:600}.nabs-ui-grid__groupRow{font-size:var(--nabs-ui-density-grid-group-row-font-size,.9rem)}.nabs-ui-grid__groupCell{padding:0}.nabs-ui-grid__groupToggle{cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-grid-group-toggle-gap,.75rem);min-height:var(--nabs-ui-density-grid-group-toggle-min-height,2rem);padding:var(--nabs-ui-density-grid-group-toggle-padding-y,.4rem) var(--nabs-ui-density-grid-group-toggle-padding-x,.55rem);justify-content:flex-start;width:100%;display:inline-flex}.nabs-ui-grid__dataRow--selected{font-weight:600}.nabs-ui-grid__actionStack{gap:var(--nabs-ui-density-grid-action-gap,.35rem);flex-wrap:wrap;display:flex}.nabs-ui-grid__button,.nabs-ui-grid__iconButton{cursor:pointer;font:inherit;min-height:var(--nabs-ui-density-grid-button-min-height,1.8rem);padding:var(--nabs-ui-density-grid-button-padding-y,.18rem) var(--nabs-ui-density-grid-button-padding-x,.5rem)}.nabs-ui-grid__button:disabled,.nabs-ui-grid__iconButton:disabled{cursor:not-allowed}.nabs-ui-grid__button--primary{font-weight:700}.nabs-ui-grid__spacer td{border:0;padding:0}.nabs-ui-grid__pager{align-items:center;gap:var(--nabs-ui-density-grid-pager-gap,.45rem);flex-wrap:wrap;display:flex}.nabs-ui-grid__dialogBody{gap:var(--nabs-ui-density-grid-dialog-body-gap,.7rem);display:grid}.nabs-ui-grid__editDialog{--nabs-ui-density-dialog-max-width:var(--nabs-ui-density-grid-dialog-max-width,40rem)}.nabs-ui-grid__editDialogContent{max-height:min(70dvh,34rem)}.nabs-ui-grid__editDialogFooter{justify-content:flex-end}.nabs-ui-grid__field{gap:var(--nabs-ui-density-grid-field-gap,.35rem);display:grid}@media (width<=860px){.nabs-ui-grid__cell--actions{width:var(--nabs-ui-density-grid-actions-width-mobile,7.5rem)}.nabs-ui-grid__toolbar{flex-direction:column;align-items:stretch}}
 /*$vite$:1*/.nabs-ui-layout{gap:var(--nabs-ui-layout-gap,1rem);grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;min-height:100%;display:grid}.nabs-ui-layout__headerWrapper,.nabs-ui-layout__footerWrapper{min-width:0}.nabs-ui-layout__header,.nabs-ui-layout__footer,.nabs-ui-layout__panel,.nabs-ui-layout__content{border:1px solid var(--nabs-ui-layout-border);border-radius:var(--nabs-ui-layout-radius,1rem);box-sizing:border-box;min-width:0}.nabs-ui-layout__header,.nabs-ui-layout__footer{padding:var(--nabs-ui-density-layout-chrome-padding-y,.75rem) var(--nabs-ui-density-layout-chrome-padding-x,.9rem)}.nabs-ui-layout__panel,.nabs-ui-layout__content{padding:var(--nabs-ui-density-layout-body-padding-y,1rem) var(--nabs-ui-density-layout-body-padding-x,1rem)}.nabs-ui-layout__header,.nabs-ui-layout__footer{background:var(--nabs-ui-layout-surface)}.nabs-ui-layout__footer{font-size:var(--nabs-ui-density-layout-footer-font-size,.76rem);line-height:var(--nabs-ui-density-layout-footer-line-height,1.25)}.nabs-ui-layout__body{gap:var(--nabs-ui-layout-gap,1rem);min-width:0;min-height:0;display:grid}.nabs-ui-layout__body--with-both-panels{grid-template-columns:var(--nabs-ui-layout-left-panel-width,max-content) minmax(0, 1fr) var(--nabs-ui-layout-right-panel-width,max-content)}.nabs-ui-layout__body--with-left-panel{grid-template-columns:var(--nabs-ui-layout-left-panel-width,max-content) minmax(0, 1fr)}.nabs-ui-layout__body--with-right-panel{grid-template-columns:minmax(0, 1fr) var(--nabs-ui-layout-right-panel-width,max-content)}.nabs-ui-layout__panel{background:var(--nabs-ui-layout-panel-surface);max-inline-size:min(100%, var(--nabs-ui-layout-side-panel-max-width,22rem))}.nabs-ui-layout__content{background:var(--nabs-ui-layout-content-surface)}.nabs-ui-layout__content>:first-child{margin-top:0}.nabs-ui-layout__content>:last-child{margin-bottom:0}
 /*$vite$:1*/.nabs-ui-toolbar{align-items:center;gap:var(--nabs-ui-density-toolbar-gap,.1rem);min-height:var(--nabs-ui-density-toolbar-min-height,3.65rem);padding:var(--nabs-ui-density-toolbar-padding-y,.4rem) var(--nabs-ui-density-toolbar-padding-x,.45rem);flex-wrap:wrap;display:inline-flex}.nabs-ui-toolbar__button{cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-toolbar-button-gap,.25rem);min-height:var(--nabs-ui-density-toolbar-button-min-size,2.75rem);min-width:var(--nabs-ui-density-toolbar-button-min-size,2.75rem);padding:var(--nabs-ui-density-toolbar-button-padding-y,.35rem) var(--nabs-ui-density-toolbar-button-padding-x,.8rem);justify-content:center;transition:transform .12s,box-shadow .12s,border-color .12s,background-color .12s,color .12s;display:inline-flex}.nabs-ui-toolbar__button:hover:not(:disabled){transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-toolbar__button:disabled{cursor:not-allowed}.nabs-ui-toolbar__button--icon-only{padding-inline:var(--nabs-ui-density-toolbar-icon-only-padding-inline,.55rem)}.nabs-ui-toolbar__content{align-items:center;gap:var(--nabs-ui-density-toolbar-content-gap,.42rem);display:inline-flex}.nabs-ui-toolbar__content--label-left{flex-direction:row-reverse}.nabs-ui-toolbar__content--label-right{flex-direction:row}.nabs-ui-toolbar__content--label-top{flex-direction:column-reverse}.nabs-ui-toolbar__content--label-bottom{flex-direction:column}.nabs-ui-toolbar__icon{height:var(--nabs-ui-density-toolbar-icon-size,1.08rem);stroke-width:1.75px;width:var(--nabs-ui-density-toolbar-icon-size,1.08rem);flex:none;display:block}.nabs-ui-toolbar__label{font-size:var(--nabs-ui-density-toolbar-label-font-size,.95rem);white-space:nowrap;font-weight:500;line-height:1}.nabs-ui-markdown{gap:var(--nabs-ui-density-markdown-root-gap,16px);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-width:0;display:grid}.nabs-ui-markdown--single-panel{grid-template-columns:minmax(0,1fr)}.nabs-ui-markdown__editorPanel,.nabs-ui-markdown__previewPanel{gap:var(--nabs-ui-density-markdown-panel-gap,12px);min-width:0;padding:var(--nabs-ui-density-markdown-panel-padding,16px);display:grid}.nabs-ui-markdown__label,.nabs-ui-markdown__previewLabel{font-size:var(--nabs-ui-density-markdown-label-font-size,.98rem);font-weight:800;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-markdown__helper{font-size:var(--nabs-ui-density-markdown-helper-font-size,.88rem);line-height:var(--nabs-ui-density-markdown-helper-line-height,1.4)}.nabs-ui-markdown__toolbar{width:fit-content}.nabs-ui-markdown__editor{box-sizing:border-box;font:inherit;min-height:var(--nabs-ui-density-markdown-editor-min-height,280px);padding:var(--nabs-ui-density-markdown-editor-padding,14px);resize:vertical;width:100%}.nabs-ui-markdown__preview{box-sizing:border-box;min-height:var(--nabs-ui-density-markdown-editor-min-height,280px);padding:var(--nabs-ui-density-markdown-editor-padding,14px)}.nabs-ui-markdown__html{gap:var(--nabs-ui-density-markdown-content-gap,12px);line-height:var(--nabs-ui-density-markdown-content-line-height,1.7);display:grid}.nabs-ui-markdown__html h1,.nabs-ui-markdown__html h2,.nabs-ui-markdown__html h3,.nabs-ui-markdown__html h4,.nabs-ui-markdown__html h5,.nabs-ui-markdown__html h6,.nabs-ui-markdown__html p,.nabs-ui-markdown__html blockquote,.nabs-ui-markdown__html ul,.nabs-ui-markdown__html ol,.nabs-ui-markdown__html pre{margin:0}.nabs-ui-markdown__html h1{font-size:var(--nabs-ui-density-markdown-h1-font-size,1.65rem)}.nabs-ui-markdown__html h2{font-size:var(--nabs-ui-density-markdown-h2-font-size,1.42rem)}.nabs-ui-markdown__html h3{font-size:var(--nabs-ui-density-markdown-h3-font-size,1.22rem)}.nabs-ui-markdown__html blockquote{padding-left:var(--nabs-ui-density-markdown-blockquote-padding-left,12px)}.nabs-ui-markdown__html ul,.nabs-ui-markdown__html ol{padding-left:var(--nabs-ui-density-markdown-list-padding-left,20px)}.nabs-ui-markdown__html code{font-family:var(--nabs-ui-font-family-mono,"Consolas", "Courier New", monospace);font-size:var(--nabs-ui-density-markdown-code-font-size,.92em);padding:var(--nabs-ui-density-markdown-code-padding-y,.08rem) var(--nabs-ui-density-markdown-code-padding-x,.32rem)}.nabs-ui-markdown__html pre code{padding:var(--nabs-ui-density-markdown-pre-code-padding,12px);display:block;overflow-x:auto}@media (width<=960px){.nabs-ui-markdown{grid-template-columns:1fr}}
-/*$vite$:1*/.nabs-ui-navigation{width:100%}.nabs-ui-navigation__list{gap:var(--nabs-ui-density-navigation-list-gap,.55rem);margin:0;padding:0;list-style:none;display:flex}.nabs-ui-navigation .nabs-ui-navigation__list{padding:0;margin:0;padding-inline-start:0;list-style:none}.nabs-ui-navigation--vertical .nabs-ui-navigation__list{flex-direction:column}.nabs-ui-navigation--horizontal .nabs-ui-navigation__list{flex-flow:wrap}.nabs-ui-navigation__item{appearance:none;cursor:pointer;font:inherit;width:100%;min-width:0;text-decoration:none;transition:border-color .12s,background-color .12s,box-shadow .12s,transform .12s;display:block}.nabs-ui-navigation--horizontal .nabs-ui-navigation__item{min-width:var(--nabs-ui-density-navigation-horizontal-min-width,8.25rem)}.nabs-ui-navigation__item:hover:not(.nabs-ui-navigation__item--disabled):not(.nabs-ui-navigation__item--active){transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-navigation__item--active:hover:not(.nabs-ui-navigation__item--disabled){transform:none}.nabs-ui-navigation__item--disabled{cursor:not-allowed;transform:none}.nabs-ui-navigation__itemContent{box-sizing:border-box;text-align:left;padding:var(--nabs-ui-density-navigation-item-padding-y,.66rem) var(--nabs-ui-density-navigation-item-padding-x,.85rem);width:100%;display:block}.nabs-ui-navigation__itemContent--center{text-align:center}.nabs-ui-navigation__itemContent--right{text-align:right}
+/*$vite$:1*/.nabs-ui-navigation{width:100%;position:relative}.nabs-ui-navigation__list{gap:var(--nabs-ui-density-navigation-list-gap,.55rem);margin:0;padding:0;list-style:none;display:flex}.nabs-ui-navigation .nabs-ui-navigation__list{padding:0;margin:0;padding-inline-start:0;list-style:none}.nabs-ui-navigation--vertical .nabs-ui-navigation__list{flex-direction:column}.nabs-ui-navigation--horizontal .nabs-ui-navigation__list{flex-flow:row}.nabs-ui-navigation__entry{position:relative}.nabs-ui-navigation__itemRow{gap:var(--nabs-ui-density-navigation-toggle-gap,.3rem);width:100%;display:flex}.nabs-ui-navigation__item{appearance:none;cursor:pointer;font:inherit;width:100%;min-width:0;text-decoration:none;transition:border-color .12s,background-color .12s,box-shadow .12s,transform .12s;display:block}.nabs-ui-navigation--horizontal .nabs-ui-navigation__item{min-width:var(--nabs-ui-density-navigation-horizontal-min-width,8.25rem)}.nabs-ui-navigation__toggle{appearance:none;cursor:pointer;font:inherit;min-width:var(--nabs-ui-density-navigation-toggle-size,2rem);flex:none}.nabs-ui-navigation__toggleIcon{line-height:1;transition:transform .12s;display:inline-block;transform:rotate(-90deg)}.nabs-ui-navigation__entry--expanded>.nabs-ui-navigation__itemRow .nabs-ui-navigation__toggleIcon{transform:rotate(0)}.nabs-ui-navigation__item:hover:not(.nabs-ui-navigation__item--disabled):not(.nabs-ui-navigation__item--active){transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-navigation__item--active:hover:not(.nabs-ui-navigation__item--disabled){transform:none}.nabs-ui-navigation__item--disabled{cursor:not-allowed;transform:none}.nabs-ui-navigation__itemContent{box-sizing:border-box;text-align:left;padding:var(--nabs-ui-density-navigation-item-padding-y,.66rem) var(--nabs-ui-density-navigation-item-padding-x,.85rem);width:100%;display:block}.nabs-ui-navigation__itemContent--center{text-align:center}.nabs-ui-navigation__itemContent--right{text-align:right}.nabs-ui-navigation__sublist{margin:0;padding:0}.nabs-ui-navigation__sublist--vertical{border-left:var(--nabs-ui-density-navigation-sublist-border-width,1px) solid var(--nabs-ui-color-border,currentColor);margin-left:var(--nabs-ui-density-navigation-indent,.8rem);margin-top:var(--nabs-ui-density-navigation-sublist-gap,.3rem);padding-left:var(--nabs-ui-density-navigation-indent,.8rem)}.nabs-ui-navigation__sublist--vertical .nabs-ui-navigation__itemContent{font-size:var(--nabs-ui-density-navigation-nested-font-size,.92em)}.nabs-ui-navigation__sublist--overlay{min-width:var(--nabs-ui-density-navigation-overlay-min-width,12rem);left:0;top:calc(100% + var(--nabs-ui-density-navigation-overlay-offset,.3rem));z-index:var(--nabs-ui-density-navigation-overlay-z-index,20);flex-direction:column;position:absolute}.nabs-ui-navigation__sublist--overlayNested{left:calc(100% + var(--nabs-ui-density-navigation-overlay-offset,.3rem));top:0}.nabs-ui-navigation--horizontal .nabs-ui-navigation__sublist--overlay .nabs-ui-navigation__item{min-width:100%}
 /*$vite$:1*/.nabs-ui-panel{grid-auto-rows:max-content;align-content:start;min-width:0;display:grid;overflow:hidden}.nabs-ui-panel__header,.nabs-ui-panel__content,.nabs-ui-panel__footer{box-sizing:border-box;min-width:0;padding:var(--nabs-ui-density-panel-padding-y,1rem) var(--nabs-ui-density-panel-padding-x,1rem)}.nabs-ui-panel__header,.nabs-ui-panel__footer{font-size:var(--nabs-ui-density-panel-header-font-size,.95rem);align-items:center;gap:var(--nabs-ui-density-panel-header-gap,.5rem);line-height:var(--nabs-ui-density-panel-header-line-height,1.2);justify-content:space-between;display:flex}.nabs-ui-panel__content{gap:var(--nabs-ui-density-panel-content-gap,.75rem);display:grid}
 /*$vite$:1*/.nabs-ui-radiobutton{box-sizing:border-box;cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-radio-gap,.75rem);min-width:0;padding:var(--nabs-ui-density-radio-padding-y,.8rem) var(--nabs-ui-density-radio-padding-x,1rem);transition:border-color .12s,box-shadow .12s,background-color .12s,transform .12s;display:inline-flex}.nabs-ui-radiobutton:hover{transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-radiobutton__input{flex:none;margin:0}.nabs-ui-radiobutton__label{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-radiobutton--label-left{flex-direction:row-reverse}.nabs-ui-radiobutton--label-top,.nabs-ui-radiobutton--label-bottom{align-items:stretch;gap:var(--nabs-ui-density-radio-stack-gap,.5rem)}.nabs-ui-radiobutton--label-top{flex-direction:column-reverse}.nabs-ui-radiobutton--label-bottom{flex-direction:column}.nabs-ui-radiobutton--label-top .nabs-ui-radiobutton__label,.nabs-ui-radiobutton--label-bottom .nabs-ui-radiobutton__label{width:100%}.nabs-ui-radiobutton--disabled{cursor:not-allowed}
 /*$vite$:1*/.nabs-ui-signature{gap:var(--nabs-ui-density-signature-gap,.75rem);font:inherit;min-width:0;display:grid}.nabs-ui-signature__label{font-size:var(--nabs-ui-density-signature-label-font-size,.95rem);font-weight:700;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-signature__helper{font-size:var(--nabs-ui-density-signature-helper-font-size,.88rem);line-height:1.35}.nabs-ui-signature__pad{box-sizing:border-box;position:relative;overflow:hidden}.nabs-ui-signature__canvas{touch-action:none;width:100%;display:block}.nabs-ui-signature__placeholder{font-size:var(--nabs-ui-density-signature-placeholder-font-size,.9rem);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.nabs-ui-signature__actions{justify-content:flex-start;display:flex}.nabs-ui-signature__clearButton{cursor:pointer;font:inherit;padding:var(--nabs-ui-density-signature-button-padding-y,.7rem) var(--nabs-ui-density-signature-button-padding-x,1rem);border:0;font-weight:700}.nabs-ui-signature__clearButton:disabled,.nabs-ui-signature--disabled{cursor:not-allowed}

package/dist/nabs-ui-shell.js

@@ -1,6 +1,6 @@
 import { forwardRef as e, useMemo as t } from "react";
 import { Layout as n } from "@net-advantage/nabs-ui-layout";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 export * from "@net-advantage/nabs-ui-layout";
 export * from "@net-advantage/nabs-ui-accordion";
 export * from "@net-advantage/nabs-ui-avatar";
@@ -29,16 +29,16 @@ export * from "@net-advantage/nabs-ui-textarea";
 export * from "@net-advantage/nabs-ui-textbox";
 export * from "@net-advantage/nabs-ui-toolbar";
 //#region src/Shell.tsx
-var a = e(({ header: e, navigation: t, footer: i, children: a, className: o = "", headerClassName: s = "", navigationClassName: c = "", contentClassName: l = "", footerClassName: u = "", ...d }, f) => {
+var o = e(({ header: e, navigation: t, footer: r, children: a, className: o = "", headerClassName: s = "", navigationClassName: c = "", contentClassName: l = "", footerClassName: u = "", ...d }, f) => {
 	let p = ["nabs-ui-shell", o].filter(Boolean).join(" "), m = ["nabs-ui-shell__header", s].filter(Boolean).join(" "), h = ["nabs-ui-shell__navigation", c].filter(Boolean).join(" "), g = ["nabs-ui-shell__content", l].filter(Boolean).join(" "), _ = ["nabs-ui-shell__footer", u].filter(Boolean).join(" ");
-	return /* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ i("div", {
 		ref: f,
 		className: p,
 		...d,
-		children: /* @__PURE__ */ r(n, {
+		children: /* @__PURE__ */ i(n, {
 			className: "nabs-ui-shell__layout",
 			header: e,
-			footer: i,
+			footer: r,
 			leftSidePanel: t,
 			headerClassName: m,
 			footerClassName: _,
@@ -48,34 +48,129 @@ var a = e(({ header: e, navigation: t, footer: i, children: a, className: o = ""
 		})
 	});
 });
-a.displayName = "Shell";
+o.displayName = "Shell";
 //#endregion
 //#region src/Branding.tsx
-var o = e(function({ logo: e, title: t, byline: n, className: a = "", ...o }, s) {
-	return /* @__PURE__ */ i("div", {
+var s = e(function({ logo: e, title: t, byline: n, className: r = "", ...o }, s) {
+	return /* @__PURE__ */ a("div", {
 		ref: s,
-		className: ["nabs-ui-branding", a].filter(Boolean).join(" "),
+		className: ["nabs-ui-branding", r].filter(Boolean).join(" "),
 		...o,
-		children: [/* @__PURE__ */ r("div", {
+		children: [/* @__PURE__ */ i("div", {
 			className: "nabs-ui-branding__logo",
 			"aria-hidden": "true",
 			children: e
-		}), /* @__PURE__ */ i("div", {
+		}), /* @__PURE__ */ a("div", {
 			className: "nabs-ui-branding__text",
-			children: [/* @__PURE__ */ r("strong", {
+			children: [/* @__PURE__ */ i("strong", {
 				className: "nabs-ui-branding__title",
 				children: t
-			}), /* @__PURE__ */ r("span", {
+			}), /* @__PURE__ */ i("span", {
 				className: "nabs-ui-branding__byline",
 				children: n
 			})]
 		})]
 	});
 });
-o.displayName = "Branding";
+s.displayName = "Branding";
+//#endregion
+//#region ../nabs-ui-breadcrumb/dist/nabs-ui-breadcrumb.js
+function c(e) {
+	return e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;
+}
+function l() {
+	return "Home";
+}
+function u(e) {
+	return {
+		id: "__home__",
+		label: e?.label ?? l(),
+		href: e?.href,
+		path: e?.path,
+		disabled: e?.disabled
+	};
+}
+function d(e, t, n) {
+	return t ? [u(n), ...e] : e;
+}
+function f() {
+	return /* @__PURE__ */ a("svg", {
+		className: "nabs-ui-breadcrumb__homeIcon",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: [/* @__PURE__ */ i("path", {
+			d: "M3 11.5L12 4L21 11.5",
+			stroke: "currentColor",
+			strokeWidth: "1.8",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}), /* @__PURE__ */ i("path", {
+			d: "M6.5 10V20H17.5V10",
+			stroke: "currentColor",
+			strokeWidth: "1.8",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})]
+	});
+}
+var p = e(function({ items: e = [], showHome: t = !0, home: n, separator: o = "/", lastItemClickable: s = !1, className: l = "", itemClassName: u = "", onItemSelect: p, ...m }, h) {
+	let g = d(e, t, n);
+	return /* @__PURE__ */ i("nav", {
+		ref: h,
+		className: ["nabs-ui-breadcrumb", l].filter(Boolean).join(" "),
+		"aria-label": "Breadcrumb",
+		...m,
+		children: /* @__PURE__ */ i("ol", {
+			className: "nabs-ui-breadcrumb__list",
+			children: g.map((e, l) => {
+				let d = l === g.length - 1, m = d && !s, h = typeof e.path == "string" && e.path.trim().length > 0, _ = typeof e.href == "string" && e.href.trim().length > 0, v = h ? e.path : _ ? e.href : void 0, y = [
+					"nabs-ui-breadcrumb__item",
+					m ? "nabs-ui-breadcrumb__item--current" : "",
+					e.disabled ? "nabs-ui-breadcrumb__item--disabled" : "",
+					u
+				].filter(Boolean).join(" "), b = (t) => {
+					if (e.disabled || m) {
+						t.preventDefault();
+						return;
+					}
+					p?.({
+						itemId: e.id,
+						item: e,
+						event: t
+					}), !t.defaultPrevented && (!h || typeof window > "u" || !c(t) || (t.preventDefault(), window.history.pushState({}, "", e.path), window.dispatchEvent(new PopStateEvent("popstate", { state: window.history.state }))));
+				}, x = /* @__PURE__ */ a(r, { children: [l === 0 && t ? n?.icon ?? /* @__PURE__ */ i(f, {}) : null, /* @__PURE__ */ i("span", {
+					className: "nabs-ui-breadcrumb__itemLabel",
+					children: e.label
+				})] });
+				return /* @__PURE__ */ a("li", {
+					className: "nabs-ui-breadcrumb__entry",
+					children: [v && !m ? /* @__PURE__ */ i("a", {
+						className: y,
+						href: v,
+						onClick: b,
+						children: x
+					}) : /* @__PURE__ */ i("button", {
+						type: "button",
+						className: y,
+						disabled: e.disabled || m,
+						"aria-current": m ? "page" : void 0,
+						onClick: b,
+						children: x
+					}), d ? null : /* @__PURE__ */ i("span", {
+						className: "nabs-ui-breadcrumb__separator",
+						children: o
+					})]
+				}, e.id);
+			})
+		})
+	});
+});
+p.displayName = "Breadcrumb";
 //#endregion
 //#region ../nabs-ui-charts/dist/nabs-ui-charts.js
-var s = {
+var m = {
 	leftPadding: 44,
 	rightPadding: 18,
 	plotTop: 14,
@@ -93,14 +188,14 @@ var s = {
 	legendMarkerRadius: 2,
 	legendApproxCharWidth: 5.8,
 	svgBottomPadding: 8
-}, c = {
+}, h = {
 	line: "nabs-ui-charts--line",
 	bar: "nabs-ui-charts--bar"
 };
-function l(e) {
+function g(e) {
 	return Number.isFinite(e) ? Math.max(0, Math.floor(e ?? 0)) : 8;
 }
-function u(e) {
+function _(e) {
 	if (typeof e == "number" && Number.isFinite(e)) return e;
 	if (typeof e == "string") {
 		let t = Number(e);
@@ -108,19 +203,19 @@ function u(e) {
 	}
 	return 0;
 }
-function d(e, t) {
-	return u(e[t]);
+function v(e, t) {
+	return _(e[t]);
 }
-function f(e) {
+function y(e) {
 	return !Number.isFinite(e) || (e ?? 0) <= 0 ? 5 : Math.abs(e ?? 5);
 }
-function p(e, t, n) {
+function b(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function m(e) {
+function x(e) {
 	return Number(e.toFixed(6));
 }
-function h(e, t, n) {
+function S(e, t, n) {
 	let r = [];
 	if (n?.length) for (let e of n) {
 		let t = String(e ?? "").trim();
@@ -131,13 +226,13 @@ function h(e, t, n) {
 		let t = e[0];
 		for (let e of Object.keys(t)) {
 			if (e === "yAxis") continue;
-			let n = t[e], i = u(n);
+			let n = t[e], i = _(n);
 			if (Number.isFinite(i) && r.push(e), r.length >= 10) break;
 		}
 	}
 	return r.slice(0, 10);
 }
-function g(e, t, n, r) {
+function C(e, t, n, r) {
 	let i = e + t, a = Number.isFinite(n) ? n : 0, o = Number.isFinite(r) ? r : i;
 	return o <= a ? {
 		axisMin: a,
@@ -147,32 +242,32 @@ function g(e, t, n, r) {
 		axisMax: o
 	};
 }
-function _(e, t, n) {
+function w(e, t, n) {
 	let r = [e], i = n / 1e3, a = 0;
 	for (let o = e + n; o <= t + i && !(a > 5e3); o += n) {
-		let e = m(o);
+		let e = x(o);
 		if (e >= t) break;
 		r.push(e), a += 1;
 	}
 	return r[r.length - 1] !== t && r.push(t), r;
 }
-function v(e, t, n) {
+function T(e, t, n) {
 	if (e.length <= 1) return [];
-	let r = e.map((e) => s.legendSampleWidth + s.legendTextGap + e.length * s.legendApproxCharWidth), i = t - (r.reduce((e, t) => e + t, 0) + Math.max(0, e.length - 1) * s.legendItemGap) / 2;
+	let r = e.map((e) => m.legendSampleWidth + m.legendTextGap + e.length * m.legendApproxCharWidth), i = t - (r.reduce((e, t) => e + t, 0) + Math.max(0, e.length - 1) * m.legendItemGap) / 2;
 	return e.map((e, t) => {
-		let n = r[t] ?? 0, a = i, o = a + s.legendSampleWidth, c = a + s.legendSampleWidth / 2, l = o + s.legendTextGap;
-		return i += n + s.legendItemGap, {
+		let n = r[t] ?? 0, a = i, o = a + m.legendSampleWidth, s = a + m.legendSampleWidth / 2, c = o + m.legendTextGap;
+		return i += n + m.legendItemGap, {
 			id: `legend-${e}`,
 			label: e,
 			colorIndex: t,
 			sampleX1: a,
 			sampleX2: o,
-			markerX: c,
-			textX: l
+			markerX: s,
+			textX: c
 		};
 	});
 }
-function y(e, t) {
+function E(e, t) {
 	let n = [];
 	for (let r of e) r !== e[0] && n.push({
 		id: `guide-${r}`,
@@ -181,24 +276,24 @@ function y(e, t) {
 	});
 	return n;
 }
-function b(e, t) {
+function D(e, t) {
 	return e.map((e) => ({
 		id: `tick-${e}`,
 		value: e,
 		y: t(e)
 	}));
 }
-function x(e, t, n, r, i, a, o, c) {
-	let l = h(e, t, n), u = l.flatMap((t) => e.map((e) => d(e, t))), { axisMin: m, axisMax: x } = g(Math.max(0, ...u), i, a, o), S = Math.max(1, x - m), C = f(c), w = Math.max(1, e.length) * s.itemStep, T = s.leftPadding, E = T + w, D = s.plotTop, O = D + s.plotHeight, k = T + w + s.rightPadding, A = O, j = O + s.xLabelOffset, M = O + s.axisLabelOffset, N = M + s.legendOffset, P = r && l.length > 1, F = P ? N + s.svgBottomPadding : M + s.svgBottomPadding, I = (e) => D + (x - e) / S * s.plotHeight, L = _(m, x, C), R = y(L, I), z = b(L, I), B = e.map((e, t) => {
-		let n = T + t * s.itemStep + s.itemStep / 2;
+function O(e, t, n, r, i, a, o, s) {
+	let c = S(e, t, n), l = c.flatMap((t) => e.map((e) => v(e, t))), { axisMin: u, axisMax: d } = C(Math.max(0, ...l), i, a, o), f = Math.max(1, d - u), p = y(s), h = Math.max(1, e.length) * m.itemStep, g = m.leftPadding, _ = g + h, x = m.plotTop, O = x + m.plotHeight, k = g + h + m.rightPadding, A = O, j = O + m.xLabelOffset, M = O + m.axisLabelOffset, N = M + m.legendOffset, P = r && c.length > 1, F = P ? N + m.svgBottomPadding : M + m.svgBottomPadding, I = (e) => x + (d - e) / f * m.plotHeight, L = w(u, d, p), R = E(L, I), z = D(L, I), B = e.map((e, t) => {
+		let n = g + t * m.itemStep + m.itemStep / 2;
 		return {
 			id: `category-${e.yAxis}-${t}`,
 			label: e.yAxis,
 			x: n
 		};
-	}), V = l.map((t, n) => {
+	}), V = c.map((t, n) => {
 		let r = B.map((n, r) => {
-			let i = e[r], a = d(i, t), o = I(p(a, m, x));
+			let i = e[r], a = v(i, t), o = I(b(a, u, d));
 			return {
 				id: `${t}-${n.id}`,
 				label: n.label,
@@ -216,9 +311,9 @@ function x(e, t, n, r, i, a, o, c) {
 	}), H = B.map((e) => ({
 		id: `v-guide-${e.id}`,
 		x: e.x
-	})), U = P ? v(l, k / 2, N) : [], W = Math.max(1, V.length), G = s.itemStep * s.barGroupScale, K = s.barGap;
+	})), U = P ? T(c, k / 2, N) : [], W = Math.max(1, V.length), G = m.itemStep * m.barGroupScale, K = m.barGap;
 	return {
-		valueKeys: l,
+		valueKeys: c,
 		categoryTicks: B,
 		seriesModels: V,
 		guides: R,
@@ -227,11 +322,11 @@ function x(e, t, n, r, i, a, o, c) {
 		legendItems: U,
 		svgHeight: F,
 		svgWidth: k,
-		barWidth: Math.max(2, Math.min(s.barWidthMax, (G - Math.max(0, W - 1) * K) / W)),
+		barWidth: Math.max(2, Math.min(m.barWidthMax, (G - Math.max(0, W - 1) * K) / W)),
 		barGap: K,
-		plotLeft: T,
-		plotRight: E,
-		plotTop: D,
+		plotLeft: g,
+		plotRight: _,
+		plotTop: x,
 		plotBottom: O,
 		xAxisY: A,
 		xAxisLabelY: j,
@@ -239,142 +334,142 @@ function x(e, t, n, r, i, a, o, c) {
 		legendY: N
 	};
 }
-function S(e) {
+function k(e) {
 	return e.map((e) => `${e.x},${e.y}`).join(" ");
 }
-function C(...e) {
+function A(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var w = e(function({ className: e = "", series: n, valueName: a, valueNames: o, palette: u, chartType: d = "line", topSpace: f = 8, yAxisMin: p, yAxisMax: m, yAxisInterval: h, xAxisName: g = "", showXAxisName: _ = !0, showLegend: v = !0, minPointHeight: y = 2, style: b, ...w }, T) {
-	let E = l(f), D = t(() => x(n, a, o, v, E, p, m, h), [
-		E,
+var j = e(function({ className: e = "", series: n, valueName: r, valueNames: o, palette: s, chartType: c = "line", topSpace: l = 8, yAxisMin: u, yAxisMax: d, yAxisInterval: f, xAxisName: p = "", showXAxisName: _ = !0, showLegend: v = !0, minPointHeight: y = 2, style: b, ...x }, S) {
+	let C = g(l), w = t(() => O(n, r, o, v, C, u, d, f), [
+		C,
 		n,
 		v,
-		a,
+		r,
 		o,
-		h,
-		m,
-		p
-	]), O = t(() => {
-		if (!u || u.length === 0) return;
+		f,
+		d,
+		u
+	]), T = t(() => {
+		if (!s || s.length === 0) return;
 		let e = {};
-		for (let t = 0; t < Math.min(10, u.length); t += 1) {
-			let n = String(u[t] ?? "").trim();
+		for (let t = 0; t < Math.min(10, s.length); t += 1) {
+			let n = String(s[t] ?? "").trim();
 			n && (e[`--nabs-ui-charts-series-inline-${t + 1}`] = n);
 		}
 		return Object.keys(e).length > 0 ? e : void 0;
-	}, [u]), k = O ? {
-		...O,
+	}, [s]), E = T ? {
+		...T,
 		...b
-	} : b, A = C("nabs-ui-charts", c[d], e), j = _ && g.trim().length > 0, M = D.valueKeys.length > 0 ? D.valueKeys.join(", ") : String(a ?? "value");
-	return /* @__PURE__ */ r("div", {
-		ref: T,
-		className: A,
-		style: k,
-		...w,
-		children: /* @__PURE__ */ i("svg", {
+	} : b, D = A("nabs-ui-charts", h[c], e), j = _ && p.trim().length > 0, M = w.valueKeys.length > 0 ? w.valueKeys.join(", ") : String(r ?? "value");
+	return /* @__PURE__ */ i("div", {
+		ref: S,
+		className: D,
+		style: E,
+		...x,
+		children: /* @__PURE__ */ a("svg", {
 			className: "nabs-ui-charts__svg",
-			viewBox: `0 0 ${D.svgWidth} ${D.svgHeight}`,
+			viewBox: `0 0 ${w.svgWidth} ${w.svgHeight}`,
 			role: "img",
-			"aria-label": `2D ${d} chart for ${M}`,
+			"aria-label": `2D ${c} chart for ${M}`,
 			preserveAspectRatio: "xMidYMid meet",
 			children: [
-				/* @__PURE__ */ r("rect", {
+				/* @__PURE__ */ i("rect", {
 					className: "nabs-ui-charts__plotBoundary",
-					x: D.plotLeft,
-					y: D.plotTop,
-					width: D.plotRight - D.plotLeft,
-					height: D.plotBottom - D.plotTop
+					x: w.plotLeft,
+					y: w.plotTop,
+					width: w.plotRight - w.plotLeft,
+					height: w.plotBottom - w.plotTop
 				}),
-				D.verticalGuides.map((e) => /* @__PURE__ */ r("line", {
+				w.verticalGuides.map((e) => /* @__PURE__ */ i("line", {
 					className: "nabs-ui-charts__guide",
 					x1: e.x,
-					y1: D.plotTop,
+					y1: w.plotTop,
 					x2: e.x,
-					y2: D.plotBottom
+					y2: w.plotBottom
 				}, e.id)),
-				D.guides.map((e) => /* @__PURE__ */ r("line", {
+				w.guides.map((e) => /* @__PURE__ */ i("line", {
 					className: "nabs-ui-charts__guide",
-					x1: D.plotLeft,
+					x1: w.plotLeft,
 					y1: e.y,
-					x2: D.plotRight,
+					x2: w.plotRight,
 					y2: e.y
 				}, e.id)),
-				D.yTicks.map((e) => /* @__PURE__ */ r("text", {
+				w.yTicks.map((e) => /* @__PURE__ */ i("text", {
 					className: "nabs-ui-charts__yTickLabel",
-					x: D.plotLeft - 6,
+					x: w.plotLeft - 6,
 					y: e.y,
 					children: e.value
 				}, e.id)),
-				/* @__PURE__ */ r("line", {
+				/* @__PURE__ */ i("line", {
 					className: "nabs-ui-charts__axis",
-					x1: D.plotLeft,
-					y1: D.xAxisY,
-					x2: D.plotRight,
-					y2: D.xAxisY
+					x1: w.plotLeft,
+					y1: w.xAxisY,
+					x2: w.plotRight,
+					y2: w.xAxisY
 				}),
-				d === "line" ? D.seriesModels.map((e) => {
-					let t = C("nabs-ui-charts__line", `nabs-ui-charts__series-color-${e.colorIndex}`), n = C("nabs-ui-charts__point", `nabs-ui-charts__series-color-${e.colorIndex}`);
-					return /* @__PURE__ */ i("g", { children: [e.points.length > 1 ? /* @__PURE__ */ r("polyline", {
+				c === "line" ? w.seriesModels.map((e) => {
+					let t = A("nabs-ui-charts__line", `nabs-ui-charts__series-color-${e.colorIndex}`), n = A("nabs-ui-charts__point", `nabs-ui-charts__series-color-${e.colorIndex}`);
+					return /* @__PURE__ */ a("g", { children: [e.points.length > 1 ? /* @__PURE__ */ i("polyline", {
 						className: t,
-						points: S(e.points)
-					}) : null, e.points.map((t) => /* @__PURE__ */ r("circle", {
+						points: k(e.points)
+					}) : null, e.points.map((t) => /* @__PURE__ */ i("circle", {
 						className: n,
 						cx: t.x,
 						cy: t.y,
 						r: 1.5,
-						children: /* @__PURE__ */ r("title", { children: `${t.label} • ${e.key}: ${t.value}` })
+						children: /* @__PURE__ */ i("title", { children: `${t.label} • ${e.key}: ${t.value}` })
 					}, t.id))] }, e.id);
-				}) : D.categoryTicks.map((e, t) => {
-					let n = Math.max(1, D.seriesModels.length), i = n * D.barWidth + Math.max(0, n - 1) * D.barGap, a = e.x - i / 2;
-					return /* @__PURE__ */ r("g", { children: D.seriesModels.map((n, i) => {
+				}) : w.categoryTicks.map((e, t) => {
+					let n = Math.max(1, w.seriesModels.length), r = n * w.barWidth + Math.max(0, n - 1) * w.barGap, a = e.x - r / 2;
+					return /* @__PURE__ */ i("g", { children: w.seriesModels.map((n, r) => {
 						let o = n.points[t];
 						if (!o) return null;
-						let s = Math.max(D.xAxisY - o.y, y), c = D.xAxisY - s, l = a + i * (D.barWidth + D.barGap);
-						return /* @__PURE__ */ r("rect", {
-							className: C("nabs-ui-charts__bar", `nabs-ui-charts__series-color-${n.colorIndex}`),
+						let s = Math.max(w.xAxisY - o.y, y), c = w.xAxisY - s, l = a + r * (w.barWidth + w.barGap);
+						return /* @__PURE__ */ i("rect", {
+							className: A("nabs-ui-charts__bar", `nabs-ui-charts__series-color-${n.colorIndex}`),
 							x: l,
 							y: c,
-							width: D.barWidth,
+							width: w.barWidth,
 							height: s,
 							rx: 1.5,
 							ry: 1.5,
-							children: /* @__PURE__ */ r("title", { children: `${e.label} • ${n.key}: ${o.value}` })
+							children: /* @__PURE__ */ i("title", { children: `${e.label} • ${n.key}: ${o.value}` })
 						}, `${n.id}-${o.id}`);
 					}) }, `bars-${e.id}`);
 				}),
-				D.categoryTicks.map((e) => /* @__PURE__ */ r("text", {
+				w.categoryTicks.map((e) => /* @__PURE__ */ i("text", {
 					className: "nabs-ui-charts__tickLabel",
 					x: e.x,
-					y: D.xAxisLabelY,
+					y: w.xAxisLabelY,
 					children: e.label
 				}, `${e.id}-label`)),
-				j ? /* @__PURE__ */ r("text", {
+				j ? /* @__PURE__ */ i("text", {
 					className: "nabs-ui-charts__axisName",
-					x: D.svgWidth / 2,
-					y: D.axisNameY,
-					children: g
+					x: w.svgWidth / 2,
+					y: w.axisNameY,
+					children: p
 				}) : null,
-				D.legendItems.map((e) => {
-					let t = C("nabs-ui-charts__legendSample", `nabs-ui-charts__series-color-${e.colorIndex}`);
-					return /* @__PURE__ */ i("g", { children: [
-						/* @__PURE__ */ r("line", {
+				w.legendItems.map((e) => {
+					let t = A("nabs-ui-charts__legendSample", `nabs-ui-charts__series-color-${e.colorIndex}`);
+					return /* @__PURE__ */ a("g", { children: [
+						/* @__PURE__ */ i("line", {
 							className: t,
 							x1: e.sampleX1,
-							y1: D.legendY,
+							y1: w.legendY,
 							x2: e.sampleX2,
-							y2: D.legendY
+							y2: w.legendY
 						}),
-						/* @__PURE__ */ r("circle", {
+						/* @__PURE__ */ i("circle", {
 							className: t,
 							cx: e.markerX,
-							cy: D.legendY,
-							r: s.legendMarkerRadius
+							cy: w.legendY,
+							r: m.legendMarkerRadius
 						}),
-						/* @__PURE__ */ r("text", {
+						/* @__PURE__ */ i("text", {
 							className: "nabs-ui-charts__legendLabel",
 							x: e.textX,
-							y: D.legendY,
+							y: w.legendY,
 							children: e.label
 						})
 					] }, e.id);
@@ -383,6 +478,153 @@ var w = e(function({ className: e = "", series: n, valueName: a, valueNames: o,
 		})
 	});
 });
-w.displayName = "2DChart";
+j.displayName = "2DChart";
+var M = {
+	svgWidth: 400,
+	svgHeight: 180,
+	centerX: 88,
+	centerY: 90,
+	radius: 56,
+	donutInnerRadius: 30,
+	legendStartX: 172,
+	legendStartY: 40,
+	legendItemHeight: 18,
+	legendSwatchSize: 7,
+	legendTextGap: 6
+};
+function N(e) {
+	let t = _(e);
+	return t > 0 ? t : 0;
+}
+function P(e, t) {
+	let n = e.map((e, n) => {
+		let r = String(e.yAxis ?? `Slice ${n + 1}`).trim() || `Slice ${n + 1}`, i = N(e[t]);
+		return {
+			id: `slice-${r}-${n}`,
+			label: r,
+			value: i,
+			colorIndex: n % 10
+		};
+	}), r = n.reduce((e, t) => e + t.value, 0);
+	if (r <= 0) return [];
+	let i = -Math.PI / 2;
+	return n.map((e) => {
+		let t = e.value / r, n = i;
+		return i += t * Math.PI * 2, {
+			...e,
+			ratio: t,
+			startAngle: n,
+			endAngle: i
+		};
+	});
+}
+function F(e, t, n, r) {
+	return {
+		x: e + n * Math.cos(r),
+		y: t + n * Math.sin(r)
+	};
+}
+function I(e, t, n) {
+	let r = e, i = t - n, a = e, o = t + n;
+	return [
+		`M ${e} ${t}`,
+		`L ${r} ${i}`,
+		`A ${n} ${n} 0 1 1 ${a} ${o}`,
+		`A ${n} ${n} 0 1 1 ${r} ${i}`,
+		"Z"
+	].join(" ");
+}
+function L(e, t, n, r) {
+	let i = e, a = t - n, o = e, s = t + n, c = e, l = t - r, u = e, d = t + r;
+	return [
+		`M ${i} ${a}`,
+		`A ${n} ${n} 0 1 1 ${o} ${s}`,
+		`A ${n} ${n} 0 1 1 ${i} ${a}`,
+		`L ${c} ${l}`,
+		`A ${r} ${r} 0 1 0 ${u} ${d}`,
+		`A ${r} ${r} 0 1 0 ${c} ${l}`,
+		"Z"
+	].join(" ");
+}
+function R(e, t, n, r, i, a) {
+	if (e.ratio >= .999999) return t === "donut" ? L(n, r, i, a) : I(n, r, i);
+	let o = +(e.endAngle - e.startAngle > Math.PI), s = F(n, r, i, e.startAngle), c = F(n, r, i, e.endAngle);
+	if (t === "pie") return [
+		`M ${n} ${r}`,
+		`L ${s.x} ${s.y}`,
+		`A ${i} ${i} 0 ${o} 1 ${c.x} ${c.y}`,
+		"Z"
+	].join(" ");
+	let l = F(n, r, a, e.startAngle), u = F(n, r, a, e.endAngle);
+	return [
+		`M ${s.x} ${s.y}`,
+		`A ${i} ${i} 0 ${o} 1 ${c.x} ${c.y}`,
+		`L ${u.x} ${u.y}`,
+		`A ${a} ${a} 0 ${o} 0 ${l.x} ${l.y}`,
+		"Z"
+	].join(" ");
+}
+var z = e(function({ className: e = "", series: n, valueName: r, palette: o, chartType: s = "pie", showLegend: c = !0, style: l, ...u }, d) {
+	let f = t(() => P(n, r), [n, r]), p = t(() => {
+		if (!o || o.length === 0) return;
+		let e = {};
+		for (let t = 0; t < Math.min(10, o.length); t += 1) {
+			let n = String(o[t] ?? "").trim();
+			n && (e[`--nabs-ui-charts-series-inline-${t + 1}`] = n);
+		}
+		return Object.keys(e).length > 0 ? e : void 0;
+	}, [o]);
+	return /* @__PURE__ */ i("div", {
+		ref: d,
+		className: A("nabs-ui-charts", "nabs-ui-charts--pie", `nabs-ui-charts--${s}`, e),
+		style: p ? {
+			...p,
+			...l
+		} : l,
+		...u,
+		children: /* @__PURE__ */ a("svg", {
+			className: "nabs-ui-charts__svg",
+			viewBox: `0 0 ${M.svgWidth} ${M.svgHeight}`,
+			role: "img",
+			"aria-label": `${s} chart for ${r}`,
+			preserveAspectRatio: "xMidYMid meet",
+			children: [
+				f.length > 0 ? f.map((e) => {
+					let t = R(e, s, M.centerX, M.centerY, M.radius, M.donutInnerRadius);
+					return /* @__PURE__ */ i("path", {
+						className: A("nabs-ui-charts__pieSlice", `nabs-ui-charts__series-color-${e.colorIndex}`),
+						d: t,
+						children: /* @__PURE__ */ i("title", { children: `${e.label}: ${e.value}` })
+					}, e.id);
+				}) : null,
+				c ? f.map((e, t) => {
+					let n = M.legendStartY + t * M.legendItemHeight, r = A("nabs-ui-charts__legendSwatch", `nabs-ui-charts__series-color-${e.colorIndex}`), o = n - M.legendSwatchSize / 2, s = M.legendStartX + M.legendSwatchSize + M.legendTextGap;
+					return /* @__PURE__ */ a("g", { children: [/* @__PURE__ */ i("rect", {
+						className: r,
+						x: M.legendStartX,
+						y: o,
+						width: M.legendSwatchSize,
+						height: M.legendSwatchSize,
+						rx: 1,
+						ry: 1
+					}), /* @__PURE__ */ i("text", {
+						className: "nabs-ui-charts__legendLabel",
+						x: s,
+						y: n,
+						children: `${e.label} (${Math.round(e.ratio * 100)}%)`
+					})] }, `legend-${e.id}`);
+				}) : null,
+				f.length === 0 ? /* @__PURE__ */ i("text", {
+					className: "nabs-ui-charts__legendLabel",
+					x: M.centerX,
+					y: M.centerY,
+					textAnchor: "middle",
+					children: "No data"
+				}) : null
+			]
+		})
+	});
+});
+z.displayName = "PieChart";
 //#endregion
-export { o as Branding, a as Shell, w as TwoDChart };
+export { s as Branding, p as Breadcrumb, z as PieChart, o as Shell, j as TwoDChart };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@net-advantage/nabs-ui-shell",
-  "version": "0.59.0",
+  "version": "0.60.0",
   "description": "Reusable React app shell for the Nabs UI library.",
   "type": "module",
   "main": "./dist/nabs-ui-shell.cjs",
@@ -27,37 +27,38 @@
   ],
   "dependencies": {
     "react": "^19.0.0",
-    "@net-advantage/nabs-ui-accordion": "0.59.0",
-    "@net-advantage/nabs-ui-avatar": "0.59.0",
-    "@net-advantage/nabs-ui-buttons": "0.59.0",
-    "@net-advantage/nabs-ui-cards": "0.59.0",
-    "@net-advantage/nabs-ui-charts": "0.59.0",
-    "@net-advantage/nabs-ui-checkbox": "0.59.0",
-    "@net-advantage/nabs-ui-code": "0.59.0",
-    "@net-advantage/nabs-ui-combobox": "0.59.0",
-    "@net-advantage/nabs-ui-datepicker": "0.59.0",
-    "@net-advantage/nabs-ui-dialog": "0.59.0",
-    "@net-advantage/nabs-ui-dropdownlist": "0.59.0",
-    "@net-advantage/nabs-ui-dropdownmenu": "0.59.0",
-    "@net-advantage/nabs-ui-dynamicform": "0.59.0",
-    "@net-advantage/nabs-ui-fileupload": "0.59.0",
-    "@net-advantage/nabs-ui-graph": "0.59.0",
-    "@net-advantage/nabs-ui-grid": "0.59.0",
-    "@net-advantage/nabs-ui-layout": "0.59.0",
-    "@net-advantage/nabs-ui-markdown": "0.59.0",
-    "@net-advantage/nabs-ui-navigation": "0.59.0",
-    "@net-advantage/nabs-ui-panel": "0.59.0",
-    "@net-advantage/nabs-ui-radiobutton": "0.59.0",
-    "@net-advantage/nabs-ui-signature": "0.59.0",
-    "@net-advantage/nabs-ui-slider": "0.59.0",
-    "@net-advantage/nabs-ui-stepper": "0.59.0",
-    "@net-advantage/nabs-ui-tab": "0.59.0",
-    "@net-advantage/nabs-ui-textarea": "0.59.0",
-    "@net-advantage/nabs-ui-textbox": "0.59.0",
-    "@net-advantage/nabs-ui-themes": "0.59.0",
-    "@net-advantage/nabs-ui-themes-dark": "0.59.0",
-    "@net-advantage/nabs-ui-themes-light": "0.59.0",
-    "@net-advantage/nabs-ui-toolbar": "0.59.0"
+    "@net-advantage/nabs-ui-accordion": "0.60.0",
+    "@net-advantage/nabs-ui-avatar": "0.60.0",
+    "@net-advantage/nabs-ui-breadcrumb": "0.60.0",
+    "@net-advantage/nabs-ui-buttons": "0.60.0",
+    "@net-advantage/nabs-ui-cards": "0.60.0",
+    "@net-advantage/nabs-ui-charts": "0.60.0",
+    "@net-advantage/nabs-ui-checkbox": "0.60.0",
+    "@net-advantage/nabs-ui-code": "0.60.0",
+    "@net-advantage/nabs-ui-combobox": "0.60.0",
+    "@net-advantage/nabs-ui-datepicker": "0.60.0",
+    "@net-advantage/nabs-ui-dialog": "0.60.0",
+    "@net-advantage/nabs-ui-dropdownlist": "0.60.0",
+    "@net-advantage/nabs-ui-dropdownmenu": "0.60.0",
+    "@net-advantage/nabs-ui-dynamicform": "0.60.0",
+    "@net-advantage/nabs-ui-fileupload": "0.60.0",
+    "@net-advantage/nabs-ui-graph": "0.60.0",
+    "@net-advantage/nabs-ui-grid": "0.60.0",
+    "@net-advantage/nabs-ui-layout": "0.60.0",
+    "@net-advantage/nabs-ui-markdown": "0.60.0",
+    "@net-advantage/nabs-ui-navigation": "0.60.0",
+    "@net-advantage/nabs-ui-panel": "0.60.0",
+    "@net-advantage/nabs-ui-radiobutton": "0.60.0",
+    "@net-advantage/nabs-ui-signature": "0.60.0",
+    "@net-advantage/nabs-ui-slider": "0.60.0",
+    "@net-advantage/nabs-ui-stepper": "0.60.0",
+    "@net-advantage/nabs-ui-tab": "0.60.0",
+    "@net-advantage/nabs-ui-textarea": "0.60.0",
+    "@net-advantage/nabs-ui-textbox": "0.60.0",
+    "@net-advantage/nabs-ui-themes": "0.60.0",
+    "@net-advantage/nabs-ui-themes-dark": "0.60.0",
+    "@net-advantage/nabs-ui-themes-light": "0.60.0",
+    "@net-advantage/nabs-ui-toolbar": "0.60.0"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",