@mich8060/unified-design-system 0.2.13 → 0.2.14

package/dist/components/Field/Field.js

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

package/dist/components/FileUpload/FileUpload.cjs

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

package/dist/components/FileUpload/FileUpload.js

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

package/dist/components/Menu/Menu.cjs

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

package/dist/components/Menu/Menu.js

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

package/dist/components/Modal/Modal.cjs

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

package/dist/components/Modal/Modal.js

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

package/dist/components/Pagination/Pagination.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),$=require("react"),o=require("../Icon/Icon.cjs");;/* empty css                   */function k({currentPage:d=1,totalPages:i=10,onPageChange:m,variant:s="default",showFirstLast:f=!1,className:j=""}){const[h,b]=$.useState(d.toString()),t=Math.max(1,Math.min(d,i)),x=()=>{const e=[];if(i<=5)for(let a=1;a<=i;a++)e.push(a);else{e.push(1);let a=Math.max(2,t-1),p=Math.min(i-1,t+1);t<=3&&(p=Math.min(4,i-1)),t>=i-2&&(a=Math.max(2,i-3)),a>2&&e.push("ellipsis-start");for(let c=a;c<=p;c++)e.push(c);p<i-1&&e.push("ellipsis-end"),i>1&&e.push(i)}return e},l=e=>{e!==t&&e>=1&&e<=i&&m&&m(e)},g=()=>{t>1&&l(t-1)},N=()=>{t<i&&l(t+1)},C=()=>{l(1)},y=()=>{l(i)},M=e=>{e.preventDefault();const u=parseInt(h,10);u>=1&&u<=i?l(u):b(t.toString())},v=e=>{b(e.target.value)},w=x(),_=s==="underline"||s==="underline-with-jump"||s==="underline-double",S=s==="with-jump"||s==="underline-with-jump",r=s==="with-jump"||s==="underline-with-jump"||s==="underline-double"||f;return n.jsx("nav",{className:`pagination ${j}`,"aria-label":"Pagination",children:n.jsxs("div",{className:`pagination__container ${_?"pagination__container--underline":""} ${r?"pagination__container--double":""}`,children:[r&&n.jsx("button",{type:"button",className:"pagination__cap pagination__cap--first",onClick:C,disabled:t===1,"aria-label":"First page",children:n.jsx(o.default,{name:"CaretDoubleLeft",size:16})}),n.jsx("button",{type:"button",className:"pagination__cap pagination__cap--prev",onClick:g,disabled:t===1,"aria-label":"Previous page",children:n.jsx(o.default,{name:"CaretLeft",size:16})}),w.map((e,u)=>{if(e==="ellipsis-start"||e==="ellipsis-end")return n.jsx("button",{type:"button",className:"pagination__item pagination__item--ellipsis",disabled:!0,"aria-hidden":"true",children:"..."},`ellipsis-${u}`);const a=e===t;return n.jsx("button",{type:"button",className:`pagination__item ${a?"pagination__item--active":""} ${_?"pagination__item--underline":""}`,onClick:()=>l(e),"aria-label":`Page ${e}`,"aria-current":a?"page":void 0,children:e},e)}),S&&n.jsxs("div",{className:"pagination__jump",children:[n.jsx("form",{onSubmit:M,children:n.jsx("input",{type:"number",className:"pagination__jump-input",value:h,onChange:v,min:"1",max:i,"aria-label":"Jump to page"})}),n.jsxs("span",{className:"pagination__jump-label",children:["of ",i]})]}),n.jsx("button",{type:"button",className:"pagination__cap pagination__cap--next",onClick:N,disabled:t===i,"aria-label":"Next page",children:n.jsx(o.default,{name:"CaretRight",size:16})}),r&&n.jsx("button",{type:"button",className:"pagination__cap pagination__cap--last",onClick:y,disabled:t===i,"aria-label":"Last page",children:n.jsx(o.default,{name:"CaretDoubleRight",size:16})})]})})}exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),q=require("react"),l=require("../Icon/Icon.cjs");;/* empty css                   */function z({currentPage:c=1,totalPages:e=10,onPageChange:m,variant:f="default",showJumpInput:j=!1,showDoubleButtons:x=!1,showFirstLast:N=!1,className:g=""}){const[_,h]=q.useState(c.toString()),s=Math.max(1,Math.min(c,e)),v=()=>{const i=[];if(e<=5)for(let t=1;t<=e;t++)i.push(t);else{i.push(1);let t=Math.max(2,s-1),d=Math.min(e-1,s+1);s<=3&&(d=Math.min(4,e-1)),s>=e-2&&(t=Math.max(2,e-3)),t>2&&i.push("ellipsis-start");for(let o=t;o<=d;o++)i.push(o);d<e-1&&i.push("ellipsis-end"),e>1&&i.push(e)}return i},u=i=>{i!==s&&i>=1&&i<=e&&m&&m(i)},C=()=>{s>1&&u(s-1)},y=()=>{s<e&&u(s+1)},M=()=>{u(1)},$=()=>{u(e)},S=i=>{i.preventDefault();const a=parseInt(_,10);a>=1&&a<=e?u(a):h(s.toString())},k=i=>{h(i.target.value)},r=v(),b=f==="line",I=j,p=x||N,J=r.some(i=>i==="ellipsis-start"||i==="ellipsis-end"),L=(()=>{if(!I||!J)return r;let i=!1;return r.reduce((a,t)=>t==="ellipsis-start"||t==="ellipsis-end"?(i||(a.push("jump"),i=!0),a):(a.push(t),a),[])})();return n.jsx("nav",{className:`uds-pagination ${g}`,"aria-label":"Pagination",children:n.jsxs("div",{className:`uds-pagination__container ${b?"uds-pagination__container--underline":""} ${p?"uds-pagination__container--double":""}`,children:[p&&n.jsx("button",{type:"button",className:"uds-pagination__cap uds-pagination__cap--first",onClick:M,disabled:s===1,"aria-label":"First page",children:n.jsx(l.default,{name:"CaretDoubleLeft",size:16})}),n.jsx("button",{type:"button",className:"uds-pagination__cap uds-pagination__cap--prev",onClick:C,disabled:s===1,"aria-label":"Previous page",children:n.jsx(l.default,{name:"CaretLeft",size:16})}),L.map((i,a)=>{if(i==="jump")return n.jsxs("div",{className:"uds-pagination__jump",children:[n.jsx("form",{onSubmit:S,children:n.jsx("input",{type:"number",className:"uds-pagination__jump-input",value:_,onChange:k,min:"1",max:e,"aria-label":"Jump to page"})}),n.jsxs("span",{className:"uds-pagination__jump-label",children:["of ",e]})]},`jump-${a}`);if(i==="ellipsis-start"||i==="ellipsis-end")return n.jsx("button",{type:"button",className:"uds-pagination__item uds-pagination__item--ellipsis",disabled:!0,"aria-hidden":"true",children:"..."},`ellipsis-${a}`);const t=i===s;return n.jsx("button",{type:"button",className:`uds-pagination__item ${t?"uds-pagination__item--active":""} ${b?"uds-pagination__item--underline":""}`,onClick:()=>u(i),"aria-label":`Page ${i}`,"aria-current":t?"page":void 0,children:i},i)}),n.jsx("button",{type:"button",className:"uds-pagination__cap uds-pagination__cap--next",onClick:y,disabled:s===e,"aria-label":"Next page",children:n.jsx(l.default,{name:"CaretRight",size:16})}),p&&n.jsx("button",{type:"button",className:"uds-pagination__cap uds-pagination__cap--last",onClick:$,disabled:s===e,"aria-label":"Last page",children:n.jsx(l.default,{name:"CaretDoubleRight",size:16})})]})})}exports.default=z;

package/dist/components/Pagination/Pagination.js

