@mich8060/unified-design-system 0.2.13 → 0.2.15

package/dist/ai/validation/driftDetection.js

@@ -1 +1 @@
-import{ComponentRegistry as d}from"../manifest/components.manifest.js";import{LayoutRules as p}from"../manifest/layout.manifest.js";import{TokenIntentMap as c}from"../manifest/tokens.intent.manifest.js";const y=/#(?:[a-fA-F0-9]{3,8})\b|rgb\(|rgba\(|hsl\(|hsla\(/,O=new Set([...p.spacingSystem.allowedTokens,...Object.values(c.surface),...Object.values(c.action),...Object.values(c.text),...Object.values(c.border),...Object.values(c.state),"--uds-radius-8","--uds-elevation-overlay"]),n=(l,i,a,t,o,r)=>{l.push({severity:"warning",code:i,message:a,path:t,component:o,token:r})};function m(l){const i=[],a=(t,o,r)=>{d[t.type]||n(i,"DRIFT_UNKNOWN_COMPONENT",`Component "${t.type}" is not in ComponentRegistry.`,o,t.type),r&&p.disallowedNesting.some(e=>e.parent===r.type&&e.child===t.type)&&n(i,"DRIFT_DISALLOWED_NESTING",`${t.type} nested inside ${r.type} violates layout rules.`,o,t.type);const f=t.props??{};Object.entries(f).forEach(([s,e])=>{s.toLowerCase().startsWith("margin")&&n(i,"DRIFT_MARGIN_USAGE","Margin usage detected. Prefer governed spacing composition tokens.",`${o}.${s}`,t.type),(s==="style"||s==="inlineStyle")&&n(i,"DRIFT_INLINE_STYLE","Inline CSS detected. Use tokenized props or class-based styling.",`${o}.${s}`,t.type),typeof e=="string"&&(e.startsWith("--uds-")&&!O.has(e)&&n(i,"DRIFT_UNKNOWN_TOKEN",`Unknown UDS token "${e}".`,`${o}.${s}`,t.type,e),y.test(e)&&n(i,"DRIFT_HARDCODED_COLOR","Hardcoded color literal detected. Use semantic UDS token values.",`${o}.${s}`,t.type))}),(t.children??[]).forEach((s,e)=>a(s,`${o}.children[${e}]`,t))};return a(l,"root"),i}export{m as detectDrift};
+import{ComponentRegistry as y}from"../manifest/components.manifest.js";import{LayoutRules as p}from"../manifest/layout.manifest.js";import{TokenIntentMap as r}from"../manifest/tokens.intent.manifest.js";const N=new Set([...p.spacingSystem.allowedTokens,...Object.values(r.surface),...Object.values(r.action),...Object.values(r.text),...Object.values(r.border),...Object.values(r.state),"--uds-radius-8","--uds-elevation-overlay"]),c=(l,i,a,t,o,n)=>{l.push({severity:"warning",code:i,message:a,path:t,component:o,token:n})};function g(l){const i=[],a=(t,o,n)=>{y[t.type]||c(i,"DRIFT_UNKNOWN_COMPONENT",`Component "${t.type}" is not in ComponentRegistry.`,o,t.type),n&&p.disallowedNesting.some(e=>e.parent===n.type&&e.child===t.type)&&c(i,"DRIFT_DISALLOWED_NESTING",`${t.type} nested inside ${n.type} violates layout rules.`,o,t.type);const f=t.props??{};Object.entries(f).forEach(([s,e])=>{s.toLowerCase().startsWith("margin")&&c(i,"DRIFT_MARGIN_USAGE","Margin usage detected. Prefer governed spacing composition tokens.",`${o}.${s}`,t.type),(s==="style"||s==="inlineStyle")&&c(i,"DRIFT_INLINE_STYLE","Inline CSS detected. Use tokenized props or class-based styling.",`${o}.${s}`,t.type),typeof e=="string"&&e.startsWith("--uds-")&&!N.has(e)&&c(i,"DRIFT_UNKNOWN_TOKEN",`Unknown UDS token "${e}".`,`${o}.${s}`,t.type,e)}),(t.children??[]).forEach((s,e)=>a(s,`${o}.children[${e}]`,t))};return a(l,"root"),i}export{g as detectDrift};

package/dist/ai/validation/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./validateTree.cjs"),i=require("./schemaValidation.cjs"),a=require("./driftDetection.cjs"),r=require("./validateAIOutput.cjs"),e=require("./deterministicFeedback.cjs");exports.validateTree=t.validateTree;exports.validateSchema=i.validateSchema;exports.detectDrift=a.detectDrift;exports.validateAIOutput=r.validateAIOutput;exports.buildDeterministicFeedback=e.buildDeterministicFeedback;exports.sortAndDedupeViolations=e.sortAndDedupeViolations;

package/dist/ai/validation/index.js

@@ -0,0 +1 @@
+import{validateTree as r}from"./validateTree.js";import{validateSchema as i}from"./schemaValidation.js";import{detectDrift as d}from"./driftDetection.js";import{validateAIOutput as p}from"./validateAIOutput.js";import{buildDeterministicFeedback as l,sortAndDedupeViolations as x}from"./deterministicFeedback.js";export{l as buildDeterministicFeedback,d as detectDrift,x as sortAndDedupeViolations,p as validateAIOutput,i as validateSchema,r as validateTree};

package/dist/ai/validation/validateAIOutput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../manifest/governance.manifest.cjs"),p=require("../policies/policy.engine.cjs"),m=require("./driftDetection.cjs"),v=require("./schemaValidation.cjs");function V(r,t=o.UDSGovernance){const e=v.validateSchema(r),a=new Date().toISOString(),c=o.getVersionLineage(),s=[...e.violations],n=[];if(e.tree){const d=p.runPolicyEngine(e.tree,t),f=m.detectDrift(e.tree);for(const i of[...d,...f])i.severity==="error"?s.push(i):n.push(i)}const l=t.enforcement.strictMode,u=s.length>0;return{status:l&&u?"fail":"pass",violations:s,warnings:n,governanceVersionUsed:t.policyVersion,manifestVersionUsed:t.manifestVersion,timestamp:a,versionLineage:c}}exports.validateAIOutput=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../manifest/governance.manifest.cjs"),k=require("../policies/policy.engine.cjs"),v=require("./driftDetection.cjs"),d=require("./deterministicFeedback.cjs"),S=require("./schemaValidation.cjs"),b=e=>typeof e=="object"&&e!==null&&!Array.isArray(e),g=e=>typeof e=="string"&&e.trim().length>0?e:void 0;function A(e,t){const s=b(e)?e:null;if(!s)return[];const r=[{key:"manifestVersion",expected:t.manifestVersion},{key:"governanceVersion",expected:t.governanceVersion},{key:"policyVersion",expected:t.policyVersion}],n=[];for(const i of r){const o=g(s[i.key]);o&&o!==i.expected&&n.push({severity:"error",code:`RULE_VERSION_MISMATCH_${i.key.toUpperCase()}`,message:`${i.key} "${o}" does not match expected "${i.expected}".`,path:i.key})}return n}function D(e,t=p.UDSGovernance){const s=S.validateSchema(e),r=new Date().toISOString(),n=p.getVersionLineage(),i=[...s.violations],o=[];if(i.push(...A(e,t)),s.tree){const f=k.runPolicyEngine(s.tree,t),h=v.detectDrift(s.tree);for(const a of[...f,...h])a.severity==="error"?i.push(a):o.push(a)}const c=d.sortAndDedupeViolations(i),y=d.sortAndDedupeViolations(o),u=t.enforcement.strictMode,l=c.length>0,V=u&&l?"fail":"pass",m=l?d.buildDeterministicFeedback(c):void 0;return{status:V,violations:c,warnings:y,deterministicFeedback:m,governanceVersionUsed:t.governanceVersion,manifestVersionUsed:t.manifestVersion,policyVersionUsed:t.policyVersion,timestamp:r,versionLineage:n}}exports.validateAIOutput=D;

package/dist/ai/validation/validateAIOutput.js

@@ -1 +1 @@
-import{UDSGovernance as f,getVersionLineage as u}from"../manifest/governance.manifest.js";import{runPolicyEngine as d}from"../policies/policy.engine.js";import{detectDrift as V}from"./driftDetection.js";import{validateSchema as h}from"./schemaValidation.js";function g(r,t=f){const s=h(r),n=new Date().toISOString(),a=u(),o=[...s.violations],i=[];if(s.tree){const l=d(s.tree,t),p=V(s.tree);for(const e of[...l,...p])e.severity==="error"?o.push(e):i.push(e)}const c=t.enforcement.strictMode,m=o.length>0;return{status:c&&m?"fail":"pass",violations:o,warnings:i,governanceVersionUsed:t.policyVersion,manifestVersionUsed:t.manifestVersion,timestamp:n,versionLineage:a}}export{g as validateAIOutput};
+import{UDSGovernance as k,getVersionLineage as u}from"../manifest/governance.manifest.js";import{runPolicyEngine as x}from"../policies/policy.engine.js";import{detectDrift as S}from"./driftDetection.js";import{sortAndDedupeViolations as d,buildDeterministicFeedback as v}from"./deterministicFeedback.js";import{validateSchema as U}from"./schemaValidation.js";const A=e=>typeof e=="object"&&e!==null&&!Array.isArray(e),D=e=>typeof e=="string"&&e.trim().length>0?e:void 0;function b(e,t){const i=A(e)?e:null;if(!i)return[];const r=[{key:"manifestVersion",expected:t.manifestVersion},{key:"governanceVersion",expected:t.governanceVersion},{key:"policyVersion",expected:t.policyVersion}],n=[];for(const o of r){const s=D(i[o.key]);s&&s!==o.expected&&n.push({severity:"error",code:`RULE_VERSION_MISMATCH_${o.key.toUpperCase()}`,message:`${o.key} "${s}" does not match expected "${o.expected}".`,path:o.key})}return n}function L(e,t=k){const i=U(e),r=new Date().toISOString(),n=u(),o=[...i.violations],s=[];if(o.push(...b(e,t)),i.tree){const f=x(i.tree,t),h=S(i.tree);for(const a of[...f,...h])a.severity==="error"?o.push(a):s.push(a)}const c=d(o),l=d(s),m=t.enforcement.strictMode,p=c.length>0,y=m&&p?"fail":"pass",V=p?v(c):void 0;return{status:y,violations:c,warnings:l,deterministicFeedback:V,governanceVersionUsed:t.governanceVersion,manifestVersionUsed:t.manifestVersion,policyVersionUsed:t.policyVersion,timestamp:r,versionLineage:n}}export{L as validateAIOutput};

package/dist/app-shell/AppShell.d.ts

@@ -28,6 +28,14 @@ export interface AppShellProps {
     brand?: string;
     theme?: "light" | "dark";
     className?: string;
+    skipToContent?: boolean;
+    skipToContentLabel?: string;
+    mainContentId?: string;
+    mobileBrandLabel?: string;
+    mobileUserName?: string;
+    mobileUserInitials?: string;
+    mobileUserAvatarSrc?: string;
+    mobileAccountMenuItems?: unknown[];
 }
 /** Slot wrapper props used by AppShell compound regions. */
 export interface AppShellSectionProps {

package/dist/charts/BizChartsAdapters.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),r=require("bizcharts"),l={width:"100%"};function p({data:o,xField:e="x",yField:n="y",seriesField:s,height:a=320,autoFit:i=!0,className:h,style:u}){return t.jsxs(r.Chart,{data:o,autoFit:i,height:a,className:h,style:{...l,...u},children:[t.jsx(r.Tooltip,{shared:!0}),t.jsx(r.Legend,{}),t.jsx(r.Line,{position:`${e}*${n}`,color:s}),t.jsx(r.Point,{position:`${e}*${n}`,color:s})]})}const d=c.memo(p);function S({data:o,xField:e="x",yField:n="y",seriesField:s,height:a=320,autoFit:i=!0,className:h,style:u}){return t.jsxs(r.Chart,{data:o,autoFit:i,height:a,className:h,style:{...l,...u},children:[t.jsx(r.Tooltip,{shared:!0}),t.jsx(r.Legend,{}),t.jsx(r.Interval,{position:`${e}*${n}`,color:s})]})}const D=c.memo(S);function m({data:o,angleField:e="value",colorField:n="type",height:s=320,autoFit:a=!0,className:i,style:h}){return t.jsxs(r.Chart,{data:o,autoFit:a,height:s,className:i,style:{...l,...h},children:[t.jsx(r.Coordinate,{type:"theta",radius:.85}),t.jsx(r.Tooltip,{showTitle:!1}),t.jsx(r.Legend,{}),t.jsx(r.Interval,{position:e,color:n,adjust:"stack"})]})}const U=c.memo(m);function y({data:o,angleField:e="value",colorField:n="type",height:s=320,autoFit:a=!0,className:i,style:h}){return t.jsxs(r.Chart,{data:o,autoFit:a,height:s,className:i,style:{...l,...h},children:[t.jsx(r.Coordinate,{type:"theta",radius:.85,innerRadius:.62}),t.jsx(r.Tooltip,{showTitle:!1}),t.jsx(r.Legend,{}),t.jsx(r.Interval,{position:e,color:n,adjust:"stack"})]})}const $=c.memo(y);function g({data:o,xField:e="x",yField:n="y",colorField:s,sizeField:a,height:i=320,autoFit:h=!0,className:u,style:j}){const x=`${e}*${n}`;return t.jsxs(r.Chart,{data:o,autoFit:h,height:i,className:u,style:{...l,...j},children:[t.jsx(r.Tooltip,{shared:!0}),t.jsx(r.Legend,{}),t.jsx(r.Point,{position:x,color:s,size:a,shape:"circle"})]})}const C=c.memo(g);function f(o){return t.jsx(C,{...o})}function L({data:o,xField:e="x",yField:n="y",seriesField:s,height:a=320,autoFit:i=!0,className:h,style:u}){return t.jsxs(r.Chart,{data:o,autoFit:i,height:a,className:h,style:{...l,...u},children:[t.jsx(r.Coordinate,{type:"polar",radius:.8}),t.jsx(r.Tooltip,{shared:!0}),t.jsx(r.Legend,{}),t.jsx(r.Line,{position:`${e}*${n}`,color:s}),t.jsx(r.Point,{position:`${e}*${n}`,color:s})]})}const P=c.memo(L);function T({data:o,xField:e="x",yField:n="y",seriesField:s,height:a=320,autoFit:i=!0,className:h,style:u}){return t.jsxs(r.Chart,{data:o,autoFit:i,height:a,className:h,style:{...l,...u},children:[t.jsx(r.Coordinate,{type:"polar",radius:.8}),t.jsx(r.Tooltip,{shared:!0}),t.jsx(r.Legend,{}),t.jsx(r.Polygon,{position:`${e}*${n}`,color:s})]})}const b=c.memo(T);exports.UDSBarChart=D;exports.UDSBubbleChart=f;exports.UDSDoughnutChart=$;exports.UDSLineChart=d;exports.UDSPieChart=U;exports.UDSPolarAreaChart=b;exports.UDSRadarChart=P;exports.UDSScatterChart=C;

package/dist/charts/BizChartsAdapters.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as c}from"react/jsx-runtime";import{memo as h}from"react";import{Chart as l,Tooltip as p,Legend as C,Interval as S,Coordinate as y,Line as m,Point as D,Polygon as $}from"bizcharts";const d={width:"100%"};function x({data:r,xField:o="x",yField:n="y",seriesField:e,height:a=320,autoFit:i=!0,className:s,style:u}){return c(l,{data:r,autoFit:i,height:a,className:s,style:{...d,...u},children:[t(p,{shared:!0}),t(C,{}),t(m,{position:`${o}*${n}`,color:e}),t(D,{position:`${o}*${n}`,color:e})]})}const k=h(x);function P({data:r,xField:o="x",yField:n="y",seriesField:e,height:a=320,autoFit:i=!0,className:s,style:u}){return c(l,{data:r,autoFit:i,height:a,className:s,style:{...d,...u},children:[t(p,{shared:!0}),t(C,{}),t(S,{position:`${o}*${n}`,color:e})]})}const A=h(P);function g({data:r,angleField:o="value",colorField:n="type",height:e=320,autoFit:a=!0,className:i,style:s}){return c(l,{data:r,autoFit:a,height:e,className:i,style:{...d,...s},children:[t(y,{type:"theta",radius:.85}),t(p,{showTitle:!1}),t(C,{}),t(S,{position:o,color:n,adjust:"stack"})]})}const z=h(g);function j({data:r,angleField:o="value",colorField:n="type",height:e=320,autoFit:a=!0,className:i,style:s}){return c(l,{data:r,autoFit:a,height:e,className:i,style:{...d,...s},children:[t(y,{type:"theta",radius:.85,innerRadius:.62}),t(p,{showTitle:!1}),t(C,{}),t(S,{position:o,color:n,adjust:"stack"})]})}const I=h(j);function L({data:r,xField:o="x",yField:n="y",colorField:e,sizeField:a,height:i=320,autoFit:s=!0,className:u,style:U}){const f=`${o}*${n}`;return c(l,{data:r,autoFit:s,height:i,className:u,style:{...d,...U},children:[t(p,{shared:!0}),t(C,{}),t(D,{position:f,color:e,size:a,shape:"circle"})]})}const v=h(L);function q(r){return t(v,{...r})}function w({data:r,xField:o="x",yField:n="y",seriesField:e,height:a=320,autoFit:i=!0,className:s,style:u}){return c(l,{data:r,autoFit:i,height:a,className:s,style:{...d,...u},children:[t(y,{type:"polar",radius:.8}),t(p,{shared:!0}),t(C,{}),t(m,{position:`${o}*${n}`,color:e}),t(D,{position:`${o}*${n}`,color:e})]})}const E=h(w);function B({data:r,xField:o="x",yField:n="y",seriesField:e,height:a=320,autoFit:i=!0,className:s,style:u}){return c(l,{data:r,autoFit:i,height:a,className:s,style:{...d,...u},children:[t(y,{type:"polar",radius:.8}),t(p,{shared:!0}),t(C,{}),t($,{position:`${o}*${n}`,color:e})]})}const G=h(B);export{A as UDSBarChart,q as UDSBubbleChart,I as UDSDoughnutChart,k as UDSLineChart,z as UDSPieChart,G as UDSPolarAreaChart,E as UDSRadarChart,v as UDSScatterChart};

