@mich8060/unified-design-system 0.2.14 → 0.2.16

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 s=require("react/jsx-runtime"),C=require("react"),d=require("../Icon/Icon.cjs"),z=require("../Badge/Badge.cjs");;/* empty css             */const e="uds-chip",h={default:"default",compact:"compact"},p={both:"icon-both",left:"icon-left",right:"icon-right",none:"icon-none"};function A({label:r,selected:a,rounded:$=!0,size:c="default",iconPlacement:n="none",icon:t,badge:i,badgeVariant:g="sky",className:m="",onClick:o,disabled:l=!1,...j}){const u=typeof a=="boolean",[N,b]=C.useState(a??!1),f=u?a:N,x=$,S=v=>{l||(u||b(B=>!B),o==null||o(v))},I=[e,f&&`${e}--selected`,`${e}--rounded-${x?"true":"false"}`,h[c]&&`${e}--${h[c]}`,p[n]&&`${e}--${p[n]}`,l&&`${e}--disabled`,m].filter(Boolean).join(" "),q=n==="both"||n==="left",y=n==="both"||n==="right",_=typeof t=="string",M=q&&t?_?s.jsx(d.default,{name:t,size:20,appearance:"regular",className:`${e}__icon ${e}__icon--left`}):s.jsx("span",{className:`${e}__icon ${e}__icon--left`,children:t}):null,R=y&&t?_?s.jsx(d.default,{name:t,size:20,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:I,onClick:S,"aria-pressed":f,disabled:l,...j,children:[M,r?s.jsx("span",{className:`${e}__label`,children:r}):null,R,i?s.jsx(z.default,{count:i,variant:g,className:`${e}__badge`}):null]})}exports.default=A;
+"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 M,jsx as n}from"react/jsx-runtime";import{useState as R}from"react";import _ from"../Icon/Icon.js";import v from"../Badge/Badge.js";/* empty css          */const t="uds-chip",h={default:"default",compact:"compact"},m={both:"icon-both",left:"icon-left",right:"icon-right",none:"icon-none"};function F({label:l,selected:o,rounded:$=!0,size:c="default",iconPlacement:e="none",icon:s,badge:i,badgeVariant:d="sky",className:g="",onClick:a,disabled:r=!1,...N}){const f=typeof o=="boolean",[I,b]=R(o??!1),p=f?o:I,S=$,y=A=>{r||(f||b(L=>!L),a==null||a(A))},j=[t,p&&`${t}--selected`,`${t}--rounded-${S?"true":"false"}`,h[c]&&`${t}--${h[c]}`,m[e]&&`${t}--${m[e]}`,r&&`${t}--disabled`,g].filter(Boolean).join(" "),x=e==="both"||e==="left",B=e==="both"||e==="right",u=typeof s=="string",C=x&&s?u?n(_,{name:s,size:20,appearance:"regular",className:`${t}__icon ${t}__icon--left`}):n("span",{className:`${t}__icon ${t}__icon--left`,children:s}):null,z=B&&s?u?n(_,{name:s,size:20,appearance:"regular",className:`${t}__icon ${t}__icon--right`}):n("span",{className:`${t}__icon ${t}__icon--right`,children:s}):null;return M("button",{type:"button",className:j,onClick:y,"aria-pressed":p,disabled:r,...N,children:[C,l?n("span",{className:`${t}__label`,children:l}):null,z,i?n(v,{count:i,variant:d,className:`${t}__badge`}):null]})}export{F 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/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:"default",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)})}),B&&d&&e.jsx("div",{className:"uds-menu_footer",children: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",size:"default","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 x,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=x(()=>C.filter(me),[C]),k=x(()=>M.filter(e=>typeof e=="string"),[M]),W=typeof t=="string"?t:"Menu",A=typeof z=="string"?z:k[0],$=A==="default"?"design-system":A??H,c=pe(P),X=x(()=>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:"default",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:A,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)})}),R&&m&&n("div",{className:"uds-menu_footer",children: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",size:"default","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/NumberInput/NumberInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),_=require("react"),$=require("../Icon/Icon.cjs");;/* empty css                     */const e="uds-number-input",v={compact:"compact",default:"default"},j={default:"default",focused:"focused",error:"error",disabled:"disabled"};function E({value:x,onChange:I,placeholder:N,size:d="default",state:g="default",disabled:n=!1,id:h,label:c,helperText:a,errorText:r,className:y="","aria-describedby":B,...C}){const t=n?"disabled":g,u=_.useRef(null),S=_.useId().replace(/:/g,""),i=h??(!!c||!!a||!!r?`${e}-${S}`:void 0),p=a?`${i}-helper-text`:void 0,b=r?`${i}-error-text`:void 0,D=[B,t==="error"?b:p].filter(Boolean).join(" ")||void 0,M=[`${e}-field`,y].filter(Boolean).join(" "),q=[e,v[d]&&`${e}--${v[d]}`,j[t]&&`${e}--${j[t]}`].filter(Boolean).join(" "),f=o=>{const l=u.current;if(!l||n||t==="disabled")return;o===1?l.stepUp():l.stepDown();const w=new Event("input",{bubbles:!0});l.dispatchEvent(w)},m=d==="compact"?14:16;return s.jsxs("div",{className:M,children:[c?s.jsx("label",{className:`${e}__label`,htmlFor:i,children:c}):null,s.jsxs("div",{className:q,children:[s.jsx("button",{type:"button",className:`${e}__step ${e}__step--decrement`,"aria-label":"Decrease value",disabled:n||t==="disabled",onMouseDown:o=>o.preventDefault(),onClick:()=>f(-1),children:s.jsx($.default,{name:"Minus",size:m})}),s.jsx("input",{...C,ref:u,id:i,type:"number",className:`${e}__input`,value:x,onChange:I,placeholder:N,disabled:n||t==="disabled","aria-invalid":t==="error"?!0:void 0,"aria-describedby":D}),s.jsx("button",{type:"button",className:`${e}__step ${e}__step--increment`,"aria-label":"Increase value",disabled:n||t==="disabled",onMouseDown:o=>o.preventDefault(),onClick:()=>f(1),children:s.jsx($.default,{name:"Plus",size:m})})]}),t==="error"&&r?s.jsx("p",{id:b,className:`${e}__supporting-text ${e}__supporting-text--error`,children:r}):null,t!=="error"&&a?s.jsx("p",{id:p,className:`${e}__supporting-text`,children:a}):null]})}exports.NumberInput=E;

package/dist/components/NumberInput/NumberInput.js

@@ -0,0 +1 @@
+import{jsxs as _,jsx as n}from"react/jsx-runtime";import $ from"react";import v from"../Icon/Icon.js";/* empty css                  */const e="uds-number-input",I={compact:"compact",default:"default"},N={default:"default",focused:"focused",error:"error",disabled:"disabled"};function P({value:h,onChange:B,placeholder:g,size:d="default",state:C="default",disabled:s=!1,id:x,label:c,helperText:a,errorText:r,className:y="","aria-describedby":D,...j}){const t=s?"disabled":C,u=$.useRef(null),M=$.useId().replace(/:/g,""),i=x??(!!c||!!a||!!r?`${e}-${M}`:void 0),p=a?`${i}-helper-text`:void 0,m=r?`${i}-error-text`:void 0,S=[D,t==="error"?m:p].filter(Boolean).join(" ")||void 0,w=[`${e}-field`,y].filter(Boolean).join(" "),E=[e,I[d]&&`${e}--${I[d]}`,N[t]&&`${e}--${N[t]}`].filter(Boolean).join(" "),f=o=>{const l=u.current;if(!l||s||t==="disabled")return;o===1?l.stepUp():l.stepDown();const R=new Event("input",{bubbles:!0});l.dispatchEvent(R)},b=d==="compact"?14:16;return _("div",{className:w,children:[c?n("label",{className:`${e}__label`,htmlFor:i,children:c}):null,_("div",{className:E,children:[n("button",{type:"button",className:`${e}__step ${e}__step--decrement`,"aria-label":"Decrease value",disabled:s||t==="disabled",onMouseDown:o=>o.preventDefault(),onClick:()=>f(-1),children:n(v,{name:"Minus",size:b})}),n("input",{...j,ref:u,id:i,type:"number",className:`${e}__input`,value:h,onChange:B,placeholder:g,disabled:s||t==="disabled","aria-invalid":t==="error"?!0:void 0,"aria-describedby":S}),n("button",{type:"button",className:`${e}__step ${e}__step--increment`,"aria-label":"Increase value",disabled:s||t==="disabled",onMouseDown:o=>o.preventDefault(),onClick:()=>f(1),children:n(v,{name:"Plus",size:b})})]}),t==="error"&&r?n("p",{id:m,className:`${e}__supporting-text ${e}__supporting-text--error`,children:r}):null,t!=="error"&&a?n("p",{id:p,className:`${e}__supporting-text`,children:a}):null]})}export{P as NumberInput};

