@mich8060/unified-design-system 0.2.13 → 0.2.15

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/NumberInput/NumberInput.cjs

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

package/dist/components/NumberInput/NumberInput.js

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

package/dist/components/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/PasswordInput/PasswordInput.cjs

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

package/dist/components/PasswordInput/PasswordInput.js

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

package/dist/components/PhoneInput/PhoneInput.cjs

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

package/dist/components/PhoneInput/PhoneInput.js

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

package/dist/components/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/RadioGroup/RadioGroup.cjs

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

package/dist/components/RadioGroup/RadioGroup.js

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

package/dist/components/SearchInput/SearchInput.cjs

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

package/dist/components/SearchInput/SearchInput.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import r from"../TextInput/TextInput.js";function i(e){return o(r,{type:"search",icon:"MagnifyingGlass",iconPosition:"left",placeholder:e.placeholder??"Search",...e})}export{i as SearchInput};

package/dist/components/SectionHeader/SectionHeader.cjs

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

package/dist/components/SectionHeader/SectionHeader.js

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

package/dist/components/Statistics/Statistics.cjs

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

package/dist/components/Statistics/Statistics.js

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

package/dist/components/Status/Status.cjs

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

package/dist/components/Status/Status.js

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

package/dist/components/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/Table/Table.cjs

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

package/dist/components/Table/Table.js

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

package/dist/components/Tabs/Tabs.cjs

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

package/dist/components/Tabs/Tabs.js

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

package/dist/components/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/TimeInput/TimeInput.cjs

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

package/dist/components/TimeInput/TimeInput.js

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

package/dist/components/TokenInput/TokenInput.cjs

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

package/dist/components/TokenInput/TokenInput.js

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

package/dist/components/Toolbar/Toolbar.cjs

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

package/dist/components/Toolbar/Toolbar.js

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

package/dist/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

@@ -1,20 +1,25 @@
 import { ComponentRegistry } from "./manifest/components.manifest";
 import { getVersionLineage, UDSGovernance } from "./manifest/governance.manifest";
+import { IntentComponentMappings } from "./manifest/intent-mappings.manifest";
 import { LayoutRules } from "./manifest/layout.manifest";
 import { PatternRegistry } from "./manifest/patterns.manifest";
-import { 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, IntentComponentMappings, 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 +39,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;