package/dist/charts-bizcharts/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../charts/BizChartsAdapters.cjs");exports.UDSBarChart=r.UDSBarChart;exports.UDSBubbleChart=r.UDSBubbleChart;exports.UDSDoughnutChart=r.UDSDoughnutChart;exports.UDSLineChart=r.UDSLineChart;exports.UDSPieChart=r.UDSPieChart;exports.UDSPolarAreaChart=r.UDSPolarAreaChart;exports.UDSRadarChart=r.UDSRadarChart;exports.UDSScatterChart=r.UDSScatterChart;

package/dist/charts-bizcharts/index.js

@@ -0,0 +1 @@
+import{UDSBarChart as t,UDSBubbleChart as h,UDSDoughnutChart as D,UDSLineChart as S,UDSPieChart as C,UDSPolarAreaChart as U,UDSRadarChart as e,UDSScatterChart as o}from"../charts/BizChartsAdapters.js";export{t as UDSBarChart,h as UDSBubbleChart,D as UDSDoughnutChart,S as UDSLineChart,C as UDSPieChart,U as UDSPolarAreaChart,e as UDSRadarChart,o as UDSScatterChart};

package/dist/components/Breadcrumb/Breadcrumb.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),u=require("react"),n=require("react-router-dom");;/* empty css                   */const h=[{path:"/app-shell",label:"Application"},{path:"/border-radius",label:"Border Radius"},{path:"/colors",label:"Colors"},{path:"/flex",label:"Flex Layout"},{path:"/icons",label:"Icons"},{path:"/shadows",label:"Shadows"},{path:"/spacing",label:"Spacing"},{path:"/figma-variables",label:"Design Tokens"},{path:"/typography",label:"Typography"},{path:"/utilities",label:"Utility Classes"},{path:"/vertical-rhythm",label:"Vertical Rhythm"}],p=[{path:"/accordion",label:"Accordion"},{path:"/action-menu",label:"Action Menu"},{path:"/avatar",label:"Avatar"},{path:"/badge",label:"Badge"},{path:"/branding",label:"Branding"},{path:"/breadcrumb",label:"Breadcrumb"},{path:"/buttons",label:"Buttons"},{path:"/calendar",label:"Calendar"},{path:"/datepicker",label:"Datepicker"},{path:"/checkbox",label:"Checkbox"},{path:"/chip",label:"Chip"},{path:"/divider",label:"Divider"},{path:"/dot-status",label:"Dot Status"},{path:"/dropdown",label:"Dropdown"},{path:"/event-card",label:"Event Card"},{path:"/field",label:"Field"},{path:"/file-upload",label:"File Upload"},{path:"/image-aspect",label:"Image Aspect"},{path:"/input",label:"Text Input"},{path:"/key",label:"Key"},{path:"/pill-toggle",label:"Pill Toggle"},{path:"/progress-indicator",label:"Progress Indicator"},{path:"/progress-circle",label:"Progress Circle"},{path:"/radio",label:"Radio"},{path:"/slider",label:"Slider"},{path:"/status",label:"Status"},{path:"/steps",label:"Steps"},{path:"/table",label:"Table"},{path:"/tabs",label:"Tabs"},{path:"/tag",label:"Tag"},{path:"/textarea",label:"Textarea"},{path:"/toast",label:"Toast"},{path:"/toggle",label:"Toggle"},{path:"/tooltip",label:"Tooltip"}],d=[{path:"/menu",label:"Menu"}];function m({items:s}){const c=n.useLocation().pathname;if(s&&s.length>0){const e=s.slice(0,5);return a.jsx("nav",{className:"breadcrumb","aria-label":"Breadcrumb",children:a.jsx("ol",{className:"breadcrumb__list",children:e.map((l,b)=>{const i=b===e.length-1,o=l.href&&(l.href.startsWith("http://")||l.href.startsWith("https://"));return a.jsxs(u.Fragment,{children:[a.jsx("li",{className:`breadcrumb__item ${i?"breadcrumb__item--current":""}`,children:l.href&&!i?o?a.jsx("a",{href:l.href,className:"breadcrumb__link",target:"_blank",rel:"noopener noreferrer",children:a.jsx("span",{className:"breadcrumb__text",children:l.label})}):a.jsx(n.Link,{to:l.href,className:"breadcrumb__link",children:a.jsx("span",{className:"breadcrumb__text",children:l.label})}):a.jsx("span",{className:"breadcrumb__text",children:l.label})}),!i&&a.jsx("li",{className:"breadcrumb__item",children:a.jsx("span",{className:"breadcrumb__separator","aria-hidden":"true",children:"/"})})]},b)})})})}if(c==="/")return null;const t=[...h,...p,...d].find(e=>c===e.path||c.startsWith(e.path+"/"));if(!t)return null;let r="Design System";return h.some(e=>e.path===t.path)?r="Foundations":p.some(e=>e.path===t.path)?r="Components":d.some(e=>e.path===t.path)&&(r="Patterns"),a.jsx("nav",{className:"breadcrumb","aria-label":"Breadcrumb",children:a.jsxs("ol",{className:"breadcrumb__list",children:[a.jsx("li",{className:"breadcrumb__item",children:a.jsx("span",{className:"breadcrumb__text",children:"Unified Design System"})}),a.jsx("li",{className:"breadcrumb__item",children:a.jsx("span",{className:"breadcrumb__separator","aria-hidden":"true",children:"/"})}),a.jsx("li",{className:"breadcrumb__item",children:a.jsx("span",{className:"breadcrumb__text",children:r})}),a.jsx("li",{className:"breadcrumb__item",children:a.jsx("span",{className:"breadcrumb__separator","aria-hidden":"true",children:"/"})}),a.jsx("li",{className:"breadcrumb__item breadcrumb__item--current",children:a.jsx("span",{className:"breadcrumb__text",children:t.label})})]})})}exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),u=require("react"),b=require("react-router-dom");;/* empty css                   */const h=[{path:"/app-shell",label:"Application"},{path:"/border-radius",label:"Border Radius"},{path:"/colors",label:"Colors"},{path:"/flex",label:"Flex Layout"},{path:"/icons",label:"Icons"},{path:"/shadows",label:"Shadows"},{path:"/spacing",label:"Spacing"},{path:"/figma-variables",label:"Design Tokens"},{path:"/typography",label:"Typography"},{path:"/utilities",label:"Utility Classes"},{path:"/vertical-rhythm",label:"Vertical Rhythm"}],p=[{path:"/accordion",label:"Accordion"},{path:"/action-menu",label:"Action Menu"},{path:"/avatar",label:"Avatar"},{path:"/badge",label:"Badge"},{path:"/branding",label:"Branding"},{path:"/breadcrumb",label:"Breadcrumb"},{path:"/buttons",label:"Buttons"},{path:"/calendar",label:"Calendar"},{path:"/datepicker",label:"Datepicker"},{path:"/checkbox",label:"Checkbox"},{path:"/chip",label:"Chip"},{path:"/divider",label:"Divider"},{path:"/dot-status",label:"Dot Status"},{path:"/dropdown",label:"Dropdown"},{path:"/event-card",label:"Event Card"},{path:"/field",label:"Field"},{path:"/file-upload",label:"File Upload"},{path:"/image-aspect",label:"Image Aspect"},{path:"/input",label:"Text Input"},{path:"/key",label:"Key"},{path:"/progress-indicator",label:"Progress Indicator"},{path:"/progress-circle",label:"Progress Circle"},{path:"/radio",label:"Radio"},{path:"/slider",label:"Slider"},{path:"/status",label:"Status"},{path:"/steps",label:"Steps"},{path:"/table",label:"Table"},{path:"/tabs",label:"Tabs"},{path:"/tag",label:"Tag"},{path:"/textarea",label:"Textarea"},{path:"/toast",label:"Toast"},{path:"/toggle",label:"Toggle"},{path:"/tooltip",label:"Tooltip"}],d=[{path:"/menu",label:"Menu"}];function m({items:s}){const c=b.useLocation().pathname;if(s&&s.length>0){const e=s.slice(0,5);return a.jsx("nav",{className:"breadcrumb","aria-label":"Breadcrumb",children:a.jsx("ol",{className:"breadcrumb__list",children:e.map((l,n)=>{const i=n===e.length-1,o=l.href&&(l.href.startsWith("http://")||l.href.startsWith("https://"));return a.jsxs(u.Fragment,{children:[a.jsx("li",{className:`breadcrumb__item ${i?"breadcrumb__item--current":""}`,children:l.href&&!i?o?a.jsx("a",{href:l.href,className:"breadcrumb__link",target:"_blank",rel:"noopener noreferrer",children:a.jsx("span",{className:"breadcrumb__text",children:l.label})}):a.jsx(b.Link,{to:l.href,className:"breadcrumb__link",children:a.jsx("span",{className:"breadcrumb__text",children:l.label})}):a.jsx("span",{className:"breadcrumb__text",children:l.label})}),!i&&a.jsx("li",{className:"breadcrumb__item",children:a.jsx("span",{className:"breadcrumb__separator","aria-hidden":"true",children:"/"})})]},n)})})})}if(c==="/")return null;const t=[...h,...p,...d].find(e=>c===e.path||c.startsWith(e.path+"/"));if(!t)return null;let r="Design System";return h.some(e=>e.path===t.path)?r="Foundations":p.some(e=>e.path===t.path)?r="Components":d.some(e=>e.path===t.path)&&(r="Patterns"),a.jsx("nav",{className:"breadcrumb","aria-label":"Breadcrumb",children:a.jsxs("ol",{className:"breadcrumb__list",children:[a.jsx("li",{className:"breadcrumb__item",children:a.jsx("span",{className:"breadcrumb__text",children:"Unified Design System"})}),a.jsx("li",{className:"breadcrumb__item",children:a.jsx("span",{className:"breadcrumb__separator","aria-hidden":"true",children:"/"})}),a.jsx("li",{className:"breadcrumb__item",children:a.jsx("span",{className:"breadcrumb__text",children:r})}),a.jsx("li",{className:"breadcrumb__item",children:a.jsx("span",{className:"breadcrumb__separator","aria-hidden":"true",children:"/"})}),a.jsx("li",{className:"breadcrumb__item breadcrumb__item--current",children:a.jsx("span",{className:"breadcrumb__text",children:t.label})})]})})}exports.default=m;

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1 +1 @@
-import{jsx as a,jsxs as n}from"react/jsx-runtime";import m from"react";import{useLocation as u,Link as _}from"react-router-dom";/* empty css                */const h=[{path:"/app-shell",label:"Application"},{path:"/border-radius",label:"Border Radius"},{path:"/colors",label:"Colors"},{path:"/flex",label:"Flex Layout"},{path:"/icons",label:"Icons"},{path:"/shadows",label:"Shadows"},{path:"/spacing",label:"Spacing"},{path:"/figma-variables",label:"Design Tokens"},{path:"/typography",label:"Typography"},{path:"/utilities",label:"Utility Classes"},{path:"/vertical-rhythm",label:"Vertical Rhythm"}],p=[{path:"/accordion",label:"Accordion"},{path:"/action-menu",label:"Action Menu"},{path:"/avatar",label:"Avatar"},{path:"/badge",label:"Badge"},{path:"/branding",label:"Branding"},{path:"/breadcrumb",label:"Breadcrumb"},{path:"/buttons",label:"Buttons"},{path:"/calendar",label:"Calendar"},{path:"/datepicker",label:"Datepicker"},{path:"/checkbox",label:"Checkbox"},{path:"/chip",label:"Chip"},{path:"/divider",label:"Divider"},{path:"/dot-status",label:"Dot Status"},{path:"/dropdown",label:"Dropdown"},{path:"/event-card",label:"Event Card"},{path:"/field",label:"Field"},{path:"/file-upload",label:"File Upload"},{path:"/image-aspect",label:"Image Aspect"},{path:"/input",label:"Text Input"},{path:"/key",label:"Key"},{path:"/pill-toggle",label:"Pill Toggle"},{path:"/progress-indicator",label:"Progress Indicator"},{path:"/progress-circle",label:"Progress Circle"},{path:"/radio",label:"Radio"},{path:"/slider",label:"Slider"},{path:"/status",label:"Status"},{path:"/steps",label:"Steps"},{path:"/table",label:"Table"},{path:"/tabs",label:"Tabs"},{path:"/tag",label:"Tag"},{path:"/textarea",label:"Textarea"},{path:"/toast",label:"Toast"},{path:"/toggle",label:"Toggle"},{path:"/tooltip",label:"Tooltip"}],d=[{path:"/menu",label:"Menu"}];function S({items:s}){const c=u().pathname;if(s&&s.length>0){const e=s.slice(0,5);return a("nav",{className:"breadcrumb","aria-label":"Breadcrumb",children:a("ol",{className:"breadcrumb__list",children:e.map((l,i)=>{const b=i===e.length-1,o=l.href&&(l.href.startsWith("http://")||l.href.startsWith("https://"));return n(m.Fragment,{children:[a("li",{className:`breadcrumb__item ${b?"breadcrumb__item--current":""}`,children:l.href&&!b?o?a("a",{href:l.href,className:"breadcrumb__link",target:"_blank",rel:"noopener noreferrer",children:a("span",{className:"breadcrumb__text",children:l.label})}):a(_,{to:l.href,className:"breadcrumb__link",children:a("span",{className:"breadcrumb__text",children:l.label})}):a("span",{className:"breadcrumb__text",children:l.label})}),!b&&a("li",{className:"breadcrumb__item",children:a("span",{className:"breadcrumb__separator","aria-hidden":"true",children:"/"})})]},i)})})})}if(c==="/")return null;const t=[...h,...p,...d].find(e=>c===e.path||c.startsWith(e.path+"/"));if(!t)return null;let r="Design System";return h.some(e=>e.path===t.path)?r="Foundations":p.some(e=>e.path===t.path)?r="Components":d.some(e=>e.path===t.path)&&(r="Patterns"),a("nav",{className:"breadcrumb","aria-label":"Breadcrumb",children:n("ol",{className:"breadcrumb__list",children:[a("li",{className:"breadcrumb__item",children:a("span",{className:"breadcrumb__text",children:"Unified Design System"})}),a("li",{className:"breadcrumb__item",children:a("span",{className:"breadcrumb__separator","aria-hidden":"true",children:"/"})}),a("li",{className:"breadcrumb__item",children:a("span",{className:"breadcrumb__text",children:r})}),a("li",{className:"breadcrumb__item",children:a("span",{className:"breadcrumb__separator","aria-hidden":"true",children:"/"})}),a("li",{className:"breadcrumb__item breadcrumb__item--current",children:a("span",{className:"breadcrumb__text",children:t.label})})]})})}export{S as default};
+import{jsx as a,jsxs as n}from"react/jsx-runtime";import m from"react";import{useLocation as u,Link as _}from"react-router-dom";/* empty css                */const h=[{path:"/app-shell",label:"Application"},{path:"/border-radius",label:"Border Radius"},{path:"/colors",label:"Colors"},{path:"/flex",label:"Flex Layout"},{path:"/icons",label:"Icons"},{path:"/shadows",label:"Shadows"},{path:"/spacing",label:"Spacing"},{path:"/figma-variables",label:"Design Tokens"},{path:"/typography",label:"Typography"},{path:"/utilities",label:"Utility Classes"},{path:"/vertical-rhythm",label:"Vertical Rhythm"}],p=[{path:"/accordion",label:"Accordion"},{path:"/action-menu",label:"Action Menu"},{path:"/avatar",label:"Avatar"},{path:"/badge",label:"Badge"},{path:"/branding",label:"Branding"},{path:"/breadcrumb",label:"Breadcrumb"},{path:"/buttons",label:"Buttons"},{path:"/calendar",label:"Calendar"},{path:"/datepicker",label:"Datepicker"},{path:"/checkbox",label:"Checkbox"},{path:"/chip",label:"Chip"},{path:"/divider",label:"Divider"},{path:"/dot-status",label:"Dot Status"},{path:"/dropdown",label:"Dropdown"},{path:"/event-card",label:"Event Card"},{path:"/field",label:"Field"},{path:"/file-upload",label:"File Upload"},{path:"/image-aspect",label:"Image Aspect"},{path:"/input",label:"Text Input"},{path:"/key",label:"Key"},{path:"/progress-indicator",label:"Progress Indicator"},{path:"/progress-circle",label:"Progress Circle"},{path:"/radio",label:"Radio"},{path:"/slider",label:"Slider"},{path:"/status",label:"Status"},{path:"/steps",label:"Steps"},{path:"/table",label:"Table"},{path:"/tabs",label:"Tabs"},{path:"/tag",label:"Tag"},{path:"/textarea",label:"Textarea"},{path:"/toast",label:"Toast"},{path:"/toggle",label:"Toggle"},{path:"/tooltip",label:"Tooltip"}],d=[{path:"/menu",label:"Menu"}];function S({items:s}){const c=u().pathname;if(s&&s.length>0){const e=s.slice(0,5);return a("nav",{className:"breadcrumb","aria-label":"Breadcrumb",children:a("ol",{className:"breadcrumb__list",children:e.map((l,i)=>{const b=i===e.length-1,o=l.href&&(l.href.startsWith("http://")||l.href.startsWith("https://"));return n(m.Fragment,{children:[a("li",{className:`breadcrumb__item ${b?"breadcrumb__item--current":""}`,children:l.href&&!b?o?a("a",{href:l.href,className:"breadcrumb__link",target:"_blank",rel:"noopener noreferrer",children:a("span",{className:"breadcrumb__text",children:l.label})}):a(_,{to:l.href,className:"breadcrumb__link",children:a("span",{className:"breadcrumb__text",children:l.label})}):a("span",{className:"breadcrumb__text",children:l.label})}),!b&&a("li",{className:"breadcrumb__item",children:a("span",{className:"breadcrumb__separator","aria-hidden":"true",children:"/"})})]},i)})})})}if(c==="/")return null;const t=[...h,...p,...d].find(e=>c===e.path||c.startsWith(e.path+"/"));if(!t)return null;let r="Design System";return h.some(e=>e.path===t.path)?r="Foundations":p.some(e=>e.path===t.path)?r="Components":d.some(e=>e.path===t.path)&&(r="Patterns"),a("nav",{className:"breadcrumb","aria-label":"Breadcrumb",children:n("ol",{className:"breadcrumb__list",children:[a("li",{className:"breadcrumb__item",children:a("span",{className:"breadcrumb__text",children:"Unified Design System"})}),a("li",{className:"breadcrumb__item",children:a("span",{className:"breadcrumb__separator","aria-hidden":"true",children:"/"})}),a("li",{className:"breadcrumb__item",children:a("span",{className:"breadcrumb__text",children:r})}),a("li",{className:"breadcrumb__item",children:a("span",{className:"breadcrumb__separator","aria-hidden":"true",children:"/"})}),a("li",{className:"breadcrumb__item breadcrumb__item--current",children:a("span",{className:"breadcrumb__text",children:t.label})})]})})}export{S as default};