package/dist/components/PasswordInput/PasswordInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),r=require("../TextInput/TextInput.cjs");function c({showToggle:n=!0,initiallyVisible:u=!1,...e}){const[t,i]=a.useState(u);return n?s.jsx(r.default,{type:t?"text":"password",icon:t?"EyeSlash":"Eye",onIconClick:()=>i(o=>!o),...e}):s.jsx(r.default,{type:"password",...e})}exports.PasswordInput=c;

package/dist/components/PasswordInput/PasswordInput.js

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{useState as u}from"react";import o from"../TextInput/TextInput.js";function c({showToggle:r=!0,initiallyVisible:i=!1,...t}){const[e,n]=u(i);return r?s(o,{type:e?"text":"password",icon:e?"EyeSlash":"Eye",onIconClick:()=>n(p=>!p),...t}):s(o,{type:"password",...t})}export{c as PasswordInput};

package/dist/components/PhoneInput/PhoneInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),L=require("react"),_=require("../TextInput/TextInput.cjs"),v=10,P=/[^0-9()\-\s]/g,b="Enter a valid 10-digit phone number.";function i(t){return t.replace(P,"")}function E(t,e){return t.replace(/\D/g,"").slice(0,e)}function T(t){const e=t.slice(0,3),r=t.slice(3,6),n=t.slice(6,10);return t.length===0?"":t.length<=3?`(${e}`:t.length<=6?`(${e}) ${r}`:`(${e}) ${r}-${n}`}function d({onBlur:t,onChange:e,onValidityChange:r,maxDigits:n=v,errorText:a,state:S="default",placeholder:x="(555) 123-4567",...A}){const[u,f]=L.useState(!1),R=s=>{const l=i(s.target.value),c=E(l,n),o=T(c);s.target.value!==o&&(s.target.value=o),u&&f(!1),r==null||r(c.length===n),e==null||e(s)},$=s=>{const l=i(s.target.value),c=E(l,n),o=T(c),p=c.length===0||c.length===n;s.target.value!==o&&(s.target.value=o),f(!p),r==null||r(p),t==null||t(s)},D=u?"error":S,I=u?a??b:a;return h.jsx(_.default,{type:"tel",inputMode:"tel",autoComplete:"tel",pattern:"^\\\\([0-9]{3}\\\\) [0-9]{3}-[0-9]{4}$",maxLength:14,placeholder:x,onChange:R,onBlur:$,state:D,errorText:I,...A})}exports.PhoneInput=d;

package/dist/components/PhoneInput/PhoneInput.js

@@ -0,0 +1 @@
+import{jsx as A}from"react/jsx-runtime";import{useState as S}from"react";import $ from"../TextInput/TextInput.js";const D=10,v=/[^0-9()\-\s]/g,I="Enter a valid 10-digit phone number.";function E(t){return t.replace(v,"")}function T(t,e){return t.replace(/\D/g,"").slice(0,e)}function h(t){const e=t.slice(0,3),r=t.slice(3,6),s=t.slice(6,10);return t.length===0?"":t.length<=3?`(${e}`:t.length<=6?`(${e}) ${r}`:`(${e}) ${r}-${s}`}function M({onBlur:t,onChange:e,onValidityChange:r,maxDigits:s=D,errorText:a,state:i="default",placeholder:m="(555) 123-4567",...x}){const[c,f]=S(!1);return A($,{type:"tel",inputMode:"tel",autoComplete:"tel",pattern:"^\\\\([0-9]{3}\\\\) [0-9]{3}-[0-9]{4}$",maxLength:14,placeholder:m,onChange:o=>{const u=E(o.target.value),l=T(u,s),n=h(l);o.target.value!==n&&(o.target.value=n),c&&f(!1),r==null||r(l.length===s),e==null||e(o)},onBlur:o=>{const u=E(o.target.value),l=T(u,s),n=h(l),p=l.length===0||l.length===s;o.target.value!==n&&(o.target.value=n),f(!p),r==null||r(p),t==null||t(o)},state:c?"error":i,errorText:c?a??I:a,...x})}export{M as PhoneInput};

package/dist/components/RadioGroup/RadioGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("react"),R=require("../Radio/Radio.cjs");;/* empty css                    */function q({options:l,value:u,defaultValue:i,onChange:s,name:o,label:a,orientation:t="vertical",disabled:c=!1,className:n="",...g}){const m=d.useId().replace(/:/g,""),p=o??`uds-radio-group-${m}`,[v,f]=d.useState(i??""),j=u??v,N=["uds-radio-group",`uds-radio-group--${t}`,n].filter(Boolean).join(" "),b=e=>{u===void 0&&f(e),s==null||s(e)};return r.jsxs("div",{className:N,role:"radiogroup","aria-label":typeof a=="string"?a:void 0,...g,children:[a?r.jsx("span",{className:"uds-radio-group__label",children:a}):null,r.jsx("div",{className:"uds-radio-group__options",children:l.map(e=>r.jsx(R.default,{name:p,value:e.value,checked:j===e.value,label:e.label,disabled:c||e.disabled,onChange:()=>b(e.value)},e.value))})]})}exports.RadioGroup=q;

package/dist/components/RadioGroup/RadioGroup.js

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

package/dist/components/SearchInput/SearchInput.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:"search",icon:"MagnifyingGlass",iconPosition:"left",placeholder:e.placeholder??"Search",...e})}exports.SearchInput=r;

package/dist/components/SearchInput/SearchInput.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:"search",icon:"MagnifyingGlass",iconPosition:"left",placeholder:e.placeholder??"Search",...e})}export{i as SearchInput};

package/dist/components/SectionHeader/SectionHeader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                       */const s=require("../Flex/Flex.cjs"),a=require("../Text/Text.cjs");function h({eyebrow:n,title:t,description:r,meta:i,actions:l,divider:d=!1,className:c="",...u}){const o=["uds-section-header",d&&"uds-section-header--with-divider",c].filter(Boolean).join(" ");return e.jsxs("div",{className:o,...u,children:[e.jsxs(s.Flex,{direction:"column",gap:"2",className:"uds-section-header__content",children:[n?e.jsx(a.Text,{as:"span",variant:"body-12",weight:"semibold",leading:"regular",className:"uds-section-header__eyebrow",children:n}):null,e.jsx(a.Text,{as:"h2",variant:"heading-24",weight:"medium",leading:"regular",children:t}),r?e.jsx(a.Text,{as:"p",variant:"body-16",leading:"regular",className:"uds-section-header__description",children:r}):null,i?e.jsx(s.Flex,{alignItems:"center",gap:"8",wrap:!0,className:"uds-section-header__meta",children:i}):null]}),l?e.jsx(s.Flex,{alignItems:"center",gap:"8",wrap:!0,className:"uds-section-header__actions",children:l}):null]})}exports.SectionHeader=h;

package/dist/components/SectionHeader/SectionHeader.js

@@ -0,0 +1 @@
+import{jsxs as d,jsx as e}from"react/jsx-runtime";/* empty css                    */import{Flex as a}from"../Flex/Flex.js";import{Text as r}from"../Text/Text.js";function N({eyebrow:i,title:t,description:n,meta:s,actions:l,divider:c=!1,className:o="",...m}){const u=["uds-section-header",c&&"uds-section-header--with-divider",o].filter(Boolean).join(" ");return d("div",{className:u,...m,children:[d(a,{direction:"column",gap:"2",className:"uds-section-header__content",children:[i?e(r,{as:"span",variant:"body-12",weight:"semibold",leading:"regular",className:"uds-section-header__eyebrow",children:i}):null,e(r,{as:"h2",variant:"heading-24",weight:"medium",leading:"regular",children:t}),n?e(r,{as:"p",variant:"body-16",leading:"regular",className:"uds-section-header__description",children:n}):null,s?e(a,{alignItems:"center",gap:"8",wrap:!0,className:"uds-section-header__meta",children:s}):null]}),l?e(a,{alignItems:"center",gap:"8",wrap:!0,className:"uds-section-header__actions",children:l}):null]})}export{N as SectionHeader};