@@ -1 +1 @@
-import{jsx as a,jsxs as m}from"react/jsx-runtime";import{useState as J}from"react";import p from"../Icon/Icon.js";/* empty css                */function I({currentPage:d=1,totalPages:n=10,onPageChange:h,variant:s="default",showFirstLast:g=!1,className:N=""}){const[b,_]=J(d.toString()),e=Math.max(1,Math.min(d,n)),x=()=>{const i=[];if(n<=5)for(let t=1;t<=n;t++)i.push(t);else{i.push(1);let t=Math.max(2,e-1),r=Math.min(n-1,e+1);e<=3&&(r=Math.min(4,n-1)),e>=n-2&&(t=Math.max(2,n-3)),t>2&&i.push("ellipsis-start");for(let c=t;c<=r;c++)i.push(c);r<n-1&&i.push("ellipsis-end"),n>1&&i.push(n)}return i},l=i=>{i!==e&&i>=1&&i<=n&&h&&h(i)},C=()=>{e>1&&l(e-1)},j=()=>{e<n&&l(e+1)},w=()=>{l(1)},y=()=>{l(n)},$=i=>{i.preventDefault();const o=parseInt(b,10);o>=1&&o<=n?l(o):_(e.toString())},k=i=>{_(i.target.value)},M=x(),f=s==="underline"||s==="underline-with-jump"||s==="underline-double",v=s==="with-jump"||s==="underline-with-jump",u=s==="with-jump"||s==="underline-with-jump"||s==="underline-double"||g;return a("nav",{className:`pagination ${N}`,"aria-label":"Pagination",children:m("div",{className:`pagination__container ${f?"pagination__container--underline":""} ${u?"pagination__container--double":""}`,children:[u&&a("button",{type:"button",className:"pagination__cap pagination__cap--first",onClick:w,disabled:e===1,"aria-label":"First page",children:a(p,{name:"CaretDoubleLeft",size:16})}),a("button",{type:"button",className:"pagination__cap pagination__cap--prev",onClick:C,disabled:e===1,"aria-label":"Previous page",children:a(p,{name:"CaretLeft",size:16})}),M.map((i,o)=>{if(i==="ellipsis-start"||i==="ellipsis-end")return a("button",{type:"button",className:"pagination__item pagination__item--ellipsis",disabled:!0,"aria-hidden":"true",children:"..."},`ellipsis-${o}`);const t=i===e;return a("button",{type:"button",className:`pagination__item ${t?"pagination__item--active":""} ${f?"pagination__item--underline":""}`,onClick:()=>l(i),"aria-label":`Page ${i}`,"aria-current":t?"page":void 0,children:i},i)}),v&&m("div",{className:"pagination__jump",children:[a("form",{onSubmit:$,children:a("input",{type:"number",className:"pagination__jump-input",value:b,onChange:k,min:"1",max:n,"aria-label":"Jump to page"})}),m("span",{className:"pagination__jump-label",children:["of ",n]})]}),a("button",{type:"button",className:"pagination__cap pagination__cap--next",onClick:j,disabled:e===n,"aria-label":"Next page",children:a(p,{name:"CaretRight",size:16})}),u&&a("button",{type:"button",className:"pagination__cap pagination__cap--last",onClick:y,disabled:e===n,"aria-label":"Last page",children:a(p,{name:"CaretDoubleRight",size:16})})]})})}export{I as default};
+import{jsx as a,jsxs as c}from"react/jsx-runtime";import{useState as D}from"react";import l from"../Icon/Icon.js";/* empty css                */function A({currentPage:m=1,totalPages:n=10,onPageChange:h,variant:N="default",showJumpInput:g=!1,showDoubleButtons:v=!1,showFirstLast:C=!1,className:x=""}){const[_,b]=D(m.toString()),e=Math.max(1,Math.min(m,n)),j=()=>{const i=[];if(n<=5)for(let t=1;t<=n;t++)i.push(t);else{i.push(1);let t=Math.max(2,e-1),o=Math.min(n-1,e+1);e<=3&&(o=Math.min(4,n-1)),e>=n-2&&(t=Math.max(2,n-3)),t>2&&i.push("ellipsis-start");for(let d=t;d<=o;d++)i.push(d);o<n-1&&i.push("ellipsis-end"),n>1&&i.push(n)}return i},u=i=>{i!==e&&i>=1&&i<=n&&h&&h(i)},$=()=>{e>1&&u(e-1)},y=()=>{e<n&&u(e+1)},k=()=>{u(1)},M=()=>{u(n)},I=i=>{i.preventDefault();const s=parseInt(_,10);s>=1&&s<=n?u(s):b(e.toString())},J=i=>{b(i.target.value)},r=j(),f=N==="line",L=g,p=v||C,S=r.some(i=>i==="ellipsis-start"||i==="ellipsis-end"),z=(()=>{if(!L||!S)return r;let i=!1;return r.reduce((s,t)=>t==="ellipsis-start"||t==="ellipsis-end"?(i||(s.push("jump"),i=!0),s):(s.push(t),s),[])})();return a("nav",{className:`uds-pagination ${x}`,"aria-label":"Pagination",children:c("div",{className:`uds-pagination__container ${f?"uds-pagination__container--underline":""} ${p?"uds-pagination__container--double":""}`,children:[p&&a("button",{type:"button",className:"uds-pagination__cap uds-pagination__cap--first",onClick:k,disabled:e===1,"aria-label":"First page",children:a(l,{name:"CaretDoubleLeft",size:16})}),a("button",{type:"button",className:"uds-pagination__cap uds-pagination__cap--prev",onClick:$,disabled:e===1,"aria-label":"Previous page",children:a(l,{name:"CaretLeft",size:16})}),z.map((i,s)=>{if(i==="jump")return c("div",{className:"uds-pagination__jump",children:[a("form",{onSubmit:I,children:a("input",{type:"number",className:"uds-pagination__jump-input",value:_,onChange:J,min:"1",max:n,"aria-label":"Jump to page"})}),c("span",{className:"uds-pagination__jump-label",children:["of ",n]})]},`jump-${s}`);if(i==="ellipsis-start"||i==="ellipsis-end")return a("button",{type:"button",className:"uds-pagination__item uds-pagination__item--ellipsis",disabled:!0,"aria-hidden":"true",children:"..."},`ellipsis-${s}`);const t=i===e;return a("button",{type:"button",className:`uds-pagination__item ${t?"uds-pagination__item--active":""} ${f?"uds-pagination__item--underline":""}`,onClick:()=>u(i),"aria-label":`Page ${i}`,"aria-current":t?"page":void 0,children:i},i)}),a("button",{type:"button",className:"uds-pagination__cap uds-pagination__cap--next",onClick:y,disabled:e===n,"aria-label":"Next page",children:a(l,{name:"CaretRight",size:16})}),p&&a("button",{type:"button",className:"uds-pagination__cap uds-pagination__cap--last",onClick:M,disabled:e===n,"aria-label":"Last page",children:a(l,{name:"CaretDoubleRight",size:16})})]})})}export{A as default};