package/dist/components/Button/Button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),S=require("../Icon/Icon.cjs");;/* empty css               */const e="uds-button",q={"label-only":`${e}--label-only`,"icon-left":`${e}--icon-left`,"icon-right":`${e}--icon-right`,"icon-only":`${e}--icon-only`,only:`${e}--only`},w={primary:`${e}--primary`,soft:`${e}--soft`,outline:`${e}--outline`,text:`${e}--text`,ghost:`${e}--ghost`,disabled:`${e}--disabled`,destructive:`${e}--destructive`},A={large:`${e}--large`,default:`${e}--default`,small:`${e}--small`,xsmall:`${e}--xsmall`};function E({label:t,appearance:d="primary",layout:o="label-only",size:f="default",icon:s,iconSize:m,icons:p,children:$,tracking:l,className:b,onClick:c,disabled:y,"aria-label":h,...g}){const x=[e,w[d],q[o],A[f],b].filter(Boolean).join(" "),i=o==="icon-only"||o==="only",j=!!t&&!i,u=(typeof s=="string"?n.jsx(S.default,{name:s,size:m,appearance:"regular"}):s??null)||p||$||null,a=u?n.jsx("span",{className:`${e}__icon`,"aria-hidden":j?"true":void 0,children:u}):null,r=t?n.jsx("span",{className:`${e}__label`,children:t}):null,v=()=>o==="icon-left"?n.jsxs(n.Fragment,{children:[a,r]}):o==="icon-right"?n.jsxs(n.Fragment,{children:[r,a]}):i?a||r:r||a,C=d==="disabled"||!!y,_=N=>{if(l){const M={component:"Button",action:"click",label:t,...typeof l=="object"?l:{event:l}};window.dispatchEvent(new CustomEvent("uds:track",{detail:M}))}c==null||c(N)},B=h||(i&&t?t:void 0)||(i&&typeof s=="string"?`${s} icon`:void 0);return n.jsx("button",{type:"button",className:x,disabled:C,"aria-label":B,onClick:_,...g,children:v()})}exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),f=require("../Icon/Icon.cjs");;/* empty css               */const e="uds-button",w={"label-only":`${e}--label-only`,"icon-left":`${e}--icon-left`,"icon-right":`${e}--icon-right`,"icon-only":`${e}--icon-only`,only:`${e}--only`},A={primary:`${e}--primary`,soft:`${e}--soft`,outline:`${e}--outline`,text:`${e}--text`,ghost:`${e}--ghost`,disabled:`${e}--disabled`,destructive:`${e}--destructive`},E={large:`${e}--large`,default:`${e}--default`,small:`${e}--small`,xsmall:`${e}--xsmall`};function L({label:t,appearance:u="primary",layout:s="label-only",size:$="default",icon:o,iconSize:p,icons:h,children:b,tracking:a,loading:l=!1,className:y,onClick:d,disabled:x,"aria-label":j,...v}){const _=[e,A[u],w[s],E[$],l&&`${e}--loading`,y].filter(Boolean).join(" "),i=s==="icon-only"||s==="only",g=!!t&&!i,m=(typeof o=="string"?n.jsx(f.default,{name:o,size:p,appearance:"regular"}):o??null)||h||b||null,r=m?n.jsx("span",{className:`${e}__icon`,"aria-hidden":g?"true":void 0,children:m}):null,c=t?n.jsx("span",{className:`${e}__label`,children:t}):null,N=()=>s==="icon-left"?n.jsxs(n.Fragment,{children:[r,c]}):s==="icon-right"?n.jsxs(n.Fragment,{children:[c,r]}):i?r||c:c||r,C=u==="disabled"||!!x||l,B=S=>{if(a){const q={component:"Button",action:"click",label:t,...typeof a=="object"?a:{event:a}};window.dispatchEvent(new CustomEvent("uds:track",{detail:q}))}d==null||d(S)},M=j||(i&&t?t:void 0)||(i&&typeof o=="string"?`${o} icon`:void 0);return n.jsxs("button",{type:"button",className:_,disabled:C,"aria-busy":l?"true":void 0,"aria-label":M,onClick:B,...v,children:[n.jsx("span",{className:`${e}__content`,"aria-hidden":l?"true":void 0,children:N()}),l?n.jsx("span",{className:`${e}__loader`,"aria-hidden":"true",children:n.jsx(f.default,{name:"CircleNotch",size:p,appearance:"regular"})}):null]})}exports.default=L;

package/dist/components/Button/Button.js

@@ -1 +1 @@
-import{jsx as r,jsxs as p,Fragment as m}from"react/jsx-runtime";import L from"../Icon/Icon.js";/* empty css            */const n="uds-button",M={"label-only":`${n}--label-only`,"icon-left":`${n}--icon-left`,"icon-right":`${n}--icon-right`,"icon-only":`${n}--icon-only`,only:`${n}--only`},S={primary:`${n}--primary`,soft:`${n}--soft`,outline:`${n}--outline`,text:`${n}--text`,ghost:`${n}--ghost`,disabled:`${n}--disabled`,destructive:`${n}--destructive`},z={large:`${n}--large`,default:`${n}--default`,small:`${n}--small`,xsmall:`${n}--xsmall`};function V({label:t,appearance:d="primary",layout:o="label-only",size:f="default",icon:e,iconSize:$,icons:b,children:y,tracking:l,className:h,onClick:c,disabled:g,"aria-label":v,...x}){const C=[n,S[d],M[o],z[f],h].filter(Boolean).join(" "),s=o==="icon-only"||o==="only",B=!!t&&!s,u=(typeof e=="string"?r(L,{name:e,size:$,appearance:"regular"}):e??null)||b||y||null,a=u?r("span",{className:`${n}__icon`,"aria-hidden":B?"true":void 0,children:u}):null,i=t?r("span",{className:`${n}__label`,children:t}):null,N=()=>o==="icon-left"?p(m,{children:[a,i]}):o==="icon-right"?p(m,{children:[i,a]}):s?a||i:i||a,_=d==="disabled"||!!g,j=A=>{if(l){const E={component:"Button",action:"click",label:t,...typeof l=="object"?l:{event:l}};window.dispatchEvent(new CustomEvent("uds:track",{detail:E}))}c==null||c(A)},w=v||(s&&t?t:void 0)||(s&&typeof e=="string"?`${e} icon`:void 0);return r("button",{type:"button",className:C,disabled:_,"aria-label":w,onClick:j,...x,children:N()})}export{V as default};
+import{jsxs as u,jsx as t,Fragment as f}from"react/jsx-runtime";import h from"../Icon/Icon.js";/* empty css            */const n="uds-button",z={"label-only":`${n}--label-only`,"icon-left":`${n}--icon-left`,"icon-right":`${n}--icon-right`,"icon-only":`${n}--icon-only`,only:`${n}--only`},I={primary:`${n}--primary`,soft:`${n}--soft`,outline:`${n}--outline`,text:`${n}--text`,ghost:`${n}--ghost`,disabled:`${n}--disabled`,destructive:`${n}--destructive`},S={large:`${n}--large`,default:`${n}--default`,small:`${n}--small`,xsmall:`${n}--xsmall`};function q({label:e,appearance:p="primary",layout:o="label-only",size:b="default",icon:a,iconSize:m,icons:y,children:v,tracking:l,loading:s=!1,className:N,onClick:d,disabled:_,"aria-label":C,...x}){const g=[n,I[p],z[o],S[b],s&&`${n}--loading`,N].filter(Boolean).join(" "),i=o==="icon-only"||o==="only",B=!!e&&!i,$=(typeof a=="string"?t(h,{name:a,size:m,appearance:"regular"}):a??null)||y||v||null,r=$?t("span",{className:`${n}__icon`,"aria-hidden":B?"true":void 0,children:$}):null,c=e?t("span",{className:`${n}__label`,children:e}):null,j=()=>o==="icon-left"?u(f,{children:[r,c]}):o==="icon-right"?u(f,{children:[c,r]}):i?r||c:c||r,w=p==="disabled"||!!_||s,A=L=>{if(l){const M={component:"Button",action:"click",label:e,...typeof l=="object"?l:{event:l}};window.dispatchEvent(new CustomEvent("uds:track",{detail:M}))}d==null||d(L)},E=C||(i&&e?e:void 0)||(i&&typeof a=="string"?`${a} icon`:void 0);return u("button",{type:"button",className:g,disabled:w,"aria-busy":s?"true":void 0,"aria-label":E,onClick:A,...x,children:[t("span",{className:`${n}__content`,"aria-hidden":s?"true":void 0,children:j()}),s?t("span",{className:`${n}__loader`,"aria-hidden":"true",children:t(h,{name:"CircleNotch",size:m,appearance:"regular"})}):null]})}export{q as default};

package/dist/components/ButtonGroup/ButtonGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),d=require("../Button/Button.cjs");;/* empty css                     */function b({options:l=[],orientation:a="horizontal",size:t="default",disabled:n=!1,className:s="",children:o,...r}){const i=["uds-button-group",`uds-button-group--${a}`,s].filter(Boolean).join(" "),c=l.length>0;return u.jsx("div",{className:i,role:"group",...r,children:c?l.map(e=>u.jsx(d.default,{label:e.label,appearance:"outline",layout:e.layout??"label-only",size:e.size??t,icon:e.icon,iconSize:e.iconSize,disabled:n||e.disabled,loading:e.loading,onClick:e.onClick,className:"uds-button-group__button"},e.id)):o})}exports.ButtonGroup=b;

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import d from"../Button/Button.js";/* empty css                  */function f({options:a=[],orientation:o="horizontal",size:u="default",disabled:n=!1,className:s="",children:t,...r}){const i=["uds-button-group",`uds-button-group--${o}`,s].filter(Boolean).join(" "),c=a.length>0;return e("div",{className:i,role:"group",...r,children:c?a.map(l=>e(d,{label:l.label,appearance:"outline",layout:l.layout??"label-only",size:l.size??u,icon:l.icon,iconSize:l.iconSize,disabled:n||l.disabled,loading:l.loading,onClick:l.onClick,className:"uds-button-group__button"},l.id)):t})}export{f as ButtonGroup};

package/dist/components/CheckboxGroup/CheckboxGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),v=require("react"),g=require("../Checkbox/Checkbox.cjs");;/* empty css                       */function p({options:o,values:u,defaultValues:d=[],onChange:l,label:a,orientation:i="vertical",disabled:n=!1,className:b="",...x}){const[h,k]=v.useState(d),c=u??h,f=["uds-checkbox-group",`uds-checkbox-group--${i}`,b].filter(Boolean).join(" "),j=(e,r)=>{const t=r?[...c,e]:c.filter(m=>m!==e);u===void 0&&k(t),l==null||l(t)};return s.jsxs("div",{className:f,role:"group",...x,children:[a?s.jsx("span",{className:"uds-checkbox-group__label",children:a}):null,s.jsx("div",{className:"uds-checkbox-group__options",children:o.map(e=>s.jsx(g.default,{checked:c.includes(e.value),label:e.label,disabled:n||e.disabled,onChange:r=>j(e.value,!!r)},e.value))})]})}exports.CheckboxGroup=p;

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1 @@
+import{jsxs as v,jsx as r}from"react/jsx-runtime";import{useState as g}from"react";import N from"../Checkbox/Checkbox.js";/* empty css                    */function G({options:d,values:a,defaultValues:t=[],onChange:l,label:o,orientation:i="vertical",disabled:n=!1,className:m="",...b}){const[x,p]=g(t),s=a??x,f=["uds-checkbox-group",`uds-checkbox-group--${i}`,m].filter(Boolean).join(" "),h=(e,c)=>{const u=c?[...s,e]:s.filter(k=>k!==e);a===void 0&&p(u),l==null||l(u)};return v("div",{className:f,role:"group",...b,children:[o?r("span",{className:"uds-checkbox-group__label",children:o}):null,r("div",{className:"uds-checkbox-group__options",children:d.map(e=>r(N,{checked:s.includes(e.value),label:e.label,disabled:n||e.disabled,onChange:c=>h(e.value,!!c)},e.value))})]})}export{G as CheckboxGroup};

package/dist/components/Checklist/Checklist.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),k=require("../Icon/Icon.cjs"),t=require("../Text/Text.cjs");;/* empty css                  */const m=require("../ProgressIndicator/ProgressIndicator.cjs");function v({title:u,items:d,activeItemId:h,onItemSelect:a,className:x="",..._}){const i=Array.isArray(d)?d:[],r=i.filter(e=>e.completed).length,l=i.length,j=l>0?r/l*100:0,p=["uds-checklist",x].filter(Boolean).join(" "),b=(e,c)=>{e.disabled||a==null||a(e,c)};return s.jsxs("aside",{className:p,"aria-label":"Checklist",..._,children:[s.jsxs("div",{className:"uds-checklist__head",children:[s.jsxs("div",{className:"uds-checklist__header",children:[s.jsx(t.Text,{as:"h3",variant:"heading-24",weight:"semibold",leading:"regular",children:u}),s.jsxs(t.Text,{as:"span",variant:"body-14",leading:"regular",className:"uds-checklist__count",children:[r,"/",l," completed"]})]}),s.jsx(m.default,{value:j,maxValue:l,size:"large"})]}),s.jsx("ul",{className:"uds-checklist__list",children:i.map((e,c)=>{const n=h===e.id,o=!!e.completed,g=["uds-checklist__item",o&&"uds-checklist__item--completed",n&&"uds-checklist__item--active",e.disabled&&"uds-checklist__item--disabled"].filter(Boolean).join(" ");return s.jsx("li",{children:s.jsxs("button",{type:"button",className:g,onClick:()=>b(e,c),disabled:e.disabled,"aria-current":n?"step":void 0,children:[s.jsx("span",{className:"uds-checklist__indicator","aria-hidden":"true",children:o?s.jsx(k.default,{name:"Check",size:12,appearance:"bold"}):null}),s.jsx(t.Text,{as:"span",variant:"body-16",leading:"regular",children:e.label})]})},e.id)})})]})}exports.Checklist=v;