package/dist/components/Statistics/Statistics.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("../Icon/Icon.cjs"),i=require("../Text/Text.cjs"),S=require("../Status/Status.cjs");;/* empty css                   */const z=require("../ProgressIndicator/ProgressIndicator.cjs"),M={up:"TrendUp",down:"TrendDown",neutral:"Minus"};function B({label:e,value:c,helperText:u,statusLabel:o,changeText:h,trend:m="neutral",icon:l,actionIcon:n,showAccentRail:v=!0,accent:N="neutral",progressValue:d,progressLabel:x,progressDelta:_,className:p="",...b}){const a=t=>t!=null&&t!==!1&&t!=="",j=typeof d=="number"&&Number.isFinite(d)?Math.min(100,Math.max(0,d)):void 0,f=a(e)||!!l||!!n,w=a(c),T=a(o),y=a(u),g=a(h),q=["uds-statistics",v?"uds-statistics--with-rail":"uds-statistics--no-rail",`uds-statistics--accent-${N}`,g&&`uds-statistics--trend-${m}`,p].filter(Boolean).join(" ");return s.jsx("div",{className:q,...b,children:f?s.jsxs("div",{className:"uds-statistics__header",children:[s.jsx("div",{className:"uds-statistics__bar"}),s.jsxs("div",{className:"uds-statistics__main",children:[l?s.jsxs("div",{className:"uds-statistics__icon",children:[s.jsx("span",{className:"uds-statistics__icon-tile","aria-hidden":"true",children:s.jsx(r.default,{name:l,size:18})}),a(e)?s.jsx(i.Text,{as:"span",variant:"body-12",weight:"semibold",leading:"regular",children:e}):null]}):null,T?s.jsx("div",{className:"uds-statistics__status",children:s.jsx(S.default,{label:o,appearance:"transparent",variant:"blue"})}):null,s.jsxs("div",{className:"uds-statistics__text",children:[w?s.jsx("div",{className:"uds-statistics__value",children:s.jsx(i.Text,{as:"p",variant:"heading-32",weight:"bold",leading:"regular",children:c})}):null,y?s.jsx(i.Text,{as:"p",variant:"body-12",leading:"regular",children:u}):null,g?s.jsxs("div",{className:"uds-statistics__change",children:[s.jsx(r.default,{name:M[m],size:14}),s.jsx(i.Text,{as:"span",variant:"body-12",weight:"semibold",leading:"regular",children:h})]}):null]}),j!==void 0?s.jsxs("div",{className:"uds-statistics__progress-row",children:[s.jsx(z.default,{size:"large",value:j,className:"uds-statistics__progress-indicator"}),a(x)?s.jsx(i.Text,{as:"span",variant:"body-12",weight:"semibold",leading:"regular",className:"uds-statistics__progress-label",children:x}):null]}):null]}),s.jsxs("div",{className:"uds-statistics__meta",children:[n?s.jsx("span",{className:"uds-statistics__action-icon","aria-hidden":"true",children:s.jsx(r.default,{name:n,size:24})}):null,a(_)?s.jsx(i.Text,{as:"span",variant:"body-20",weight:"medium",leading:"regular",className:"uds-statistics__progress-delta",children:_}):null]})]}):null})}exports.Statistics=B;

package/dist/components/Statistics/Statistics.js

@@ -0,0 +1 @@
+import{jsx as s,jsxs as i}from"react/jsx-runtime";import c from"../Icon/Icon.js";import{Text as t}from"../Text/Text.js";import M from"../Status/Status.js";/* empty css                */import S from"../ProgressIndicator/ProgressIndicator.js";const H={up:"TrendUp",down:"TrendDown",neutral:"Minus"};function I({label:l,value:u,helperText:o,statusLabel:m,changeText:h,trend:_="neutral",icon:n,actionIcon:d,showAccentRail:b=!0,accent:f="neutral",progressValue:r,progressLabel:g,progressDelta:p,className:w="",...y}){const a=e=>e!=null&&e!==!1&&e!=="",v=typeof r=="number"&&Number.isFinite(r)?Math.min(100,Math.max(0,r)):void 0,x=a(l)||!!n||!!d,z=a(u),j=a(m),B=a(o),N=a(h),C=["uds-statistics",b?"uds-statistics--with-rail":"uds-statistics--no-rail",`uds-statistics--accent-${f}`,N&&`uds-statistics--trend-${_}`,w].filter(Boolean).join(" ");return s("div",{className:C,...y,children:x?i("div",{className:"uds-statistics__header",children:[s("div",{className:"uds-statistics__bar"}),i("div",{className:"uds-statistics__main",children:[n?i("div",{className:"uds-statistics__icon",children:[s("span",{className:"uds-statistics__icon-tile","aria-hidden":"true",children:s(c,{name:n,size:18})}),a(l)?s(t,{as:"span",variant:"body-12",weight:"semibold",leading:"regular",children:l}):null]}):null,j?s("div",{className:"uds-statistics__status",children:s(M,{label:m,appearance:"transparent",variant:"blue"})}):null,i("div",{className:"uds-statistics__text",children:[z?s("div",{className:"uds-statistics__value",children:s(t,{as:"p",variant:"heading-32",weight:"bold",leading:"regular",children:u})}):null,B?s(t,{as:"p",variant:"body-12",leading:"regular",children:o}):null,N?i("div",{className:"uds-statistics__change",children:[s(c,{name:H[_],size:14}),s(t,{as:"span",variant:"body-12",weight:"semibold",leading:"regular",children:h})]}):null]}),v!==void 0?i("div",{className:"uds-statistics__progress-row",children:[s(S,{size:"large",value:v,className:"uds-statistics__progress-indicator"}),a(g)?s(t,{as:"span",variant:"body-12",weight:"semibold",leading:"regular",className:"uds-statistics__progress-label",children:g}):null]}):null]}),i("div",{className:"uds-statistics__meta",children:[d?s("span",{className:"uds-statistics__action-icon","aria-hidden":"true",children:s(c,{name:d,size:24})}):null,a(p)?s(t,{as:"span",variant:"body-20",weight:"medium",leading:"regular",className:"uds-statistics__progress-delta",children:p}):null]})]}):null})}export{I as Statistics};

package/dist/components/Status/Status.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),p=require("../DotStatus/DotStatus.cjs");;/* empty css               */const e="uds-status",o={"light-gray":"light-gray",white:"white"},u={pill:"pill",rounded:"rounded"};function h({label:l,variant:r="blue",appearance:a="light-gray",shape:n="pill",className:c="",onClick:i,disabled:s=!1,...d}){const g=[e,o[a]&&`${e}--${o[a]}`,u[n]&&`${e}--${u[n]}`,s&&`${e}--disabled`,c].filter(Boolean).join(" "),m=i?"button":"span";return t.jsxs(m,{className:g,onClick:s?void 0:i,disabled:s,...d,children:[t.jsx(p.default,{variant:r,size:"small",className:`${e}__dot`}),l&&t.jsx("span",{className:`${e}__label`,children:l})]})}exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../DotStatus/DotStatus.cjs");;/* empty css               */const e="uds-status",i={"light-gray":"light-gray",white:"white",transparent:"transparent"},o={pill:"pill",rounded:"rounded"};function h({label:a,variant:u="blue",appearance:l="light-gray",shape:n="pill",className:c="",onClick:r,disabled:s=!1,...d}){const p=[e,i[l]&&`${e}--${i[l]}`,o[n]&&`${e}--${o[n]}`,s&&`${e}--disabled`,c].filter(Boolean).join(" "),g=r?"button":"span";return t.jsxs(g,{className:p,onClick:s?void 0:r,disabled:s,...d,children:[t.jsx(m.default,{variant:u,size:"small",className:`${e}__dot`}),a&&t.jsx("span",{className:`${e}__label`,children:a})]})}exports.default=h;

package/dist/components/Status/Status.js

@@ -1 +1 @@
-import{jsxs as d,jsx as n}from"react/jsx-runtime";import h from"../DotStatus/DotStatus.js";/* empty css            */const s="uds-status",i={"light-gray":"light-gray",white:"white"},r={pill:"pill",rounded:"rounded"};function _({label:l,variant:c="blue",appearance:a="light-gray",shape:e="pill",className:m="",onClick:o,disabled:t=!1,...p}){const u=[s,i[a]&&`${s}--${i[a]}`,r[e]&&`${s}--${r[e]}`,t&&`${s}--disabled`,m].filter(Boolean).join(" ");return d(o?"button":"span",{className:u,onClick:t?void 0:o,disabled:t,...p,children:[n(h,{variant:c,size:"small",className:`${s}__dot`}),l&&n("span",{className:`${s}__label`,children:l})]})}export{_ as default};
+import{jsxs as d,jsx as o}from"react/jsx-runtime";import h from"../DotStatus/DotStatus.js";/* empty css            */const t="uds-status",r={"light-gray":"light-gray",white:"white",transparent:"transparent"},i={pill:"pill",rounded:"rounded"};function _({label:a,variant:p="blue",appearance:l="light-gray",shape:e="pill",className:c="",onClick:n,disabled:s=!1,...m}){const u=[t,r[l]&&`${t}--${r[l]}`,i[e]&&`${t}--${i[e]}`,s&&`${t}--disabled`,c].filter(Boolean).join(" ");return d(n?"button":"span",{className:u,onClick:s?void 0:n,disabled:s,...m,children:[o(h,{variant:p,size:"small",className:`${t}__dot`}),a&&o("span",{className:`${t}__label`,children:a})]})}export{_ as default};