package/dist/components/ProgressCircle/ProgressCircle.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime");;/* empty css                        */const e="uds-progress-circle",$={xxs:"xxs",xs:"xs",sm:"sm",md:"md",lg:"lg"},k={circle:"circle","half-circle":"half-circle"};function y({value:h=40,max:f=100,size:a="md",shape:s="circle",label:l,showLabel:_=!0,className:v="","aria-label":b,...j}){const m=Math.min(Math.max(h/f*100,0),100),g=Math.round(m),u={xxs:{size:64,strokeWidth:3,fontSize:14,labelFontSize:12},xs:{size:160,strokeWidth:8,fontSize:24,labelFontSize:12},sm:{size:200,strokeWidth:10,fontSize:32,labelFontSize:12},md:{size:240,strokeWidth:12,fontSize:36,labelFontSize:12},lg:{size:280,strokeWidth:14,fontSize:48,labelFontSize:12}},r=u[a]||u.md,o=(r.size-r.strokeWidth)/2,t=s==="half-circle"?Math.PI*o:2*Math.PI*o,x=t-m/100*t,M=[e,$[a]&&`${e}--${$[a]}`,k[s]&&`${e}--${k[s]}`,v].filter(Boolean).join(" "),W=`progress-circle-${Math.random().toString(36).substr(2,9)}`,z=l?`${W}-label`:void 0,i=r.size,n=i/2,p=i/2,S=s==="half-circle"?i/2:i,d=s==="half-circle"?i:p;return c.jsxs("div",{className:M,role:"progressbar","aria-valuenow":h,"aria-valuemin":0,"aria-valuemax":f,"aria-label":b||l||`Progress: ${g}%`,"aria-labelledby":z,...j,children:[c.jsxs("svg",{className:`${e}__svg`,width:r.size,height:S,viewBox:`0 ${s==="half-circle"?i/2:0} ${i} ${S}`,children:[c.jsx("circle",{className:`${e}__track`,cx:n,cy:d,r:o,fill:"none",strokeWidth:r.strokeWidth,strokeDasharray:t,strokeDashoffset:s==="half-circle"?t/2:0,pathLength:t}),c.jsx("circle",{className:`${e}__fill`,cx:n,cy:d,r:o,fill:"none",strokeWidth:r.strokeWidth,strokeDasharray:t,strokeDashoffset:s==="half-circle"?t/2+x:x,pathLength:t,strokeLinecap:"round",transform:`rotate(-90 ${n} ${d})`})]}),c.jsxs("div",{className:`${e}__content`,children:[l&&_&&c.jsx("span",{id:z,className:`${e}__label`,children:l}),c.jsxs("span",{className:`${e}__value`,style:{fontSize:`${r.fontSize}px`},children:[g,"%"]})]})]})}exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");;/* empty css                        */const s="uds-progress-circle",$={xxs:"xxs",xs:"xs",sm:"sm",md:"md",lg:"lg"},p={circle:"circle","half-circle":"half-circle"};function M({value:d=40,max:f=100,size:l="md",shape:c="circle",label:r,valueLabel:z,showLabel:_=!0,className:S="","aria-label":v,...W}){const h=Math.min(Math.max(d/f*100,0),100),g=Math.round(h),k=c==="half-circle",t={xxs:{size:64,strokeWidth:3,fontSize:14,labelFontSize:12},xs:{size:160,strokeWidth:8,fontSize:24,labelFontSize:12},sm:{size:200,strokeWidth:10,fontSize:32,labelFontSize:12},md:{size:240,strokeWidth:12,fontSize:36,labelFontSize:12},lg:{size:280,strokeWidth:14,fontSize:48,labelFontSize:12}}[l],i=(t.size-t.strokeWidth)/2,j=100-h,b=100-h,y=[s,$[l]&&`${s}--${$[l]}`,p[c]&&`${s}--${p[c]}`,S].filter(Boolean).join(" "),C=`progress-circle-${Math.random().toString(36).substr(2,9)}`,m=r?`${C}-label`:void 0,N=v??(typeof r=="string"||typeof r=="number"?String(r):`Progress: ${g}%`),a=t.size,o=a/2,L=a/2,u=k?a/2+t.strokeWidth:a,n=L,x=`M ${o-i} ${n} A ${i} ${i} 0 0 1 ${o+i} ${n}`;return e.jsxs("div",{className:y,role:"progressbar","aria-valuenow":d,"aria-valuemin":0,"aria-valuemax":f,"aria-label":N,"aria-labelledby":m,...W,children:[e.jsx("svg",{className:`${s}__svg`,width:t.size,height:u,viewBox:`0 0 ${a} ${u}`,children:k?e.jsxs(e.Fragment,{children:[e.jsx("path",{className:`${s}__track`,d:x,fill:"none",strokeWidth:t.strokeWidth,pathLength:100,strokeDasharray:100,strokeDashoffset:0,strokeLinecap:"round"}),e.jsx("path",{className:`${s}__fill`,d:x,fill:"none",strokeWidth:t.strokeWidth,pathLength:100,strokeDasharray:100,strokeDashoffset:b,strokeLinecap:"round"})]}):e.jsxs(e.Fragment,{children:[e.jsx("circle",{className:`${s}__track`,cx:o,cy:n,r:i,fill:"none",strokeWidth:t.strokeWidth,pathLength:100,strokeDasharray:100,strokeDashoffset:0}),e.jsx("circle",{className:`${s}__fill`,cx:o,cy:n,r:i,fill:"none",strokeWidth:t.strokeWidth,pathLength:100,strokeDasharray:100,strokeDashoffset:j,strokeLinecap:"round",transform:`rotate(-90 ${o} ${n})`})]})}),e.jsxs("div",{className:`${s}__content`,children:[r&&_&&e.jsx("span",{id:m,className:`${s}__label`,children:r}),e.jsx("span",{className:`${s}__value`,children:z??`${g}%`})]})]})}exports.default=M;

package/dist/components/ProgressCircle/ProgressCircle.js

@@ -1 +1 @@
-import{jsxs as c,jsx as h}from"react/jsx-runtime";/* empty css                     */const e="uds-progress-circle",u={xxs:"xxs",xs:"xs",sm:"sm",md:"md",lg:"lg"},_={circle:"circle","half-circle":"half-circle"};function w({value:f=40,max:m=100,size:l="md",shape:s="circle",label:o,showLabel:v=!0,className:b="","aria-label":p,...W}){const g=Math.min(Math.max(f/m*100,0),100),z=Math.round(g),$={xxs:{size:64,strokeWidth:3,fontSize:14,labelFontSize:12},xs:{size:160,strokeWidth:8,fontSize:24,labelFontSize:12},sm:{size:200,strokeWidth:10,fontSize:32,labelFontSize:12},md:{size:240,strokeWidth:12,fontSize:36,labelFontSize:12},lg:{size:280,strokeWidth:14,fontSize:48,labelFontSize:12}},r=$[l]||$.md,a=(r.size-r.strokeWidth)/2,t=s==="half-circle"?Math.PI*a:2*Math.PI*a,x=t-g/100*t,M=[e,u[l]&&`${e}--${u[l]}`,_[s]&&`${e}--${_[s]}`,b].filter(Boolean).join(" "),N=`progress-circle-${Math.random().toString(36).substr(2,9)}`,S=o?`${N}-label`:void 0,i=r.size,n=i/2,y=i/2,k=s==="half-circle"?i/2:i,d=s==="half-circle"?i:y;return c("div",{className:M,role:"progressbar","aria-valuenow":f,"aria-valuemin":0,"aria-valuemax":m,"aria-label":p||o||`Progress: ${z}%`,"aria-labelledby":S,...W,children:[c("svg",{className:`${e}__svg`,width:r.size,height:k,viewBox:`0 ${s==="half-circle"?i/2:0} ${i} ${k}`,children:[h("circle",{className:`${e}__track`,cx:n,cy:d,r:a,fill:"none",strokeWidth:r.strokeWidth,strokeDasharray:t,strokeDashoffset:s==="half-circle"?t/2:0,pathLength:t}),h("circle",{className:`${e}__fill`,cx:n,cy:d,r:a,fill:"none",strokeWidth:r.strokeWidth,strokeDasharray:t,strokeDashoffset:s==="half-circle"?t/2+x:x,pathLength:t,strokeLinecap:"round",transform:`rotate(-90 ${n} ${d})`})]}),c("div",{className:`${e}__content`,children:[o&&v&&h("span",{id:S,className:`${e}__label`,children:o}),c("span",{className:`${e}__value`,style:{fontSize:`${r.fontSize}px`},children:[z,"%"]})]})]})}export{w as default};
+import{jsxs as l,jsx as t,Fragment as u}from"react/jsx-runtime";/* empty css                     */const e="uds-progress-circle",x={xxs:"xxs",xs:"xs",sm:"sm",md:"md",lg:"lg"},_={circle:"circle","half-circle":"half-circle"};function j({value:f=40,max:k=100,size:c="md",shape:h="circle",label:r,valueLabel:S,showLabel:W=!0,className:v="","aria-label":b,...C}){const d=Math.min(Math.max(f/k*100,0),100),g=Math.round(d),m=h==="half-circle",s={xxs:{size:64,strokeWidth:3,fontSize:14,labelFontSize:12},xs:{size:160,strokeWidth:8,fontSize:24,labelFontSize:12},sm:{size:200,strokeWidth:10,fontSize:32,labelFontSize:12},md:{size:240,strokeWidth:12,fontSize:36,labelFontSize:12},lg:{size:280,strokeWidth:14,fontSize:48,labelFontSize:12}}[c],a=(s.size-s.strokeWidth)/2,y=100-d,N=100-d,L=[e,x[c]&&`${e}--${x[c]}`,_[h]&&`${e}--${_[h]}`,v].filter(Boolean).join(" "),D=`progress-circle-${Math.random().toString(36).substr(2,9)}`,$=r?`${D}-label`:void 0,M=b??(typeof r=="string"||typeof r=="number"?String(r):`Progress: ${g}%`),o=s.size,i=o/2,F=o/2,p=m?o/2+s.strokeWidth:o,n=F,z=`M ${i-a} ${n} A ${a} ${a} 0 0 1 ${i+a} ${n}`;return l("div",{className:L,role:"progressbar","aria-valuenow":f,"aria-valuemin":0,"aria-valuemax":k,"aria-label":M,"aria-labelledby":$,...C,children:[t("svg",{className:`${e}__svg`,width:s.size,height:p,viewBox:`0 0 ${o} ${p}`,children:m?l(u,{children:[t("path",{className:`${e}__track`,d:z,fill:"none",strokeWidth:s.strokeWidth,pathLength:100,strokeDasharray:100,strokeDashoffset:0,strokeLinecap:"round"}),t("path",{className:`${e}__fill`,d:z,fill:"none",strokeWidth:s.strokeWidth,pathLength:100,strokeDasharray:100,strokeDashoffset:N,strokeLinecap:"round"})]}):l(u,{children:[t("circle",{className:`${e}__track`,cx:i,cy:n,r:a,fill:"none",strokeWidth:s.strokeWidth,pathLength:100,strokeDasharray:100,strokeDashoffset:0}),t("circle",{className:`${e}__fill`,cx:i,cy:n,r:a,fill:"none",strokeWidth:s.strokeWidth,pathLength:100,strokeDasharray:100,strokeDashoffset:y,strokeLinecap:"round",transform:`rotate(-90 ${i} ${n})`})]})}),l("div",{className:`${e}__content`,children:[r&&W&&t("span",{id:$,className:`${e}__label`,children:r}),t("span",{className:`${e}__value`,children:S??`${g}%`})]})]})}export{j as default};