package/dist/components/Checklist/Checklist.js

@@ -0,0 +1 @@
+import{jsxs as a,jsx as s}from"react/jsx-runtime";import f from"../Icon/Icon.js";import{Text as r}from"../Text/Text.js";/* empty css               */import N from"../ProgressIndicator/ProgressIndicator.js";function B({title:u,items:t,activeItemId:m,onItemSelect:i,className:p="",..._}){const c=Array.isArray(t)?t:[],n=c.filter(e=>e.completed).length,l=c.length,k=l>0?n/l*100:0,b=["uds-checklist",p].filter(Boolean).join(" "),g=(e,d)=>{e.disabled||i==null||i(e,d)};return a("aside",{className:b,"aria-label":"Checklist",..._,children:[a("div",{className:"uds-checklist__head",children:[a("div",{className:"uds-checklist__header",children:[s(r,{as:"h3",variant:"heading-24",weight:"semibold",leading:"regular",children:u}),a(r,{as:"span",variant:"body-14",leading:"regular",className:"uds-checklist__count",children:[n,"/",l," completed"]})]}),s(N,{value:k,maxValue:l,size:"large"})]}),s("ul",{className:"uds-checklist__list",children:c.map((e,d)=>{const o=m===e.id,h=!!e.completed,v=["uds-checklist__item",h&&"uds-checklist__item--completed",o&&"uds-checklist__item--active",e.disabled&&"uds-checklist__item--disabled"].filter(Boolean).join(" ");return s("li",{children:a("button",{type:"button",className:v,onClick:()=>g(e,d),disabled:e.disabled,"aria-current":o?"step":void 0,children:[s("span",{className:"uds-checklist__indicator","aria-hidden":"true",children:h?s(f,{name:"Check",size:12,appearance:"bold"}):null}),s(r,{as:"span",variant:"body-16",leading:"regular",children:e.label})]})},e.id)})})]})}export{B as Checklist};

package/dist/components/Chip/Chip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("../Icon/Icon.cjs"),x=require("../Badge/Badge.cjs");;/* empty css             */const e="uds-chip",p={outline:"outline",primary:"primary"},d={pill:"pill",rounded:"rounded"},h={both:"icon-both",left:"icon-left",right:"icon-right",none:"icon-none"};function N({label:o,appearance:r="outline",shape:l="pill",iconPlacement:s="none",icon:n,badge:i,badgeVariant:_="red",className:f="",onClick:u,disabled:a=!1,...$}){const g=[e,p[r]&&`${e}--${p[r]}`,d[l]&&`${e}--${d[l]}`,h[s]&&`${e}--${h[s]}`,a&&`${e}--disabled`,f].filter(Boolean).join(" "),m=s==="both"||s==="left",j=s==="both"||s==="right",b=u?"button":"span";return t.jsxs(b,{className:g,onClick:a?void 0:u,disabled:a,...$,children:[m&&n&&t.jsx(c.default,{name:n,size:16,appearance:"regular",className:`${e}__icon ${e}__icon--left`}),o&&t.jsx("span",{className:`${e}__label`,children:o}),j&&n&&t.jsx(c.default,{name:n,size:16,appearance:"regular",className:`${e}__icon ${e}__icon--right`}),i&&t.jsx(x.default,{count:i,variant:_,className:`${e}__badge`})]})}exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),A=require("react"),h=require("../Icon/Icon.cjs"),L=require("../Badge/Badge.cjs");;/* empty css             */const e="uds-chip",p={default:"default",compact:"compact",mini:"mini"},$={both:"icon-both",left:"icon-left",right:"icon-right",none:"icon-none"};function O({label:r,selected:o,rounded:m=!0,size:a="default",iconPlacement:n="none",icon:t,badge:i,badgeVariant:g="sky",className:j="",onClick:c,disabled:l=!1,...N}){const u=typeof o=="boolean",[S,b]=A.useState(o??!1),f=u?o:S,x=m,I=B=>{l||(u||b(C=>!C),c==null||c(B))},q=[e,f&&`${e}--selected`,`${e}--rounded-${x?"true":"false"}`,p[a]&&`${e}--${p[a]}`,$[n]&&`${e}--${$[n]}`,l&&`${e}--disabled`,j].filter(Boolean).join(" "),y=n==="both"||n==="left",M=n==="both"||n==="right",_=a==="mini"?12:a==="compact"?14:16,d=typeof t=="string",R=y&&t?d?s.jsx(h.default,{name:t,size:_,appearance:"regular",className:`${e}__icon ${e}__icon--left`}):s.jsx("span",{className:`${e}__icon ${e}__icon--left`,children:t}):null,v=M&&t?d?s.jsx(h.default,{name:t,size:_,appearance:"regular",className:`${e}__icon ${e}__icon--right`}):s.jsx("span",{className:`${e}__icon ${e}__icon--right`,children:t}):null;return s.jsxs("button",{type:"button",className:q,onClick:I,"aria-pressed":f,disabled:l,...N,children:[R,r?s.jsx("span",{className:`${e}__label`,children:r}):null,v,i?s.jsx(L.default,{count:i,variant:g,className:`${e}__badge`}):null]})}exports.default=O;

package/dist/components/Chip/Chip.js

@@ -1 +1 @@
-import{jsxs as C,jsx as a}from"react/jsx-runtime";import p from"../Icon/Icon.js";import b from"../Badge/Badge.js";/* empty css          */const o="uds-chip",h={outline:"outline",primary:"primary"},m={pill:"pill",rounded:"rounded"},u={both:"icon-both",left:"icon-left",right:"icon-right",none:"icon-none"};function M({label:e,appearance:r="outline",shape:i="pill",iconPlacement:s="none",icon:n,badge:l,badgeVariant:_="red",className:$="",onClick:c,disabled:t=!1,...f}){const d=[o,h[r]&&`${o}--${h[r]}`,m[i]&&`${o}--${m[i]}`,u[s]&&`${o}--${u[s]}`,t&&`${o}--disabled`,$].filter(Boolean).join(" "),g=s==="both"||s==="left",N=s==="both"||s==="right";return C(c?"button":"span",{className:d,onClick:t?void 0:c,disabled:t,...f,children:[g&&n&&a(p,{name:n,size:16,appearance:"regular",className:`${o}__icon ${o}__icon--left`}),e&&a("span",{className:`${o}__label`,children:e}),N&&n&&a(p,{name:n,size:16,appearance:"regular",className:`${o}__icon ${o}__icon--right`}),l&&a(b,{count:l,variant:_,className:`${o}__badge`})]})}export{M as default};
+import{jsxs as v,jsx as e}from"react/jsx-runtime";import{useState as z}from"react";import _ from"../Icon/Icon.js";import E from"../Badge/Badge.js";/* empty css          */const t="uds-chip",h={default:"default",compact:"compact",mini:"mini"},$={both:"icon-both",left:"icon-left",right:"icon-right",none:"icon-none"};function G({label:l,selected:a,rounded:d=!0,size:o="default",iconPlacement:s="none",icon:n,badge:i,badgeVariant:g="sky",className:N="",onClick:c,disabled:r=!1,...I}){const f=typeof a=="boolean",[S,b]=z(a??!1),p=f?a:S,y=d,j=M=>{r||(f||b(R=>!R),c==null||c(M))},x=[t,p&&`${t}--selected`,`${t}--rounded-${y?"true":"false"}`,h[o]&&`${t}--${h[o]}`,$[s]&&`${t}--${$[s]}`,r&&`${t}--disabled`,N].filter(Boolean).join(" "),B=s==="both"||s==="left",C=s==="both"||s==="right",m=o==="mini"?12:o==="compact"?14:16,u=typeof n=="string",A=B&&n?u?e(_,{name:n,size:m,appearance:"regular",className:`${t}__icon ${t}__icon--left`}):e("span",{className:`${t}__icon ${t}__icon--left`,children:n}):null,L=C&&n?u?e(_,{name:n,size:m,appearance:"regular",className:`${t}__icon ${t}__icon--right`}):e("span",{className:`${t}__icon ${t}__icon--right`,children:n}):null;return v("button",{type:"button",className:x,onClick:j,"aria-pressed":p,disabled:r,...I,children:[A,l?e("span",{className:`${t}__label`,children:l}):null,L,i?e(E,{count:i,variant:g,className:`${t}__badge`}):null]})}export{G as default};

package/dist/components/CurrencyInput/CurrencyInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../TextInput/TextInput.cjs");function r(e){return t.jsx(n.default,{type:"text",inputMode:"decimal",icon:"CurrencyDollar",iconPosition:"left",placeholder:e.placeholder??"0.00",...e})}exports.CurrencyInput=r;

package/dist/components/CurrencyInput/CurrencyInput.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import r from"../TextInput/TextInput.js";function i(e){return o(r,{type:"text",inputMode:"decimal",icon:"CurrencyDollar",iconPosition:"left",placeholder:e.placeholder??"0.00",...e})}export{i as CurrencyInput};

package/dist/components/DateInput/DateInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../TextInput/TextInput.cjs");function n(t){return e.jsx(u.default,{type:"date",...t})}exports.DateInput=n;

package/dist/components/DateInput/DateInput.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import o from"../TextInput/TextInput.js";function n(t){return r(o,{type:"date",...t})}export{n as DateInput};

package/dist/components/DateRangeInput/DateRangeInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");;/* empty css                         */const u=require("../DateInput/DateInput.cjs"),e="uds-date-range-input",o={compact:"compact",default:"default"},c={default:"default",focused:"focused",error:"error",disabled:"disabled"};function b({startValue:d,endValue:i,onStartChange:p,onEndChange:f,startPlaceholder:_="Start date",endPlaceholder:m="End date",startLabel:S,endLabel:$,size:t="default",state:n="default",disabled:s=!1,className:g="",...h}){const j=s?"disabled":n,l=t,r=j,v=[e,o[l]&&`${e}--${o[l]}`,c[r]&&`${e}--${c[r]}`,g].filter(Boolean).join(" ");return a.jsxs("div",{className:v,...h,children:[a.jsx(u.DateInput,{className:`${e}__input ${e}__input--start`,value:d,onChange:p,placeholder:_,label:S,size:t,state:n,disabled:s}),a.jsx("span",{className:`${e}__separator`,"aria-hidden":"true",children:"—"}),a.jsx(u.DateInput,{className:`${e}__input ${e}__input--end`,value:i,onChange:f,placeholder:m,label:$,size:t,state:n,disabled:s})]})}exports.DateRangeInput=b;

package/dist/components/DateRangeInput/DateRangeInput.js

@@ -0,0 +1 @@
+import{jsxs as g,jsx as l}from"react/jsx-runtime";/* empty css                      */import{DateInput as r}from"../DateInput/DateInput.js";const e="uds-date-range-input",d={compact:"compact",default:"default"},c={default:"default",focused:"focused",error:"error",disabled:"disabled"};function A({startValue:u,endValue:p,onStartChange:i,onEndChange:f,startPlaceholder:m="Start date",endPlaceholder:_="End date",startLabel:$,endLabel:h,size:a="default",state:t="default",disabled:s=!1,className:S="",...v}){const C=s?"disabled":t,n=a,o=C,N=[e,d[n]&&`${e}--${d[n]}`,c[o]&&`${e}--${c[o]}`,S].filter(Boolean).join(" ");return g("div",{className:N,...v,children:[l(r,{className:`${e}__input ${e}__input--start`,value:u,onChange:i,placeholder:m,label:$,size:a,state:t,disabled:s}),l("span",{className:`${e}__separator`,"aria-hidden":"true",children:"—"}),l(r,{className:`${e}__input ${e}__input--end`,value:p,onChange:f,placeholder:_,label:h,size:a,state:t,disabled:s})]})}export{A as DateRangeInput};

package/dist/components/Dialog/Dialog.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),t=require("react"),z=require("react-dom"),B=require("../Icon/Icon.cjs"),g=require("../Button/Button.cjs");;/* empty css               */const a="uds-dialog",b={info:"Info",success:"CheckCircle",warning:"Warning",destructive:"WarningOctagon"},p={info:"var(--uds-system-action-primary)",success:"var(--uds-system-constructive-primary)",warning:"var(--uds-system-warning-primary)",destructive:"var(--uds-system-destructive-primary)"};function O({open:c=!1,onClose:s,intent:i="info",icon:j,title:n,description:l,confirmLabel:h="Confirm",cancelLabel:x="Cancel",onConfirm:u,onCancel:o,showCancel:N=!0,loading:$=!1,closeOnBackdrop:d=!0,closeOnEscape:f=!0,container:k,className:q="",children:m,...w}){const v=t.useRef(null),y=t.useRef(null);t.useEffect(()=>{if(c)return y.current=document.activeElement,document.body.style.overflow="hidden",requestAnimationFrame(()=>{var e;(e=v.current)==null||e.focus()}),()=>{var e,_;document.body.style.overflow="",(_=(e=y.current)==null?void 0:e.focus)==null||_.call(e)}},[c]);const I=t.useCallback(e=>{e.key==="Escape"&&f&&s&&(e.stopPropagation(),s())},[f,s]),S=t.useCallback(e=>{e.target===e.currentTarget&&d&&s&&s()},[d,s]),C=t.useCallback(()=>{o?o():s&&s()},[o,s]);if(!c)return null;const E=j||b[i]||b.info,R=p[i]||p.info,T=[a,`${a}--${i}`,q].filter(Boolean).join(" "),A=i==="destructive"?"destructive":"primary",D=r.jsx("div",{className:`${a}__overlay`,onClick:S,"aria-hidden":"true",children:r.jsxs("div",{ref:v,className:T,role:"alertdialog","aria-modal":"true","aria-labelledby":n?`${a}-title`:void 0,"aria-describedby":l?`${a}-desc`:void 0,tabIndex:-1,onKeyDown:I,...w,children:[r.jsx("div",{className:`${a}__icon`,style:{color:R},children:r.jsx(B.default,{name:E,size:32,appearance:"duotone"})}),r.jsxs("div",{className:`${a}__content`,children:[n&&r.jsx("h2",{id:`${a}-title`,className:`${a}__title`,children:n}),l&&r.jsx("p",{id:`${a}-desc`,className:`${a}__description`,children:l}),m&&r.jsx("div",{className:`${a}__body`,children:m})]}),r.jsxs("div",{className:`${a}__actions`,children:[N&&r.jsx(g.default,{label:x,appearance:"outline",onClick:C,size:"default"}),u&&r.jsx(g.default,{label:h,appearance:A,onClick:u,loading:$,size:"default"})]})]})});return z.createPortal(D,k||document.body)}exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("react"),P=require("react-dom"),H=require("../Icon/Icon.cjs"),E=require("../Button/Button.cjs");;/* empty css               */const t="uds-dialog",b=".app-shell",D={info:"Info",success:"CheckCircle",warning:"Warning",destructive:"WarningOctagon"},O={info:"var(--uds-system-action-primary)",success:"var(--uds-system-constructive-primary)",warning:"var(--uds-system-warning-primary)",destructive:"var(--uds-system-destructive-primary)"};function z({open:i=!1,onClose:a,intent:c="info",icon:h,title:l,description:o,confirmLabel:j="Confirm",cancelLabel:x="Cancel",onConfirm:d,onCancel:u,showCancel:N=!0,loading:$=!1,closeOnBackdrop:m=!0,closeOnEscape:f=!0,container:v,className:T="",children:y,...S}){const _=r.useRef(null),g=r.useRef(null);r.useEffect(()=>{if(i)return g.current=document.activeElement instanceof HTMLElement?document.activeElement:null,document.body.style.overflow="hidden",requestAnimationFrame(()=>{var e;(e=_.current)==null||e.focus()}),()=>{var e,n;document.body.style.overflow="",(n=(e=g.current)==null?void 0:e.focus)==null||n.call(e)}},[i]);const k=r.useCallback(e=>{e.key==="Escape"&&f&&a&&(e.stopPropagation(),a())},[f,a]),L=r.useCallback(e=>{e.target===e.currentTarget&&m&&a&&a()},[m,a]),q=r.useCallback(()=>{u?u():a&&a()},[u,a]);if(!i)return null;const R=()=>{if(v instanceof HTMLElement)return v;const e=document.activeElement;if(e instanceof Element){const p=e.closest(b);if(p instanceof HTMLElement)return p}const n=document.querySelector(b);return n instanceof HTMLElement?n:document.body},w=h||D[c],C=O[c],I=[t,`${t}--${c}`,T].filter(Boolean).join(" "),A=c==="destructive"?"destructive":"primary",M=s.jsx("div",{className:`${t}__overlay`,onClick:L,"aria-hidden":"true",children:s.jsxs("div",{ref:_,className:I,role:"alertdialog","aria-modal":"true","aria-labelledby":l?`${t}-title`:void 0,"aria-describedby":o?`${t}-desc`:void 0,tabIndex:-1,onKeyDown:k,...S,children:[s.jsx("div",{className:`${t}__icon`,style:{color:C},children:s.jsx(H.default,{name:w,size:32,appearance:"duotone"})}),s.jsxs("div",{className:`${t}__content`,children:[l&&s.jsx("h2",{id:`${t}-title`,className:`${t}__title`,children:l}),o&&s.jsx("p",{id:`${t}-desc`,className:`${t}__description`,children:o}),y&&s.jsx("div",{className:`${t}__body`,children:y})]}),s.jsxs("div",{className:`${t}__actions`,children:[N&&s.jsx(E.default,{label:x,appearance:"outline",onClick:q,size:"default"}),d&&s.jsx(E.default,{label:j,appearance:A,onClick:d,loading:$,size:"default"})]})]})});return P.createPortal(M,R())}exports.default=z;