package/dist/components/Table/Table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),h=require("react"),j=require("../Icon/Icon.cjs");;/* empty css              */const e="uds-table";function p({columns:i=[],data:d=[],className:a="",bodyWeight:n="medium",..._}){const o=[e,`${e}--body-weight-${n}`,a].filter(Boolean).join(" ");return l.jsx("div",{className:`${e}__wrapper`,children:l.jsxs("table",{className:o,..._,children:[i.length>0&&l.jsx("thead",{className:`${e}__head`,children:l.jsx("tr",{className:`${e}__row`,children:i.map((s,r)=>l.jsx(b,{type:"header",column:s,index:r},s.key||r))})}),l.jsx("tbody",{className:`${e}__body`,children:d.map((s,r)=>l.jsx("tr",{className:`${e}__row`,children:i.map((t,c)=>l.jsx(b,{type:"cell",column:t,row:s,rowIndex:r,colIndex:c},t.key||c))},r))})]})})}const b=h.memo(function({type:d,column:a,row:n,rowIndex:_,colIndex:o}){const s=d==="header",r=s?"th":"td",t=s?a.label:n==null?void 0:n[a.key],c=[`${e}__cell`,s&&`${e}__cell--header`,a.align&&`${e}__cell--${a.align}`,a.className].filter(Boolean).join(" "),$=()=>!s&&a.render?a.render(n,_,o):h.isValidElement(t)?t:s?l.jsxs("div",{className:`${e}__cell-content`,children:[a.icon&&l.jsx(j.default,{name:a.icon,size:16,appearance:"regular",className:`${e}__cell-icon`}),a.label&&l.jsx("span",{className:`${e}__cell-label`,children:a.label}),a.sortable&&l.jsx(j.default,{name:"CaretUpDown",size:16,appearance:"regular",className:`${e}__cell-sort-icon`}),a.filterable&&l.jsx(j.default,{name:"Funnel",size:16,appearance:"regular",className:`${e}__cell-filter-icon`})]}):l.jsx("div",{className:`${e}__cell-content`,children:t!=null?String(t):""});return l.jsx(r,{className:c,children:$()})}),m=h.memo(p);m.Cell=b;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),h=require("react"),m=require("../Icon/Icon.cjs");;/* empty css              */const e="uds-table";function u({columns:d=[],data:_=[],className:a="",bodyWeight:n="medium",...o}){const j=[e,`${e}--body-weight-${n}`,a].filter(Boolean).join(" ");return l.jsx("div",{className:`${e}__wrapper`,children:l.jsxs("table",{className:j,...o,children:[d.length>0&&l.jsx("thead",{className:`${e}__head`,children:l.jsx("tr",{className:`${e}__row`,children:d.map((s,t)=>l.jsx(p,{type:"header",column:s,index:t},s.key||t))})}),l.jsx("tbody",{className:`${e}__body`,children:_.map((s,t)=>l.jsx("tr",{className:`${e}__row`,children:d.map((r,c)=>l.jsx(p,{type:"cell",column:r,row:s,rowIndex:t,colIndex:c},r.key||c))},t))})]})})}const p=h.memo(function({type:_,column:a,row:n,rowIndex:o,colIndex:j}){const s=_==="header",t=s?"th":"td",r=s?a.label:n==null?void 0:n[a.key],c=" ",N=[`${e}__cell`,s&&`${e}__cell--header`,a.align&&`${e}__cell--${a.align}`,a.className].filter(Boolean).join(" "),b=i=>i==null||typeof i=="string"&&i.trim()==="",f=()=>{if(!s&&a.render){const i=a.render(n,o,j);return b(i)?c:i}return h.isValidElement(r)?r:s?l.jsxs("div",{className:`${e}__cell-content`,children:[a.icon&&l.jsx(m.default,{name:a.icon,size:16,appearance:"regular",className:`${e}__cell-icon`}),a.label&&l.jsx("span",{className:`${e}__cell-label`,children:a.label}),a.sortable&&l.jsx(m.default,{name:"CaretUpDown",size:16,appearance:"regular",className:`${e}__cell-sort-icon`}),a.filterable&&l.jsx(m.default,{name:"Funnel",size:16,appearance:"regular",className:`${e}__cell-filter-icon`})]}):l.jsx("div",{className:`${e}__cell-content`,children:b(r)?c:String(r)})};return l.jsx(t,{className:N,children:f()})}),$=h.memo(u);$.Cell=p;exports.default=$;

package/dist/components/Table/Table.js

@@ -1 +1 @@
-import{jsx as l,jsxs as $}from"react/jsx-runtime";import p from"react";import m from"../Icon/Icon.js";/* empty css           */const e="uds-table";function N({columns:i=[],data:d=[],className:a="",bodyWeight:n="medium",..._}){const o=[e,`${e}--body-weight-${n}`,a].filter(Boolean).join(" ");return l("div",{className:`${e}__wrapper`,children:$("table",{className:o,..._,children:[i.length>0&&l("thead",{className:`${e}__head`,children:l("tr",{className:`${e}__row`,children:i.map((r,s)=>l(h,{type:"header",column:r,index:s},r.key||s))})}),l("tbody",{className:`${e}__body`,children:d.map((r,s)=>l("tr",{className:`${e}__row`,children:i.map((t,c)=>l(h,{type:"cell",column:t,row:r,rowIndex:s,colIndex:c},t.key||c))},s))})]})})}const h=p.memo(function({type:d,column:a,row:n,rowIndex:_,colIndex:o}){const r=d==="header",s=r?"th":"td",t=r?a.label:n==null?void 0:n[a.key],c=[`${e}__cell`,r&&`${e}__cell--header`,a.align&&`${e}__cell--${a.align}`,a.className].filter(Boolean).join(" ");return l(s,{className:c,children:!r&&a.render?a.render(n,_,o):p.isValidElement(t)?t:r?$("div",{className:`${e}__cell-content`,children:[a.icon&&l(m,{name:a.icon,size:16,appearance:"regular",className:`${e}__cell-icon`}),a.label&&l("span",{className:`${e}__cell-label`,children:a.label}),a.sortable&&l(m,{name:"CaretUpDown",size:16,appearance:"regular",className:`${e}__cell-sort-icon`}),a.filterable&&l(m,{name:"Funnel",size:16,appearance:"regular",className:`${e}__cell-filter-icon`})]}):l("div",{className:`${e}__cell-content`,children:t!=null?String(t):""})})}),b=p.memo(N);b.Cell=h;export{b as default};
+import{jsx as l,jsxs as b}from"react/jsx-runtime";import h from"react";import p from"../Icon/Icon.js";/* empty css           */const e="uds-table";function C({columns:d=[],data:_=[],className:a="",bodyWeight:n="medium",...o}){const m=[e,`${e}--body-weight-${n}`,a].filter(Boolean).join(" ");return l("div",{className:`${e}__wrapper`,children:b("table",{className:m,...o,children:[d.length>0&&l("thead",{className:`${e}__head`,children:l("tr",{className:`${e}__row`,children:d.map((r,t)=>l($,{type:"header",column:r,index:t},r.key||t))})}),l("tbody",{className:`${e}__body`,children:_.map((r,t)=>l("tr",{className:`${e}__row`,children:d.map((s,c)=>l($,{type:"cell",column:s,row:r,rowIndex:t,colIndex:c},s.key||c))},t))})]})})}const $=h.memo(function({type:_,column:a,row:n,rowIndex:o,colIndex:m}){const r=_==="header",t=r?"th":"td",s=r?a.label:n==null?void 0:n[a.key],c=" ",f=[`${e}__cell`,r&&`${e}__cell--header`,a.align&&`${e}__cell--${a.align}`,a.className].filter(Boolean).join(" "),N=i=>i==null||typeof i=="string"&&i.trim()==="";return l(t,{className:f,children:(()=>{if(!r&&a.render){const i=a.render(n,o,m);return N(i)?c:i}return h.isValidElement(s)?s:r?b("div",{className:`${e}__cell-content`,children:[a.icon&&l(p,{name:a.icon,size:16,appearance:"regular",className:`${e}__cell-icon`}),a.label&&l("span",{className:`${e}__cell-label`,children:a.label}),a.sortable&&l(p,{name:"CaretUpDown",size:16,appearance:"regular",className:`${e}__cell-sort-icon`}),a.filterable&&l(p,{name:"Funnel",size:16,appearance:"regular",className:`${e}__cell-filter-icon`})]}):l("div",{className:`${e}__cell-content`,children:N(s)?c:String(s)})})()})}),y=h.memo(C);y.Cell=$;export{y as default};

