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

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from '@net-advantage/nabs-ui-accordion';
 export * from '@net-advantage/nabs-ui-avatar';
 export * from '@net-advantage/nabs-ui-buttons';
 export * from '@net-advantage/nabs-ui-cards';
+export * from '@net-advantage/nabs-ui-charts';
 export * from '@net-advantage/nabs-ui-checkbox';
 export * from '@net-advantage/nabs-ui-code';
 export * from '@net-advantage/nabs-ui-combobox';

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`,exports.Branding=i,exports.Shell=r;var a=require("@net-advantage/nabs-ui-accordion");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 o=require("@net-advantage/nabs-ui-avatar");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 s=require("@net-advantage/nabs-ui-buttons");Object.keys(s).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return s[e]}})});var c=require("@net-advantage/nabs-ui-cards");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 l=require("@net-advantage/nabs-ui-checkbox");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 u=require("@net-advantage/nabs-ui-code");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 d=require("@net-advantage/nabs-ui-combobox");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 f=require("@net-advantage/nabs-ui-datepicker");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 p=require("@net-advantage/nabs-ui-dialog");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 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 h=require("@net-advantage/nabs-ui-dropdownmenu");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 g=require("@net-advantage/nabs-ui-dynamicform");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 _=require("@net-advantage/nabs-ui-fileupload");Object.keys(_).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _[e]}})});var v=require("@net-advantage/nabs-ui-graph");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 y=require("@net-advantage/nabs-ui-grid");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]}})}),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 b=require("@net-advantage/nabs-ui-markdown");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 x=require("@net-advantage/nabs-ui-navigation");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 S=require("@net-advantage/nabs-ui-panel");Object.keys(S).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return S[e]}})});var C=require("@net-advantage/nabs-ui-radiobutton");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-signature");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-slider");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-stepper");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-tab");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-textarea");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-textbox");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-toolbar");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]}})});
+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]}})});

package/dist/nabs-ui-shell.css

@@ -113,6 +113,7 @@
 /*$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-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-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}

package/dist/nabs-ui-shell.js

@@ -1,6 +1,6 @@
-import { forwardRef as e } from "react";
-import { Layout as t } from "@net-advantage/nabs-ui-layout";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+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";
 export * from "@net-advantage/nabs-ui-layout";
 export * from "@net-advantage/nabs-ui-accordion";
 export * from "@net-advantage/nabs-ui-avatar";
@@ -29,17 +29,17 @@ 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 i = e(({ header: e, navigation: r, footer: i, children: a, className: o = "", headerClassName: s = "", navigationClassName: c = "", contentClassName: l = "", footerClassName: u = "", ...d }, f) => {
+var a = e(({ header: e, navigation: t, 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 /* @__PURE__ */ n("div", {
+	return /* @__PURE__ */ r("div", {
 		ref: f,
 		className: p,
 		...d,
-		children: /* @__PURE__ */ n(t, {
+		children: /* @__PURE__ */ r(n, {
 			className: "nabs-ui-shell__layout",
 			header: e,
 			footer: i,
-			leftSidePanel: r,
+			leftSidePanel: t,
 			headerClassName: m,
 			footerClassName: _,
 			leftSidePanelClassName: h,
@@ -48,30 +48,341 @@ var i = e(({ header: e, navigation: r, footer: i, children: a, className: o = ""
 		})
 	});
 });
-i.displayName = "Shell";
+a.displayName = "Shell";
 //#endregion
 //#region src/Branding.tsx
-var a = e(function({ logo: e, title: t, byline: i, className: a = "", ...o }, s) {
-	return /* @__PURE__ */ r("div", {
+var o = e(function({ logo: e, title: t, byline: n, className: a = "", ...o }, s) {
+	return /* @__PURE__ */ i("div", {
 		ref: s,
 		className: ["nabs-ui-branding", a].filter(Boolean).join(" "),
 		...o,
-		children: [/* @__PURE__ */ n("div", {
+		children: [/* @__PURE__ */ r("div", {
 			className: "nabs-ui-branding__logo",
 			"aria-hidden": "true",
 			children: e
-		}), /* @__PURE__ */ r("div", {
+		}), /* @__PURE__ */ i("div", {
 			className: "nabs-ui-branding__text",
-			children: [/* @__PURE__ */ n("strong", {
+			children: [/* @__PURE__ */ r("strong", {
 				className: "nabs-ui-branding__title",
 				children: t
-			}), /* @__PURE__ */ n("span", {
+			}), /* @__PURE__ */ r("span", {
 				className: "nabs-ui-branding__byline",
-				children: i
+				children: n
 			})]
 		})]
 	});
 });
-a.displayName = "Branding";
+o.displayName = "Branding";
+//#endregion
+//#region ../nabs-ui-charts/dist/nabs-ui-charts.js
+var s = {
+	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
+}, c = {
+	line: "nabs-ui-charts--line",
+	bar: "nabs-ui-charts--bar"
+};
+function l(e) {
+	return Number.isFinite(e) ? Math.max(0, Math.floor(e ?? 0)) : 8;
+}
+function u(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 d(e, t) {
+	return u(e[t]);
+}
+function f(e) {
+	return !Number.isFinite(e) || (e ?? 0) <= 0 ? 5 : Math.abs(e ?? 5);
+}
+function p(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+function m(e) {
+	return Number(e.toFixed(6));
+}
+function h(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 = u(n);
+			if (Number.isFinite(i) && r.push(e), r.length >= 10) break;
+		}
+	}
+	return r.slice(0, 10);
+}
+function g(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 _(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);
+		if (e >= t) break;
+		r.push(e), a += 1;
+	}
+	return r[r.length - 1] !== t && r.push(t), r;
+}
+function v(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;
+	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, {
+			id: `legend-${e}`,
+			label: e,
+			colorIndex: t,
+			sampleX1: a,
+			sampleX2: o,
+			markerX: c,
+			textX: l
+		};
+	});
+}
+function y(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 b(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;
+		return {
+			id: `category-${e.yAxis}-${t}`,
+			label: e.yAxis,
+			x: n
+		};
+	}), V = l.map((t, n) => {
+		let r = B.map((n, r) => {
+			let i = e[r], a = d(i, t), o = I(p(a, m, 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 ? v(l, k / 2, N) : [], W = Math.max(1, V.length), G = s.itemStep * s.barGroupScale, K = s.barGap;
+	return {
+		valueKeys: l,
+		categoryTicks: B,
+		seriesModels: V,
+		guides: R,
+		verticalGuides: H,
+		yTicks: z,
+		legendItems: U,
+		svgHeight: F,
+		svgWidth: k,
+		barWidth: Math.max(2, Math.min(s.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 S(e) {
+	return e.map((e) => `${e.x},${e.y}`).join(" ");
+}
+function C(...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,
+		n,
+		v,
+		a,
+		o,
+		h,
+		m,
+		p
+	]), O = t(() => {
+		if (!u || u.length === 0) return;
+		let e = {};
+		for (let t = 0; t < Math.min(10, u.length); t += 1) {
+			let n = String(u[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,
+		...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", {
+			className: "nabs-ui-charts__svg",
+			viewBox: `0 0 ${D.svgWidth} ${D.svgHeight}`,
+			role: "img",
+			"aria-label": `2D ${d} chart for ${M}`,
+			preserveAspectRatio: "xMidYMid meet",
+			children: [
+				/* @__PURE__ */ r("rect", {
+					className: "nabs-ui-charts__plotBoundary",
+					x: D.plotLeft,
+					y: D.plotTop,
+					width: D.plotRight - D.plotLeft,
+					height: D.plotBottom - D.plotTop
+				}),
+				D.verticalGuides.map((e) => /* @__PURE__ */ r("line", {
+					className: "nabs-ui-charts__guide",
+					x1: e.x,
+					y1: D.plotTop,
+					x2: e.x,
+					y2: D.plotBottom
+				}, e.id)),
+				D.guides.map((e) => /* @__PURE__ */ r("line", {
+					className: "nabs-ui-charts__guide",
+					x1: D.plotLeft,
+					y1: e.y,
+					x2: D.plotRight,
+					y2: e.y
+				}, e.id)),
+				D.yTicks.map((e) => /* @__PURE__ */ r("text", {
+					className: "nabs-ui-charts__yTickLabel",
+					x: D.plotLeft - 6,
+					y: e.y,
+					children: e.value
+				}, e.id)),
+				/* @__PURE__ */ r("line", {
+					className: "nabs-ui-charts__axis",
+					x1: D.plotLeft,
+					y1: D.xAxisY,
+					x2: D.plotRight,
+					y2: D.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", {
+						className: t,
+						points: S(e.points)
+					}) : null, e.points.map((t) => /* @__PURE__ */ r("circle", {
+						className: n,
+						cx: t.x,
+						cy: t.y,
+						r: 1.5,
+						children: /* @__PURE__ */ r("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) => {
+						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}`),
+							x: l,
+							y: c,
+							width: D.barWidth,
+							height: s,
+							rx: 1.5,
+							ry: 1.5,
+							children: /* @__PURE__ */ r("title", { children: `${e.label} • ${n.key}: ${o.value}` })
+						}, `${n.id}-${o.id}`);
+					}) }, `bars-${e.id}`);
+				}),
+				D.categoryTicks.map((e) => /* @__PURE__ */ r("text", {
+					className: "nabs-ui-charts__tickLabel",
+					x: e.x,
+					y: D.xAxisLabelY,
+					children: e.label
+				}, `${e.id}-label`)),
+				j ? /* @__PURE__ */ r("text", {
+					className: "nabs-ui-charts__axisName",
+					x: D.svgWidth / 2,
+					y: D.axisNameY,
+					children: g
+				}) : 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", {
+							className: t,
+							x1: e.sampleX1,
+							y1: D.legendY,
+							x2: e.sampleX2,
+							y2: D.legendY
+						}),
+						/* @__PURE__ */ r("circle", {
+							className: t,
+							cx: e.markerX,
+							cy: D.legendY,
+							r: s.legendMarkerRadius
+						}),
+						/* @__PURE__ */ r("text", {
+							className: "nabs-ui-charts__legendLabel",
+							x: e.textX,
+							y: D.legendY,
+							children: e.label
+						})
+					] }, e.id);
+				})
+			]
+		})
+	});
+});
+w.displayName = "2DChart";
 //#endregion
-export { a as Branding, i as Shell };
+export { o as Branding, a as Shell, w as TwoDChart };

package/package.json

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