package/dist/components/Dialog/Dialog.js

@@ -1 +1 @@
-import{jsx as i,jsxs as l}from"react/jsx-runtime";import{useRef as g,useEffect as L,useCallback as d}from"react";import{createPortal as O}from"react-dom";import P from"../Icon/Icon.js";import h from"../Button/Button.js";/* empty css            */const r="uds-dialog",N={info:"Info",success:"CheckCircle",warning:"Warning",destructive:"WarningOctagon"},$={info:"var(--uds-system-action-primary)",success:"var(--uds-system-constructive-primary)",warning:"var(--uds-system-warning-primary)",destructive:"var(--uds-system-destructive-primary)"};function M({open:c=!1,onClose:a,intent:t="info",icon:b,title:s,description:n,confirmLabel:k="Confirm",cancelLabel:w="Cancel",onConfirm:u,onCancel:o,showCancel:I=!0,loading:E=!1,closeOnBackdrop:m=!0,closeOnEscape:f=!0,container:A,className:S="",children:v,...T}){const y=g(null),p=g(null);L(()=>{if(c)return p.current=document.activeElement,document.body.style.overflow="hidden",requestAnimationFrame(()=>{var e;(e=y.current)==null||e.focus()}),()=>{var e,_;document.body.style.overflow="",(_=(e=p.current)==null?void 0:e.focus)==null||_.call(e)}},[c]);const x=d(e=>{e.key==="Escape"&&f&&a&&(e.stopPropagation(),a())},[f,a]),C=d(e=>{e.target===e.currentTarget&&m&&a&&a()},[m,a]),j=d(()=>{o?o():a&&a()},[o,a]);if(!c)return null;const z=b||N[t]||N.info,B=$[t]||$.info,D=[r,`${r}--${t}`,S].filter(Boolean).join(" "),R=t==="destructive"?"destructive":"primary",K=i("div",{className:`${r}__overlay`,onClick:C,"aria-hidden":"true",children:l("div",{ref:y,className:D,role:"alertdialog","aria-modal":"true","aria-labelledby":s?`${r}-title`:void 0,"aria-describedby":n?`${r}-desc`:void 0,tabIndex:-1,onKeyDown:x,...T,children:[i("div",{className:`${r}__icon`,style:{color:B},children:i(P,{name:z,size:32,appearance:"duotone"})}),l("div",{className:`${r}__content`,children:[s&&i("h2",{id:`${r}-title`,className:`${r}__title`,children:s}),n&&i("p",{id:`${r}-desc`,className:`${r}__description`,children:n}),v&&i("div",{className:`${r}__body`,children:v})]}),l("div",{className:`${r}__actions`,children:[I&&i(h,{label:w,appearance:"outline",onClick:j,size:"default"}),u&&i(h,{label:k,appearance:R,onClick:u,loading:E,size:"default"})]})]})});return O(K,A||document.body)}export{M as default};
+import{jsx as a,jsxs as d}from"react/jsx-runtime";import{useRef as h,useEffect as B,useCallback as u}from"react";import{createPortal as D}from"react-dom";import O from"../Icon/Icon.js";import N from"../Button/Button.js";/* empty css            */const t="uds-dialog",$=".app-shell",q={info:"Info",success:"CheckCircle",warning:"Warning",destructive:"WarningOctagon"},K={info:"var(--uds-system-action-primary)",success:"var(--uds-system-constructive-primary)",warning:"var(--uds-system-warning-primary)",destructive:"var(--uds-system-destructive-primary)"};function V({open:i=!1,onClose:r,intent:c="info",icon:b,title:s,description:o,confirmLabel:T="Confirm",cancelLabel:L="Cancel",onConfirm:m,onCancel:l,showCancel:S=!0,loading:k=!1,closeOnBackdrop:f=!0,closeOnEscape:v=!0,container:p,className:w="",children:y,...I}){const _=h(null),E=h(null);B(()=>{if(i)return E.current=document.activeElement instanceof HTMLElement?document.activeElement:null,document.body.style.overflow="hidden",requestAnimationFrame(()=>{var e;(e=_.current)==null||e.focus()}),()=>{var e,n;document.body.style.overflow="",(n=(e=E.current)==null?void 0:e.focus)==null||n.call(e)}},[i]);const A=u(e=>{e.key==="Escape"&&v&&r&&(e.stopPropagation(),r())},[v,r]),C=u(e=>{e.target===e.currentTarget&&f&&r&&r()},[f,r]),H=u(()=>{l?l():r&&r()},[l,r]);if(!i)return null;const P=()=>{if(p instanceof HTMLElement)return p;const e=document.activeElement;if(e instanceof Element){const g=e.closest($);if(g instanceof HTMLElement)return g}const n=document.querySelector($);return n instanceof HTMLElement?n:document.body},R=b||q[c],x=K[c],M=[t,`${t}--${c}`,w].filter(Boolean).join(" "),j=c==="destructive"?"destructive":"primary",z=a("div",{className:`${t}__overlay`,onClick:C,"aria-hidden":"true",children:d("div",{ref:_,className:M,role:"alertdialog","aria-modal":"true","aria-labelledby":s?`${t}-title`:void 0,"aria-describedby":o?`${t}-desc`:void 0,tabIndex:-1,onKeyDown:A,...I,children:[a("div",{className:`${t}__icon`,style:{color:x},children:a(O,{name:R,size:32,appearance:"duotone"})}),d("div",{className:`${t}__content`,children:[s&&a("h2",{id:`${t}-title`,className:`${t}__title`,children:s}),o&&a("p",{id:`${t}-desc`,className:`${t}__description`,children:o}),y&&a("div",{className:`${t}__body`,children:y})]}),d("div",{className:`${t}__actions`,children:[S&&a(N,{label:L,appearance:"outline",onClick:H,size:"default"}),m&&a(N,{label:T,appearance:j,onClick:m,loading:k,size:"default"})]})]})});return D(z,P())}export{V as default};

package/dist/components/DotStatus/DotStatus.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime");;/* empty css                   */const e="uds-dot-status",r={"light-gray":"light-gray",red:"red",orange:"orange",yellow:"yellow","light-green":"light-green",green:"green",blue:"blue","dark-blue":"dark-blue",teal:"teal",purple:"purple",pink:"pink",magenta:"magenta","dark-red":"dark-red","dark-gray":"dark-gray"},t={small:"small",medium:"medium",large:"large"};function d({variant:a="blue",size:l="medium",outline:s=!1,className:u="","aria-label":n,...o}){const i=[e,r[a]&&`${e}--${r[a]}`,t[l]&&`${e}--${t[l]}`,s&&`${e}--outline`,u].filter(Boolean).join(" ");return g.jsx("span",{className:i,role:"status","aria-label":n||`${a} status`,...o})}exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime");;/* empty css                   */const e="uds-dot-status",r={red:"red",blue:"blue",inverse:"inverse",orange:"orange",sky:"sky",indigo:"indigo",rose:"rose",neutral:"neutral",celery:"celery",lime:"lime",yellow:"yellow",green:"green",cyan:"cyan",purple:"purple",fuchsia:"fuchsia"},t={small:"small",medium:"medium",large:"large"};function m({variant:s="blue",size:l="medium",outline:a=!1,className:u="","aria-label":n,...i}){const o=a===!0||a==="true",c=[e,r[s]&&`${e}--${r[s]}`,t[l]&&`${e}--${t[l]}`,o&&`${e}--outline`,u].filter(Boolean).join(" ");return d.jsx("span",{className:c,role:"status","aria-label":n||`${s} status`,...i})}exports.default=m;

package/dist/components/DotStatus/DotStatus.js

@@ -1 +1 @@
-import{jsx as d}from"react/jsx-runtime";/* empty css                */const e="uds-dot-status",r={"light-gray":"light-gray",red:"red",orange:"orange",yellow:"yellow","light-green":"light-green",green:"green",blue:"blue","dark-blue":"dark-blue",teal:"teal",purple:"purple",pink:"pink",magenta:"magenta","dark-red":"dark-red","dark-gray":"dark-gray"},t={small:"small",medium:"medium",large:"large"};function p({variant:a="blue",size:l="medium",outline:s=!1,className:n="","aria-label":o,...u}){const g=[e,r[a]&&`${e}--${r[a]}`,t[l]&&`${e}--${t[l]}`,s&&`${e}--outline`,n].filter(Boolean).join(" ");return d("span",{className:g,role:"status","aria-label":o||`${a} status`,...u})}export{p as default};
+import{jsx as c}from"react/jsx-runtime";/* empty css                */const e="uds-dot-status",r={red:"red",blue:"blue",inverse:"inverse",orange:"orange",sky:"sky",indigo:"indigo",rose:"rose",neutral:"neutral",celery:"celery",lime:"lime",yellow:"yellow",green:"green",cyan:"cyan",purple:"purple",fuchsia:"fuchsia"},t={small:"small",medium:"medium",large:"large"};function g({variant:s="blue",size:l="medium",outline:a=!1,className:n="","aria-label":o,...u}){const i=a===!0||a==="true",m=[e,r[s]&&`${e}--${r[s]}`,t[l]&&`${e}--${t[l]}`,i&&`${e}--outline`,n].filter(Boolean).join(" ");return c("span",{className:m,role:"status","aria-label":o||`${s} status`,...u})}export{g as default};

package/dist/components/EmptyState/EmptyState.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../Icon/Icon.cjs");;/* empty css                    */function o({title:i,description:s,icon:n="Inbox",iconSize:l=32,action:t,secondaryAction:a,align:d="center",className:c="",...r}){const u=["uds-empty-state",`uds-empty-state--${d}`,c].filter(Boolean).join(" ");return e.jsxs("div",{className:u,...r,children:[e.jsx("div",{className:"uds-empty-state__icon","aria-hidden":"true",children:e.jsx(m.default,{name:n,size:l})}),e.jsxs("div",{className:"uds-empty-state__content",children:[e.jsx("div",{className:"uds-empty-state__title",children:i}),s?e.jsx("div",{className:"uds-empty-state__description",children:s}):null]}),t||a?e.jsxs("div",{className:"uds-empty-state__actions",children:[t,a]}):null]})}exports.EmptyState=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../Icon/Icon.cjs");;/* empty css                    */function o({title:i,description:s,icon:n="Inbox",iconSize:l=32,action:t,secondaryAction:a,align:d="center",className:c="",...r}){const u=["uds-empty-state",`uds-empty-state--${d}`,c].filter(Boolean).join(" ");return e.jsxs("div",{className:u,...r,children:[e.jsx("div",{className:"uds-empty-state__icon","aria-hidden":"true",children:e.jsx(m.default,{name:n,size:l})}),e.jsxs("div",{className:"uds-empty-state__content",children:[e.jsx("div",{className:"uds-empty-state__title",children:i}),s?e.jsx("div",{className:"uds-empty-state__description",children:s}):null]}),t||a?e.jsxs("div",{className:"uds-empty-state__actions",children:[a,t]}):null]})}exports.EmptyState=o;

package/dist/components/EmptyState/EmptyState.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import p from"../Icon/Icon.js";/* empty css                 */function y({title:m,description:s,icon:d="Inbox",iconSize:l=32,action:a,secondaryAction:i,align:n="center",className:c="",...r}){const o=["uds-empty-state",`uds-empty-state--${n}`,c].filter(Boolean).join(" ");return t("div",{className:o,...r,children:[e("div",{className:"uds-empty-state__icon","aria-hidden":"true",children:e(p,{name:d,size:l})}),t("div",{className:"uds-empty-state__content",children:[e("div",{className:"uds-empty-state__title",children:m}),s?e("div",{className:"uds-empty-state__description",children:s}):null]}),a||i?t("div",{className:"uds-empty-state__actions",children:[a,i]}):null]})}export{y as EmptyState};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import p from"../Icon/Icon.js";/* empty css                 */function y({title:m,description:s,icon:d="Inbox",iconSize:l=32,action:a,secondaryAction:i,align:n="center",className:c="",...r}){const o=["uds-empty-state",`uds-empty-state--${n}`,c].filter(Boolean).join(" ");return t("div",{className:o,...r,children:[e("div",{className:"uds-empty-state__icon","aria-hidden":"true",children:e(p,{name:d,size:l})}),t("div",{className:"uds-empty-state__content",children:[e("div",{className:"uds-empty-state__title",children:m}),s?e("div",{className:"uds-empty-state__description",children:s}):null]}),a||i?t("div",{className:"uds-empty-state__actions",children:[i,a]}):null]})}export{y as EmptyState};

package/dist/components/Field/Field.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("react"),f=require("../Icon/Icon.cjs");;/* empty css              */const s="uds-field";function N({label:t,required:d=!1,helperMessage:i,infoIcon:n,onInfoClick:u,maxLength:r,value:c,id:_,className:m="",children:a,...p}){const l=_||`field-${Math.random().toString(36).substr(2,9)}`,j=c?String(c).length:0,h=r!=null,x=[s,m].filter(Boolean).join(" ");return e.jsxs("div",{className:x,...p,children:[(t||n)&&e.jsxs("div",{className:`${s}__label-row`,children:[t&&e.jsxs("label",{htmlFor:l,className:`${s}__label`,children:[t,d&&e.jsx("span",{className:`${s}__required`,children:"*"})]}),n&&e.jsx("button",{type:"button",className:`${s}__info-icon`,onClick:u,"aria-label":"More information",tabIndex:0,children:e.jsx(f.default,{name:n,size:16,appearance:"regular"})})]}),e.jsxs("div",{className:`${s}__input-wrapper`,children:[o.isValidElement(a)&&l?o.cloneElement(a,{id:l,maxLength:r||a.props.maxLength,...a.props}):a,h&&e.jsxs("span",{className:`${s}__character-count`,children:[j,"/",r]})]}),i&&e.jsx("div",{className:`${s}__helper`,children:i})]})}exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),v=require("../Icon/Icon.cjs"),b=require("../Tooltip/Tooltip.cjs");;/* empty css              */const s="uds-field";function S({label:r,state:f="default",required:j=!1,helperMessage:i,maxLength:u,value:a,infoIcon:l,onInfoClick:o,id:x,className:p="",children:n,...h}){const c=x||`field-${Math.random().toString(36).substr(2,9)}`,t=typeof o=="function",_=typeof u=="number",$=a==null?0:String(a).length,N=[s,`${s}--${f}`,p].filter(Boolean).join(" ");return e.jsxs("div",{className:N,...h,children:[(r||l)&&e.jsxs("div",{className:`${s}__label-row`,children:[r&&e.jsxs("label",{htmlFor:c,className:`${s}__label`,children:[r,j&&e.jsx("span",{className:`${s}__required`,children:"*"})]}),l&&e.jsxs("div",{className:`${s}__info`,children:[e.jsx("span",{className:`${s}__info-text`,children:"Info"}),e.jsx(b.default,{content:"More information",children:e.jsx("span",{className:`${s}__info-icon`,role:t?"button":void 0,tabIndex:t?0:void 0,"aria-label":t?"More information":void 0,onClick:o,onKeyDown:d=>{t&&(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),o())},children:e.jsx(v.default,{name:l,size:16,appearance:"regular"})})})]})]}),e.jsx("div",{className:`${s}__input-wrapper`,children:m.isValidElement(n)&&c?m.cloneElement(n,{id:c,...n.props}):n}),(i||_)&&e.jsxs("div",{className:`${s}__meta`,children:[i?e.jsx("div",{className:`${s}__helper`,children:i}):e.jsx("span",{}),_&&e.jsxs("div",{className:`${s}__character-count`,children:[$,"/",u]})]})]})}exports.default=S;

package/dist/components/Field/Field.js