package/dist/components/Tabs/Tabs.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),n=require("react"),_=require("./TabItem.cjs"),R=require("../Button/Button.cjs");;/* empty css             */const i="uds-tabs",W={underline:"underline",block:"block","block-inverted":"block-inverted"};function z({tabs:c=[],appearance:S="underline",activeTab:f,fill:$=!1,scrollable:r=!1,onTabChange:y,className:E="",...k}){const v=n.useRef(null),l=n.useRef(null),[A,B]=n.useState(!1),[N,V]=n.useState(!1),g=f!=null&&f>=0&&f<c.length?f:0,j=[i,W[S]&&`${i}--${W[S]}`,$&&`${i}--fill`,r&&`${i}--scrollable`,E].filter(Boolean).join(" "),L=n.useCallback((t,e)=>{e.onClick&&e.onClick(t,e),y&&y(t,e)},[y]),d=n.useCallback(()=>{if(!r||!v.current||!l.current)return;const t=v.current,e=l.current,o=t.offsetWidth,u=e.scrollWidth,s=e.scrollLeft;B(s>0),V(s<u-o-1)},[r]),m=n.useCallback(()=>{if(!r||!l.current||g===void 0)return;const t=l.current,e=v.current,o=t.children[g];if(!o||!e)return;const u=e.offsetWidth,s=o.offsetLeft,p=o.offsetWidth,h=t.scrollLeft,C=s+p,M=h,O=h+u;s<M?t.scrollTo({left:s-16,behavior:"smooth"}):C>O&&t.scrollTo({left:C-u+16,behavior:"smooth"})},[g,r]),q=n.useCallback(()=>{if(!l.current)return;const t=l.current.offsetWidth*.75;l.current.scrollBy({left:-t,behavior:"smooth"})},[]),w=n.useCallback(()=>{if(!l.current)return;const t=l.current.offsetWidth*.75;l.current.scrollBy({left:t,behavior:"smooth"})},[]);if(n.useEffect(()=>{if(!r)return;d(),m();const t=v.current,e=l.current;if(!t||!e)return;const o=new ResizeObserver(()=>{d(),m()});return o.observe(t),o.observe(e),e.addEventListener("scroll",d),()=>{o.disconnect(),e.removeEventListener("scroll",d)}},[d,m,r,c.length]),n.useEffect(()=>{f==null&&y&&c.length>0&&y(0,c[0])},[]),n.useEffect(()=>{r&&setTimeout(()=>{m(),d()},100)},[d,g,m,r]),!c||c.length===0)return null;const x=a.jsx("div",{ref:l,className:`${i}__list`,role:"tablist",...k,children:c.map((t,e)=>{if(!t||typeof t!="object")return null;const o=t.label!=null&&typeof t.label=="string"?t.label:t.label!=null&&typeof t.label!="object"?String(t.label):"",u=typeof t.icon=="string"?t.icon:void 0,s=typeof t.tag=="number"||typeof t.tag=="string"?t.tag:void 0,p=typeof t.tagVariant=="string"?t.tagVariant:void 0,h=t.id!=null&&typeof t.id!="object"?typeof t.id=="string"||typeof t.id=="number"?t.id:String(t.id):e;return a.jsx(_.default,{label:o,appearance:S,active:e===g,icon:u,tag:s,tagVariant:p,onClick:()=>L(e,t)},h)})});return r?a.jsxs("div",{ref:v,className:j,children:[A&&a.jsx(R.default,{appearance:"ghost",layout:"icon-only",icon:"CaretLeft",onClick:q,className:`${i}__scroll-button ${i}__scroll-button--left`,"aria-label":"Scroll tabs left"}),x,N&&a.jsx(R.default,{appearance:"ghost",layout:"icon-only",icon:"CaretRight",onClick:w,className:`${i}__scroll-button ${i}__scroll-button--right`,"aria-label":"Scroll tabs right"})]}):a.jsx("div",{className:j,role:"tablist",...k,children:c.map((t,e)=>{if(!t||typeof t!="object")return null;const o=t.label!=null&&typeof t.label=="string"?t.label:t.label!=null&&typeof t.label!="object"?String(t.label):"",u=typeof t.icon=="string"?t.icon:void 0,s=typeof t.tag=="number"||typeof t.tag=="string"?t.tag:void 0,p=typeof t.tagVariant=="string"?t.tagVariant:void 0,h=t.id!=null&&typeof t.id!="object"?typeof t.id=="string"||typeof t.id=="number"?t.id:String(t.id):e;return a.jsx(_.default,{label:o,appearance:S,active:e===g,icon:u,tag:s,tagVariant:p,onClick:()=>L(e,t)},h)})})}const K=n.memo(z);exports.default=K;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),o=require("react"),$=require("./TabItem.cjs"),W=require("../Button/Button.cjs");;/* empty css             */const i="uds-tabs",E={underline:"underline",block:"block","block-inverted":"block-inverted"},V={horizontal:"horizontal",vertical:"vertical"};function P({tabs:u=[],appearance:S="underline",orientation:k="horizontal",activeTab:f,fill:B=!1,scrollable:w=!1,onTabChange:y,className:z="",...j}){const h=o.useRef(null),n=o.useRef(null),[A,N]=o.useState(!1),[q,I]=o.useState(!1),[b,C]=o.useState(!1),s=w&&k==="horizontal",g=f!=null&&f>=0&&f<u.length?f:0,L=[i,E[S]&&`${i}--${E[S]}`,V[k]&&`${i}--${V[k]}`,B&&`${i}--fill`,s&&`${i}--scrollable`,z].filter(Boolean).join(" "),_=o.useCallback((e,t)=>{t.onClick&&t.onClick(e,t),y&&y(e,t)},[y]),a=o.useCallback(()=>{if(!s||!h.current||!n.current)return;const e=h.current,t=n.current,l=e.offsetWidth,r=t.scrollWidth,c=t.scrollLeft;N(c>0),I(c<r-l-1)},[s]),m=o.useCallback(()=>{if(!s||!n.current||g===void 0)return;const e=n.current,t=h.current,l=e.children[g];if(!l||!t)return;const r=t.offsetWidth,c=l.offsetLeft,p=l.offsetWidth,v=e.scrollLeft,R=c+p,K=v,T=v+r;c<K?e.scrollTo({left:c-16,behavior:"smooth"}):R>T&&e.scrollTo({left:R-r+16,behavior:"smooth"})},[g,s]),O=o.useCallback(()=>{if(!n.current)return;const e=n.current.offsetWidth*.75;n.current.scrollBy({left:-e,behavior:"smooth"})},[]),M=o.useCallback(()=>{if(!n.current)return;const e=n.current.offsetWidth*.75;n.current.scrollBy({left:e,behavior:"smooth"})},[]);if(o.useEffect(()=>{const e=h.current??n.current;if(!e||typeof IntersectionObserver>"u"){C(!0);return}const t=new IntersectionObserver(l=>{const r=l[0];C(!!(r!=null&&r.isIntersecting))},{root:null,threshold:.01});return t.observe(e),()=>t.disconnect()},[]),o.useEffect(()=>{if(!s||!b)return;a(),m();const e=h.current,t=n.current;if(!e||!t)return;const l=new ResizeObserver(()=>{a(),m()});return l.observe(e),l.observe(t),t.addEventListener("scroll",a),()=>{l.disconnect(),t.removeEventListener("scroll",a)}},[a,m,s,b,u.length]),o.useEffect(()=>{f==null&&y&&u.length>0&&y(0,u[0])},[]),o.useEffect(()=>{s&&b&&setTimeout(()=>{m(),a()},100)},[a,g,m,s,b]),!u||u.length===0)return null;const x=d.jsx("div",{ref:n,className:`${i}__list`,role:"tablist",...j,children:u.map((e,t)=>{if(!e||typeof e!="object")return null;const l=e.label!=null&&typeof e.label=="string"?e.label:e.label!=null&&typeof e.label!="object"?String(e.label):"",r=typeof e.icon=="string"?e.icon:void 0,c=typeof e.tag=="number"||typeof e.tag=="string"?e.tag:void 0,p=typeof e.tagVariant=="string"?e.tagVariant:void 0,v=e.id!=null&&typeof e.id!="object"?typeof e.id=="string"||typeof e.id=="number"?e.id:String(e.id):t;return d.jsx($.default,{label:l,appearance:S,active:t===g,icon:r,tag:c,tagVariant:p,onClick:()=>_(t,e)},v)})});return s?d.jsxs("div",{ref:h,className:L,children:[A&&d.jsx(W.default,{appearance:"ghost",layout:"icon-only",icon:"CaretLeft",onClick:O,className:`${i}__scroll-button ${i}__scroll-button--left`,"aria-label":"Scroll tabs left"}),x,q&&d.jsx(W.default,{appearance:"ghost",layout:"icon-only",icon:"CaretRight",onClick:M,className:`${i}__scroll-button ${i}__scroll-button--right`,"aria-label":"Scroll tabs right"})]}):d.jsx("div",{className:L,role:"tablist",...j,children:u.map((e,t)=>{if(!e||typeof e!="object")return null;const l=e.label!=null&&typeof e.label=="string"?e.label:e.label!=null&&typeof e.label!="object"?String(e.label):"",r=typeof e.icon=="string"?e.icon:void 0,c=typeof e.tag=="number"||typeof e.tag=="string"?e.tag:void 0,p=typeof e.tagVariant=="string"?e.tagVariant:void 0,v=e.id!=null&&typeof e.id!="object"?typeof e.id=="string"||typeof e.id=="number"?e.id:String(e.id):t;return d.jsx($.default,{label:l,appearance:S,active:t===g,icon:r,tag:c,tagVariant:p,onClick:()=>_(t,e)},v)})})}const D=o.memo(P);exports.default=D;