package/dist/components/ProgressIndicator/ProgressIndicator.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime");;/* empty css                           */const e="uds-progress-indicator",m={default:"default",blue:"blue",green:"green",success:"green",orange:"orange",warning:"orange",red:"red",error:"red",purple:"purple"},g={small:"small",medium:"medium",large:"large"};function h({value:r=0,max:l=100,variant:n="default",size:i="medium",label:s,showValue:t=!1,showLabel:d=!0,className:p="","aria-label":_,...$}){const o=Math.min(Math.max(r/l*100,0),100),u=Math.round(o),v=[e,m[n]&&`${e}--${m[n]}`,g[i]&&`${e}--${g[i]}`,p].filter(Boolean).join(" "),f=`progress-${Math.random().toString(36).substr(2,9)}`,c=s?`${f}-label`:void 0;return a.jsxs("div",{className:v,...$,children:[s&&d||t?a.jsxs("div",{className:`${e}__header`,children:[s&&d&&a.jsx("span",{id:c,className:`${e}__label`,children:s}),t&&a.jsxs("span",{className:`${e}__value`,children:[u,"%"]})]}):null,a.jsx("div",{className:`${e}__track`,children:a.jsx("div",{className:`${e}__fill`,role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":l,"aria-label":_||s||`Progress: ${u}%`,"aria-labelledby":c,style:{width:`${o}%`}})})]})}exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),S=require("react"),V=require("../Tooltip/Tooltip.cjs");;/* empty css                           */const e="uds-progress-indicator",b={default:"default",blue:"blue",green:"green",success:"green",orange:"orange",warning:"orange",red:"red",error:"red",purple:"purple"},p={small:"small",medium:"medium",large:"large"},f={false:"label-false",right:"label-right",bottom:"label-bottom","top-floating":"label-top-floating","bottom-floating":"label-bottom-floating"};function C({value:i=0,max:r=100,variant:c="default",size:d="medium",label:l,showValue:h=!1,labelPosition:_,showLabel:u=!0,className:$="","aria-label":x,...v}){const o=Math.min(Math.max(i/r*100,0),100),s=`${Math.round(o)}%`,t=_??(h?"right":"false"),n=t==="right",j=t==="bottom",N=t==="top-floating"||t==="bottom-floating",m=t==="bottom-floating"?"bottom":"top",y={position:"absolute",left:`${Math.min(Math.max(o,4),96)}%`,top:t==="bottom-floating"?"100%":"0",transform:"translateX(-50%)",width:"10px",height:"10px",display:"inline-flex",alignItems:"center",justifyContent:"center",zIndex:1},M=S.useId(),g=l?`${M}-label`:void 0,P=[e,b[c]&&`${e}--${b[c]}`,p[d]&&`${e}--${p[d]}`,f[t]&&`${e}--${f[t]}`,$].filter(Boolean).join(" "),I=x||(typeof l=="string"?l:`Progress: ${s}`);return a.jsxs("div",{className:P,...v,children:[l&&u||n?a.jsxs("div",{className:`${e}__header`,children:[l&&u&&a.jsx("span",{id:g,className:`${e}__label`,children:l}),n&&a.jsx("span",{className:`${e}__value`,children:s})]}):null,a.jsxs("div",{className:`${e}__bar`,role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":r,"aria-label":I,"aria-labelledby":g,children:[a.jsx("div",{className:`${e}__track`,children:a.jsx("div",{className:`${e}__fill`,style:{width:`${o}%`}})}),j&&!n&&a.jsx("span",{className:[`${e}__value`,`${e}__value--bottom`].join(" "),children:s}),N&&a.jsx(V.default,{content:s,placement:m,defaultVisible:!0,className:`${e}__tooltip-anchor`,style:y,children:a.jsx("span",{className:`${e}__marker ${e}__marker--${m==="bottom"?"up":"down"}`,"aria-hidden":"true"})})]})]})}exports.default=C;

package/dist/components/ProgressIndicator/ProgressIndicator.js

@@ -1 +1 @@
-import{jsxs as r,jsx as s}from"react/jsx-runtime";/* empty css                        */const a="uds-progress-indicator",g={default:"default",blue:"blue",green:"green",success:"green",orange:"orange",warning:"orange",red:"red",error:"red",purple:"purple"},p={small:"small",medium:"medium",large:"large"};function M({value:l=0,max:n=100,variant:i="default",size:d="medium",label:e,showValue:o=!1,showLabel:t=!0,className:$="","aria-label":_,...f}){const c=Math.min(Math.max(l/n*100,0),100),m=Math.round(c),h=[a,g[i]&&`${a}--${g[i]}`,p[d]&&`${a}--${p[d]}`,$].filter(Boolean).join(" "),v=`progress-${Math.random().toString(36).substr(2,9)}`,u=e?`${v}-label`:void 0;return r("div",{className:h,...f,children:[e&&t||o?r("div",{className:`${a}__header`,children:[e&&t&&s("span",{id:u,className:`${a}__label`,children:e}),o&&r("span",{className:`${a}__value`,children:[m,"%"]})]}):null,s("div",{className:`${a}__track`,children:s("div",{className:`${a}__fill`,role:"progressbar","aria-valuenow":l,"aria-valuemin":0,"aria-valuemax":n,"aria-label":_||e||`Progress: ${m}%`,"aria-labelledby":u,style:{width:`${c}%`}})})]})}export{M as default};
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import C from"react";import w from"../Tooltip/Tooltip.js";/* empty css                        */const a="uds-progress-indicator",b={default:"default",blue:"blue",green:"green",success:"green",orange:"orange",warning:"orange",red:"red",error:"red",purple:"purple"},f={small:"small",medium:"medium",large:"large"},h={false:"label-false",right:"label-right",bottom:"label-bottom","top-floating":"label-top-floating","bottom-floating":"label-bottom-floating"};function T({value:r=0,max:c=100,variant:m="default",size:d="medium",label:o,showValue:_=!1,labelPosition:$,showLabel:u=!0,className:v="","aria-label":N,...x}){const s=Math.min(Math.max(r/c*100,0),100),l=`${Math.round(s)}%`,e=$??(_?"right":"false"),n=e==="right",y=e==="bottom",M=e==="top-floating"||e==="bottom-floating",p=e==="bottom-floating"?"bottom":"top",I={position:"absolute",left:`${Math.min(Math.max(s,4),96)}%`,top:e==="bottom-floating"?"100%":"0",transform:"translateX(-50%)",width:"10px",height:"10px",display:"inline-flex",alignItems:"center",justifyContent:"center",zIndex:1},P=C.useId(),g=o?`${P}-label`:void 0,V=[a,b[m]&&`${a}--${b[m]}`,f[d]&&`${a}--${f[d]}`,h[e]&&`${a}--${h[e]}`,v].filter(Boolean).join(" "),j=N||(typeof o=="string"?o:`Progress: ${l}`);return i("div",{className:V,...x,children:[o&&u||n?i("div",{className:`${a}__header`,children:[o&&u&&t("span",{id:g,className:`${a}__label`,children:o}),n&&t("span",{className:`${a}__value`,children:l})]}):null,i("div",{className:`${a}__bar`,role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":c,"aria-label":j,"aria-labelledby":g,children:[t("div",{className:`${a}__track`,children:t("div",{className:`${a}__fill`,style:{width:`${s}%`}})}),y&&!n&&t("span",{className:[`${a}__value`,`${a}__value--bottom`].join(" "),children:l}),M&&t(w,{content:l,placement:p,defaultVisible:!0,className:`${a}__tooltip-anchor`,style:I,children:t("span",{className:`${a}__marker ${a}__marker--${p==="bottom"?"up":"down"}`,"aria-hidden":"true"})})]})]})}export{T as default};

package/dist/components/Steps/Steps.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),A=require("react"),r=require("../Icon/Icon.cjs");;/* empty css              */const t="uds-steps",u={horizontal:"horizontal",vertical:"vertical"},m={complete:"complete",active:"active",incomplete:"incomplete",disabled:"disabled",error:"error",warning:"warning"},p={default:"default",compact:"compact"};function B({steps:i=[],orientation:s="horizontal",size:l="default",displayLabel:$=!0,className:v="",...h}){if(!i||i.length===0)return null;const j=[t,u[s]&&`${t}--${u[s]}`,p[l]&&`${t}--${p[l]}`,v].filter(Boolean).join(" "),S=(e,a)=>e===0?"start":e===a-1?"end":"middle",N=e=>e.status||"incomplete",b=(e,a)=>e<a-1,o=e=>e==="complete",d=e=>e==="active",g=e=>e==="incomplete",x=e=>e==="error",f=e=>e==="warning",C=e=>e==="disabled",w=(e,a)=>o(e)||d(e)?"active":"inactive";return c.jsx("div",{className:j,...h,children:i.map((e,a)=>{const n=N(e),z=S(a,i.length),_=b(a,i.length),M=_?w(n):null,q=[`${t}__step`,m[n]&&`${t}__step--${m[n]}`,`${t}__step--${z}`].filter(Boolean).join(" ");return c.jsxs(A.Fragment,{children:[c.jsxs("div",{className:q,children:[c.jsxs("div",{className:`${t}__indicator`,children:[o(n)&&c.jsx("div",{className:`${t}__indicator-circle ${t}__indicator-circle--complete`,children:c.jsx(r.default,{name:"Check",size:12,appearance:"bold",className:`${t}__check-icon`})}),d(n)&&c.jsx("div",{className:`${t}__indicator-circle ${t}__indicator-circle--active`}),g(n)&&c.jsx("div",{className:`${t}__indicator-circle ${t}__indicator-circle--incomplete`}),x(n)&&c.jsx("div",{className:`${t}__indicator-circle ${t}__indicator-circle--error`,children:c.jsx(r.default,{name:"X",size:12,appearance:"bold",className:`${t}__error-icon`})}),f(n)&&c.jsx("div",{className:`${t}__indicator-circle ${t}__indicator-circle--warning`,children:c.jsx(r.default,{name:"WarningCircle",size:12,appearance:"bold",className:`${t}__warning-icon`})}),C(n)&&c.jsx("div",{className:`${t}__indicator-circle ${t}__indicator-circle--disabled`})]}),$&&c.jsxs("div",{className:`${t}__label-container`,children:[e.label&&c.jsx("span",{className:`${t}__label`,children:e.label}),e.optionalLabel&&c.jsx("span",{className:`${t}__optional-label`,children:e.optionalLabel})]})]}),_&&c.jsx("div",{className:`${t}__connector ${t}__connector--${M}`})]},a)})})}exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),B=require("react"),_=require("../Icon/Icon.cjs");;/* empty css              */const t="uds-steps",p={horizontal:"horizontal",vertical:"vertical"},l={complete:"complete",active:"active",incomplete:"incomplete",disabled:"disabled",error:"error"},m={default:"default",compact:"compact"},L=n=>typeof n=="string"&&n in l;function P({steps:n=[],orientation:a="horizontal",size:o="default",displayLabel:$=!0,className:S="",...v}){const i=Array.isArray(n)?n:[];if(i.length===0)return null;const h=typeof a=="string"&&a in p?a:"horizontal",j=typeof o=="string"&&o in m?o:"default",f=[t,`${t}--${p[h]}`,`${t}--${m[j]}`,S].filter(Boolean).join(" "),b=(e,s)=>e===0?"start":e===s-1?"end":"middle",N=e=>{const s=e==null?void 0:e.status;return L(s)?s:"incomplete"},x=(e,s)=>e<s-1,d=e=>e==="complete",g=e=>e==="active",C=e=>e==="incomplete",z=e=>e==="error",y=e=>e==="disabled",A=e=>d(e)?"active":"inactive";return c.jsx("div",{className:f,...v,children:i.map((e,s)=>{const r=N(e),M=b(s,i.length),u=x(s,i.length),q=u?A(r):null,w=[`${t}__step`,l[r]&&`${t}__step--${l[r]}`,`${t}__step--${M}`].filter(Boolean).join(" ");return c.jsxs(B.Fragment,{children:[c.jsxs("div",{className:w,children:[c.jsxs("div",{className:`${t}__indicator`,children:[d(r)&&c.jsx("div",{className:`${t}__indicator-circle ${t}__indicator-circle--complete`,children:c.jsx(_.default,{name:"Check",size:12,appearance:"bold",className:`${t}__check-icon`})}),g(r)&&c.jsx("div",{className:`${t}__indicator-circle ${t}__indicator-circle--active`}),C(r)&&c.jsx("div",{className:`${t}__indicator-circle ${t}__indicator-circle--incomplete`}),z(r)&&c.jsx("div",{className:`${t}__indicator-circle ${t}__indicator-circle--error`,children:c.jsx(_.default,{name:"X",size:12,appearance:"bold",className:`${t}__error-icon`})}),y(r)&&c.jsx("div",{className:`${t}__indicator-circle ${t}__indicator-circle--disabled`})]}),$&&c.jsxs("div",{className:`${t}__label-container`,children:[e.label&&c.jsx("span",{className:`${t}__label`,children:e.label}),e.optionalLabel&&c.jsx("span",{className:`${t}__optional-label`,children:e.optionalLabel})]})]}),u&&c.jsx("div",{className:`${t}__connector ${t}__connector--${q}`})]},s)})})}exports.default=P;

package/dist/components/Steps/Steps.js

@@ -1 +1 @@
-import{jsx as t,jsxs as r}from"react/jsx-runtime";import k from"react";import o from"../Icon/Icon.js";/* empty css           */const c="uds-steps",p={horizontal:"horizontal",vertical:"vertical"},u={complete:"complete",active:"active",incomplete:"incomplete",disabled:"disabled",error:"error",warning:"warning"},$={default:"default",compact:"compact"};function x({steps:i=[],orientation:l="horizontal",size:s="default",displayLabel:h=!0,className:v="",...N}){if(!i||i.length===0)return null;const S=[c,p[l]&&`${c}--${p[l]}`,$[s]&&`${c}--${$[s]}`,v].filter(Boolean).join(" "),b=(e,a)=>e===0?"start":e===a-1?"end":"middle",f=e=>e.status||"incomplete",g=(e,a)=>e<a-1,d=e=>e==="complete",_=e=>e==="active",C=e=>e==="incomplete",w=e=>e==="error",z=e=>e==="warning",j=e=>e==="disabled",A=(e,a)=>d(e)||_(e)?"active":"inactive";return t("div",{className:S,...N,children:i.map((e,a)=>{const n=f(e),B=b(a,i.length),m=g(a,i.length),L=m?A(n):null,M=[`${c}__step`,u[n]&&`${c}__step--${u[n]}`,`${c}__step--${B}`].filter(Boolean).join(" ");return r(k.Fragment,{children:[r("div",{className:M,children:[r("div",{className:`${c}__indicator`,children:[d(n)&&t("div",{className:`${c}__indicator-circle ${c}__indicator-circle--complete`,children:t(o,{name:"Check",size:12,appearance:"bold",className:`${c}__check-icon`})}),_(n)&&t("div",{className:`${c}__indicator-circle ${c}__indicator-circle--active`}),C(n)&&t("div",{className:`${c}__indicator-circle ${c}__indicator-circle--incomplete`}),w(n)&&t("div",{className:`${c}__indicator-circle ${c}__indicator-circle--error`,children:t(o,{name:"X",size:12,appearance:"bold",className:`${c}__error-icon`})}),z(n)&&t("div",{className:`${c}__indicator-circle ${c}__indicator-circle--warning`,children:t(o,{name:"WarningCircle",size:12,appearance:"bold",className:`${c}__warning-icon`})}),j(n)&&t("div",{className:`${c}__indicator-circle ${c}__indicator-circle--disabled`})]}),h&&r("div",{className:`${c}__label-container`,children:[e.label&&t("span",{className:`${c}__label`,children:e.label}),e.optionalLabel&&t("span",{className:`${c}__optional-label`,children:e.optionalLabel})]})]}),m&&t("div",{className:`${c}__connector ${c}__connector--${L}`})]},a)})})}export{x as default};
+import{jsx as c,jsxs as i}from"react/jsx-runtime";import E from"react";import p from"../Icon/Icon.js";/* empty css           */const t="uds-steps",u={horizontal:"horizontal",vertical:"vertical"},d={complete:"complete",active:"active",incomplete:"incomplete",disabled:"disabled",error:"error"},$={default:"default",compact:"compact"},I=o=>typeof o=="string"&&o in d;function R({steps:o=[],orientation:s="horizontal",size:l="default",displayLabel:h=!0,className:S="",...v}){const a=Array.isArray(o)?o:[];if(a.length===0)return null;const f=typeof s=="string"&&s in u?s:"horizontal",N=typeof l=="string"&&l in $?l:"default",b=[t,`${t}--${u[f]}`,`${t}--${$[N]}`,S].filter(Boolean).join(" "),g=(e,r)=>e===0?"start":e===r-1?"end":"middle",C=e=>{const r=e==null?void 0:e.status;return I(r)?r:"incomplete"},z=(e,r)=>e<r-1,_=e=>e==="complete",y=e=>e==="active",A=e=>e==="incomplete",j=e=>e==="error",w=e=>e==="disabled",B=e=>_(e)?"active":"inactive";return c("div",{className:b,...v,children:a.map((e,r)=>{const n=C(e),L=g(r,a.length),m=z(r,a.length),M=m?B(n):null,k=[`${t}__step`,d[n]&&`${t}__step--${d[n]}`,`${t}__step--${L}`].filter(Boolean).join(" ");return i(E.Fragment,{children:[i("div",{className:k,children:[i("div",{className:`${t}__indicator`,children:[_(n)&&c("div",{className:`${t}__indicator-circle ${t}__indicator-circle--complete`,children:c(p,{name:"Check",size:12,appearance:"bold",className:`${t}__check-icon`})}),y(n)&&c("div",{className:`${t}__indicator-circle ${t}__indicator-circle--active`}),A(n)&&c("div",{className:`${t}__indicator-circle ${t}__indicator-circle--incomplete`}),j(n)&&c("div",{className:`${t}__indicator-circle ${t}__indicator-circle--error`,children:c(p,{name:"X",size:12,appearance:"bold",className:`${t}__error-icon`})}),w(n)&&c("div",{className:`${t}__indicator-circle ${t}__indicator-circle--disabled`})]}),h&&i("div",{className:`${t}__label-container`,children:[e.label&&c("span",{className:`${t}__label`,children:e.label}),e.optionalLabel&&c("span",{className:`${t}__optional-label`,children:e.optionalLabel})]})]}),m&&c("div",{className:`${t}__connector ${t}__connector--${M}`})]},r)})})}export{R as default};

package/dist/components/Text/Text.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("./Text.spec.cjs");;/* empty css             */const g={regular:"ds-text--weight-regular",medium:"ds-text--weight-medium",semibold:"ds-text--weight-semibold",bold:"ds-text--weight-bold"},u={tight:"ds-text--leading-tight",regular:"ds-text--leading-regular",loose:"ds-text--leading-loose"};function x({as:t,variant:s,weight:i=e.TextSpec.variants.weight.default,leading:l=e.TextSpec.variants.leading.default,className:d="",children:o,...r}){const a=t??"p";return n.jsx(a,{className:["ds-text",`ds-text--${s}`,g[i],u[l],d].filter(Boolean).join(" "),...r,children:o})}exports.Text=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime");;/* empty css             */const n={regular:"ds-text--weight-regular",medium:"ds-text--weight-medium",semibold:"ds-text--weight-semibold",bold:"ds-text--weight-bold"},a={tight:"ds-text--leading-tight",regular:"ds-text--leading-regular",loose:"ds-text--leading-loose"};function u({as:e,variant:t,weight:s="regular",leading:i="regular",className:l="",children:r,...o}){const d=e??"p";return g.jsx(d,{className:["ds-text",`ds-text--${t}`,n[s],a[i],l].filter(Boolean).join(" "),...o,children:r})}exports.Text=u;

package/dist/components/Text/Text.js

@@ -1 +1 @@
-import{jsx as n}from"react/jsx-runtime";import{TextSpec as t}from"./Text.spec.js";/* empty css          */const r={regular:"ds-text--weight-regular",medium:"ds-text--weight-medium",semibold:"ds-text--weight-semibold",bold:"ds-text--weight-bold"},g={tight:"ds-text--leading-tight",regular:"ds-text--leading-regular",loose:"ds-text--leading-loose"};function p({as:e,variant:i,weight:o=t.variants.weight.default,leading:s=t.variants.leading.default,className:d="",children:l,...a}){return n(e??"p",{className:["ds-text",`ds-text--${i}`,r[o],g[s],d].filter(Boolean).join(" "),...a,children:l})}export{p as Text};
+import{jsx as r}from"react/jsx-runtime";/* empty css          */const g={regular:"ds-text--weight-regular",medium:"ds-text--weight-medium",semibold:"ds-text--weight-semibold",bold:"ds-text--weight-bold"},n={tight:"ds-text--leading-tight",regular:"ds-text--leading-regular",loose:"ds-text--leading-loose"};function u({as:t,variant:e,weight:o="regular",leading:s="regular",className:l="",children:i,...d}){return r(t??"p",{className:["ds-text",`ds-text--${e}`,g[o],n[s],l].filter(Boolean).join(" "),...d,children:i})}export{u as Text};

package/dist/components/Tooltip/Tooltip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),n=require("react");;/* empty css                */const a="uds-tooltip",b={top:"top",bottom:"bottom",left:"left",right:"right"};function S({children:f,content:p,placement:s="top",disabled:R=!1,className:m="",...v}){const[l,d]=n.useState(!1),c=n.useRef(null),h=n.useRef(null);if(n.useEffect(()=>{if(!l||!h.current||!c.current)return;const u=h.current,t=c.current.getBoundingClientRect(),e=u.getBoundingClientRect();let o=0,i=0;switch(s){case"top":o=t.top-e.height-8,i=t.left+t.width/2-e.width/2;break;case"bottom":o=t.bottom+8,i=t.left+t.width/2-e.width/2;break;case"left":o=t.top+t.height/2-e.height/2,i=t.left-e.width-8;break;case"right":o=t.top+t.height/2-e.height/2,i=t.right+8;break}const g=window.innerWidth,w=window.innerHeight;i<8&&(i=8),i+e.width>g-8&&(i=g-e.width-8),o<8&&(o=8),o+e.height>w-8&&(o=w-e.height-8),u.style.top=`${o}px`,u.style.left=`${i}px`},[l,s]),!p||R)return r.jsx(r.Fragment,{children:f});const M=()=>{d(!0)},j=()=>{d(!1)},x=[a,b[s]&&`${a}--${b[s]}`,m].filter(Boolean).join(" ");return r.jsxs("div",{ref:c,className:x,onMouseEnter:M,onMouseLeave:j,...v,children:[f,l&&r.jsx("div",{ref:h,className:`${a}__content`,role:"tooltip",children:p})]})}exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react/jsx-runtime"),n=require("react");;/* empty css                */const g="uds-tooltip",m={top:"top",bottom:"bottom",left:"left",right:"right"};function $({children:w,content:b,placement:l="top",disabled:M=!1,defaultVisible:c=!1,className:j="",...x}){const[u,a]=n.useState(c),f=n.useRef(null),p=n.useRef(null);if(n.useEffect(()=>{a(c)},[c]),n.useEffect(()=>{if(!u||!p.current||!f.current)return;const d=p.current,e=f.current.getBoundingClientRect(),t=d.getBoundingClientRect();let o=0,i=0;switch(l){case"top":o=-t.height-8,i=e.width/2-t.width/2;break;case"bottom":o=e.height+8,i=e.width/2-t.width/2;break;case"left":o=e.height/2-t.height/2,i=-t.width-8;break;case"right":o=e.height/2-t.height/2,i=e.width+8;break}const R=window.innerWidth,v=window.innerHeight;let s=e.left+i,r=e.top+o;s<8&&(i+=8-s,s=8),s+t.width>R-8&&(i-=s+t.width-(R-8)),r<8&&(o+=8-r,r=8),r+t.height>v-8&&(o-=r+t.height-(v-8)),d.style.top=`${o}px`,d.style.left=`${i}px`},[u,l]),!b||M)return h.jsx(h.Fragment,{children:w});const S=()=>{a(!0)},E=()=>{c||a(!1)},_=[g,m[l]&&`${g}--${m[l]}`,j].filter(Boolean).join(" ");return h.jsxs("div",{ref:f,className:_,onMouseEnter:S,onMouseLeave:E,...x,children:[w,u&&h.jsx("div",{ref:p,className:`${g}__content`,role:"tooltip",children:b})]})}exports.default=$;

package/dist/components/Tooltip/Tooltip.js

@@ -1 +1 @@
-import{jsx as g,Fragment as k,jsxs as B}from"react/jsx-runtime";import{useState as C,useRef as w,useEffect as E}from"react";/* empty css             */const c="uds-tooltip",m={top:"top",bottom:"bottom",left:"left",right:"right"};function _({children:a,content:f,placement:s="top",disabled:b=!1,className:v="",...R}){const[r,p]=C(!1),n=w(null),l=w(null);if(E(()=>{if(!r||!l.current||!n.current)return;const h=l.current,t=n.current.getBoundingClientRect(),e=h.getBoundingClientRect();let o=0,i=0;switch(s){case"top":o=t.top-e.height-8,i=t.left+t.width/2-e.width/2;break;case"bottom":o=t.bottom+8,i=t.left+t.width/2-e.width/2;break;case"left":o=t.top+t.height/2-e.height/2,i=t.left-e.width-8;break;case"right":o=t.top+t.height/2-e.height/2,i=t.right+8;break}const u=window.innerWidth,d=window.innerHeight;i<8&&(i=8),i+e.width>u-8&&(i=u-e.width-8),o<8&&(o=8),o+e.height>d-8&&(o=d-e.height-8),h.style.top=`${o}px`,h.style.left=`${i}px`},[r,s]),!f||b)return g(k,{children:a});const x=()=>{p(!0)},M=()=>{p(!1)},$=[c,m[s]&&`${c}--${m[s]}`,v].filter(Boolean).join(" ");return B("div",{ref:n,className:$,onMouseEnter:x,onMouseLeave:M,...R,children:[a,r&&g("div",{ref:l,className:`${c}__content`,role:"tooltip",children:f})]})}export{_ as default};
+import{jsx as b,Fragment as L,jsxs as S}from"react/jsx-runtime";import{useState as j,useRef as v,useEffect as R}from"react";/* empty css             */const u="uds-tooltip",x={top:"top",bottom:"bottom",left:"left",right:"right"};function H({children:d,content:g,placement:n="top",disabled:M=!1,defaultVisible:h=!1,className:$="",...k}){const[l,c]=j(h),a=v(null),p=v(null);if(R(()=>{c(h)},[h]),R(()=>{if(!l||!p.current||!a.current)return;const f=p.current,e=a.current.getBoundingClientRect(),t=f.getBoundingClientRect();let o=0,i=0;switch(n){case"top":o=-t.height-8,i=e.width/2-t.width/2;break;case"bottom":o=e.height+8,i=e.width/2-t.width/2;break;case"left":o=e.height/2-t.height/2,i=-t.width-8;break;case"right":o=e.height/2-t.height/2,i=e.width+8;break}const w=window.innerWidth,m=window.innerHeight;let r=e.left+i,s=e.top+o;r<8&&(i+=8-r,r=8),r+t.width>w-8&&(i-=r+t.width-(w-8)),s<8&&(o+=8-s,s=8),s+t.height>m-8&&(o-=s+t.height-(m-8)),f.style.top=`${o}px`,f.style.left=`${i}px`},[l,n]),!g||M)return b(L,{children:d});const B=()=>{c(!0)},C=()=>{h||c(!1)},E=[u,x[n]&&`${u}--${x[n]}`,$].filter(Boolean).join(" ");return S("div",{ref:a,className:E,onMouseEnter:B,onMouseLeave:C,...k,children:[d,l&&b("div",{ref:p,className:`${u}__content`,role:"tooltip",children:g})]})}export{H as default};

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

@@ -4,6 +4,7 @@ export interface AuditEvent {
     promptHash: string;
     udsVersion: string;
     manifestVersion: string;
+    governanceVersion?: string;
     policyVersion: string;
     componentsUsed: string[];
     tokensUsed: string[];

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

@@ -0,0 +1,4 @@
+export { ValidAuthFormTree, InvalidPrimaryActionTree } from "./trees.example";
+export { StrictModeFailureTree, strictModeFailureExample } from "./validation-run.example";
+export { UDS_TRAINING_EXAMPLES } from "./training.examples";
+export type { AITrainingExample } from "./training.examples";

package/dist/design-system/ai/examples/training.examples.d.ts

@@ -0,0 +1,22 @@
+import type { UINodeTree } from "../manifest/types";
+export interface AITrainingExample {
+    id: string;
+    scenario: string;
+    kind: "valid" | "invalid";
+    tags: string[];
+    output: {
+        tree: UINodeTree;
+        manifestVersion?: string;
+        governanceVersion?: string;
+        policyVersion?: string;
+    };
+    expected: {
+        status: "pass" | "fail";
+        violationCodes?: string[];
+    };
+    rationale: {
+        why: string;
+        fix?: string;
+    };
+}
+export declare const UDS_TRAINING_EXAMPLES: readonly AITrainingExample[];

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

@@ -2,19 +2,23 @@ import { ComponentRegistry } from "./manifest/components.manifest";
 import { getVersionLineage, UDSGovernance } from "./manifest/governance.manifest";
 import { LayoutRules } from "./manifest/layout.manifest";
 import { PatternRegistry } from "./manifest/patterns.manifest";
-import { UDSManifest, UDS_AI_MANIFEST } from "./manifest/system.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, UDS_AI_MANIFEST };
-export { ComponentRegistry, PatternRegistry, LayoutRules, TokenIntentMap, UDSGovernance, getVersionLineage };
+export { UDSManifest, UDSAIContract, UDS_AI_CONTRACT, UDS_AI_MANIFEST };
+export { ComponentRegistry, PatternRegistry, LayoutRules, PropAliasRules, TokenIntentMap, UDSGovernance, getVersionLineage };
 export { runPolicyEngine } from "./policies/policy.engine";
+export { createUDSRuntimeHelperSDK } from "./sdk";
 export { validateTree } from "./validation/validateTree";
 export { validateAIOutput } from "./validation/validateAIOutput";
 export { validateSchema } from "./validation/schemaValidation";
 export { detectDrift } from "./validation/driftDetection";
+export { buildDeterministicFeedback, sortAndDedupeViolations } from "./validation/deterministicFeedback";
 export { logAIGeneration } from "./audit/auditLogger";
 export { recordUsageMetric, getUsageMetrics, resetUsageMetrics } from "./telemetry/usageMetrics";
 export { ValidAuthFormTree, InvalidPrimaryActionTree } from "./examples/trees.example";
 export { StrictModeFailureTree, strictModeFailureExample } from "./examples/validation-run.example";
+export { UDS_TRAINING_EXAMPLES } from "./examples/training.examples";
 export declare const AI_COMPONENT_METADATA: import(".").ComponentRegistryType;
 export declare const BUTTON_METADATA: import(".").ComponentMetadata;
 export declare const TABLE_METADATA: import(".").ComponentMetadata;
@@ -34,6 +38,8 @@ export declare const UDS_LAYOUT_RULES: {
 export declare const UDS_GLOBAL_ANTI_PATTERNS: string[];
 export type { ComponentManifestItem as ComponentMetadata, ComponentRegistryType, LayoutManifestRules, PatternManifestItem as FlowPattern, PatternRegistryType, TokenIntentMapType as TokenIntentItem, UDSManifestType as AIManifest, UINodeTree, ValidationError, ValidationResult, GovernanceConfig, VersionLineage, } from "./manifest/types";
 export type { PolicyViolation } from "./policies/policy.types";
+export type { UDSRuntimeHelperSDK, CreateUDSRuntimeHelperSDKOptions, CanonicalizedPropsResult } from "./sdk";
 export type { AuditEvent, AuditTransport } from "./audit/audit.types";
 export type { AIValidationResult } from "./validation/validateAIOutput";
 export type { UsageMetric } from "./telemetry/usageMetrics";
+export type { AITrainingExample } from "./examples/training.examples";

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

@@ -0,0 +1,11 @@
+export interface CompositionPairConstraint {
+    parent: string;
+    child: string;
+    reason?: string;
+}
+export interface CompositionConstraints {
+    allowedChildrenByParent: Record<string, string[]>;
+    allowedParentsByChild: Record<string, string[]>;
+    disallowedPairs: CompositionPairConstraint[];
+}
+export declare const CompositionRules: CompositionConstraints;

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

@@ -1,5 +1,10 @@
 import type { GovernanceConfig, VersionLineage } from "./types";
 export declare const AI_MANIFEST_VERSION = "1.0.0";
+export declare const AI_GOVERNANCE_VERSION = "1.0.0";
 export declare const AI_POLICY_VERSION = "1.0.0";
+export declare const AI_CONTRACT_SCHEMA_VERSION = "1.0.0";
+export declare const AI_COMPONENT_API_SCHEMA_VERSION = "1.0.0";
+export declare const AI_SCHEMA_VERSION = "1.0.0";
+export declare const AI_API_SCHEMA_VERSION = "1.0.0";
 export declare const UDSGovernance: GovernanceConfig;
 export declare function getVersionLineage(): VersionLineage;

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

@@ -0,0 +1,9 @@
+export { UDSManifest, UDS_AI_MANIFEST } from "./system.manifest";
+export { UDSGovernance, getVersionLineage, AI_MANIFEST_VERSION, AI_GOVERNANCE_VERSION, AI_POLICY_VERSION, AI_CONTRACT_SCHEMA_VERSION, AI_COMPONENT_API_SCHEMA_VERSION, AI_SCHEMA_VERSION, AI_API_SCHEMA_VERSION, } from "./governance.manifest";
+export { ComponentRegistry } from "./components.manifest";
+export { PatternRegistry } from "./patterns.manifest";
+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 type { ComponentManifestItem, ComponentRegistryType, LayoutManifestRules, ManifestGovernance, PatternManifestItem, PatternRegistryType, TokenIntentMapType, UDSManifestType, UINodeTree, ValidationError, ValidationResult, GovernanceConfig, VersionLineage, } from "./types";

package/dist/design-system/ai/manifest/prop-aliases.manifest.d.ts

@@ -0,0 +1,10 @@
+export interface PropAliasManifest {
+    global: Record<string, string>;
+    byComponent: Record<string, Record<string, string>>;
+}
+export declare const PropAliasRules: PropAliasManifest;
+export declare function getCanonicalPropName(componentName: string, propName: string): string;
+export declare function getAliasEntries(componentName: string): Array<{
+    alias: string;
+    canonical: string;
+}>;

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

@@ -1,3 +1,5 @@
 import type { UDSManifestType } from "./types";
 export declare const UDSManifest: UDSManifestType;
+export declare const UDSAIContract: UDSManifestType;
+export declare const UDS_AI_CONTRACT: UDSManifestType;
 export declare const UDS_AI_MANIFEST: UDSManifestType;

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

@@ -58,6 +58,7 @@ export interface LayoutManifestRules {
         compactGapToken: string;
     };
     allowedComposition: Record<string, string[]>;
+    allowedParents: Record<string, string[]>;
     disallowedNesting: Array<{
         parent: string;
         child: string;
@@ -108,6 +109,7 @@ export interface GovernanceConfig {
     systemVersion: string;
     tokenVersion: string;
     manifestVersion: string;
+    governanceVersion: string;
     policyVersion: string;
     enforcement: {
         strictMode: boolean;
@@ -129,5 +131,6 @@ export interface VersionLineage {
     udsVersion: string;
     tokenVersion: string;
     manifestVersion: string;
+    governanceVersion: string;
     policyVersion: string;
 }

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

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

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

@@ -0,0 +1 @@
+export { createUDSRuntimeHelperSDK, type UDSRuntimeHelperSDK, type CreateUDSRuntimeHelperSDKOptions, type CanonicalizedPropsResult, } from "./runtime-sdk";

package/dist/design-system/ai/sdk/runtime-sdk.d.ts

@@ -0,0 +1,21 @@
+import { ComponentRegistry } from "../manifest/components.manifest";
+import { UDSManifest } from "../manifest/system.manifest";
+import type { GovernanceConfig, VersionLineage } from "../manifest/types";
+import { type AIValidationResult } from "../validation/validateAIOutput";
+export interface CanonicalizedPropsResult {
+    canonicalProps: Record<string, unknown>;
+    aliasesApplied: Record<string, string>;
+}
+export interface UDSRuntimeHelperSDK {
+    readonly governance: GovernanceConfig;
+    getVersionLineage(): VersionLineage;
+    getManifest(): typeof UDSManifest;
+    getComponent(componentName: string): (typeof ComponentRegistry)[string] | undefined;
+    canonicalizeProps(componentName: string, props: Record<string, unknown>): CanonicalizedPropsResult;
+    validate(output: unknown): AIValidationResult;
+    validateOrThrow(output: unknown): AIValidationResult;
+}
+export interface CreateUDSRuntimeHelperSDKOptions {
+    governance?: GovernanceConfig;
+}
+export declare function createUDSRuntimeHelperSDK(options?: CreateUDSRuntimeHelperSDKOptions): UDSRuntimeHelperSDK;

package/dist/design-system/ai/validation/deterministicFeedback.d.ts

@@ -0,0 +1,15 @@
+import type { PolicyViolation } from "../policies/policy.types";
+export interface DeterministicViolationFeedback {
+    id: string;
+    code: string;
+    path: string;
+    message: string;
+    fix: string;
+    severity: "error" | "warning";
+}
+export declare function sortAndDedupeViolations(violations: PolicyViolation[]): PolicyViolation[];
+export declare function buildDeterministicFeedback(violations: PolicyViolation[]): {
+    fingerprint: string;
+    summary: string;
+    items: DeterministicViolationFeedback[];
+};