@@ -1 +1 @@
-import{jsxs as r,jsx as t}from"react/jsx-runtime";import d from"react";import b from"../Icon/Icon.js";/* empty css           */const e="uds-field";function j({label:n,required:m=!1,helperMessage:i,infoIcon:l,onInfoClick:p,maxLength:s,value:c,id:_,className:u="",children:a,...f}){const o=_||`field-${Math.random().toString(36).substr(2,9)}`,h=c?String(c).length:0,N=s!=null,$=[e,u].filter(Boolean).join(" ");return r("div",{className:$,...f,children:[(n||l)&&r("div",{className:`${e}__label-row`,children:[n&&r("label",{htmlFor:o,className:`${e}__label`,children:[n,m&&t("span",{className:`${e}__required`,children:"*"})]}),l&&t("button",{type:"button",className:`${e}__info-icon`,onClick:p,"aria-label":"More information",tabIndex:0,children:t(b,{name:l,size:16,appearance:"regular"})})]}),r("div",{className:`${e}__input-wrapper`,children:[d.isValidElement(a)&&o?d.cloneElement(a,{id:o,maxLength:s||a.props.maxLength,...a.props}):a,N&&r("span",{className:`${e}__character-count`,children:[h,"/",s]})]}),i&&t("div",{className:`${e}__helper`,children:i})]})}export{j as default};
+import{jsxs as r,jsx as n}from"react/jsx-runtime";import p from"react";import S from"../Icon/Icon.js";import w from"../Tooltip/Tooltip.js";/* empty css           */const e="uds-field";function B({label:t,state:u="default",required:h=!1,helperMessage:o,maxLength:f,value:s,infoIcon:l,onInfoClick:c,id:$,className:N="",children:a,...v}){const d=$||`field-${Math.random().toString(36).substr(2,9)}`,i=typeof c=="function",_=typeof f=="number",b=s==null?0:String(s).length,y=[e,`${e}--${u}`,N].filter(Boolean).join(" ");return r("div",{className:y,...v,children:[(t||l)&&r("div",{className:`${e}__label-row`,children:[t&&r("label",{htmlFor:d,className:`${e}__label`,children:[t,h&&n("span",{className:`${e}__required`,children:"*"})]}),l&&r("div",{className:`${e}__info`,children:[n("span",{className:`${e}__info-text`,children:"Info"}),n(w,{content:"More information",children:n("span",{className:`${e}__info-icon`,role:i?"button":void 0,tabIndex:i?0:void 0,"aria-label":i?"More information":void 0,onClick:c,onKeyDown:m=>{i&&(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),c())},children:n(S,{name:l,size:16,appearance:"regular"})})})]})]}),n("div",{className:`${e}__input-wrapper`,children:p.isValidElement(a)&&d?p.cloneElement(a,{id:d,...a.props}):a}),(o||_)&&r("div",{className:`${e}__meta`,children:[o?n("div",{className:`${e}__helper`,children:o}):n("span",{}),_&&r("div",{className:`${e}__character-count`,children:[b,"/",f]})]})]})}export{B as default};

package/dist/components/FileUpload/FileUpload.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),d=require("react"),k=require("../Icon/Icon.cjs");;/* empty css                    */const n="uds-file-upload";function q({onFileSelect:u,accept:a=[],maxSize:p=10,acceptText:h,instructionText:v="Drop files here or click to upload",multiple:D=!1,disabled:s=!1,className:m="",..._}){const[j,i]=d.useState(!1),c=d.useRef(null),x=[n,j&&`${n}--dragging`,s&&`${n}--disabled`,m].filter(Boolean).join(" "),A=e=>{e.preventDefault(),e.stopPropagation(),s||i(!0)},N=e=>{e.preventDefault(),e.stopPropagation(),i(!1)},$=e=>{e.preventDefault(),e.stopPropagation()},y=e=>{if(e.preventDefault(),e.stopPropagation(),i(!1),s)return;const t=e.dataTransfer.files;t&&t.length>0&&g(t)},C=e=>{const t=e.target.files;t&&t.length>0&&g(t),e.target.value=""},g=e=>{const l=Array.from(e).filter(o=>!(a.length>0&&!a.some(f=>o.type.match(f))||o.size>p*1024*1024));if(l.length>0&&u){const o=new DataTransfer;l.forEach(f=>o.items.add(f)),u(o.files)}},P=()=>{!s&&c.current&&c.current.click()},T=h||(a.length>0?a.map(e=>{var l;return((l=e.split("/")[1])==null?void 0:l.toUpperCase())||e}).join(", "):"All files");return r.jsxs("div",{className:x,onDragEnter:A,onDragLeave:N,onDragOver:$,onDrop:y,onClick:P,children:[r.jsx("input",{ref:c,type:"file",className:`${n}__input`,accept:a.length>0?a.join(","):void 0,multiple:D,disabled:s,onChange:C,..._}),r.jsxs("div",{className:`${n}__content`,children:[r.jsx("div",{className:`${n}__icon`,children:r.jsx(k.default,{name:"Upload",size:32,appearance:"regular"})}),r.jsx("p",{className:`${n}__instruction`,children:v}),r.jsxs("p",{className:`${n}__accept`,children:[T," up to ",p,"MB"]})]})]})}exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),h=require("react"),q=require("../Icon/Icon.cjs");;/* empty css                    */const n="uds-file-upload";function E({onFileSelect:u,accept:r=[],maxSize:p=10,acceptText:v,instructionText:D="Drop files here or click to upload",size:g="default",multiple:m=!1,disabled:s=!1,className:_="",...j}){const[x,i]=h.useState(!1),c=h.useRef(null),$=[n,`${n}--${g}`,x&&`${n}--dragging`,s&&`${n}--disabled`,_].filter(Boolean).join(" "),A=e=>{e.preventDefault(),e.stopPropagation(),s||i(!0)},N=e=>{e.preventDefault(),e.stopPropagation(),i(!1)},y=e=>{e.preventDefault(),e.stopPropagation()},C=e=>{if(e.preventDefault(),e.stopPropagation(),i(!1),s)return;const t=e.dataTransfer.files;t&&t.length>0&&d(t)},P=e=>{const t=e.target.files;t&&t.length>0&&d(t),e.target.value=""},d=e=>{const l=Array.from(e).filter(o=>!(r.length>0&&!r.some(f=>o.type.match(f))||o.size>p*1024*1024));if(l.length>0&&u){const o=new DataTransfer;l.forEach(f=>o.items.add(f)),u(o.files)}},T=()=>{!s&&c.current&&c.current.click()},k=v||(r.length>0?r.map(e=>{var l;return((l=e.split("/")[1])==null?void 0:l.toUpperCase())||e}).join(", "):"All files");return a.jsxs("div",{className:$,onDragEnter:A,onDragLeave:N,onDragOver:y,onDrop:C,onClick:T,children:[a.jsx("input",{ref:c,type:"file",className:`${n}__input`,accept:r.length>0?r.join(","):void 0,multiple:m,disabled:s,onChange:P,...j}),a.jsxs("div",{className:`${n}__content`,children:[a.jsx("div",{className:`${n}__icon`,children:a.jsx(q.default,{name:"Upload",size:g==="small"?24:32,appearance:"regular"})}),a.jsx("p",{className:`${n}__instruction`,children:D}),a.jsxs("p",{className:`${n}__accept`,children:[k," up to ",p,"MB"]})]})]})}exports.default=E;

package/dist/components/FileUpload/FileUpload.js

@@ -1 +1 @@
-import{jsxs as p,jsx as l}from"react/jsx-runtime";import{useState as I,useRef as P}from"react";import T from"../Icon/Icon.js";/* empty css                 */const t="uds-file-upload";function O({onFileSelect:g,accept:a=[],maxSize:u=10,acceptText:h,instructionText:m="Drop files here or click to upload",multiple:D=!1,disabled:r=!1,className:v="",..._}){const[A,i]=I(!1),f=P(null),N=[t,A&&`${t}--dragging`,r&&`${t}--disabled`,v].filter(Boolean).join(" "),$=e=>{e.preventDefault(),e.stopPropagation(),r||i(!0)},C=e=>{e.preventDefault(),e.stopPropagation(),i(!1)},j=e=>{e.preventDefault(),e.stopPropagation()},x=e=>{if(e.preventDefault(),e.stopPropagation(),i(!1),r)return;const n=e.dataTransfer.files;n&&n.length>0&&d(n)},y=e=>{const n=e.target.files;n&&n.length>0&&d(n),e.target.value=""},d=e=>{const s=Array.from(e).filter(o=>!(a.length>0&&!a.some(c=>o.type.match(c))||o.size>u*1024*1024));if(s.length>0&&g){const o=new DataTransfer;s.forEach(c=>o.items.add(c)),g(o.files)}},k=()=>{!r&&f.current&&f.current.click()},E=h||(a.length>0?a.map(e=>{var s;return((s=e.split("/")[1])==null?void 0:s.toUpperCase())||e}).join(", "):"All files");return p("div",{className:N,onDragEnter:$,onDragLeave:C,onDragOver:j,onDrop:x,onClick:k,children:[l("input",{ref:f,type:"file",className:`${t}__input`,accept:a.length>0?a.join(","):void 0,multiple:D,disabled:r,onChange:y,..._}),p("div",{className:`${t}__content`,children:[l("div",{className:`${t}__icon`,children:l(T,{name:"Upload",size:32,appearance:"regular"})}),l("p",{className:`${t}__instruction`,children:m}),p("p",{className:`${t}__accept`,children:[E," up to ",u,"MB"]})]})]})}export{O as default};
+import{jsxs as p,jsx as o}from"react/jsx-runtime";import{useState as P,useRef as T}from"react";import B from"../Icon/Icon.js";/* empty css                 */const t="uds-file-upload";function R({onFileSelect:u,accept:a=[],maxSize:g=10,acceptText:m,instructionText:D="Drop files here or click to upload",size:d="default",multiple:v=!1,disabled:r=!1,className:_="",...$}){const[A,i]=P(!1),f=T(null),N=[t,`${t}--${d}`,A&&`${t}--dragging`,r&&`${t}--disabled`,_].filter(Boolean).join(" "),C=e=>{e.preventDefault(),e.stopPropagation(),r||i(!0)},j=e=>{e.preventDefault(),e.stopPropagation(),i(!1)},x=e=>{e.preventDefault(),e.stopPropagation()},y=e=>{if(e.preventDefault(),e.stopPropagation(),i(!1),r)return;const n=e.dataTransfer.files;n&&n.length>0&&h(n)},k=e=>{const n=e.target.files;n&&n.length>0&&h(n),e.target.value=""},h=e=>{const s=Array.from(e).filter(l=>!(a.length>0&&!a.some(c=>l.type.match(c))||l.size>g*1024*1024));if(s.length>0&&u){const l=new DataTransfer;s.forEach(c=>l.items.add(c)),u(l.files)}},E=()=>{!r&&f.current&&f.current.click()},I=m||(a.length>0?a.map(e=>{var s;return((s=e.split("/")[1])==null?void 0:s.toUpperCase())||e}).join(", "):"All files");return p("div",{className:N,onDragEnter:C,onDragLeave:j,onDragOver:x,onDrop:y,onClick:E,children:[o("input",{ref:f,type:"file",className:`${t}__input`,accept:a.length>0?a.join(","):void 0,multiple:v,disabled:r,onChange:k,...$}),p("div",{className:`${t}__content`,children:[o("div",{className:`${t}__icon`,children:o(B,{name:"Upload",size:d==="small"?24:32,appearance:"regular"})}),o("p",{className:`${t}__instruction`,children:D}),p("p",{className:`${t}__accept`,children:[I," up to ",g,"MB"]})]})]})}export{R as default};

package/dist/components/Icon/Icon.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),a=require("@phosphor-icons/react");;/* empty css             */function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const c=f(a),i=e=>typeof e=="function"||typeof e=="object"&&e!==null,d=e=>e.split(/(?=[A-Z])|[-_\s]/).map(t=>t.charAt(0).toUpperCase()+t.slice(1).toLowerCase()).join(""),g=e=>{const t=c[e];if(i(t))return t;const o=c[`${e}Icon`];return i(o)?o:null};function p({name:e,size:t=24,appearance:o="regular",...n}){const r=e?d(String(e)):"",l=r?g(r):null,u={regular:"regular",bold:"bold",thin:"thin",light:"light",duotone:"duotone",fill:"fill",solid:"fill",outline:"regular"}[o]||"regular";return l?s.createElement(l,{size:t,weight:u,...n}):null}const b=s.memo(p);exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),f=require("@phosphor-icons/react");;/* empty css             */function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const c=d(f),r=new Map,u=e=>typeof e=="function"||typeof e=="object"&&e!==null,g=e=>e.split(/(?=[A-Z])|[-_\s]/).map(t=>t.charAt(0).toUpperCase()+t.slice(1).toLowerCase()).join(""),p=e=>{if(r.has(e))return r.get(e)??null;const t=c[e];if(u(t)){const n=t;return r.set(e,n),n}const o=c[`${e}Icon`];if(u(o)){const n=o;return r.set(e,n),n}return r.set(e,null),null};function h({name:e,size:t=24,appearance:o="regular",...n}){const l=e?g(String(e)):"",s=l?p(l):null,a={regular:"regular",bold:"bold",thin:"thin",light:"light",duotone:"duotone",fill:"fill",solid:"fill",outline:"regular"}[o]||"regular";return s?i.createElement(s,{size:t,weight:a,...n}):null}const b=i.memo(h);exports.default=b;

package/dist/components/Icon/Icon.js

@@ -1 +1 @@
-import c from"react";import*as l from"@phosphor-icons/react";/* empty css          */const i=o=>typeof o=="function"||typeof o=="object"&&o!==null,u=o=>o.split(/(?=[A-Z])|[-_\s]/).map(t=>t.charAt(0).toUpperCase()+t.slice(1).toLowerCase()).join(""),f=o=>{const t=l[o];if(i(t))return t;const n=l[`${o}Icon`];return i(n)?n:null};function p({name:o,size:t=24,appearance:n="regular",...s}){const e=o?u(String(o)):"",r=e?f(e):null,a={regular:"regular",bold:"bold",thin:"thin",light:"light",duotone:"duotone",fill:"fill",solid:"fill",outline:"regular"}[n]||"regular";return r?c.createElement(r,{size:t,weight:a,...s}):null}const m=c.memo(p);export{m as default};
+import u from"react";import*as c from"@phosphor-icons/react";/* empty css          */const n=new Map,i=t=>typeof t=="function"||typeof t=="object"&&t!==null,f=t=>t.split(/(?=[A-Z])|[-_\s]/).map(o=>o.charAt(0).toUpperCase()+o.slice(1).toLowerCase()).join(""),p=t=>{if(n.has(t))return n.get(t)??null;const o=c[t];if(i(o)){const e=o;return n.set(t,e),e}const l=c[`${t}Icon`];if(i(l)){const e=l;return n.set(t,e),e}return n.set(t,null),null};function d({name:t,size:o=24,appearance:l="regular",...e}){const r=t?f(String(t)):"",s=r?p(r):null,a={regular:"regular",bold:"bold",thin:"thin",light:"light",duotone:"duotone",fill:"fill",solid:"fill",outline:"regular"}[l]||"regular";return s?u.createElement(s,{size:o,weight:a,...e}):null}const I=u.memo(d);export{I as default};