package/dist/components/Tabs/Tabs.js

@@ -1 +1 @@
-import{jsx as g,jsxs as D}from"react/jsx-runtime";import F,{useRef as W,useState as j,useCallback as v,useEffect as L}from"react";import $ from"./TabItem.js";import A from"../Button/Button.js";/* empty css          */const i="uds-tabs",B={underline:"underline",block:"block","block-inverted":"block-inverted"};function G({tabs:s=[],appearance:S="underline",activeTab:f,fill:N=!1,scrollable:l=!1,onTabChange:a,className:V="",...k}){const m=W(null),n=W(null),[w,E]=j(!1),[z,K]=j(!1),d=f!=null&&f>=0&&f<s.length?f:0,_=[i,B[S]&&`${i}--${B[S]}`,N&&`${i}--fill`,l&&`${i}--scrollable`,V].filter(Boolean).join(" "),R=v((t,e)=>{e.onClick&&e.onClick(t,e),a&&a(t,e)},[a]),u=v(()=>{if(!l||!m.current||!n.current)return;const t=m.current,e=n.current,o=t.offsetWidth,c=e.scrollWidth,r=e.scrollLeft;E(r>0),K(r<c-o-1)},[l]),y=v(()=>{if(!l||!n.current||d===void 0)return;const t=n.current,e=m.current,o=t.children[d];if(!o||!e)return;const c=e.offsetWidth,r=o.offsetLeft,p=o.offsetWidth,h=t.scrollLeft,C=r+p,T=h,q=h+c;r<T?t.scrollTo({left:r-16,behavior:"smooth"}):C>q&&t.scrollTo({left:C-c+16,behavior:"smooth"})},[d,l]),O=v(()=>{if(!n.current)return;const t=n.current.offsetWidth*.75;n.current.scrollBy({left:-t,behavior:"smooth"})},[]),I=v(()=>{if(!n.current)return;const t=n.current.offsetWidth*.75;n.current.scrollBy({left:t,behavior:"smooth"})},[]);if(L(()=>{if(!l)return;u(),y();const t=m.current,e=n.current;if(!t||!e)return;const o=new ResizeObserver(()=>{u(),y()});return o.observe(t),o.observe(e),e.addEventListener("scroll",u),()=>{o.disconnect(),e.removeEventListener("scroll",u)}},[u,y,l,s.length]),L(()=>{f==null&&a&&s.length>0&&a(0,s[0])},[]),L(()=>{l&&setTimeout(()=>{y(),u()},100)},[u,d,y,l]),!s||s.length===0)return null;const M=g("div",{ref:n,className:`${i}__list`,role:"tablist",...k,children:s.map((t,e)=>{if(!t||typeof t!="object")return null;const o=t.label!=null&&typeof t.label=="string"?t.label:t.label!=null&&typeof t.label!="object"?String(t.label):"",c=typeof t.icon=="string"?t.icon:void 0,r=typeof t.tag=="number"||typeof t.tag=="string"?t.tag:void 0,p=typeof t.tagVariant=="string"?t.tagVariant:void 0,h=t.id!=null&&typeof t.id!="object"?typeof t.id=="string"||typeof t.id=="number"?t.id:String(t.id):e;return g($,{label:o,appearance:S,active:e===d,icon:c,tag:r,tagVariant:p,onClick:()=>R(e,t)},h)})});return l?D("div",{ref:m,className:_,children:[w&&g(A,{appearance:"ghost",layout:"icon-only",icon:"CaretLeft",onClick:O,className:`${i}__scroll-button ${i}__scroll-button--left`,"aria-label":"Scroll tabs left"}),M,z&&g(A,{appearance:"ghost",layout:"icon-only",icon:"CaretRight",onClick:I,className:`${i}__scroll-button ${i}__scroll-button--right`,"aria-label":"Scroll tabs right"})]}):g("div",{className:_,role:"tablist",...k,children:s.map((t,e)=>{if(!t||typeof t!="object")return null;const o=t.label!=null&&typeof t.label=="string"?t.label:t.label!=null&&typeof t.label!="object"?String(t.label):"",c=typeof t.icon=="string"?t.icon:void 0,r=typeof t.tag=="number"||typeof t.tag=="string"?t.tag:void 0,p=typeof t.tagVariant=="string"?t.tagVariant:void 0,h=t.id!=null&&typeof t.id!="object"?typeof t.id=="string"||typeof t.id=="number"?t.id:String(t.id):e;return g($,{label:o,appearance:S,active:e===d,icon:c,tag:r,tagVariant:p,onClick:()=>R(e,t)},h)})})}const X=F.memo(G);export{X as default};
+import{jsx as g,jsxs as J}from"react/jsx-runtime";import P,{useRef as V,useState as b,useCallback as y,useEffect as k}from"react";import B from"./TabItem.js";import w from"../Button/Button.js";/* empty css          */const i="uds-tabs",z={underline:"underline",block:"block","block-inverted":"block-inverted"},A={horizontal:"horizontal",vertical:"vertical"};function Q({tabs:c=[],appearance:S="underline",orientation:_="horizontal",activeTab:f,fill:N=!1,scrollable:E=!1,onTabChange:m,className:I="",...C}){const a=V(null),l=V(null),[O,K]=b(!1),[M,T]=b(!1),[L,R]=b(!1),r=E&&_==="horizontal",d=f!=null&&f>=0&&f<c.length?f:0,$=[i,z[S]&&`${i}--${z[S]}`,A[_]&&`${i}--${A[_]}`,N&&`${i}--fill`,r&&`${i}--scrollable`,I].filter(Boolean).join(" "),W=y((t,e)=>{e.onClick&&e.onClick(t,e),m&&m(t,e)},[m]),u=y(()=>{if(!r||!a.current||!l.current)return;const t=a.current,e=l.current,o=t.offsetWidth,n=e.scrollWidth,s=e.scrollLeft;K(s>0),T(s<n-o-1)},[r]),v=y(()=>{if(!r||!l.current||d===void 0)return;const t=l.current,e=a.current,o=t.children[d];if(!o||!e)return;const n=e.offsetWidth,s=o.offsetLeft,p=o.offsetWidth,h=t.scrollLeft,j=s+p,G=h,H=h+n;s<G?t.scrollTo({left:s-16,behavior:"smooth"}):j>H&&t.scrollTo({left:j-n+16,behavior:"smooth"})},[d,r]),q=y(()=>{if(!l.current)return;const t=l.current.offsetWidth*.75;l.current.scrollBy({left:-t,behavior:"smooth"})},[]),D=y(()=>{if(!l.current)return;const t=l.current.offsetWidth*.75;l.current.scrollBy({left:t,behavior:"smooth"})},[]);if(k(()=>{const t=a.current??l.current;if(!t||typeof IntersectionObserver>"u"){R(!0);return}const e=new IntersectionObserver(o=>{const n=o[0];R(!!(n!=null&&n.isIntersecting))},{root:null,threshold:.01});return e.observe(t),()=>e.disconnect()},[]),k(()=>{if(!r||!L)return;u(),v();const t=a.current,e=l.current;if(!t||!e)return;const o=new ResizeObserver(()=>{u(),v()});return o.observe(t),o.observe(e),e.addEventListener("scroll",u),()=>{o.disconnect(),e.removeEventListener("scroll",u)}},[u,v,r,L,c.length]),k(()=>{f==null&&m&&c.length>0&&m(0,c[0])},[]),k(()=>{r&&L&&setTimeout(()=>{v(),u()},100)},[u,d,v,r,L]),!c||c.length===0)return null;const F=g("div",{ref:l,className:`${i}__list`,role:"tablist",...C,children:c.map((t,e)=>{if(!t||typeof t!="object")return null;const o=t.label!=null&&typeof t.label=="string"?t.label:t.label!=null&&typeof t.label!="object"?String(t.label):"",n=typeof t.icon=="string"?t.icon:void 0,s=typeof t.tag=="number"||typeof t.tag=="string"?t.tag:void 0,p=typeof t.tagVariant=="string"?t.tagVariant:void 0,h=t.id!=null&&typeof t.id!="object"?typeof t.id=="string"||typeof t.id=="number"?t.id:String(t.id):e;return g(B,{label:o,appearance:S,active:e===d,icon:n,tag:s,tagVariant:p,onClick:()=>W(e,t)},h)})});return r?J("div",{ref:a,className:$,children:[O&&g(w,{appearance:"ghost",layout:"icon-only",icon:"CaretLeft",onClick:q,className:`${i}__scroll-button ${i}__scroll-button--left`,"aria-label":"Scroll tabs left"}),F,M&&g(w,{appearance:"ghost",layout:"icon-only",icon:"CaretRight",onClick:D,className:`${i}__scroll-button ${i}__scroll-button--right`,"aria-label":"Scroll tabs right"})]}):g("div",{className:$,role:"tablist",...C,children:c.map((t,e)=>{if(!t||typeof t!="object")return null;const o=t.label!=null&&typeof t.label=="string"?t.label:t.label!=null&&typeof t.label!="object"?String(t.label):"",n=typeof t.icon=="string"?t.icon:void 0,s=typeof t.tag=="number"||typeof t.tag=="string"?t.tag:void 0,p=typeof t.tagVariant=="string"?t.tagVariant:void 0,h=t.id!=null&&typeof t.id!="object"?typeof t.id=="string"||typeof t.id=="number"?t.id:String(t.id):e;return g(B,{label:o,appearance:S,active:e===d,icon:n,tag:s,tagVariant:p,onClick:()=>W(e,t)},h)})})}const tt=P.memo(Q);export{tt as default};

package/dist/components/TimeInput/TimeInput.cjs

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

package/dist/components/TimeInput/TimeInput.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import m from"../TextInput/TextInput.js";function e(t){return r(m,{type:"time",...t})}export{e as TimeInput};

package/dist/components/TokenInput/TokenInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),V=require("../Chip/Chip.cjs");;/* empty css                    */const s="uds-token-input",T={compact:"compact",default:"default"},L={default:"default",focused:"focused",error:"error",disabled:"disabled"};function ee({tokens:v,defaultTokens:R=[],onTokensChange:m,inputValue:j,defaultInputValue:q="",onInputValueChange:$,allowDuplicates:w=!1,maxTokens:_,size:I="default",state:A="default",disabled:i=!1,placeholder:D="Type and press comma, tab, or enter",label:y,helperText:c,errorText:d,className:E="",id:M,"aria-describedby":z,...G}){const[K,P]=f.useState(R),[F,O]=f.useState(q),g=f.useRef(null),k=Array.isArray(v),x=typeof j=="string",o=k?v:K,u=x?j:F,n=i?"disabled":A,W=f.useId().replace(/:/g,""),p=M??(!!y||!!c||!!d?`${s}-${W}`:void 0),B=c?`${p}-helper-text`:void 0,N=d?`${p}-error-text`:void 0,X=[z,n==="error"?N:B].filter(Boolean).join(" ")||void 0,a=e=>{x||O(e),$==null||$(e)},S=e=>{k||P(e),m==null||m(e)},H=e=>e.replace(/,+$/g,"").trim(),h=e=>{const t=H(e);if(!t){a("");return}if(typeof _=="number"&&o.length>=_){a("");return}if(!w&&o.some(l=>l.toLocaleLowerCase()===t.toLocaleLowerCase())){a("");return}S([...o,t]),a("")},C=e=>{const t=o.filter((l,b)=>b!==e);S(t)},J=e=>{const t=e.target.value;if(t.includes(",")){const l=t.split(","),b=l.pop()??"";l.forEach(Z=>h(Z)),a(b);return}a(t)},Q=e=>{if(e.key==="Enter"||e.key==="Tab"||e.key===","){u.trim()&&(e.preventDefault(),h(u));return}e.key==="Backspace"&&!u&&o.length>0&&!i&&C(o.length-1)},U=[`${s}-field`,E].filter(Boolean).join(" "),Y=[s,T[I]&&`${s}--${T[I]}`,L[n]&&`${s}--${L[n]}`].filter(Boolean).join(" ");return r.jsxs("div",{className:U,children:[y?r.jsx("label",{className:`${s}__label`,htmlFor:p,children:y}):null,r.jsxs("div",{className:Y,onClick:()=>{var e;return(e=g.current)==null?void 0:e.focus()},"aria-disabled":i||void 0,children:[o.map((e,t)=>r.jsx(V.default,{label:e,size:I==="compact"?"mini":"compact",rounded:!1,icon:"X",iconPlacement:"right",onClick:()=>C(t),disabled:i,"aria-label":`Remove token ${e}`},`${e}-${t}`)),r.jsx("input",{...G,ref:g,id:p,className:`${s}__input`,value:u,onChange:J,onKeyDown:Q,placeholder:D,disabled:i||n==="disabled","aria-invalid":n==="error"?!0:void 0,"aria-describedby":X})]}),n==="error"&&d?r.jsx("p",{id:N,className:`${s}__supporting-text ${s}__supporting-text--error`,children:d}):null,n!=="error"&&c?r.jsx("p",{id:B,className:`${s}__supporting-text`,children:c}):null]})}exports.TokenInput=ee;

package/dist/components/TokenInput/TokenInput.js

@@ -0,0 +1 @@
+import{jsxs as w,jsx as l}from"react/jsx-runtime";import f from"react";import ee from"../Chip/Chip.js";/* empty css                 */const o="uds-token-input",x={compact:"compact",default:"default"},A={default:"default",focused:"focused",error:"error",disabled:"disabled"};function ie({tokens:b,defaultTokens:R=[],onTokensChange:m,inputValue:_,defaultInputValue:T="",onInputValueChange:$,allowDuplicates:D=!1,maxTokens:k,size:I="default",state:E="default",disabled:a=!1,placeholder:z="Type and press comma, tab, or enter",label:y,helperText:c,errorText:d,className:G="",id:K,"aria-describedby":M,...F}){const[P,W]=f.useState(R),[X,q]=f.useState(T),g=f.useRef(null),B=Array.isArray(b),N=typeof _=="string",r=B?b:P,u=N?_:X,n=a?"disabled":E,H=f.useId().replace(/:/g,""),p=K??(!!y||!!c||!!d?`${o}-${H}`:void 0),h=c?`${p}-helper-text`:void 0,C=d?`${p}-error-text`:void 0,J=[M,n==="error"?C:h].filter(Boolean).join(" ")||void 0,s=e=>{N||q(e),$==null||$(e)},S=e=>{B||W(e),m==null||m(e)},O=e=>e.replace(/,+$/g,"").trim(),j=e=>{const t=O(e);if(!t){s("");return}if(typeof k=="number"&&r.length>=k){s("");return}if(!D&&r.some(i=>i.toLocaleLowerCase()===t.toLocaleLowerCase())){s("");return}S([...r,t]),s("")},L=e=>{const t=r.filter((i,v)=>v!==e);S(t)},Q=e=>{const t=e.target.value;if(t.includes(",")){const i=t.split(","),v=i.pop()??"";i.forEach(V=>j(V)),s(v);return}s(t)},U=e=>{if(e.key==="Enter"||e.key==="Tab"||e.key===","){u.trim()&&(e.preventDefault(),j(u));return}e.key==="Backspace"&&!u&&r.length>0&&!a&&L(r.length-1)},Y=[`${o}-field`,G].filter(Boolean).join(" "),Z=[o,x[I]&&`${o}--${x[I]}`,A[n]&&`${o}--${A[n]}`].filter(Boolean).join(" ");return w("div",{className:Y,children:[y?l("label",{className:`${o}__label`,htmlFor:p,children:y}):null,w("div",{className:Z,onClick:()=>{var e;return(e=g.current)==null?void 0:e.focus()},"aria-disabled":a||void 0,children:[r.map((e,t)=>l(ee,{label:e,size:I==="compact"?"mini":"compact",rounded:!1,icon:"X",iconPlacement:"right",onClick:()=>L(t),disabled:a,"aria-label":`Remove token ${e}`},`${e}-${t}`)),l("input",{...F,ref:g,id:p,className:`${o}__input`,value:u,onChange:Q,onKeyDown:U,placeholder:z,disabled:a||n==="disabled","aria-invalid":n==="error"?!0:void 0,"aria-describedby":J})]}),n==="error"&&d?l("p",{id:C,className:`${o}__supporting-text ${o}__supporting-text--error`,children:d}):null,n!=="error"&&c?l("p",{id:h,className:`${o}__supporting-text`,children:c}):null]})}export{ie as TokenInput};