package/dist/components/Menu/Menu.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react");;/* empty css             */const N=require("react-router-dom"),_=require("../Icon/Icon.cjs"),Y=require("../Avatar/Avatar.cjs"),p=require("../Button/Button.cjs"),Z=require("../TextInput/TextInput.cjs"),L=require("../Branding/Branding.cjs"),ee=require("../Dropdown/Dropdown.cjs"),ae=require("../Toggle/Toggle.cjs"),ne=require("../ActionMenu/ActionMenu.cjs"),se=require("../Text/Text.cjs"),te=t=>{if(typeof t!="object"||t===null)return!1;const l=t;return typeof l.label=="string"&&typeof l.path=="string"},le=t=>{if(typeof t!="object"||t===null)return!1;const l=t;return!(typeof l.label!="string"||typeof l.icon!="string"||l.path!==void 0&&typeof l.path!="string"||l.children!==void 0&&(!Array.isArray(l.children)||!l.children.every(te)))},re=t=>t==="dark"?"dark":"light";function $({title:t,className:l="",navItems:k=[],brands:C=[],activeBrand:M,onBrandChange:A,activeMode:I,onModeChange:d,showBrand:w=!0,showSearch:E=!0,showBrandSwitcher:O=!0,showNav:P=!0,showModeToggle:B=!0,showUser:R=!0,userName:x="Jane Doe",userInitials:G="JD",userAvatarSrc:J,accountMenuItems:b=[],identity:F="design-system",defaultExpanded:U=!0}){const h=N.useLocation(),[V,g]=s.useState({}),[r,q]=s.useState(U),j=s.useMemo(()=>k.filter(le),[k]),v=s.useMemo(()=>C.filter(a=>typeof a=="string"),[C]),H=typeof t=="string"?t:"Menu",y=typeof M=="string"?M:v[0],z=y==="default"?"design-system":y??F,c=re(I),K=s.useMemo(()=>Array.isArray(b)?b:[],[b]);s.useEffect(()=>{const a=j.filter(n=>Array.isArray(n.children)&&n.children.some(o=>h.pathname===o.path)).map(n=>n.label);a.length!==0&&g(n=>{let o=!1;const i={...n};return a.forEach(f=>{i[f]||(i[f]=!0,o=!0)}),o?i:n})},[h.pathname,j]);const S=s.useCallback(a=>{g(n=>({...n,[a]:!n[a]}))},[]),Q=s.useCallback(()=>q(a=>!a),[]),u=s.useCallback(()=>q(!0),[]),W=s.useCallback(a=>{r||(a.preventDefault(),a.stopPropagation(),u())},[u,r]),X=s.useCallback(a=>{if(!r){u(),g(n=>({...n,[a]:!0}));return}S(a)},[u,r,S]),D=s.useCallback(()=>{r||u()},[u,r]),T=s.useCallback(a=>d==null?void 0:d(a),[d]);return e.jsxs("aside",{className:`uds-menu${r?" uds-menu--expanded":""} ${l}`,"aria-label":H,onClickCapture:W,children:[w&&e.jsxs("div",{className:"uds-menu_brand",children:[e.jsx(p.default,{appearance:"text",icon:"List",size:"xsmall",label:r?"Collapse menu":"Expand menu",layout:"icon-only","aria-label":r?"Collapse menu":"Expand menu",className:"uds-menu_brand__toggle",onClick:Q}),e.jsx("div",{className:"uds-menu_brand__symbol",children:e.jsx(L.default,{brand:z,symbol:!0})}),e.jsx("div",{className:"uds-menu_brand__full",children:e.jsx(L.default,{brand:z})})]}),E&&e.jsxs("div",{className:"uds-menu_search",children:[e.jsx(p.default,{appearance:"text",icon:"MagnifyingGlass",label:"Search",layout:"icon-only","aria-label":"Search",className:"uds-menu_search__button"}),e.jsx("div",{className:"uds-menu_search__field",children:e.jsx(Z.default,{type:"text",placeholder:"Search",icon:"MagnifyingGlass",iconPosition:"right",className:"uds-menu_search__input",size:"compact"})})]}),O&&v.length>0&&A&&e.jsxs("div",{className:"uds-menu_brands",children:[e.jsx(p.default,{appearance:"text",icon:"PlusCircle",label:"Brand",layout:"icon-only","aria-label":"Switch brand",className:"uds-menu_brands__button"}),e.jsx("div",{className:"uds-menu_brands__dropdown",children:e.jsx(ee.default,{options:v.map(a=>({value:a,label:a})),value:y,onChange:a=>{typeof a=="string"&&A(a)},placeholder:"Select brand",placement:"bottom-start",size:"compact"})})]}),P&&e.jsx("nav",{className:"uds-menu_nav",children:j.map(a=>{const n=a.children??[],o=n.length>0,i=V[a.label],f=r&&i;return o?e.jsxs("div",{className:`uds-menu_nav__item uds-menu_nav__item--accordion${i?" uds-menu_nav__item--open":""}`,children:[e.jsxs("button",{type:"button",className:"uds-menu_nav__item-link",onClick:()=>X(a.label),title:a.label,children:[e.jsx("span",{className:"uds-menu_nav__item-icon",children:e.jsx(_.default,{name:a.icon,size:24,appearance:"duotone"})}),e.jsx("div",{className:"uds-menu_nav__item-label",children:a.label}),e.jsx("span",{className:`uds-menu_nav__item-caret${i?" uds-menu_nav__item-caret--open":""}`,children:e.jsx(_.default,{name:"CaretDown",size:16})})]}),f?e.jsx("div",{className:"uds-menu_nav__children uds-menu_nav__children--open",children:n.map(m=>e.jsx(N.Link,{className:`uds-menu_nav__child-link${h.pathname===m.path?" uds-menu_nav__child-link--active":""}`,to:m.path,onClick:D,title:m.label,children:m.label},m.path))}):null]},a.label):e.jsx("div",{className:`uds-menu_nav__item${h.pathname===a.path?" uds-menu_nav__item--active":""}`,children:e.jsxs(N.Link,{className:"uds-menu_nav__item-link",to:a.path??"/",onClick:D,title:a.label,children:[e.jsx("span",{className:"uds-menu_nav__item-icon",children:e.jsx(_.default,{name:a.icon,size:24,appearance:"duotone"})}),e.jsx("div",{className:"uds-menu_nav__item-label",children:a.label})]})},a.path??a.label)})}),e.jsx("div",{className:"uds-menu_footer",children:B&&d&&e.jsxs("div",{className:"uds-menu_mode",children:[e.jsx(p.default,{appearance:"text",icon:c==="light"?"Sun":"Moon",label:c==="light"?"Light mode":"Dark mode",layout:"icon-only","aria-label":"Toggle light/dark mode",className:"uds-menu_mode__button",onClick:()=>T(c==="light"?"dark":"light")}),e.jsxs("div",{className:"uds-menu_mode__controls",children:[e.jsx(_.default,{name:c==="light"?"Sun":"Moon",size:20,appearance:"duotone"}),e.jsx("span",{className:"uds-menu_mode__label",children:c==="light"?"Light":"Dark"}),e.jsx(ae.default,{checked:c==="dark",onChange:a=>T(a?"dark":"light"),className:"uds-menu_mode__toggle"})]})]})}),R&&e.jsxs("div",{className:"uds-menu_account",children:[e.jsx(Y.default,{src:J,initials:G,alt:x?`${x} avatar`:"User avatar",size:"default"}),r&&e.jsxs(e.Fragment,{children:[e.jsx(se.Text,{as:"p",variant:"body-16",weight:"semibold",leading:"regular",className:"uds-menu_account__name",children:x}),e.jsx(ne.default,{placement:"top-start",items:K,trigger:e.jsx(p.default,{appearance:"text",icon:e.jsx(_.default,{name:"DotsThreeVertical",appearance:"bold"}),label:"Account Menu",layout:"icon-only","aria-label":"Account menu"})})]})]})]})}$.defaultProps={title:"Menu"};const ie=s.memo($);exports.default=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react");;/* empty css             */const C=require("react-router-dom"),h=require("../Icon/Icon.cjs"),ae=require("../Avatar/Avatar.cjs"),f=require("../Button/Button.cjs"),ne=require("../TextInput/TextInput.cjs"),$=require("../Branding/Branding.cjs"),se=require("../Dropdown/Dropdown.cjs"),te=require("../Toggle/Toggle.cjs"),le=require("../ActionMenu/ActionMenu.cjs"),re=require("../Text/Text.cjs"),ie=t=>{if(typeof t!="object"||t===null)return!1;const l=t;return typeof l.label=="string"&&typeof l.path=="string"},ce=t=>{if(typeof t!="object"||t===null)return!1;const l=t;return!(typeof l.label!="string"||typeof l.icon!="string"||l.path!==void 0&&typeof l.path!="string"||l.children!==void 0&&(!Array.isArray(l.children)||!l.children.every(ie)))},ue=t=>t==="dark"?"dark":"light";function E({title:t,className:l="",navItems:M=[],brands:A=[],activeBrand:q,onBrandChange:z,activeMode:O,onModeChange:m,showBrand:P=!0,showSearch:B=!0,showBrandSwitcher:R=!0,showNav:G=!0,showModeToggle:J=!0,showUser:V=!0,userName:g="Jane Doe",userInitials:F="JD",userAvatarSrc:U,accountMenuItems:v=[],identity:H="design-system",defaultExpanded:K=!0}){const _=C.useLocation(),[S,j]=s.useState({}),[r,I]=s.useState(K),[b,Q]=s.useState(24),c=s.useMemo(()=>M.filter(ce),[M]),y=s.useMemo(()=>A.filter(a=>typeof a=="string"),[A]),W=typeof t=="string"?t:"Menu",N=typeof q=="string"?q:y[0],T=N==="default"?"design-system":N??H,o=ue(O),X=s.useMemo(()=>Array.isArray(v)?v:[],[v]);s.useEffect(()=>{if(c.length<=b)return;const a=()=>Q(c.length);if(typeof requestIdleCallback=="function"){const i=requestIdleCallback(a);return()=>cancelIdleCallback(i)}const n=window.setTimeout(a,50);return()=>window.clearTimeout(n)},[c.length,b]),s.useEffect(()=>{const a=c.filter(n=>Array.isArray(n.children)&&n.children.some(i=>_.pathname===i.path)).map(n=>n.label);a.length!==0&&j(n=>{let i=!1;const u={...n};return a.forEach(x=>{u[x]||(u[x]=!0,i=!0)}),i?u:n})},[_.pathname,c]);const w=s.useCallback(a=>{j(n=>({...n,[a]:!n[a]}))},[]),Y=s.useCallback(()=>I(a=>!a),[]),d=s.useCallback(()=>I(!0),[]),Z=s.useCallback(a=>{r||(a.preventDefault(),a.stopPropagation(),d())},[d,r]),D=s.useCallback(a=>{if(!r){d(),j(n=>({...n,[a]:!0}));return}w(a)},[d,r,w]),k=s.useCallback(()=>{r||d()},[d,r]),L=s.useCallback(a=>m==null?void 0:m(a),[m]),ee=s.useMemo(()=>c.slice(0,b).map(a=>{const n=a.children??[],i=n.length>0,u=S[a.label],x=r&&u;return i?e.jsxs("div",{className:`uds-menu_nav__item uds-menu_nav__item--accordion${u?" uds-menu_nav__item--open":""}`,children:[e.jsxs("button",{type:"button",className:"uds-menu_nav__item-link",onClick:()=>D(a.label),title:a.label,children:[e.jsx("span",{className:"uds-menu_nav__item-icon",children:e.jsx(h.default,{name:a.icon,size:24,appearance:"duotone"})}),e.jsx("div",{className:"uds-menu_nav__item-label",children:a.label}),e.jsx("span",{className:`uds-menu_nav__item-caret${u?" uds-menu_nav__item-caret--open":""}`,children:e.jsx(h.default,{name:"CaretDown",size:16})})]}),x?e.jsx("div",{className:"uds-menu_nav__children uds-menu_nav__children--open",children:n.map(p=>e.jsx(C.Link,{className:`uds-menu_nav__child-link${_.pathname===p.path?" uds-menu_nav__child-link--active":""}`,to:p.path,onClick:k,title:p.label,children:p.label},p.path))}):null]},a.label):e.jsx("div",{className:`uds-menu_nav__item${_.pathname===a.path?" uds-menu_nav__item--active":""}`,children:e.jsxs(C.Link,{className:"uds-menu_nav__item-link",to:a.path??"/",onClick:k,title:a.label,children:[e.jsx("span",{className:"uds-menu_nav__item-icon",children:e.jsx(h.default,{name:a.icon,size:24,appearance:"duotone"})}),e.jsx("div",{className:"uds-menu_nav__item-label",children:a.label})]})},a.path??a.label)}),[c,b,S,r,D,_.pathname,k]);return e.jsxs("aside",{className:`uds-menu${r?" uds-menu--expanded":""} ${l}`,"aria-label":W,onClickCapture:Z,children:[P&&e.jsxs("div",{className:"uds-menu_brand",children:[e.jsx(f.default,{appearance:"text",icon:"List",size:"default",label:r?"Collapse menu":"Expand menu",layout:"icon-only","aria-label":r?"Collapse menu":"Expand menu",className:"uds-menu_brand__toggle",onClick:Y}),e.jsx("div",{className:"uds-menu_brand__symbol",children:e.jsx($.default,{brand:T,symbol:!0})}),e.jsx("div",{className:"uds-menu_brand__full",children:e.jsx($.default,{brand:T})})]}),B&&e.jsxs("div",{className:"uds-menu_search",children:[e.jsx(f.default,{appearance:"text",icon:"MagnifyingGlass",label:"Search",layout:"icon-only","aria-label":"Search",className:"uds-menu_search__button"}),e.jsx("div",{className:"uds-menu_search__field",children:e.jsx(ne.default,{type:"text",placeholder:"Search",icon:"MagnifyingGlass",iconPosition:"right",className:"uds-menu_search__input",size:"compact"})})]}),R&&y.length>0&&z&&e.jsxs("div",{className:"uds-menu_brands",children:[e.jsx(f.default,{appearance:"text",icon:"PlusCircle",label:"Brand",layout:"icon-only","aria-label":"Switch brand",className:"uds-menu_brands__button"}),e.jsx("div",{className:"uds-menu_brands__dropdown",children:e.jsx(se.default,{options:y.map(a=>({value:a,label:a})),value:N,onChange:a=>{typeof a=="string"&&z(a)},placeholder:"Select brand",placement:"bottom-start",size:"compact"})})]}),G&&e.jsx("nav",{className:"uds-menu_nav",children:ee}),J&&m&&e.jsx("div",{className:"uds-menu_footer",children:e.jsxs("div",{className:"uds-menu_mode",children:[e.jsx(f.default,{appearance:"text",icon:o==="light"?"Sun":"Moon",label:o==="light"?"Light mode":"Dark mode",layout:"icon-only",size:"default","aria-label":"Toggle light/dark mode",className:"uds-menu_mode__button",onClick:()=>L(o==="light"?"dark":"light")}),e.jsxs("div",{className:"uds-menu_mode__controls",children:[e.jsx(h.default,{name:o==="light"?"Sun":"Moon",size:20,appearance:"duotone"}),e.jsx("span",{className:"uds-menu_mode__label",children:o==="light"?"Light":"Dark"}),e.jsx(te.default,{checked:o==="dark",onChange:a=>L(a?"dark":"light"),className:"uds-menu_mode__toggle"})]})]})}),V&&e.jsxs("div",{className:"uds-menu_account",children:[e.jsx(ae.default,{src:U,initials:F,alt:g?`${g} avatar`:"User avatar",size:"default"}),r&&e.jsxs(e.Fragment,{children:[e.jsx(re.Text,{as:"p",variant:"body-16",weight:"semibold",leading:"regular",className:"uds-menu_account__name",children:g}),e.jsx(le.default,{placement:"top-start",items:X,trigger:e.jsx(f.default,{appearance:"text",icon:e.jsx(h.default,{name:"DotsThreeVertical",appearance:"bold"}),label:"Account Menu",layout:"icon-only","aria-label":"Account menu"})})]})]})]})}E.defaultProps={title:"Menu"};const oe=s.memo(E);exports.default=oe;

package/dist/components/Menu/Menu.js