package/dist/components/Toolbar/Toolbar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css                */const d=require("../Text/Text.cjs");function u({left:s,right:l,title:r,branding:o,center:t,className:a="",...n}){const i=["uds-toolbar",a].filter(Boolean).join(" "),c=t??o??(r!=null?e.jsx(d.Text,{as:"span",variant:"body-16",weight:"semibold",leading:"regular",children:r}):null);return e.jsxs("div",{className:i,role:"toolbar",...n,children:[e.jsx("div",{className:"uds-toolbar__left",children:s}),e.jsx("div",{className:"uds-toolbar__center",children:c}),e.jsx("div",{className:"uds-toolbar__right",children:l})]})}exports.Toolbar=u;

package/dist/components/Toolbar/Toolbar.js

@@ -0,0 +1 @@
+import{jsxs as c,jsx as o}from"react/jsx-runtime";/* empty css             */import{Text as m}from"../Text/Text.js";function _({left:l,right:e,title:r,branding:a,center:s,className:n="",...t}){const i=["uds-toolbar",n].filter(Boolean).join(" "),d=s??a??(r!=null?o(m,{as:"span",variant:"body-16",weight:"semibold",leading:"regular",children:r}):null);return c("div",{className:i,role:"toolbar",...t,children:[o("div",{className:"uds-toolbar__left",children:l}),o("div",{className:"uds-toolbar__center",children:d}),o("div",{className:"uds-toolbar__right",children:e})]})}export{_ as Toolbar};

package/dist/design-system/ai/index.d.ts

@@ -1,12 +1,13 @@
 import { ComponentRegistry } from "./manifest/components.manifest";
 import { getVersionLineage, UDSGovernance } from "./manifest/governance.manifest";
+import { IntentComponentMappings } from "./manifest/intent-mappings.manifest";
 import { LayoutRules } from "./manifest/layout.manifest";
 import { PatternRegistry } from "./manifest/patterns.manifest";
 import { PropAliasRules } from "./manifest/prop-aliases.manifest";
 import { UDSAIContract, UDSManifest, UDS_AI_CONTRACT, UDS_AI_MANIFEST } from "./manifest/system.manifest";
 import { TokenIntentMap } from "./manifest/tokens.intent.manifest";
 export { UDSManifest, UDSAIContract, UDS_AI_CONTRACT, UDS_AI_MANIFEST };
-export { ComponentRegistry, PatternRegistry, LayoutRules, PropAliasRules, TokenIntentMap, UDSGovernance, getVersionLineage };
+export { ComponentRegistry, PatternRegistry, LayoutRules, PropAliasRules, TokenIntentMap, IntentComponentMappings, UDSGovernance, getVersionLineage, };
 export { runPolicyEngine } from "./policies/policy.engine";
 export { createUDSRuntimeHelperSDK } from "./sdk";
 export { validateTree } from "./validation/validateTree";

package/dist/design-system/ai/manifest/index.d.ts

@@ -6,4 +6,5 @@ export { LayoutRules } from "./layout.manifest";
 export { CompositionRules } from "./composition.manifest";
 export { PropAliasRules, getCanonicalPropName, getAliasEntries } from "./prop-aliases.manifest";
 export { TokenIntentMap } from "./tokens.intent.manifest";
+export { IntentComponentMappings } from "./intent-mappings.manifest";
 export type { ComponentManifestItem, ComponentRegistryType, LayoutManifestRules, ManifestGovernance, PatternManifestItem, PatternRegistryType, TokenIntentMapType, UDSManifestType, UINodeTree, ValidationError, ValidationResult, GovernanceConfig, VersionLineage, } from "./types";

package/dist/design-system/ai/manifest/intent-mappings.manifest.d.ts

@@ -0,0 +1,63 @@
+export declare const IntentComponentMappings: {
+    readonly primaryAction: {
+        readonly component: "Button";
+        readonly props: {
+            readonly appearance: "primary";
+        };
+        readonly notes: "Use one primary action per section max.";
+    };
+    readonly secondaryAction: {
+        readonly component: "Button";
+        readonly props: {
+            readonly appearance: "text";
+        };
+        readonly notes: "Use non-primary appearance for secondary actions.";
+    };
+    readonly sectionContainer: {
+        readonly component: "Container";
+        readonly props: {
+            readonly gap: "--uds-spacing-24";
+        };
+        readonly notes: "Default section wrapper with governed spacing.";
+    };
+    readonly contentStack: {
+        readonly component: "Flex";
+        readonly props: {
+            readonly direction: "column";
+            readonly gap: "--uds-spacing-16";
+        };
+        readonly notes: "Primary stack for vertical rhythm.";
+    };
+    readonly formFieldWrapper: {
+        readonly component: "Field";
+        readonly notes: "Wrap inputs that require label/helper/error messaging.";
+    };
+    readonly textInputControl: {
+        readonly component: "TextInput";
+        readonly notes: "Use TextInput for freeform single-line text.";
+    };
+    readonly selectionControl: {
+        readonly component: "Dropdown";
+        readonly notes: "Use Dropdown for controlled selection.";
+    };
+    readonly statusIndicator: {
+        readonly component: "Status";
+        readonly notes: "Use semantic status component for state communication.";
+    };
+    readonly badgeLabel: {
+        readonly component: "Tag";
+        readonly notes: "Use Tag for concise categorical labels.";
+    };
+    readonly contextualActions: {
+        readonly component: "ActionMenu";
+        readonly notes: "Use ActionMenu for row/object-level secondary actions.";
+    };
+    readonly dataPresentation: {
+        readonly component: "Table";
+        readonly notes: "Use Table for tabular datasets and structured records.";
+    };
+    readonly confirmationDialog: {
+        readonly component: "Modal";
+        readonly notes: "Use Modal for confirmation/destructive decision points.";
+    };
+};

package/dist/design-system/ai/manifest/types.d.ts

@@ -81,6 +81,13 @@ export interface TokenIntentMapType {
     border: Record<string, string>;
     state: Record<string, string>;
 }
+export interface IntentComponentMappingsType {
+    [intent: string]: {
+        component: string;
+        props?: Record<string, unknown>;
+        notes?: string;
+    };
+}
 export interface UDSManifestType {
     version: string;
     tokenVersion: string;
@@ -88,6 +95,7 @@ export interface UDSManifestType {
     patterns: PatternRegistryType;
     layout: LayoutManifestRules;
     tokens: TokenIntentMapType;
+    intentComponentMappings: IntentComponentMappingsType;
     governance: ManifestGovernance;
 }
 export interface ValidationError {

package/dist/design-system/ai/policies/rules/tailwind.rules.d.ts

@@ -0,0 +1,2 @@
+import type { PolicyRule } from "../policy.types";
+export declare const enforceTailwindDisallowRule: PolicyRule;

package/dist/design-system/ai/policies/rules/token-variable.rules.d.ts

@@ -0,0 +1,2 @@
+import type { PolicyRule } from "../policy.types";
+export declare const enforceTokenVariableRule: PolicyRule;