@@ -1 +1 @@
-import{jsxs as r,jsx as n,Fragment as ne}from"react/jsx-runtime";import ae,{useState as E,useMemo as A,useEffect as te,useCallback as o}from"react";/* empty css          */import{useLocation as le,Link as T}from"react-router-dom";import _ from"../Icon/Icon.js";import se from"../Avatar/Avatar.js";import h from"../Button/Button.js";import re from"../TextInput/TextInput.js";import j from"../Branding/Branding.js";import ie from"../Dropdown/Dropdown.js";import oe from"../Toggle/Toggle.js";import ce from"../ActionMenu/ActionMenu.js";import{Text as de}from"../Text/Text.js";const ue=t=>{if(typeof t!="object"||t===null)return!1;const l=t;return typeof l.label=="string"&&typeof l.path=="string"},me=t=>{if(typeof t!="object"||t===null)return!1;const l=t;return!(typeof l.label!="string"||typeof l.icon!="string"||l.path!==void 0&&typeof l.path!="string"||l.children!==void 0&&(!Array.isArray(l.children)||!l.children.every(ue)))},pe=t=>t==="dark"?"dark":"light";function O({title:t,className:l="",navItems:C=[],brands:M=[],activeBrand:z,onBrandChange:D,activeMode:P,onModeChange:m,showBrand:B=!0,showSearch:G=!0,showBrandSwitcher:J=!0,showNav:F=!0,showModeToggle:R=!0,showUser:U=!0,userName:g="Jane Doe",userInitials:V="JD",userAvatarSrc:q,accountMenuItems:v=[],identity:H="design-system",defaultExpanded:K=!0}){const f=le(),[Q,y]=E({}),[s,S]=E(K),N=A(()=>C.filter(me),[C]),k=A(()=>M.filter(e=>typeof e=="string"),[M]),W=typeof t=="string"?t:"Menu",x=typeof z=="string"?z:k[0],$=x==="default"?"design-system":x??H,c=pe(P),X=A(()=>Array.isArray(v)?v:[],[v]);te(()=>{const e=N.filter(a=>Array.isArray(a.children)&&a.children.some(u=>f.pathname===u.path)).map(a=>a.label);e.length!==0&&y(a=>{let u=!1;const i={...a};return e.forEach(b=>{i[b]||(i[b]=!0,u=!0)}),u?i:a})},[f.pathname,N]);const I=o(e=>{y(a=>({...a,[e]:!a[e]}))},[]),Y=o(()=>S(e=>!e),[]),d=o(()=>S(!0),[]),Z=o(e=>{s||(e.preventDefault(),e.stopPropagation(),d())},[d,s]),ee=o(e=>{if(!s){d(),y(a=>({...a,[e]:!0}));return}I(e)},[d,s,I]),L=o(()=>{s||d()},[d,s]),w=o(e=>m==null?void 0:m(e),[m]);return r("aside",{className:`uds-menu${s?" uds-menu--expanded":""} ${l}`,"aria-label":W,onClickCapture:Z,children:[B&&r("div",{className:"uds-menu_brand",children:[n(h,{appearance:"text",icon:"List",size:"xsmall",label:s?"Collapse menu":"Expand menu",layout:"icon-only","aria-label":s?"Collapse menu":"Expand menu",className:"uds-menu_brand__toggle",onClick:Y}),n("div",{className:"uds-menu_brand__symbol",children:n(j,{brand:$,symbol:!0})}),n("div",{className:"uds-menu_brand__full",children:n(j,{brand:$})})]}),G&&r("div",{className:"uds-menu_search",children:[n(h,{appearance:"text",icon:"MagnifyingGlass",label:"Search",layout:"icon-only","aria-label":"Search",className:"uds-menu_search__button"}),n("div",{className:"uds-menu_search__field",children:n(re,{type:"text",placeholder:"Search",icon:"MagnifyingGlass",iconPosition:"right",className:"uds-menu_search__input",size:"compact"})})]}),J&&k.length>0&&D&&r("div",{className:"uds-menu_brands",children:[n(h,{appearance:"text",icon:"PlusCircle",label:"Brand",layout:"icon-only","aria-label":"Switch brand",className:"uds-menu_brands__button"}),n("div",{className:"uds-menu_brands__dropdown",children:n(ie,{options:k.map(e=>({value:e,label:e})),value:x,onChange:e=>{typeof e=="string"&&D(e)},placeholder:"Select brand",placement:"bottom-start",size:"compact"})})]}),F&&n("nav",{className:"uds-menu_nav",children:N.map(e=>{const a=e.children??[],u=a.length>0,i=Q[e.label],b=s&&i;return u?r("div",{className:`uds-menu_nav__item uds-menu_nav__item--accordion${i?" uds-menu_nav__item--open":""}`,children:[r("button",{type:"button",className:"uds-menu_nav__item-link",onClick:()=>ee(e.label),title:e.label,children:[n("span",{className:"uds-menu_nav__item-icon",children:n(_,{name:e.icon,size:24,appearance:"duotone"})}),n("div",{className:"uds-menu_nav__item-label",children:e.label}),n("span",{className:`uds-menu_nav__item-caret${i?" uds-menu_nav__item-caret--open":""}`,children:n(_,{name:"CaretDown",size:16})})]}),b?n("div",{className:"uds-menu_nav__children uds-menu_nav__children--open",children:a.map(p=>n(T,{className:`uds-menu_nav__child-link${f.pathname===p.path?" uds-menu_nav__child-link--active":""}`,to:p.path,onClick:L,title:p.label,children:p.label},p.path))}):null]},e.label):n("div",{className:`uds-menu_nav__item${f.pathname===e.path?" uds-menu_nav__item--active":""}`,children:r(T,{className:"uds-menu_nav__item-link",to:e.path??"/",onClick:L,title:e.label,children:[n("span",{className:"uds-menu_nav__item-icon",children:n(_,{name:e.icon,size:24,appearance:"duotone"})}),n("div",{className:"uds-menu_nav__item-label",children:e.label})]})},e.path??e.label)})}),n("div",{className:"uds-menu_footer",children:R&&m&&r("div",{className:"uds-menu_mode",children:[n(h,{appearance:"text",icon:c==="light"?"Sun":"Moon",label:c==="light"?"Light mode":"Dark mode",layout:"icon-only","aria-label":"Toggle light/dark mode",className:"uds-menu_mode__button",onClick:()=>w(c==="light"?"dark":"light")}),r("div",{className:"uds-menu_mode__controls",children:[n(_,{name:c==="light"?"Sun":"Moon",size:20,appearance:"duotone"}),n("span",{className:"uds-menu_mode__label",children:c==="light"?"Light":"Dark"}),n(oe,{checked:c==="dark",onChange:e=>w(e?"dark":"light"),className:"uds-menu_mode__toggle"})]})]})}),U&&r("div",{className:"uds-menu_account",children:[n(se,{src:q,initials:V,alt:g?`${g} avatar`:"User avatar",size:"default"}),s&&r(ne,{children:[n(de,{as:"p",variant:"body-16",weight:"semibold",leading:"regular",className:"uds-menu_account__name",children:g}),n(ce,{placement:"top-start",items:X,trigger:n(h,{appearance:"text",icon:n(_,{name:"DotsThreeVertical",appearance:"bold"}),label:"Account Menu",layout:"icon-only","aria-label":"Account menu"})})]})]})]})}O.defaultProps={title:"Menu"};const ze=ae.memo(O);export{ze as default};
+import{jsxs as i,jsx as n,Fragment as se}from"react/jsx-runtime";import ie,{useState as z,useMemo as y,useEffect as P,useCallback as d}from"react";/* empty css          */import{useLocation as re,Link as B}from"react-router-dom";import f from"../Icon/Icon.js";import oe from"../Avatar/Avatar.js";import b from"../Button/Button.js";import ce from"../TextInput/TextInput.js";import q from"../Branding/Branding.js";import de from"../Dropdown/Dropdown.js";import ue from"../Toggle/Toggle.js";import me from"../ActionMenu/ActionMenu.js";import{Text as pe}from"../Text/Text.js";const _e=t=>{if(typeof t!="object"||t===null)return!1;const l=t;return typeof l.label=="string"&&typeof l.path=="string"},he=t=>{if(typeof t!="object"||t===null)return!1;const l=t;return!(typeof l.label!="string"||typeof l.icon!="string"||l.path!==void 0&&typeof l.path!="string"||l.children!==void 0&&(!Array.isArray(l.children)||!l.children.every(_e)))},fe=t=>t==="dark"?"dark":"light";function G({title:t,className:l="",navItems:I=[],brands:w=[],activeBrand:D,onBrandChange:S,activeMode:J,onModeChange:p,showBrand:V=!0,showSearch:F=!0,showBrandSwitcher:R=!0,showNav:U=!0,showModeToggle:H=!0,showUser:K=!0,userName:N="Jane Doe",userInitials:Q="JD",userAvatarSrc:W,accountMenuItems:k=[],identity:X="design-system",defaultExpanded:Y=!0}){const _=re(),[T,C]=z({}),[s,$]=z(Y),[g,Z]=z(24),o=y(()=>I.filter(he),[I]),A=y(()=>w.filter(e=>typeof e=="string"),[w]),ee=typeof t=="string"?t:"Menu",x=typeof D=="string"?D:A[0],L=x==="default"?"design-system":x??X,u=fe(J),ne=y(()=>Array.isArray(k)?k:[],[k]);P(()=>{if(o.length<=g)return;const e=()=>Z(o.length);if(typeof requestIdleCallback=="function"){const r=requestIdleCallback(e);return()=>cancelIdleCallback(r)}const a=window.setTimeout(e,50);return()=>window.clearTimeout(a)},[o.length,g]),P(()=>{const e=o.filter(a=>Array.isArray(a.children)&&a.children.some(r=>_.pathname===r.path)).map(a=>a.label);e.length!==0&&C(a=>{let r=!1;const c={...a};return e.forEach(v=>{c[v]||(c[v]=!0,r=!0)}),r?c:a})},[_.pathname,o]);const E=d(e=>{C(a=>({...a,[e]:!a[e]}))},[]),ae=d(()=>$(e=>!e),[]),m=d(()=>$(!0),[]),te=d(e=>{s||(e.preventDefault(),e.stopPropagation(),m())},[m,s]),j=d(e=>{if(!s){m(),C(a=>({...a,[e]:!0}));return}E(e)},[m,s,E]),M=d(()=>{s||m()},[m,s]),O=d(e=>p==null?void 0:p(e),[p]),le=y(()=>o.slice(0,g).map(e=>{const a=e.children??[],r=a.length>0,c=T[e.label],v=s&&c;return r?i("div",{className:`uds-menu_nav__item uds-menu_nav__item--accordion${c?" uds-menu_nav__item--open":""}`,children:[i("button",{type:"button",className:"uds-menu_nav__item-link",onClick:()=>j(e.label),title:e.label,children:[n("span",{className:"uds-menu_nav__item-icon",children:n(f,{name:e.icon,size:24,appearance:"duotone"})}),n("div",{className:"uds-menu_nav__item-label",children:e.label}),n("span",{className:`uds-menu_nav__item-caret${c?" uds-menu_nav__item-caret--open":""}`,children:n(f,{name:"CaretDown",size:16})})]}),v?n("div",{className:"uds-menu_nav__children uds-menu_nav__children--open",children:a.map(h=>n(B,{className:`uds-menu_nav__child-link${_.pathname===h.path?" uds-menu_nav__child-link--active":""}`,to:h.path,onClick:M,title:h.label,children:h.label},h.path))}):null]},e.label):n("div",{className:`uds-menu_nav__item${_.pathname===e.path?" uds-menu_nav__item--active":""}`,children:i(B,{className:"uds-menu_nav__item-link",to:e.path??"/",onClick:M,title:e.label,children:[n("span",{className:"uds-menu_nav__item-icon",children:n(f,{name:e.icon,size:24,appearance:"duotone"})}),n("div",{className:"uds-menu_nav__item-label",children:e.label})]})},e.path??e.label)}),[o,g,T,s,j,_.pathname,M]);return i("aside",{className:`uds-menu${s?" uds-menu--expanded":""} ${l}`,"aria-label":ee,onClickCapture:te,children:[V&&i("div",{className:"uds-menu_brand",children:[n(b,{appearance:"text",icon:"List",size:"default",label:s?"Collapse menu":"Expand menu",layout:"icon-only","aria-label":s?"Collapse menu":"Expand menu",className:"uds-menu_brand__toggle",onClick:ae}),n("div",{className:"uds-menu_brand__symbol",children:n(q,{brand:L,symbol:!0})}),n("div",{className:"uds-menu_brand__full",children:n(q,{brand:L})})]}),F&&i("div",{className:"uds-menu_search",children:[n(b,{appearance:"text",icon:"MagnifyingGlass",label:"Search",layout:"icon-only","aria-label":"Search",className:"uds-menu_search__button"}),n("div",{className:"uds-menu_search__field",children:n(ce,{type:"text",placeholder:"Search",icon:"MagnifyingGlass",iconPosition:"right",className:"uds-menu_search__input",size:"compact"})})]}),R&&A.length>0&&S&&i("div",{className:"uds-menu_brands",children:[n(b,{appearance:"text",icon:"PlusCircle",label:"Brand",layout:"icon-only","aria-label":"Switch brand",className:"uds-menu_brands__button"}),n("div",{className:"uds-menu_brands__dropdown",children:n(de,{options:A.map(e=>({value:e,label:e})),value:x,onChange:e=>{typeof e=="string"&&S(e)},placeholder:"Select brand",placement:"bottom-start",size:"compact"})})]}),U&&n("nav",{className:"uds-menu_nav",children:le}),H&&p&&n("div",{className:"uds-menu_footer",children:i("div",{className:"uds-menu_mode",children:[n(b,{appearance:"text",icon:u==="light"?"Sun":"Moon",label:u==="light"?"Light mode":"Dark mode",layout:"icon-only",size:"default","aria-label":"Toggle light/dark mode",className:"uds-menu_mode__button",onClick:()=>O(u==="light"?"dark":"light")}),i("div",{className:"uds-menu_mode__controls",children:[n(f,{name:u==="light"?"Sun":"Moon",size:20,appearance:"duotone"}),n("span",{className:"uds-menu_mode__label",children:u==="light"?"Light":"Dark"}),n(ue,{checked:u==="dark",onChange:e=>O(e?"dark":"light"),className:"uds-menu_mode__toggle"})]})]})}),K&&i("div",{className:"uds-menu_account",children:[n(oe,{src:W,initials:Q,alt:N?`${N} avatar`:"User avatar",size:"default"}),s&&i(se,{children:[n(pe,{as:"p",variant:"body-16",weight:"semibold",leading:"regular",className:"uds-menu_account__name",children:N}),n(me,{placement:"top-start",items:ne,trigger:n(b,{appearance:"text",icon:n(f,{name:"DotsThreeVertical",appearance:"bold"}),label:"Account Menu",layout:"icon-only","aria-label":"Account menu"})})]})]})]})}G.defaultProps={title:"Menu"};const De=ie.memo(G);export{De as default};

package/dist/components/Modal/Modal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),r=require("react"),C=require("react-dom"),M=require("../Icon/Icon.cjs");;/* empty css              */const e="uds-modal",v={small:"small",default:"default",large:"large",fullscreen:"fullscreen"};function R({open:t=!1,onClose:s,title:c,subtitle:i,badge:n,header:$,footer:d,size:o="default",closeOnBackdrop:u=!0,closeOnEscape:m=!0,container:b,className:j="",children:y,...x}){const f=r.useRef(null),_=r.useRef(null);r.useEffect(()=>{if(t)return _.current=document.activeElement,document.body.style.overflow="hidden",requestAnimationFrame(()=>{var a;(a=f.current)==null||a.focus()}),()=>{var a,h;document.body.style.overflow="",(h=(a=_.current)==null?void 0:a.focus)==null||h.call(a)}},[t]);const N=r.useCallback(a=>{a.key==="Escape"&&m&&s&&(a.stopPropagation(),s())},[m,s]),g=r.useCallback(a=>{a.target===a.currentTarget&&u&&s&&s()},[u,s]);if(!t)return null;const p=v[o]||v.default,k=[e,`${e}--${p}`,j].filter(Boolean).join(" "),q=[`${e}__overlay`,o==="fullscreen"&&`${e}__overlay--fullscreen`].filter(Boolean).join(" "),w=l.jsx("div",{className:q,onClick:g,"aria-hidden":"true",children:l.jsxs("div",{ref:f,className:k,role:"dialog","aria-modal":"true","aria-labelledby":c?`${e}-title`:void 0,"aria-describedby":i?`${e}-subtitle`:void 0,tabIndex:-1,onKeyDown:N,...x,children:[l.jsx("div",{className:`${e}__header`,children:$||l.jsxs("div",{className:`${e}__header-content`,children:[l.jsxs("div",{className:`${e}__header-info`,children:[l.jsxs("div",{className:`${e}__header-title-row`,children:[c&&l.jsx("h2",{id:`${e}-title`,className:`${e}__title`,children:c}),n&&l.jsx("span",{className:`${e}__badge`,children:n})]}),i&&l.jsx("p",{id:`${e}-subtitle`,className:`${e}__subtitle`,children:i})]}),l.jsx("button",{type:"button",className:`${e}__close`,onClick:s,"aria-label":"Close modal",children:l.jsx(M.default,{name:"X",size:16,appearance:"regular"})})]})}),l.jsx("div",{className:`${e}__body`,children:y}),d&&l.jsx("div",{className:`${e}__footer`,children:d})]})});return C.createPortal(w,b||document.body)}const S=r.memo(R);exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("react"),C=require("react-dom"),D=require("../Button/Button.cjs");;/* empty css              */const e="uds-modal",d={small:"small",default:"default",large:"large",fullscreen:"fullscreen"};function n(l){return l==null||typeof l=="boolean"?null:a.isValidElement(l)||typeof l=="string"||typeof l=="number"?l:null}function H({open:l=!1,onClose:r,title:y,subtitle:$,badge:j,header:g,footer:x,size:o="default",closeOnBackdrop:u=!0,closeOnEscape:f=!0,container:m,className:p="",children:N,...E}){const _=a.useRef(null),v=a.useRef(null),M=n(g),i=n(y),c=n($),b=n(j),h=n(x),k=n(N),q=E;a.useEffect(()=>{if(l)return v.current=document.activeElement instanceof HTMLElement?document.activeElement:null,document.body.style.overflow="hidden",requestAnimationFrame(()=>{var s;(s=_.current)==null||s.focus()}),()=>{var s;document.body.style.overflow="",(s=v.current)==null||s.focus()}},[l]);const R=a.useCallback(s=>{s.key==="Escape"&&f&&r&&(s.stopPropagation(),r())},[f,r]),S=a.useCallback(s=>{s.target===s.currentTarget&&u&&r&&r()},[u,r]);if(!l)return null;const w=typeof o=="string"&&o in d?d[o]:d.default,B=[e,`${e}--${w}`,p].filter(Boolean).join(" "),T=[`${e}__overlay`,o==="fullscreen"&&`${e}__overlay--fullscreen`].filter(Boolean).join(" "),A=t.jsx("div",{className:T,onClick:S,"aria-hidden":"true",children:t.jsxs("div",{ref:_,className:B,role:"dialog","aria-modal":"true","aria-labelledby":i?`${e}-title`:void 0,"aria-describedby":c?`${e}-subtitle`:void 0,tabIndex:-1,onKeyDown:R,...q,children:[t.jsx("div",{className:`${e}__header`,children:M||t.jsxs("div",{className:`${e}__header-content`,children:[t.jsxs("div",{className:`${e}__header-info`,children:[t.jsxs("div",{className:`${e}__header-title-row`,children:[i&&t.jsx("h2",{id:`${e}-title`,className:`${e}__title`,children:i}),b&&t.jsx("span",{className:`${e}__badge`,children:b})]}),c&&t.jsx("p",{id:`${e}-subtitle`,className:`${e}__subtitle`,children:c})]}),t.jsx(D.default,{appearance:"text",layout:"icon-only",size:"default",icon:"X",label:"Close modal",onClick:()=>r==null?void 0:r()})]})}),t.jsx("div",{className:`${e}__body`,children:k}),h&&t.jsx("div",{className:`${e}__footer`,children:h})]})}),P=m instanceof HTMLElement?m:document.body;return C.createPortal(A,P)}const L=a.memo(H);exports.default=L;