@mich8060/unified-design-system 0.2.37 → 0.2.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ai/manifest.json +3 -2
- package/dist/ai/navigation/brand-menus.json +7 -0
- package/dist/components/ActionMenu/ActionMenu.cjs +1 -1
- package/dist/components/ActionMenu/ActionMenu.js +1 -1
- package/dist/components/Branding/Branding.cjs +1 -1
- package/dist/components/Branding/Branding.js +1 -1
- package/dist/components/Modal/Modal.cjs +1 -1
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Tabs/TabItem.cjs +1 -1
- package/dist/components/Tabs/TabItem.js +1 -1
- package/dist/design-system/components/Branding/Branding.d.ts +1 -1
- package/dist/design-system/components/Tabs/TabItem.d.ts +1 -1
- package/dist/design-system/generated/component-api.d.ts +3 -3
- package/dist/generated/component-api.cjs +1 -1
- package/dist/generated/component-api.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/ai/manifest.json
CHANGED
|
@@ -107,6 +107,7 @@
|
|
|
107
107
|
"locumsmart",
|
|
108
108
|
"modio",
|
|
109
109
|
"gms",
|
|
110
|
+
"chg",
|
|
110
111
|
"wireframe"
|
|
111
112
|
],
|
|
112
113
|
"default": "default"
|
|
@@ -2714,13 +2715,13 @@
|
|
|
2714
2715
|
},
|
|
2715
2716
|
"tagVariant": {
|
|
2716
2717
|
"type": "string",
|
|
2717
|
-
"default": "
|
|
2718
|
+
"default": "neutral"
|
|
2718
2719
|
}
|
|
2719
2720
|
},
|
|
2720
2721
|
"defaults": {
|
|
2721
2722
|
"orientation": "horizontal",
|
|
2722
2723
|
"appearance": "underline",
|
|
2723
|
-
"tagVariant": "
|
|
2724
|
+
"tagVariant": "neutral"
|
|
2724
2725
|
},
|
|
2725
2726
|
"composition": {
|
|
2726
2727
|
"preferredParents": [
|
|
@@ -71,6 +71,13 @@
|
|
|
71
71
|
{ "label": "Invoices", "icon": "Invoice" },
|
|
72
72
|
{ "label": "Reporting", "icon": "ChartBar" }
|
|
73
73
|
],
|
|
74
|
+
"chg": [
|
|
75
|
+
{ "label": "Dashboard", "icon": "Layout" },
|
|
76
|
+
{ "label": "Requests", "icon": "Briefcase" },
|
|
77
|
+
{ "label": "Providers", "icon": "Users" },
|
|
78
|
+
{ "label": "Calendar", "icon": "CalendarBlank" },
|
|
79
|
+
{ "label": "Reporting", "icon": "ChartBar" }
|
|
80
|
+
],
|
|
74
81
|
"wireframe": [
|
|
75
82
|
{ "label": "Menu Item" },
|
|
76
83
|
{ "label": "Menu Item" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),u=require("react"),Ne=require("react-dom"),F=require("../Icon/Icon.cjs"),me=require("../Divider/Divider.cjs"),pe=require("../Key/Key.cjs"),Le=require("../SearchInput/SearchInput.cjs"),Me=require("../Toggle/Toggle.cjs");;/* empty css */const t="uds-action-menu",ke=new Set(["search","autosuggest"]),W=n=>String(n||"").trim().toLowerCase(),Re=n=>typeof(n==null?void 0:n.label)=="string"?n.label:"",fe=n=>{var p,f;const d=[...n];for(;d.length>0&&((p=d[0])!=null&&p.divider);)d.shift();for(;d.length>0&&((f=d[d.length-1])!=null&&f.divider);)d.pop();return d},ge=(n,d)=>{const p=W(d);if(!p)return n;const f=[];for(const m of n){if(m!=null&&m.divider){f.push(m);continue}const b=W(Re(m)),_=Array.isArray(m==null?void 0:m.items)?ge(m.items,d):null,h=Array.isArray(_)&&_.length>0;(b.includes(p)||h)&&f.push(h?{...m,items:fe(_)}:m)}return fe(f)},he=(n,d,p=!1)=>{const f=W(d);if(!f||!n)return n;const m=W(n),b=p?m.startsWith(f)?0:-1:m.indexOf(f);if(b<0)return n;const _=b+f.length,h=n.slice(0,b),M=n.slice(b,_),q=n.slice(_);return s.jsxs(s.Fragment,{children:[h,s.jsx("span",{className:`${t}__match ${p?`${t}__match--weight`:""}`,children:M}),q]})};function _e({item:n,onItemClick:d}){const[p,f]=u.useState(!1),[m,b]=u.useState(!1),_=u.useRef(null),h=u.useRef(null),M=()=>{clearTimeout(h.current),f(!0)},q=()=>{h.current=setTimeout(()=>{f(!1)},150)},G=()=>{clearTimeout(h.current)},U=()=>{h.current=setTimeout(()=>{f(!1)},150)};return u.useEffect(()=>()=>{clearTimeout(h.current)},[]),u.useLayoutEffect(()=>{if(!p||!_.current)return;const r=_.current.getBoundingClientRect(),E=r.right>window.innerWidth-8,k=r.left<8;if(E&&!k){b(!0);return}if(k&&!E){b(!1);return}E&&k&&b(r.right-window.innerWidth>8)},[p]),s.jsxs("div",{className:`${t}__item-wrapper`,onMouseEnter:M,onMouseLeave:q,children:[s.jsxs("button",{className:`${t}__item ${t}__item--has-submenu ${n.disabled?`${t}__item--disabled`:""}`,role:"menuitem",disabled:n.disabled,"aria-haspopup":"true","aria-expanded":p,"aria-label":n.label,children:[n.icon&&s.jsx(F.default,{name:n.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),s.jsx("span",{className:`${t}__item-label`,children:n.label}),s.jsx(F.default,{name:"CaretRight",size:12,appearance:"regular",className:`${t}__item-arrow`})]}),p&&n.items&&s.jsx("div",{ref:_,className:`${t}__submenu ${m?`${t}__submenu--left`:""}`,role:"menu","aria-orientation":"vertical",onMouseEnter:G,onMouseLeave:U,children:n.items.map((r,E)=>r.divider?s.jsx("div",{className:`${t}__divider`,children:s.jsx(me.default,{})},`divider-${E}`):r.items&&r.items.length>0?s.jsx(_e,{item:r,onItemClick:d},r.id||E):s.jsxs("button",{className:`${t}__item ${r.disabled?`${t}__item--disabled`:""} ${r.active?`${t}__item--active`:""} ${r.destructive?`${t}__item--destructive`:""}`,role:"menuitem",disabled:r.disabled,onClick:k=>d(r,k),"aria-label":r.label,children:[r.icon&&s.jsx(F.default,{name:r.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),s.jsx("span",{className:`${t}__item-label`,children:r.label}),r.shortcut&&s.jsx(pe.default,{label:r.shortcut,appearance:"light",className:`${t}__item-shortcut`})]},r.id||E))})]})}function Ae({trigger:n,items:d=[],placement:p="bottom-start",variant:f="default",searchPlaceholder:m="Search...",noResultsText:b="No results found",fullWidth:_=!1,disabled:h=!1,onOpenChange:M,className:q="",menuClassName:G="",...U}){const[r,E]=u.useState(!1),[k,ve]=u.useState({}),[I,Y]=u.useState(null),j=u.useRef(null),x=u.useRef(null),D=u.useRef(null),K=u.useRef(null),[Z,ee]=u.useState(""),[$e,be]=u.useState(""),z=f==="search",S=f==="autosuggest",te=ke.has(f),P=z?Z:S?$e:"",ne=u.useMemo(()=>te?ge(d,P):d,[te,d,P]),re=e=>{var i;e.key==="Escape"&&(N(!1),(i=x.current)==null||i.focus())},N=e=>{E(e),e||(K.current=null),M&&M(e)};u.useEffect(()=>{const e=i=>{j.current&&x.current&&!j.current.contains(i.target)&&!x.current.contains(i.target)&&N(!1)};return r&&(document.addEventListener("mousedown",e),document.addEventListener("keydown",re)),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",re)}},[r]);const oe=()=>{if(!r||!j.current||!x.current)return;const e=x.current.closest(".uds-modal__overlay"),i=x.current.closest(".app-shell__main-content"),o=e instanceof HTMLElement?e:i instanceof HTMLElement?i:document.body;Y(o);const g=x.current.getBoundingClientRect(),v=j.current.getBoundingClientRect(),C=o===document.body?{top:0,left:0}:o.getBoundingClientRect(),w=o===document.body?0:o.scrollTop,y=o===document.body?0:o.scrollLeft,L=o===document.body?window.innerWidth:o.clientWidth,R=o===document.body?window.innerHeight:o.clientHeight,a=8,l=8,[A="bottom",Ee="start"]=String(p).split("-"),H=(c,ie)=>{let V=0,Q=0;const ce=g.top-C.top+w,le=g.bottom-C.top+w,ue=g.left-C.left+y,de=g.right-C.left+y;return c==="bottom"&&(V=le+l),c==="top"&&(V=ce-v.height-l),c==="right"&&(Q=de+l),c==="left"&&(Q=ue-v.width-l),(c==="bottom"||c==="top")&&(ie==="end"?Q=de-v.width:Q=ue),(c==="left"||c==="right")&&(ie==="end"?V=le-v.height:V=ce),{top:V,left:Q}},Se=c=>({top:c.top<w+a,bottom:c.top+v.height>w+R-a,left:c.left<y+a,right:c.left+v.width>y+L-a});let $=K.current??A;const O=Ee;let T=H($,O);if(!K.current){const c=Se(T);$==="bottom"&&c.bottom?($="top",T=H($,O)):$==="top"&&c.top?($="bottom",T=H($,O)):$==="right"&&c.right?($="left",T=H($,O)):$==="left"&&c.left&&($="right",T=H($,O)),K.current=$}let J=T.top,X=T.left;J=Math.max(w+a,Math.min(J,w+R-v.height-a)),X=Math.max(y+a,Math.min(X,y+L-v.width-a));const B={position:o===document.body?"fixed":"absolute",top:`${J}px`,left:`${X}px`,width:_?`${g.width}px`:void 0,zIndex:o===e?"calc(var(--uds-elevation-modal) + 1)":void 0};ve(c=>c.top===B.top&&c.left===B.left&&c.width===B.width&&c.position===B.position?c:B)};u.useLayoutEffect(()=>{var e,i;if(r){if(I===null){const o=(e=x.current)==null?void 0:e.closest(".uds-modal__overlay"),g=(i=x.current)==null?void 0:i.closest(".app-shell__main-content");Y(o instanceof HTMLElement?o:g instanceof HTMLElement?g:document.body)}oe()}},[r,p,_,I]),u.useEffect(()=>{if(!r)return;const e=()=>{D.current==null&&(D.current=requestAnimationFrame(()=>{D.current=null,oe()}))};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),D.current!=null&&(cancelAnimationFrame(D.current),D.current=null)}},[r]),u.useEffect(()=>{if(!r){ee("");return}z&&requestAnimationFrame(()=>{var i;const e=(i=j.current)==null?void 0:i.querySelector('input[type="search"]');e==null||e.focus()})},[r,z]);const we=e=>{var v,C,w,y,L,R,a;if(z&&e.target instanceof HTMLInputElement&&e.target.type==="search"&&((v=j.current)==null?void 0:v.contains(e.target))){if(e.key==="ArrowDown"){e.preventDefault();const l=(C=j.current)==null?void 0:C.querySelector('[role="menuitem"]:not([disabled])');l==null||l.focus()}return}const o=(w=j.current)==null?void 0:w.querySelectorAll('[role="menuitem"]:not([disabled])');if(!o||o.length===0)return;const g=Array.from(o).findIndex(l=>l===document.activeElement);switch(e.key){case"ArrowDown":{e.preventDefault();const l=g<o.length-1?g+1:0;(y=o[l])==null||y.focus();break}case"ArrowUp":{e.preventDefault();const l=g>0?g-1:o.length-1;(L=o[l])==null||L.focus();break}case"Home":e.preventDefault(),(R=o[0])==null||R.focus();break;case"End":e.preventDefault(),(a=o[o.length-1])==null||a.focus();break;case"Enter":case" ":e.preventDefault(),document.activeElement&&document.activeElement.click();break}},se=()=>{h||N(!r)},ae=(e,i)=>{if(e.disabled){i.preventDefault();return}e.onClick&&e.onClick(e,i),N(!1)},ye=()=>z?s.jsx("div",{className:`${t}__search`,children:s.jsx(Le.SearchInput,{size:"compact",value:Z,onChange:e=>ee(e.target.value),className:`${t}__search-input`,placeholder:m,"aria-label":m})}):null,xe=()=>{var e,i,o,g,v;if(!n)return null;if(u.isValidElement(n)){const C=(e=n.props)==null?void 0:e.onClick,w=(i=n.props)==null?void 0:i.onChange,y=(o=n.props)==null?void 0:o.onFocus,L=(g=n.props)==null?void 0:g.onKeyDown,R=u.cloneElement(n,{disabled:h||((v=n.props)==null?void 0:v.disabled),"aria-disabled":h||void 0,onClick:a=>{h||(S||(a.preventDefault(),a.stopPropagation()),C&&C(a),S?N(!0):se())},onFocus:a=>{y&&y(a),!(h||!S)&&N(!0)},onChange:a=>{if(w&&w(a),h||!S)return;const l=a==null?void 0:a.target,A=l&&typeof l=="object"&&"value"in l?String(l.value??""):"";be(A),N(!0)},onKeyDown:a=>{var l;if(L&&L(a),!(h||!S)){if(a.key==="Escape"){N(!1);return}if(a.key==="ArrowDown"){a.preventDefault();const A=(l=j.current)==null?void 0:l.querySelector('[role="menuitem"]:not([disabled])');A==null||A.focus()}}},"aria-haspopup":"true","aria-expanded":r});return s.jsx("div",{ref:x,className:`${t}__trigger`,children:R})}return s.jsx("div",{ref:x,className:`${t}__trigger`,onClick:se,children:n})},je=[t,r&&`${t}--open`,_&&`${t}--full-width`,h&&`${t}--disabled`,q].filter(Boolean).join(" "),Ce=[`${t}__menu`,`${t}__menu--portal`,f==="search"&&`${t}__menu--search`,_&&`${t}__menu--full-width`,G].filter(Boolean).join(" ");return s.jsxs("div",{className:je,...U,children:[xe(),r&&!h&&I?Ne.createPortal(s.jsxs("div",{ref:j,className:Ce,style:k,role:"menu","aria-orientation":"vertical",onKeyDown:we,children:[ye(),ne.length===0?s.jsx("div",{className:`${t}__empty`,children:b}):null,ne.map((e,i)=>e.divider?s.jsx("div",{className:`${t}__divider`,children:s.jsx(me.default,{})},`divider-${i}`):e.items&&e.items.length>0?s.jsx(_e,{item:e,onItemClick:ae},e.id||i):e.type==="toggle"?s.jsxs("div",{className:`${t}__item ${t}__item--toggle ${e.disabled?`${t}__item--disabled`:""}`,role:"menuitemcheckbox","aria-checked":!!e.checked,"aria-label":e.label,children:[e.icon&&s.jsx(F.default,{name:e.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),s.jsx("span",{className:`${t}__item-label`,children:he(e.label,P,S)}),s.jsx(Me.default,{checked:!!e.checked,size:"small",disabled:e.disabled,onChange:o=>{e.onChange&&e.onChange(o)},className:`${t}__item-toggle`})]},e.id||i):s.jsxs("button",{className:`${t}__item ${e.disabled?`${t}__item--disabled`:""} ${e.active?`${t}__item--active`:""} ${e.destructive?`${t}__item--destructive`:""}`,role:"menuitem",disabled:e.disabled,onClick:o=>ae(e,o),"aria-label":e.label,children:[e.icon&&s.jsx(F.default,{name:e.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),s.jsx("span",{className:`${t}__item-label`,children:he(e.label,P,S)}),e.shortcut&&s.jsx(pe.default,{label:e.shortcut,appearance:"light",className:`${t}__item-shortcut`})]},e.id||i))]}),I):null]})}exports.default=Ae;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),i=require("react"),Re=require("react-dom"),P=require("../Icon/Icon.cjs"),ge=require("../Divider/Divider.cjs"),_e=require("../Key/Key.cjs"),Le=require("../SearchInput/SearchInput.cjs"),Me=require("../Toggle/Toggle.cjs");;/* empty css */const t="uds-action-menu",ke=new Set(["search","autosuggest"]),W=n=>String(n||"").trim().toLowerCase(),Ae=n=>typeof(n==null?void 0:n.label)=="string"?n.label:"",he=n=>{var p,d;const u=[...n];for(;u.length>0&&((p=u[0])!=null&&p.divider);)u.shift();for(;u.length>0&&((d=u[u.length-1])!=null&&d.divider);)u.pop();return u},ve=(n,u)=>{const p=W(u);if(!p)return n;const d=[];for(const m of n){if(m!=null&&m.divider){d.push(m);continue}const b=W(Ae(m)),_=Array.isArray(m==null?void 0:m.items)?ve(m.items,u):null,f=Array.isArray(_)&&_.length>0;(b.includes(p)||f)&&d.push(f?{...m,items:he(_)}:m)}return he(d)},pe=(n,u,p=!1)=>{const d=W(u);if(!d||!n)return n;const m=W(n),b=p?m.startsWith(d)?0:-1:m.indexOf(d);if(b<0)return n;const _=b+d.length,f=n.slice(0,b),k=n.slice(b,_),F=n.slice(_);return o.jsxs(o.Fragment,{children:[f,o.jsx("span",{className:`${t}__match ${p?`${t}__match--weight`:""}`,children:k}),F]})};function $e({item:n,onItemClick:u}){const[p,d]=i.useState(!1),[m,b]=i.useState(!1),_=i.useRef(null),f=i.useRef(null),k=()=>{clearTimeout(f.current),d(!0)},F=()=>{f.current=setTimeout(()=>{d(!1)},150)},G=()=>{clearTimeout(f.current)},U=()=>{f.current=setTimeout(()=>{d(!1)},150)};return i.useEffect(()=>()=>{clearTimeout(f.current)},[]),i.useLayoutEffect(()=>{if(!p||!_.current)return;const r=_.current.getBoundingClientRect(),E=r.right>window.innerWidth-8,A=r.left<8;if(E&&!A){b(!0);return}if(A&&!E){b(!1);return}E&&A&&b(r.right-window.innerWidth>8)},[p]),o.jsxs("div",{className:`${t}__item-wrapper`,onMouseEnter:k,onMouseLeave:F,children:[o.jsxs("button",{className:`${t}__item ${t}__item--has-submenu ${n.disabled?`${t}__item--disabled`:""}`,role:"menuitem",disabled:n.disabled,"aria-haspopup":"true","aria-expanded":p,"aria-label":n.label,children:[n.icon&&o.jsx(P.default,{name:n.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),o.jsx("span",{className:`${t}__item-label`,children:n.label}),o.jsx(P.default,{name:"CaretRight",size:12,appearance:"regular",className:`${t}__item-arrow`})]}),p&&n.items&&o.jsx("div",{ref:_,className:`${t}__submenu ${m?`${t}__submenu--left`:""}`,role:"menu","aria-orientation":"vertical",onMouseEnter:G,onMouseLeave:U,children:n.items.map((r,E)=>r.divider?o.jsx("div",{className:`${t}__divider`,children:o.jsx(ge.default,{})},`divider-${E}`):r.items&&r.items.length>0?o.jsx($e,{item:r,onItemClick:u},r.id||E):o.jsxs("button",{className:`${t}__item ${r.disabled?`${t}__item--disabled`:""} ${r.active?`${t}__item--active`:""} ${r.destructive?`${t}__item--destructive`:""}`,role:"menuitem",disabled:r.disabled,onClick:A=>u(r,A),"aria-label":r.label,children:[r.icon&&o.jsx(P.default,{name:r.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),o.jsx("span",{className:`${t}__item-label`,children:r.label}),r.shortcut&&o.jsx(_e.default,{label:r.shortcut,appearance:"light",className:`${t}__item-shortcut`})]},r.id||E))})]})}function Te({trigger:n,items:u=[],placement:p="bottom-start",variant:d="default",searchPlaceholder:m="Search...",noResultsText:b="No results found",fullWidth:_=!1,disabled:f=!1,onOpenChange:k,className:F="",menuClassName:G="",...U}){const[r,E]=i.useState(!1),[A,be]=i.useState({}),[J,ee]=i.useState(typeof document<"u"?document.body:null),x=i.useRef(null),j=i.useRef(null),q=i.useRef(null),S=i.useRef(null),H=i.useRef(null),[te,ne]=i.useState(""),[we,ye]=i.useState(""),B=d==="search",N=d==="autosuggest",re=ke.has(d),K=B?te:N?we:"",oe=i.useMemo(()=>re?ve(u,K):u,[re,u,K]),se=()=>{if(!j.current||typeof document>"u")return document.body;const e=j.current.closest(".uds-modal__overlay"),s=j.current.closest(".app-shell__main-content");return e instanceof HTMLElement?e:s instanceof HTMLElement?s:document.body},ae=e=>{var s;e.key==="Escape"&&(R(!1),(s=j.current)==null||s.focus())},R=e=>{e&&ee(se()),E(e),e||(H.current=null),k&&k(e)};i.useEffect(()=>{const e=s=>{x.current&&j.current&&!x.current.contains(s.target)&&!j.current.contains(s.target)&&R(!1)};return r&&(document.addEventListener("mousedown",e),document.addEventListener("keydown",ae)),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",ae)}},[r]);const X=()=>{if(!r||!x.current||!j.current)return;const e=se();ee(e);const s=e instanceof HTMLElement&&e.classList.contains("uds-modal__overlay"),c=j.current.getBoundingClientRect(),g=x.current.getBoundingClientRect(),C=e===document.body?{top:0,left:0}:e.getBoundingClientRect(),w=e===document.body?0:e.scrollTop,y=e===document.body?0:e.scrollLeft,L=e===document.body?window.innerWidth:e.clientWidth,M=e===document.body?window.innerHeight:e.clientHeight,$=8,l=8,[h="bottom",T="start"]=String(p).split("-"),I=(a,le)=>{let V=0,Q=0;const ue=c.top-C.top+w,de=c.bottom-C.top+w,fe=c.left-C.left+y,me=c.right-C.left+y;return a==="bottom"&&(V=de+l),a==="top"&&(V=ue-g.height-l),a==="right"&&(Q=me+l),a==="left"&&(Q=fe-g.width-l),(a==="bottom"||a==="top")&&(le==="end"?Q=me-g.width:Q=fe),(a==="left"||a==="right")&&(le==="end"?V=de-g.height:V=ue),{top:V,left:Q}},Ne=a=>({top:a.top<w+$,bottom:a.top+g.height>w+M-$,left:a.left<y+$,right:a.left+g.width>y+L-$});let v=H.current??h;const O=T;let D=I(v,O);if(!H.current){const a=Ne(D);v==="bottom"&&a.bottom?(v="top",D=I(v,O)):v==="top"&&a.top?(v="bottom",D=I(v,O)):v==="right"&&a.right?(v="left",D=I(v,O)):v==="left"&&a.left&&(v="right",D=I(v,O)),H.current=v}let Y=D.top,Z=D.left;Y=Math.max(w+$,Math.min(Y,w+M-g.height-$)),Z=Math.max(y+$,Math.min(Z,y+L-g.width-$));const z={position:e===document.body?"fixed":"absolute",top:`${Y}px`,left:`${Z}px`,width:_?`${c.width}px`:void 0,zIndex:s?"calc(var(--uds-elevation-modal) + 1)":void 0};be(a=>a.top===z.top&&a.left===z.left&&a.width===z.width&&a.position===z.position&&a.zIndex===z.zIndex?a:z)};i.useLayoutEffect(()=>{r&&X()},[r,p,_,J]),i.useEffect(()=>{if(!r)return;const e=()=>{q.current==null&&(q.current=requestAnimationFrame(()=>{q.current=null,X()}))};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),q.current!=null&&(cancelAnimationFrame(q.current),q.current=null)}},[r]),i.useEffect(()=>{if(!r){S.current!=null&&(cancelAnimationFrame(S.current),S.current=null);return}return S.current=requestAnimationFrame(()=>{S.current=requestAnimationFrame(()=>{H.current=null,X()})}),()=>{S.current!=null&&(cancelAnimationFrame(S.current),S.current=null)}},[r]),i.useEffect(()=>{if(!r){ne("");return}B&&requestAnimationFrame(()=>{var s;const e=(s=x.current)==null?void 0:s.querySelector('input[type="search"]');e==null||e.focus()})},[r,B]);const xe=e=>{var C,w,y,L,M,$,l;if(B&&e.target instanceof HTMLInputElement&&e.target.type==="search"&&((C=x.current)==null?void 0:C.contains(e.target))){if(e.key==="ArrowDown"){e.preventDefault();const h=(w=x.current)==null?void 0:w.querySelector('[role="menuitem"]:not([disabled])');h==null||h.focus()}return}const c=(y=x.current)==null?void 0:y.querySelectorAll('[role="menuitem"]:not([disabled])');if(!c||c.length===0)return;const g=Array.from(c).findIndex(h=>h===document.activeElement);switch(e.key){case"ArrowDown":{e.preventDefault();const h=g<c.length-1?g+1:0;(L=c[h])==null||L.focus();break}case"ArrowUp":{e.preventDefault();const h=g>0?g-1:c.length-1;(M=c[h])==null||M.focus();break}case"Home":e.preventDefault(),($=c[0])==null||$.focus();break;case"End":e.preventDefault(),(l=c[c.length-1])==null||l.focus();break;case"Enter":case" ":e.preventDefault(),document.activeElement&&document.activeElement.click();break}},ie=()=>{f||R(!r)},ce=(e,s)=>{if(e.disabled){s.preventDefault();return}e.onClick&&e.onClick(e,s),R(!1)},je=()=>B?o.jsx("div",{className:`${t}__search`,children:o.jsx(Le.SearchInput,{size:"compact",value:te,onChange:e=>ne(e.target.value),className:`${t}__search-input`,placeholder:m,"aria-label":m})}):null,Ce=()=>{var e,s,c,g,C;if(!n)return null;if(i.isValidElement(n)){const w=(e=n.props)==null?void 0:e.onClick,y=(s=n.props)==null?void 0:s.onChange,L=(c=n.props)==null?void 0:c.onFocus,M=(g=n.props)==null?void 0:g.onKeyDown,$=i.cloneElement(n,{disabled:f||((C=n.props)==null?void 0:C.disabled),"aria-disabled":f||void 0,onClick:l=>{f||(N||(l.preventDefault(),l.stopPropagation()),w&&w(l),N?R(!0):ie())},onFocus:l=>{L&&L(l),!(f||!N)&&R(!0)},onChange:l=>{if(y&&y(l),f||!N)return;const h=l==null?void 0:l.target,T=h&&typeof h=="object"&&"value"in h?String(h.value??""):"";ye(T),R(!0)},onKeyDown:l=>{var h;if(M&&M(l),!(f||!N)){if(l.key==="Escape"){R(!1);return}if(l.key==="ArrowDown"){l.preventDefault();const T=(h=x.current)==null?void 0:h.querySelector('[role="menuitem"]:not([disabled])');T==null||T.focus()}}},"aria-haspopup":"true","aria-expanded":r});return o.jsx("div",{ref:j,className:`${t}__trigger`,children:$})}return o.jsx("div",{ref:j,className:`${t}__trigger`,onClick:ie,children:n})},Ee=[t,r&&`${t}--open`,_&&`${t}--full-width`,f&&`${t}--disabled`,F].filter(Boolean).join(" "),Se=[`${t}__menu`,`${t}__menu--portal`,d==="search"&&`${t}__menu--search`,_&&`${t}__menu--full-width`,G].filter(Boolean).join(" ");return o.jsxs("div",{className:Ee,...U,children:[Ce(),r&&!f&&J?Re.createPortal(o.jsxs("div",{ref:x,className:Se,style:A,role:"menu","aria-orientation":"vertical",onKeyDown:xe,children:[je(),oe.length===0?o.jsx("div",{className:`${t}__empty`,children:b}):null,oe.map((e,s)=>e.divider?o.jsx("div",{className:`${t}__divider`,children:o.jsx(ge.default,{})},`divider-${s}`):e.items&&e.items.length>0?o.jsx($e,{item:e,onItemClick:ce},e.id||s):e.type==="toggle"?o.jsxs("div",{className:`${t}__item ${t}__item--toggle ${e.disabled?`${t}__item--disabled`:""}`,role:"menuitemcheckbox","aria-checked":!!e.checked,"aria-label":e.label,children:[e.icon&&o.jsx(P.default,{name:e.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),o.jsx("span",{className:`${t}__item-label`,children:pe(e.label,K,N)}),o.jsx(Me.default,{checked:!!e.checked,size:"small",disabled:e.disabled,onChange:c=>{e.onChange&&e.onChange(c)},className:`${t}__item-toggle`})]},e.id||s):o.jsxs("button",{className:`${t}__item ${e.disabled?`${t}__item--disabled`:""} ${e.active?`${t}__item--active`:""} ${e.destructive?`${t}__item--destructive`:""}`,role:"menuitem",disabled:e.disabled,onClick:c=>ce(e,c),"aria-label":e.label,children:[e.icon&&o.jsx(P.default,{name:e.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),o.jsx("span",{className:`${t}__item-label`,children:pe(e.label,K,N)}),e.shortcut&&o.jsx(_e.default,{label:e.shortcut,appearance:"light",className:`${t}__item-shortcut`})]},e.id||s))]}),J):null]})}exports.default=Te;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as S,jsx as c,Fragment as De}from"react/jsx-runtime";import pe,{useState as z,useRef as B,useMemo as xe,useEffect as U,useLayoutEffect as $e}from"react";import{createPortal as ze}from"react-dom";import j from"../Icon/Icon.js";import ve from"../Divider/Divider.js";import we from"../Key/Key.js";import{SearchInput as He}from"../SearchInput/SearchInput.js";import Be from"../Toggle/Toggle.js";/* empty css */const t="uds-action-menu",Oe=new Set(["search","autosuggest"]),J=n=>String(n||"").trim().toLowerCase(),Ve=n=>typeof(n==null?void 0:n.label)=="string"?n.label:"",ge=n=>{var h,d;const u=[...n];for(;u.length>0&&((h=u[0])!=null&&h.divider);)u.shift();for(;u.length>0&&((d=u[u.length-1])!=null&&d.divider);)u.pop();return u},be=(n,u)=>{const h=J(u);if(!h)return n;const d=[];for(const m of n){if(m!=null&&m.divider){d.push(m);continue}const v=J(Ve(m)),g=Array.isArray(m==null?void 0:m.items)?be(m.items,u):null,f=Array.isArray(g)&&g.length>0;(v.includes(h)||f)&&d.push(f?{...m,items:ge(g)}:m)}return ge(d)},_e=(n,u,h=!1)=>{const d=J(u);if(!d||!n)return n;const m=J(n),v=h?m.startsWith(d)?0:-1:m.indexOf(d);if(v<0)return n;const g=v+d.length,f=n.slice(0,v),A=n.slice(v,g),O=n.slice(g);return S(De,{children:[f,c("span",{className:`${t}__match ${h?`${t}__match--weight`:""}`,children:A}),O]})};function ye({item:n,onItemClick:u}){const[h,d]=z(!1),[m,v]=z(!1),g=B(null),f=B(null),A=()=>{clearTimeout(f.current),d(!0)},O=()=>{f.current=setTimeout(()=>{d(!1)},150)},X=()=>{clearTimeout(f.current)},Y=()=>{f.current=setTimeout(()=>{d(!1)},150)};return U(()=>()=>{clearTimeout(f.current)},[]),$e(()=>{if(!h||!g.current)return;const r=g.current.getBoundingClientRect(),N=r.right>window.innerWidth-8,R=r.left<8;if(N&&!R){v(!0);return}if(R&&!N){v(!1);return}N&&R&&v(r.right-window.innerWidth>8)},[h]),S("div",{className:`${t}__item-wrapper`,onMouseEnter:A,onMouseLeave:O,children:[S("button",{className:`${t}__item ${t}__item--has-submenu ${n.disabled?`${t}__item--disabled`:""}`,role:"menuitem",disabled:n.disabled,"aria-haspopup":"true","aria-expanded":h,"aria-label":n.label,children:[n.icon&&c(j,{name:n.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),c("span",{className:`${t}__item-label`,children:n.label}),c(j,{name:"CaretRight",size:12,appearance:"regular",className:`${t}__item-arrow`})]}),h&&n.items&&c("div",{ref:g,className:`${t}__submenu ${m?`${t}__submenu--left`:""}`,role:"menu","aria-orientation":"vertical",onMouseEnter:X,onMouseLeave:Y,children:n.items.map((r,N)=>r.divider?c("div",{className:`${t}__divider`,children:c(ve,{})},`divider-${N}`):r.items&&r.items.length>0?c(ye,{item:r,onItemClick:u},r.id||N):S("button",{className:`${t}__item ${r.disabled?`${t}__item--disabled`:""} ${r.active?`${t}__item--active`:""} ${r.destructive?`${t}__item--destructive`:""}`,role:"menuitem",disabled:r.disabled,onClick:R=>u(r,R),"aria-label":r.label,children:[r.icon&&c(j,{name:r.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),c("span",{className:`${t}__item-label`,children:r.label}),r.shortcut&&c(we,{label:r.shortcut,appearance:"light",className:`${t}__item-shortcut`})]},r.id||N))})]})}function Ue({trigger:n,items:u=[],placement:h="bottom-start",variant:d="default",searchPlaceholder:m="Search...",noResultsText:v="No results found",fullWidth:g=!1,disabled:f=!1,onOpenChange:A,className:O="",menuClassName:X="",...Y}){const[r,N]=z(!1),[R,Ce]=z({}),[P,te]=z(null),C=B(null),y=B(null),H=B(null),W=B(null),[ne,re]=z(""),[Ee,Ne]=z(""),V=d==="search",L=d==="autosuggest",oe=Oe.has(d),G=V?ne:L?Ee:"",ie=xe(()=>oe?be(u,G):u,[oe,u,G]),ae=e=>{var a;e.key==="Escape"&&(k(!1),(a=y.current)==null||a.focus())},k=e=>{N(e),e||(W.current=null),A&&A(e)};U(()=>{const e=a=>{C.current&&y.current&&!C.current.contains(a.target)&&!y.current.contains(a.target)&&k(!1)};return r&&(document.addEventListener("mousedown",e),document.addEventListener("keydown",ae)),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",ae)}},[r]);const ce=()=>{if(!r||!C.current||!y.current)return;const e=y.current.closest(".uds-modal__overlay"),a=y.current.closest(".app-shell__main-content"),o=e instanceof HTMLElement?e:a instanceof HTMLElement?a:document.body;te(o);const p=y.current.getBoundingClientRect(),_=C.current.getBoundingClientRect(),E=o===document.body?{top:0,left:0}:o.getBoundingClientRect(),w=o===document.body?0:o.scrollTop,b=o===document.body?0:o.scrollLeft,M=o===document.body?window.innerWidth:o.clientWidth,T=o===document.body?window.innerHeight:o.clientHeight,i=8,l=8,[D="bottom",Re="start"]=String(h).split("-"),Q=(s,ue)=>{let I=0,K=0;const de=p.top-E.top+w,fe=p.bottom-E.top+w,me=p.left-E.left+b,he=p.right-E.left+b;return s==="bottom"&&(I=fe+l),s==="top"&&(I=de-_.height-l),s==="right"&&(K=he+l),s==="left"&&(K=me-_.width-l),(s==="bottom"||s==="top")&&(ue==="end"?K=he-_.width:K=me),(s==="left"||s==="right")&&(ue==="end"?I=fe-_.height:I=de),{top:I,left:K}},Te=s=>({top:s.top<w+i,bottom:s.top+_.height>w+T-i,left:s.left<b+i,right:s.left+_.width>b+M-i});let $=W.current??D;const q=Re;let x=Q($,q);if(!W.current){const s=Te(x);$==="bottom"&&s.bottom?($="top",x=Q($,q)):$==="top"&&s.top?($="bottom",x=Q($,q)):$==="right"&&s.right?($="left",x=Q($,q)):$==="left"&&s.left&&($="right",x=Q($,q)),W.current=$}let Z=x.top,ee=x.left;Z=Math.max(w+i,Math.min(Z,w+T-_.height-i)),ee=Math.max(b+i,Math.min(ee,b+M-_.width-i));const F={position:o===document.body?"fixed":"absolute",top:`${Z}px`,left:`${ee}px`,width:g?`${p.width}px`:void 0,zIndex:o===e?"calc(var(--uds-elevation-modal) + 1)":void 0};Ce(s=>s.top===F.top&&s.left===F.left&&s.width===F.width&&s.position===F.position?s:F)};$e(()=>{var e,a;if(r){if(P===null){const o=(e=y.current)==null?void 0:e.closest(".uds-modal__overlay"),p=(a=y.current)==null?void 0:a.closest(".app-shell__main-content");te(o instanceof HTMLElement?o:p instanceof HTMLElement?p:document.body)}ce()}},[r,h,g,P]),U(()=>{if(!r)return;const e=()=>{H.current==null&&(H.current=requestAnimationFrame(()=>{H.current=null,ce()}))};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),H.current!=null&&(cancelAnimationFrame(H.current),H.current=null)}},[r]),U(()=>{if(!r){re("");return}V&&requestAnimationFrame(()=>{var a;const e=(a=C.current)==null?void 0:a.querySelector('input[type="search"]');e==null||e.focus()})},[r,V]);const Le=e=>{var _,E,w,b,M,T,i;if(V&&e.target instanceof HTMLInputElement&&e.target.type==="search"&&((_=C.current)==null?void 0:_.contains(e.target))){if(e.key==="ArrowDown"){e.preventDefault();const l=(E=C.current)==null?void 0:E.querySelector('[role="menuitem"]:not([disabled])');l==null||l.focus()}return}const o=(w=C.current)==null?void 0:w.querySelectorAll('[role="menuitem"]:not([disabled])');if(!o||o.length===0)return;const p=Array.from(o).findIndex(l=>l===document.activeElement);switch(e.key){case"ArrowDown":{e.preventDefault();const l=p<o.length-1?p+1:0;(b=o[l])==null||b.focus();break}case"ArrowUp":{e.preventDefault();const l=p>0?p-1:o.length-1;(M=o[l])==null||M.focus();break}case"Home":e.preventDefault(),(T=o[0])==null||T.focus();break;case"End":e.preventDefault(),(i=o[o.length-1])==null||i.focus();break;case"Enter":case" ":e.preventDefault(),document.activeElement&&document.activeElement.click();break}},se=()=>{f||k(!r)},le=(e,a)=>{if(e.disabled){a.preventDefault();return}e.onClick&&e.onClick(e,a),k(!1)},ke=()=>V?c("div",{className:`${t}__search`,children:c(He,{size:"compact",value:ne,onChange:e=>re(e.target.value),className:`${t}__search-input`,placeholder:m,"aria-label":m})}):null,Me=()=>{var e,a,o,p,_;if(!n)return null;if(pe.isValidElement(n)){const E=(e=n.props)==null?void 0:e.onClick,w=(a=n.props)==null?void 0:a.onChange,b=(o=n.props)==null?void 0:o.onFocus,M=(p=n.props)==null?void 0:p.onKeyDown,T=pe.cloneElement(n,{disabled:f||((_=n.props)==null?void 0:_.disabled),"aria-disabled":f||void 0,onClick:i=>{f||(L||(i.preventDefault(),i.stopPropagation()),E&&E(i),L?k(!0):se())},onFocus:i=>{b&&b(i),!(f||!L)&&k(!0)},onChange:i=>{if(w&&w(i),f||!L)return;const l=i==null?void 0:i.target,D=l&&typeof l=="object"&&"value"in l?String(l.value??""):"";Ne(D),k(!0)},onKeyDown:i=>{var l;if(M&&M(i),!(f||!L)){if(i.key==="Escape"){k(!1);return}if(i.key==="ArrowDown"){i.preventDefault();const D=(l=C.current)==null?void 0:l.querySelector('[role="menuitem"]:not([disabled])');D==null||D.focus()}}},"aria-haspopup":"true","aria-expanded":r});return c("div",{ref:y,className:`${t}__trigger`,children:T})}return c("div",{ref:y,className:`${t}__trigger`,onClick:se,children:n})},Se=[t,r&&`${t}--open`,g&&`${t}--full-width`,f&&`${t}--disabled`,O].filter(Boolean).join(" "),Ae=[`${t}__menu`,`${t}__menu--portal`,d==="search"&&`${t}__menu--search`,g&&`${t}__menu--full-width`,X].filter(Boolean).join(" ");return S("div",{className:Se,...Y,children:[Me(),r&&!f&&P?ze(S("div",{ref:C,className:Ae,style:R,role:"menu","aria-orientation":"vertical",onKeyDown:Le,children:[ke(),ie.length===0?c("div",{className:`${t}__empty`,children:v}):null,ie.map((e,a)=>e.divider?c("div",{className:`${t}__divider`,children:c(ve,{})},`divider-${a}`):e.items&&e.items.length>0?c(ye,{item:e,onItemClick:le},e.id||a):e.type==="toggle"?S("div",{className:`${t}__item ${t}__item--toggle ${e.disabled?`${t}__item--disabled`:""}`,role:"menuitemcheckbox","aria-checked":!!e.checked,"aria-label":e.label,children:[e.icon&&c(j,{name:e.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),c("span",{className:`${t}__item-label`,children:_e(e.label,G,L)}),c(Be,{checked:!!e.checked,size:"small",disabled:e.disabled,onChange:o=>{e.onChange&&e.onChange(o)},className:`${t}__item-toggle`})]},e.id||a):S("button",{className:`${t}__item ${e.disabled?`${t}__item--disabled`:""} ${e.active?`${t}__item--active`:""} ${e.destructive?`${t}__item--destructive`:""}`,role:"menuitem",disabled:e.disabled,onClick:o=>le(e,o),"aria-label":e.label,children:[e.icon&&c(j,{name:e.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),c("span",{className:`${t}__item-label`,children:_e(e.label,G,L)}),e.shortcut&&c(we,{label:e.shortcut,appearance:"light",className:`${t}__item-shortcut`})]},e.id||a))]}),P):null]})}export{Ue as default};
|
|
1
|
+
import{jsxs as R,jsx as a,Fragment as xe}from"react/jsx-runtime";import _e,{useState as F,useRef as H,useMemo as ze,useEffect as W,useLayoutEffect as be}from"react";import{createPortal as Fe}from"react-dom";import G from"../Icon/Icon.js";import we from"../Divider/Divider.js";import ye from"../Key/Key.js";import{SearchInput as He}from"../SearchInput/SearchInput.js";import Be from"../Toggle/Toggle.js";/* empty css */const t="uds-action-menu",qe=new Set(["search","autosuggest"]),J=n=>String(n||"").trim().toLowerCase(),Ve=n=>typeof(n==null?void 0:n.label)=="string"?n.label:"",$e=n=>{var h,u;const l=[...n];for(;l.length>0&&((h=l[0])!=null&&h.divider);)l.shift();for(;l.length>0&&((u=l[l.length-1])!=null&&u.divider);)l.pop();return l},Ce=(n,l)=>{const h=J(l);if(!h)return n;const u=[];for(const f of n){if(f!=null&&f.divider){u.push(f);continue}const v=J(Ve(f)),g=Array.isArray(f==null?void 0:f.items)?Ce(f.items,l):null,d=Array.isArray(g)&&g.length>0;(v.includes(h)||d)&&u.push(d?{...f,items:$e(g)}:f)}return $e(u)},ve=(n,l,h=!1)=>{const u=J(l);if(!u||!n)return n;const f=J(n),v=h?f.startsWith(u)?0:-1:f.indexOf(u);if(v<0)return n;const g=v+u.length,d=n.slice(0,v),T=n.slice(v,g),V=n.slice(g);return R(xe,{children:[d,a("span",{className:`${t}__match ${h?`${t}__match--weight`:""}`,children:T}),V]})};function Ne({item:n,onItemClick:l}){const[h,u]=F(!1),[f,v]=F(!1),g=H(null),d=H(null),T=()=>{clearTimeout(d.current),u(!0)},V=()=>{d.current=setTimeout(()=>{u(!1)},150)},X=()=>{clearTimeout(d.current)},Y=()=>{d.current=setTimeout(()=>{u(!1)},150)};return W(()=>()=>{clearTimeout(d.current)},[]),be(()=>{if(!h||!g.current)return;const r=g.current.getBoundingClientRect(),E=r.right>window.innerWidth-8,D=r.left<8;if(E&&!D){v(!0);return}if(D&&!E){v(!1);return}E&&D&&v(r.right-window.innerWidth>8)},[h]),R("div",{className:`${t}__item-wrapper`,onMouseEnter:T,onMouseLeave:V,children:[R("button",{className:`${t}__item ${t}__item--has-submenu ${n.disabled?`${t}__item--disabled`:""}`,role:"menuitem",disabled:n.disabled,"aria-haspopup":"true","aria-expanded":h,"aria-label":n.label,children:[n.icon&&a(G,{name:n.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),a("span",{className:`${t}__item-label`,children:n.label}),a(G,{name:"CaretRight",size:12,appearance:"regular",className:`${t}__item-arrow`})]}),h&&n.items&&a("div",{ref:g,className:`${t}__submenu ${f?`${t}__submenu--left`:""}`,role:"menu","aria-orientation":"vertical",onMouseEnter:X,onMouseLeave:Y,children:n.items.map((r,E)=>r.divider?a("div",{className:`${t}__divider`,children:a(we,{})},`divider-${E}`):r.items&&r.items.length>0?a(Ne,{item:r,onItemClick:l},r.id||E):R("button",{className:`${t}__item ${r.disabled?`${t}__item--disabled`:""} ${r.active?`${t}__item--active`:""} ${r.destructive?`${t}__item--destructive`:""}`,role:"menuitem",disabled:r.disabled,onClick:D=>l(r,D),"aria-label":r.label,children:[r.icon&&a(G,{name:r.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),a("span",{className:`${t}__item-label`,children:r.label}),r.shortcut&&a(ye,{label:r.shortcut,appearance:"light",className:`${t}__item-shortcut`})]},r.id||E))})]})}function Je({trigger:n,items:l=[],placement:h="bottom-start",variant:u="default",searchPlaceholder:f="Search...",noResultsText:v="No results found",fullWidth:g=!1,disabled:d=!1,onOpenChange:T,className:V="",menuClassName:X="",...Y}){const[r,E]=F(!1),[D,Ee]=F({}),[Z,re]=F(typeof document<"u"?document.body:null),y=H(null),C=H(null),B=H(null),L=H(null),I=H(null),[oe,ie]=F(""),[Le,ke]=F(""),O=u==="search",k=u==="autosuggest",ae=qe.has(u),U=O?oe:k?Le:"",ce=ze(()=>ae?Ce(l,U):l,[ae,l,U]),se=()=>{if(!C.current||typeof document>"u")return document.body;const e=C.current.closest(".uds-modal__overlay"),o=C.current.closest(".app-shell__main-content");return e instanceof HTMLElement?e:o instanceof HTMLElement?o:document.body},le=e=>{var o;e.key==="Escape"&&(A(!1),(o=C.current)==null||o.focus())},A=e=>{e&&re(se()),E(e),e||(I.current=null),T&&T(e)};W(()=>{const e=o=>{y.current&&C.current&&!y.current.contains(o.target)&&!C.current.contains(o.target)&&A(!1)};return r&&(document.addEventListener("mousedown",e),document.addEventListener("keydown",le)),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",le)}},[r]);const ee=()=>{if(!r||!y.current||!C.current)return;const e=se();re(e);const o=e instanceof HTMLElement&&e.classList.contains("uds-modal__overlay"),c=C.current.getBoundingClientRect(),p=y.current.getBoundingClientRect(),N=e===document.body?{top:0,left:0}:e.getBoundingClientRect(),b=e===document.body?0:e.scrollTop,w=e===document.body?0:e.scrollLeft,M=e===document.body?window.innerWidth:e.clientWidth,S=e===document.body?window.innerHeight:e.clientHeight,$=8,s=8,[m="bottom",x="start"]=String(h).split("-"),Q=(i,fe)=>{let P=0,j=0;const me=c.top-N.top+b,he=c.bottom-N.top+b,pe=c.left-N.left+w,ge=c.right-N.left+w;return i==="bottom"&&(P=he+s),i==="top"&&(P=me-p.height-s),i==="right"&&(j=ge+s),i==="left"&&(j=pe-p.width-s),(i==="bottom"||i==="top")&&(fe==="end"?j=ge-p.width:j=pe),(i==="left"||i==="right")&&(fe==="end"?P=he-p.height:P=me),{top:P,left:j}},De=i=>({top:i.top<b+$,bottom:i.top+p.height>b+S-$,left:i.left<w+$,right:i.left+p.width>w+M-$});let _=I.current??m;const K=x;let z=Q(_,K);if(!I.current){const i=De(z);_==="bottom"&&i.bottom?(_="top",z=Q(_,K)):_==="top"&&i.top?(_="bottom",z=Q(_,K)):_==="right"&&i.right?(_="left",z=Q(_,K)):_==="left"&&i.left&&(_="right",z=Q(_,K)),I.current=_}let te=z.top,ne=z.left;te=Math.max(b+$,Math.min(te,b+S-p.height-$)),ne=Math.max(w+$,Math.min(ne,w+M-p.width-$));const q={position:e===document.body?"fixed":"absolute",top:`${te}px`,left:`${ne}px`,width:g?`${c.width}px`:void 0,zIndex:o?"calc(var(--uds-elevation-modal) + 1)":void 0};Ee(i=>i.top===q.top&&i.left===q.left&&i.width===q.width&&i.position===q.position&&i.zIndex===q.zIndex?i:q)};be(()=>{r&&ee()},[r,h,g,Z]),W(()=>{if(!r)return;const e=()=>{B.current==null&&(B.current=requestAnimationFrame(()=>{B.current=null,ee()}))};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),B.current!=null&&(cancelAnimationFrame(B.current),B.current=null)}},[r]),W(()=>{if(!r){L.current!=null&&(cancelAnimationFrame(L.current),L.current=null);return}return L.current=requestAnimationFrame(()=>{L.current=requestAnimationFrame(()=>{I.current=null,ee()})}),()=>{L.current!=null&&(cancelAnimationFrame(L.current),L.current=null)}},[r]),W(()=>{if(!r){ie("");return}O&&requestAnimationFrame(()=>{var o;const e=(o=y.current)==null?void 0:o.querySelector('input[type="search"]');e==null||e.focus()})},[r,O]);const Ae=e=>{var N,b,w,M,S,$,s;if(O&&e.target instanceof HTMLInputElement&&e.target.type==="search"&&((N=y.current)==null?void 0:N.contains(e.target))){if(e.key==="ArrowDown"){e.preventDefault();const m=(b=y.current)==null?void 0:b.querySelector('[role="menuitem"]:not([disabled])');m==null||m.focus()}return}const c=(w=y.current)==null?void 0:w.querySelectorAll('[role="menuitem"]:not([disabled])');if(!c||c.length===0)return;const p=Array.from(c).findIndex(m=>m===document.activeElement);switch(e.key){case"ArrowDown":{e.preventDefault();const m=p<c.length-1?p+1:0;(M=c[m])==null||M.focus();break}case"ArrowUp":{e.preventDefault();const m=p>0?p-1:c.length-1;(S=c[m])==null||S.focus();break}case"Home":e.preventDefault(),($=c[0])==null||$.focus();break;case"End":e.preventDefault(),(s=c[c.length-1])==null||s.focus();break;case"Enter":case" ":e.preventDefault(),document.activeElement&&document.activeElement.click();break}},ue=()=>{d||A(!r)},de=(e,o)=>{if(e.disabled){o.preventDefault();return}e.onClick&&e.onClick(e,o),A(!1)},Me=()=>O?a("div",{className:`${t}__search`,children:a(He,{size:"compact",value:oe,onChange:e=>ie(e.target.value),className:`${t}__search-input`,placeholder:f,"aria-label":f})}):null,Se=()=>{var e,o,c,p,N;if(!n)return null;if(_e.isValidElement(n)){const b=(e=n.props)==null?void 0:e.onClick,w=(o=n.props)==null?void 0:o.onChange,M=(c=n.props)==null?void 0:c.onFocus,S=(p=n.props)==null?void 0:p.onKeyDown,$=_e.cloneElement(n,{disabled:d||((N=n.props)==null?void 0:N.disabled),"aria-disabled":d||void 0,onClick:s=>{d||(k||(s.preventDefault(),s.stopPropagation()),b&&b(s),k?A(!0):ue())},onFocus:s=>{M&&M(s),!(d||!k)&&A(!0)},onChange:s=>{if(w&&w(s),d||!k)return;const m=s==null?void 0:s.target,x=m&&typeof m=="object"&&"value"in m?String(m.value??""):"";ke(x),A(!0)},onKeyDown:s=>{var m;if(S&&S(s),!(d||!k)){if(s.key==="Escape"){A(!1);return}if(s.key==="ArrowDown"){s.preventDefault();const x=(m=y.current)==null?void 0:m.querySelector('[role="menuitem"]:not([disabled])');x==null||x.focus()}}},"aria-haspopup":"true","aria-expanded":r});return a("div",{ref:C,className:`${t}__trigger`,children:$})}return a("div",{ref:C,className:`${t}__trigger`,onClick:ue,children:n})},Re=[t,r&&`${t}--open`,g&&`${t}--full-width`,d&&`${t}--disabled`,V].filter(Boolean).join(" "),Te=[`${t}__menu`,`${t}__menu--portal`,u==="search"&&`${t}__menu--search`,g&&`${t}__menu--full-width`,X].filter(Boolean).join(" ");return R("div",{className:Re,...Y,children:[Se(),r&&!d&&Z?Fe(R("div",{ref:y,className:Te,style:D,role:"menu","aria-orientation":"vertical",onKeyDown:Ae,children:[Me(),ce.length===0?a("div",{className:`${t}__empty`,children:v}):null,ce.map((e,o)=>e.divider?a("div",{className:`${t}__divider`,children:a(we,{})},`divider-${o}`):e.items&&e.items.length>0?a(Ne,{item:e,onItemClick:de},e.id||o):e.type==="toggle"?R("div",{className:`${t}__item ${t}__item--toggle ${e.disabled?`${t}__item--disabled`:""}`,role:"menuitemcheckbox","aria-checked":!!e.checked,"aria-label":e.label,children:[e.icon&&a(G,{name:e.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),a("span",{className:`${t}__item-label`,children:ve(e.label,U,k)}),a(Be,{checked:!!e.checked,size:"small",disabled:e.disabled,onChange:c=>{e.onChange&&e.onChange(c)},className:`${t}__item-toggle`})]},e.id||o):R("button",{className:`${t}__item ${e.disabled?`${t}__item--disabled`:""} ${e.active?`${t}__item--active`:""} ${e.destructive?`${t}__item--destructive`:""}`,role:"menuitem",disabled:e.disabled,onClick:c=>de(e,c),"aria-label":e.label,children:[e.icon&&a(G,{name:e.icon,size:16,appearance:"regular",className:`${t}__item-icon`}),a("span",{className:`${t}__item-label`,children:ve(e.label,U,k)}),e.shortcut&&a(ye,{label:e.shortcut,appearance:"light",className:`${t}__item-shortcut`})]},e.id||o))]}),Z):null]})}export{Je as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),d=require("react");;/* empty css */const B=require("../../assets/svg/design-system.svg.cjs"),C=require("../../assets/svg/connect.svg.cjs"),H=require("../../assets/svg/comphealth.svg.cjs"),_=require("../../assets/svg/weatherby.svg.cjs"),A=require("../../assets/svg/modio.svg.cjs"),M=require("../../assets/svg/locumsmart.svg.cjs"),m=require("../../assets/svg/wireframe.svg.cjs"),L=require("../../assets/svg/design-system-symbol.svg.cjs"),N=require("../../assets/svg/connect-symbol.svg.cjs"),j=require("../../assets/svg/comphealth-symbol.svg.cjs"),D=require("../../assets/svg/weatherby-symbol.svg.cjs"),G=require("../../assets/svg/modio-symbol.svg.cjs"),O=require("../../assets/svg/locumsmart-symbol.svg.cjs"),f=require("../../assets/svg/wireframe-symbol.svg.cjs"),t="uds-branding",$={"design-system":{svg:B.default,alt:"Unified Design System"},connect:{svg:C.default,alt:"CHG Connect"},comphealth:{svg:H.default,alt:"CompHealth"},weatherby:{svg:_.default,alt:"Weatherby Healthcare"},modio:{svg:A.default,alt:"modio"},locumsmart:{svg:M.default,alt:"Locumsmart"},chg:{svg:m.default,alt:"CHG"},wireframe:{svg:m.default,alt:"Wireframe"}},R={"design-system":{svg:L.default,alt:"Unified Design System"},connect:{svg:N.default,alt:"CHG Connect"},comphealth:{svg:j.default,alt:"CompHealth"},weatherby:{svg:D.default,alt:"Weatherby Healthcare"},modio:{svg:G.default,alt:"modio"},locumsmart:{svg:O.default,alt:"Locumsmart"},chg:{svg:f.default,alt:"CHG"},wireframe:{svg:f.default,alt:"Wireframe"}};function W({brand:s,symbol:g=!1,inherit:a=!1,size:b="default",className:v="",...y}){const[S,o]=d.useState(null);d.useEffect(()=>{if(!a)return;const r=document.documentElement;o(r.getAttribute("data-brand"));const u=new MutationObserver(w=>{for(const c of w)c.type==="attributes"&&c.attributeName==="data-brand"&&o(r.getAttribute("data-brand"))});return u.observe(r,{attributes:!0,attributeFilter:["data-brand"]}),()=>u.disconnect()},[a]);const e=a?S:typeof s=="string"?s:null,n=g,l=e?(n?R:$)[e]:null;if(!l)return e&&console.warn(`Branding: "${e}" is not a recognized brand key.`),null;const{svg:h,alt:q}=l,p=[t,`${t}--${b}`,n?`${t}--symbol`:"",v].filter(Boolean).join(" ");return i.jsx("div",{className:p,...y,children:i.jsx("span",{className:`${t}__logo`,role:"img","aria-label":q,dangerouslySetInnerHTML:{__html:h}})})}exports.default=W;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as c}from"react/jsx-runtime";import{useState as
|
|
1
|
+
import{jsx as c}from"react/jsx-runtime";import{useState as C,useEffect as H}from"react";/* empty css */import B from"../../assets/svg/design-system.svg.js";import W from"../../assets/svg/connect.svg.js";import A from"../../assets/svg/comphealth.svg.js";import D from"../../assets/svg/weatherby.svg.js";import M from"../../assets/svg/modio.svg.js";import _ from"../../assets/svg/locumsmart.svg.js";import g from"../../assets/svg/wireframe.svg.js";import w from"../../assets/svg/design-system-symbol.svg.js";import N from"../../assets/svg/connect-symbol.svg.js";import G from"../../assets/svg/comphealth-symbol.svg.js";import $ from"../../assets/svg/weatherby-symbol.svg.js";import O from"../../assets/svg/modio-symbol.svg.js";import E from"../../assets/svg/locumsmart-symbol.svg.js";import f from"../../assets/svg/wireframe-symbol.svg.js";const o="uds-branding",j={"design-system":{svg:B,alt:"Unified Design System"},connect:{svg:W,alt:"CHG Connect"},comphealth:{svg:A,alt:"CompHealth"},weatherby:{svg:D,alt:"Weatherby Healthcare"},modio:{svg:M,alt:"modio"},locumsmart:{svg:_,alt:"Locumsmart"},chg:{svg:g,alt:"CHG"},wireframe:{svg:g,alt:"Wireframe"}},x={"design-system":{svg:w,alt:"Unified Design System"},connect:{svg:N,alt:"CHG Connect"},comphealth:{svg:G,alt:"CompHealth"},weatherby:{svg:$,alt:"Weatherby Healthcare"},modio:{svg:O,alt:"modio"},locumsmart:{svg:E,alt:"Locumsmart"},chg:{svg:f,alt:"CHG"},wireframe:{svg:f,alt:"Wireframe"}};function et({brand:a,symbol:d=!1,inherit:e=!1,size:b="default",className:u="",...p}){const[y,m]=C(null);H(()=>{if(!e)return;const r=document.documentElement;m(r.getAttribute("data-brand"));const i=new MutationObserver(L=>{for(const l of L)l.type==="attributes"&&l.attributeName==="data-brand"&&m(r.getAttribute("data-brand"))});return i.observe(r,{attributes:!0,attributeFilter:["data-brand"]}),()=>i.disconnect()},[e]);const t=e?y:typeof a=="string"?a:null,s=d,n=t?(s?x:j)[t]:null;if(!n)return t&&console.warn(`Branding: "${t}" is not a recognized brand key.`),null;const{svg:v,alt:S}=n,h=[o,`${o}--${b}`,s?`${o}--symbol`:"",u].filter(Boolean).join(" ");return c("div",{className:h,...p,children:c("span",{className:`${o}__logo`,role:"img","aria-label":S,dangerouslySetInnerHTML:{__html:v}})})}export{et as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("react"),C=require("react-dom"),D=require("../Button/Button.cjs");;/* empty css */const e="uds-modal",d={small:"small",default:"default",large:"large",fullscreen:"fullscreen"};function n(l){return l==null||typeof l=="boolean"?null:r.isValidElement(l)||typeof l=="string"||typeof l=="number"?l:null}function H({open:l=!1,onClose:a,title:y,subtitle:$,badge:j,header:x,footer:g,size:i="default",closeOnBackdrop:u=!0,closeOnEscape:f=!0,container:m,className:p="",children:N,...E}){const _=r.useRef(null),v=r.useRef(null),M=n(x),o=n(y),c=n($),h=n(j),b=n(g),k=n(N),q=E;r.useEffect(()=>{if(l)return v.current=document.activeElement instanceof HTMLElement?document.activeElement:null,document.body.style.overflow="hidden",requestAnimationFrame(()=>{var s;(s=_.current)==null||s.focus()}),()=>{var s;document.body.style.overflow="",(s=v.current)==null||s.focus()}},[l]);const R=r.useCallback(s=>{s.key==="Escape"&&f&&a&&(s.stopPropagation(),a())},[f,a]),S=r.useCallback(s=>{s.target===s.currentTarget&&u&&a&&a()},[u,a]);if(!l)return null;const w=typeof i=="string"&&i in d?d[i]:d.default,B=[e,`${e}--${w}`,p].filter(Boolean).join(" "),T=[`${e}__overlay`,i==="fullscreen"&&`${e}__overlay--fullscreen`].filter(Boolean).join(" "),A=t.jsx("div",{className:T,onClick:S,"aria-hidden":"true",children:t.jsxs("div",{ref:_,className:B,role:"dialog","aria-modal":"true","aria-labelledby":o?`${e}-title`:void 0,"aria-describedby":c?`${e}-subtitle`:void 0,tabIndex:-1,onKeyDown:R,...q,children:[t.jsx("div",{className:`${e}__header`,children:M||t.jsx("div",{className:`${e}__header-content`,children:t.jsxs("div",{className:`${e}__header-info`,children:[t.jsxs("div",{className:`${e}__header-title-row`,children:[t.jsxs("div",{className:`${e}__title-meta`,children:[o&&t.jsx("h2",{id:`${e}-title`,className:`${e}__title`,children:o}),h&&t.jsx("span",{className:`${e}__badge`,children:h})]}),t.jsx(D.default,{appearance:"text",layout:"icon-only",size:"default",icon:"X",label:"Close modal",onClick:()=>a==null?void 0:a()})]}),c&&t.jsx("p",{id:`${e}-subtitle`,className:`${e}__subtitle`,children:c})]})})}),t.jsx("div",{className:`${e}__body`,children:k}),b&&t.jsx("div",{className:`${e}__footer`,children:b})]})}),P=m instanceof HTMLElement?m:document.body;return C.createPortal(A,P)}const L=r.memo(H);exports.default=L;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as r,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:a,title:g,subtitle:N,badge:E,header:k,footer:w,size:o="default",closeOnBackdrop:u=!0,closeOnEscape:m=!0,container:f,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"&&m&&a&&(l.stopPropagation(),a())},[m,a]),T=p(l=>{l.target===l.currentTarget&&u&&a&&a()},[u,a]);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=r("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:[r("div",{className:`${e}__header`,children:j||r("div",{className:`${e}__header-content`,children:i("div",{className:`${e}__header-info`,children:[i("div",{className:`${e}__header-title-row`,children:[i("div",{className:`${e}__title-meta`,children:[s&&r("h2",{id:`${e}-title`,className:`${e}__title`,children:s}),v&&r("span",{className:`${e}__badge`,children:v})]}),r(q,{appearance:"text",layout:"icon-only",size:"default",icon:"X",label:"Close modal",onClick:()=>a==null?void 0:a()})]}),d&&r("p",{id:`${e}-subtitle`,className:`${e}__subtitle`,children:d})]})})}),r("div",{className:`${e}__body`,children:A}),y&&r("div",{className:`${e}__footer`,children:y})]})}),D=f instanceof HTMLElement?f:document.body;return K(C,D)}const Q=$.memo(I);export{Q as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),d=require("react"),v=require("../Icon/Icon.cjs"),x=require("../Tag/Tag.cjs"),t="uds-tabs-item";function T({label:s,appearance:m="underline",active:u=!1,icon:r,tag:e,tagVariant:b="neutral",className:p="",onClick:n,...i}){const y=[t,`${t}--${m}`,u&&"active",p].filter(Boolean).join(" "),j=n?"button":"div",_=!!r&&typeof r=="string",S=e===!0||e!==!1&&(typeof e=="number"||typeof e=="string");let a="";s!=null&&(typeof s=="string"?a=s:a=String(s));const c={};return Object.keys(i).forEach(f=>{const l=i[f];(l==null||typeof l!="object"||d.isValidElement(l))&&(c[f]=l)}),o.jsxs(j,{className:y,onClick:n,role:n?"tab":void 0,"aria-selected":n?u:void 0,...c,children:[_&&o.jsx(v.default,{name:r,size:16,appearance:"bold",className:`${t}__icon`}),a&&o.jsx("span",{className:`${t}__label`,children:a}),S&&o.jsx(x.default,{label:typeof e=="number"||typeof e=="string"?String(e):"Label",size:"default",appearance:"label-only",rounded:!0,solid:!0,color:b==="sky"?"sky":"neutral",className:`${t}__tag`})]})}const $=d.memo(T);exports.default=$;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as j,jsx as l}from"react/jsx-runtime";import u from"react";import N from"../Icon/Icon.js";import S from"../Tag/Tag.js";const t="uds-tabs-item";function T({label:s,appearance:p="underline",active:i=!1,icon:r,tag:e,tagVariant:d="neutral",className:b="",onClick:o,...m}){const y=[t,`${t}--${p}`,i&&"active",b].filter(Boolean).join(" "),_=o?"button":"div",$=!!r&&typeof r=="string",h=e===!0||e!==!1&&(typeof e=="number"||typeof e=="string");let a="";s!=null&&(typeof s=="string"?a=s:a=String(s));const c={};return Object.keys(m).forEach(f=>{const n=m[f];(n==null||typeof n!="object"||u.isValidElement(n))&&(c[f]=n)}),j(_,{className:y,onClick:o,role:o?"tab":void 0,"aria-selected":o?i:void 0,...c,children:[$&&l(N,{name:r,size:16,appearance:"bold",className:`${t}__icon`}),a&&l("span",{className:`${t}__label`,children:a}),h&&l(S,{label:typeof e=="number"||typeof e=="string"?String(e):"Label",size:"default",appearance:"label-only",rounded:!0,solid:!0,color:d==="sky"?"sky":"neutral",className:`${t}__tag`})]})}const g=u.memo(T);export{g as default};
|
|
@@ -9,7 +9,7 @@ import type { BrandingProps } from "./Branding.types";
|
|
|
9
9
|
* <Branding brand="connect" />
|
|
10
10
|
*
|
|
11
11
|
* @param {string} brand - Brand key: "design-system" | "connect" | "comphealth" |
|
|
12
|
-
* "weatherby" | "modio" | "locumsmart" | "wireframe"
|
|
12
|
+
* "weatherby" | "modio" | "locumsmart" | "chg" | "wireframe"
|
|
13
13
|
* @param {boolean} symbol - When true, renders only the brand symbol/icon instead
|
|
14
14
|
* of the full logo. Defaults to false (full logo).
|
|
15
15
|
* @param {boolean} inherit - When true, ignores `brand` prop and automatically uses
|
|
@@ -10,6 +10,6 @@ interface TabItemProps {
|
|
|
10
10
|
onClick?: (...args: unknown[]) => void;
|
|
11
11
|
[key: string]: unknown;
|
|
12
12
|
}
|
|
13
|
-
declare function TabItem({ label, active, icon, tag, tagVariant, className, onClick, ...props }: TabItemProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function TabItem({ label, appearance, active, icon, tag, tagVariant, className, onClick, ...props }: TabItemProps): import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
declare const _default: React.MemoExoticComponent<typeof TabItem>;
|
|
15
15
|
export default _default;
|
|
@@ -55,7 +55,7 @@ export declare const COMPONENT_API: {
|
|
|
55
55
|
readonly props: {
|
|
56
56
|
readonly brand: {
|
|
57
57
|
readonly type: "enum";
|
|
58
|
-
readonly values: readonly ["default", "comphealth", "weatherby", "connect", "locumsmart", "modio", "gms", "wireframe"];
|
|
58
|
+
readonly values: readonly ["default", "comphealth", "weatherby", "connect", "locumsmart", "modio", "gms", "chg", "wireframe"];
|
|
59
59
|
readonly default: "default";
|
|
60
60
|
};
|
|
61
61
|
readonly theme: {
|
|
@@ -1888,13 +1888,13 @@ export declare const COMPONENT_API: {
|
|
|
1888
1888
|
};
|
|
1889
1889
|
readonly tagVariant: {
|
|
1890
1890
|
readonly type: "string";
|
|
1891
|
-
readonly default: "
|
|
1891
|
+
readonly default: "neutral";
|
|
1892
1892
|
};
|
|
1893
1893
|
};
|
|
1894
1894
|
readonly defaults: {
|
|
1895
1895
|
readonly orientation: "horizontal";
|
|
1896
1896
|
readonly appearance: "underline";
|
|
1897
|
-
readonly tagVariant: "
|
|
1897
|
+
readonly tagVariant: "neutral";
|
|
1898
1898
|
};
|
|
1899
1899
|
readonly states: readonly [];
|
|
1900
1900
|
readonly tokensUsed: readonly [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={Accordion:{name:"Accordion",source:"src/design-system/components/Accordion/Accordion.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ActionMenu:{name:"ActionMenu",source:"src/design-system/components/ActionMenu/ActionMenu.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Menu","Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},AppShell:{name:"AppShell",source:"src/design-system/components/AppShell/AppShell.spec.ts",tier:1,purpose:"Top-level application shell that composes menu, content, and main regions for consistent page architecture.",props:{brand:{type:"enum",values:["default","comphealth","weatherby","connect","locumsmart","modio","gms","wireframe"],default:"default"},theme:{type:"enum",values:["light","dark"],default:"light"}},defaults:{brand:"default",theme:"light"},states:["default"],tokensUsed:["--uds-surface-primary","--uds-text-primary","--uds-border-primary","--uds-spacing-24"],accessibility:{role:"application",keyboard:["Tab"]},composition:{allowedChildren:["Menu","Container","Layout","Text","Button"],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Avatar:{name:"Avatar",source:"src/design-system/components/Avatar/Avatar.spec.ts",props:{size:{type:"string",default:"default"}},defaults:{size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Badge:{name:"Badge",source:"src/design-system/components/Badge/Badge.spec.ts",props:{variant:{type:"enum",values:["blue","cyan","green","magenta","indigo","rose","neutral","orange","purple","red","sky","yellow","inverse","lime"],default:"red"},appearance:{type:"enum",values:["solid","outlined"],default:"solid"},rounded:{type:"boolean",default:!0}},defaults:{variant:"red",appearance:"solid",rounded:!0},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Branding:{name:"Branding",source:"src/design-system/components/Branding/Branding.spec.ts",props:{size:{type:"string",default:"default"}},defaults:{size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Breadcrumb:{name:"Breadcrumb",source:"src/design-system/components/Breadcrumb/Breadcrumb.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Button:{name:"Button",source:"src/design-system/components/Button/Button.spec.ts",props:{layout:{type:"enum",values:["label-only","icon-left","icon-right","icon-only","only"],default:"label-only"},appearance:{type:"enum",values:["primary","soft","outline","text","ghost","disabled","destructive"],default:"primary"},size:{type:"enum",values:["large","default","small","xsmall"],default:"default"}},defaults:{layout:"label-only",appearance:"primary",size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["AppShell","Container","Layout","Modal","Table","Tabs"],disallowedChildren:["Button"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ButtonGroup:{name:"ButtonGroup",source:"src/design-system/components/ButtonGroup/ButtonGroup.spec.ts",tier:2,purpose:"Groups related button actions with consistent spacing and orientation.",props:{orientation:{type:"enum",values:["horizontal","vertical"],default:"horizontal"},size:{type:"enum",values:["xsmall","small","default","large"],default:"default"}},defaults:{orientation:"horizontal",size:"default"},states:["default"],tokensUsed:["--uds-spacing-8","--uds-spacing-16"],accessibility:{role:"group",keyboard:["Tab","Enter","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not set button appearances in ButtonGroup options; grouped buttons are outline only.","Do not mix unrelated actions in one ButtonGroup."]},Calendar:{name:"Calendar",source:"src/design-system/components/Calendar/Calendar.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Checkbox:{name:"Checkbox",source:"src/design-system/components/Checkbox/Checkbox.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},CheckboxGroup:{name:"CheckboxGroup",source:"src/design-system/components/CheckboxGroup/CheckboxGroup.spec.ts",tier:2,purpose:"Provides grouped multi-select choices using Checkbox controls.",props:{orientation:{type:"enum",values:["vertical","horizontal"],default:"vertical"},disabled:{type:"boolean",default:!1}},defaults:{orientation:"vertical",disabled:!1},states:["default"],tokensUsed:["--uds-spacing-8","--uds-spacing-16","--uds-text-primary"],accessibility:{role:"group",keyboard:["Tab","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use CheckboxGroup when only one value may be selected.","Do not hide option labels."]},Checklist:{name:"Checklist",source:"src/design-system/components/Checklist/Checklist.spec.ts",tier:2,purpose:"Sidebar checklist for multi-step flows with completion status.",props:{},defaults:{},states:["default","active","completed","disabled"],tokensUsed:["--uds-surface-primary","--uds-border-primary","--uds-text-primary","--uds-text-secondary","--uds-surface-brand-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-20","--uds-spacing-24"],accessibility:{role:"navigation",keyboard:["Tab","Enter","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Chip:{name:"Chip",source:"src/design-system/components/Chip/Chip.spec.ts",props:{selected:{type:"boolean",default:!1},shape:{type:"enum",values:["pill","rounded"],default:"pill"},size:{type:"enum",values:["default","compact","mini"],default:"default"},iconPlacement:{type:"enum",values:["both","left","right","none"],default:"none"},badgeVariant:{type:"string",default:"sky"}},defaults:{selected:!1,shape:"pill",size:"default",iconPlacement:"none",badgeVariant:"sky"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{iconplacement:"iconPlacement"}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Code:{name:"Code",source:"src/design-system/components/Code/Code.spec.ts",props:{language:{type:"enum",values:["markup","css","clike","javascript","typescript","tsx","jsx","json","bash","sql"],default:"javascript"},inline:{type:"enum",values:[!0,!1],default:!1}},defaults:{language:"javascript",inline:!1},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Container:{name:"Container",source:"src/design-system/components/Container/Container.spec.ts",tier:2,purpose:"Provides a reusable content wrapper with optional filled or transparent surface styles and standardized padding.",props:{appearance:{type:"enum",values:["default","transparent"],default:"transparent"},padding:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"large"},paddingX:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"large"},paddingY:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"large"}},defaults:{appearance:"transparent",padding:"large",paddingX:"large",paddingY:"large"},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-width-1","--uds-border-primary","--uds-radius-8","--uds-spacing-0","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16","--uds-spacing-24","--uds-spacing-32"],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:["Layout","Table","Text","Button","Field","Divider","Tag"],allowedParents:["AppShell","root"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use Container for semantic landmarks where <section>, <article>, or <aside> is required.","Do not hardcode spacing values on top of Container padding variants."]},CurrencyInput:{name:"CurrencyInput",source:"src/design-system/components/CurrencyInput/CurrencyInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},DateInput:{name:"DateInput",source:"src/design-system/components/DateInput/DateInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Datepicker:{name:"Datepicker",source:"src/design-system/components/Datepicker/Datepicker.spec.ts",props:{size:{type:"string",default:"desktop"}},defaults:{size:"desktop"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},DateRangeInput:{name:"DateRangeInput",source:"src/design-system/components/DateRangeInput/DateRangeInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Dialog:{name:"Dialog",source:"src/design-system/components/Dialog/Dialog.spec.ts",props:{intent:{type:"string",default:"info"},confirmLabel:{type:"string",default:"Confirm"},cancelLabel:{type:"string",default:"Cancel"}},defaults:{intent:"info",confirmLabel:"Confirm",cancelLabel:"Cancel"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:["Dialog"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Divider:{name:"Divider",source:"src/design-system/components/Divider/Divider.spec.ts",props:{alignment:{type:"enum",values:["left","center","right"],default:"center"},variant:{type:"enum",values:["line","solid"],default:"line"}},defaults:{alignment:"center",variant:"line"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Container","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},DotStatus:{name:"DotStatus",source:"src/design-system/components/DotStatus/DotStatus.spec.ts",props:{variant:{type:"enum",values:["red","blue","inverse","orange","sky","indigo","rose","neutral","celery","lime","yellow","green","cyan","purple","fuchsia"],default:"blue"},size:{type:"enum",values:["small","medium","large"],default:"medium"},outline:{type:"boolean",default:!1}},defaults:{variant:"blue",size:"medium",outline:!1},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Dropdown:{name:"Dropdown",source:"src/design-system/components/Dropdown/Dropdown.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"},placeholder:{type:"string",default:"Select an option"},placement:{type:"string",default:"bottom-start"}},defaults:{size:"default",state:"default",placeholder:"Select an option",placement:"bottom-start"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Menu","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},EmptyState:{name:"EmptyState",source:"src/design-system/components/EmptyState/EmptyState.spec.ts",tier:2,purpose:"Provide a clear, branded fallback when a section has no content, data, or search results.",props:{align:{type:"enum",values:["left","center"],default:"center"}},defaults:{align:"center"},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-primary","--uds-radius-8","--uds-text-primary","--uds-text-secondary","--uds-spacing-24"],accessibility:{role:"region",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use EmptyState when content is loading; use a loading indicator instead.","Do not place multiple primary actions inside a single EmptyState."]},EventCard:{name:"EventCard",source:"src/design-system/components/EventCard/EventCard.spec.ts",props:{title:{type:"string",default:"Title"},type:{type:"string",default:"travel"},status:{type:"string",default:"active"}},defaults:{title:"Title",type:"travel",status:"active"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Field:{name:"Field",source:"src/design-system/components/Field/Field.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["TextInput","Input","Dropdown","Datepicker","Textarea","Checkbox","Radio","Toggle","Slider","FileUpload"],allowedParents:["Container","Modal","Tabs"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},FileUpload:{name:"FileUpload",source:"src/design-system/components/FileUpload/FileUpload.spec.ts",props:{instructionText:{type:"string",default:"Drop files here or click to upload"}},defaults:{instructionText:"Drop files here or click to upload"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Flex:{name:"Flex",source:"src/design-system/components/Flex/Flex.spec.ts",tier:1,purpose:"Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and spacing.",props:{direction:{type:"enum",values:["row","column"],default:"row"},justifyContent:{type:"enum",values:["flex-start","center","flex-end","space-between","space-around","space-evenly"],default:"flex-start"},alignItems:{type:"enum",values:["stretch","flex-start","center","flex-end","baseline"],default:"stretch"},wrap:{type:"enum",values:["nowrap","wrap","wrap-reverse"],default:"nowrap"}},defaults:{direction:"row",justifyContent:"flex-start",alignItems:"stretch",wrap:"nowrap"},states:["default"],tokensUsed:["--uds-gap-*","--uds-spacing-*"],accessibility:{role:"generic",keyboard:["Tab"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Icon:{name:"Icon",source:"src/design-system/components/Icon/Icon.spec.ts",props:{appearance:{type:"string",default:"regular"}},defaults:{appearance:"regular"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Menu"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ImageAspect:{name:"ImageAspect",source:"src/design-system/components/ImageAspect/ImageAspect.spec.ts",props:{aspectratio:{type:"enum",values:["square","video","4-3","3-2","21-9","portrait","auto"]},ratio:{type:"string",default:"square"}},defaults:{ratio:"square"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Key:{name:"Key",source:"src/design-system/components/Key/Key.spec.ts",props:{appearance:{type:"enum",values:["light","dark"],default:"light"}},defaults:{appearance:"light"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Layout:{name:"Layout",source:"src/design-system/components/Layout/Layout.spec.ts",tier:2,purpose:"Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and width behavior.",props:{fullWidth:{type:"boolean",default:!1},appearance:{type:"enum",values:["full","equal","right","left"],default:"full"}},defaults:{fullWidth:!1,appearance:"full"},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:["AppShell","Container"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Link:{name:"Link",source:"src/design-system/components/Link/Link.spec.ts",tier:1,purpose:"Provides inline navigation and action links using semantic text-link tokens.",props:{appearance:{type:"enum",values:["primary","secondary"],default:"primary"},underline:{type:"enum",values:["always","hover","none"],default:"always"},disabled:{type:"boolean",default:!1}},defaults:{appearance:"primary",underline:"always",disabled:!1},states:["default","hover","active","visited","focus","disabled"],tokensUsed:["--uds-text-link-primary-default","--uds-text-link-primary-hover","--uds-text-link-primary-active","--uds-text-link-primary-visited","--uds-text-link-secondary-default","--uds-text-link-secondary-hover","--uds-text-link-secondary-active","--uds-text-link-secondary-visited","--uds-focus-ring-width","--uds-focus-ring-border","--uds-focus-ring-offset"],accessibility:{role:"link",keyboard:["Enter activates link","Tab/Shift+Tab moves focus"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Using Link for button-like actions that do not navigate.","Relying on color only without visible text for meaning."]},Menu:{name:"Menu",source:"src/design-system/components/Menu/Menu.spec.ts",props:{identity:{type:"string",default:"design-system"}},defaults:{identity:"design-system"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["ActionMenu","Dropdown","Toggle","Text","Icon"],allowedParents:["AppShell","root"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},MicroCalendar:{name:"MicroCalendar",source:"src/design-system/components/MicroCalendar/MicroCalendar.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Modal:{name:"Modal",source:"src/design-system/components/Modal/Modal.spec.ts",props:{size:{type:"enum",values:["small","default","large","fullscreen"],default:"default"}},defaults:{size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["Text","Button","Divider","Field","TextInput","Dropdown","Datepicker","Textarea","Tag"],allowedParents:["AppShell","Container","root"],disallowedChildren:["Modal"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},NumberInput:{name:"NumberInput",source:"src/design-system/components/NumberInput/NumberInput.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"},type:{type:"string",default:"number"}},defaults:{size:"default",state:"default",type:"number"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Pagination:{name:"Pagination",source:"src/design-system/components/Pagination/Pagination.spec.ts",props:{variant:{type:"string",default:"default"}},defaults:{variant:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},PasswordInput:{name:"PasswordInput",source:"src/design-system/components/PasswordInput/PasswordInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},PhoneInput:{name:"PhoneInput",source:"src/design-system/components/PhoneInput/PhoneInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ProgressCircle:{name:"ProgressCircle",source:"src/design-system/components/ProgressCircle/ProgressCircle.spec.ts",props:{shape:{type:"enum",values:["circle","half-circle"],default:"circle"},size:{type:"enum",values:["xxs","xs","sm","md","lg"],default:"md"}},defaults:{shape:"circle",size:"md"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ProgressIndicator:{name:"ProgressIndicator",source:"src/design-system/components/ProgressIndicator/ProgressIndicator.spec.ts",props:{labelPosition:{type:"enum",values:["false","right","bottom","top-floating","bottom-floating"],default:!1},variant:{type:"enum",values:["default","blue","green","success","orange","warning","red","error","purple"],default:"default"},size:{type:"enum",values:["small","medium","large"],default:"medium"}},defaults:{labelPosition:!1,variant:"default",size:"medium"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ProvidersCard:{name:"ProvidersCard",source:"src/design-system/components/ProvidersCard/ProvidersCard.spec.ts",tier:3,purpose:"Displays provider identity, status, metadata, tags, and quick actions in a compact card.",props:{statusVariant:{type:"enum",values:["green","orange","red","blue","neutral"],default:"green"}},defaults:{statusVariant:"green"},states:["default"],tokensUsed:["--uds-spacing-16","--uds-spacing-12","--uds-border-width-1","--uds-border-primary","--uds-radius-8","--uds-surface-primary"],accessibility:{role:"group",keyboard:["Tab","Enter","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use ProvidersCard for tabular datasets where rows and sorting are required.","Do not replace action buttons with non-interactive text when actions are expected."]},Radio:{name:"Radio",source:"src/design-system/components/Radio/Radio.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},RadioGroup:{name:"RadioGroup",source:"src/design-system/components/RadioGroup/RadioGroup.spec.ts",tier:2,purpose:"Provides grouped single-select choices using Radio controls.",props:{orientation:{type:"enum",values:["vertical","horizontal"],default:"vertical"},disabled:{type:"boolean",default:!1}},defaults:{orientation:"vertical",disabled:!1},states:["default"],tokensUsed:["--uds-spacing-8","--uds-spacing-16","--uds-text-primary"],accessibility:{role:"radiogroup",keyboard:["Tab","ArrowUp","ArrowDown","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use RadioGroup when users can select more than one option.","Do not omit visible labels when context is unclear."]},ScrollView:{name:"ScrollView",source:"src/design-system/components/ScrollView/ScrollView.spec.ts",tier:2,purpose:"Provides a container with controlled scroll direction.",props:{direction:{type:"enum",values:["vertical","horizontal"],default:"vertical"}},defaults:{direction:"vertical"},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},SearchInput:{name:"SearchInput",source:"src/design-system/components/SearchInput/SearchInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},SectionHeader:{name:"SectionHeader",source:"src/design-system/components/SectionHeader/SectionHeader.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Slider:{name:"Slider",source:"src/design-system/components/Slider/Slider.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Statistics:{name:"Statistics",source:"src/design-system/components/Statistics/Statistics.spec.ts",tier:2,purpose:"Displays a KPI value with optional context, trend, and icon.",props:{trend:{type:"enum",values:["up","down","neutral"],default:"neutral"},iconAccent:{type:"enum",values:["amber","aqua","blue","cyan","emerald","fuchsia","green","indigo","lime","magenta","orange","purple","red","rose","sky","violet","yellow"],default:"blue"}},defaults:{trend:"neutral",iconAccent:"blue"},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-surface-primary","--uds-border-primary","--uds-radius-8","--uds-text-secondary","--uds-system-success-primary","--uds-system-destructive-primary"],accessibility:{role:"status",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use Statistics for interactive controls.","Do not place long paragraph content inside helper text."]},Status:{name:"Status",source:"src/design-system/components/Status/Status.spec.ts",props:{appearance:{type:"enum",values:["light-gray","white","transparent"],default:"light-gray"},shape:{type:"enum",values:["pill","rounded"],default:"pill"},variant:{type:"string",default:"blue"}},defaults:{appearance:"light-gray",shape:"pill",variant:"blue"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Steps:{name:"Steps",source:"src/design-system/components/Steps/Steps.spec.ts",props:{orientation:{type:"enum",values:["horizontal","vertical"],default:"horizontal"},status:{type:"enum",values:["complete","active","incomplete","disabled","error"]},size:{type:"enum",values:["default","compact"],default:"default"}},defaults:{orientation:"horizontal",size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Table:{name:"Table",source:"src/design-system/components/Table/Table.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["Tag","Status","Avatar","Button","ActionMenu","ProgressIndicator","DotStatus"],allowedParents:["Container","Tabs"],disallowedChildren:["Table"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Tabs:{name:"Tabs",source:"src/design-system/components/Tabs/Tabs.spec.ts",props:{orientation:{type:"enum",values:["horizontal","vertical"],default:"horizontal"},appearance:{type:"string",default:"underline"},tagVariant:{type:"string",default:"red"}},defaults:{orientation:"horizontal",appearance:"underline",tagVariant:"red"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["Text","Tag","Button","Table","Field"],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Tag:{name:"Tag",source:"src/design-system/components/Tag/Tag.spec.ts",props:{appearance:{type:"enum",values:["label-only","icon-left"],default:"label-only"},size:{type:"enum",values:["compact","default"],default:"compact"},color:{type:"enum",values:["transparent","neutral","red","orange","yellow","emerald","green","sky","cyan","blue","indigo","purple","fuchsia","magenta","inverse"],default:"transparent"},label:{type:"string",default:"Label"}},defaults:{appearance:"label-only",size:"compact",color:"transparent",label:"Label"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Container","Modal","Table","Tabs"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Text:{name:"Text",source:"src/design-system/components/Text/Text.spec.ts",tier:2,purpose:"Applies UDS typography variants with governed weight and leading options while preserving semantic tags via `as`.",props:{variant:{type:"enum",values:["display-128","display-96","display-72","display-60","display-48","display-36","heading-32","heading-28","heading-24","body-20","body-16","body-14","body-12"],default:"body-16"},weight:{type:"enum",values:["regular","medium","semibold","bold"],default:"regular"},leading:{type:"enum",values:["tight","regular","loose"],default:"regular"}},defaults:{variant:"body-16",weight:"regular",leading:"regular"},states:["default"],tokensUsed:["--uds-font-family","--uds-font-size-*","--uds-line-*","--uds-font-weight*","--uds-type-*"],accessibility:{role:"text",keyboard:[]},composition:{allowedChildren:[],allowedParents:["AppShell","Container","Layout","Menu","Modal","Tabs"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not set font-size/line-height directly on consumer elements; use Text variant + leading.","Do not reintroduce tailwind-like typography utilities that bypass semantic tokens."]},Textarea:{name:"Textarea",source:"src/design-system/components/Textarea/Textarea.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"}},defaults:{size:"default",state:"default"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},TextInput:{name:"TextInput",source:"src/design-system/components/TextInput/TextInput.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"},type:{type:"string",default:"text"},iconPosition:{type:"string",default:"right"}},defaults:{size:"default",state:"default",type:"text",iconPosition:"right"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},TimeInput:{name:"TimeInput",source:"src/design-system/components/TimeInput/TimeInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Toast:{name:"Toast",source:"src/design-system/components/Toast/Toast.spec.ts",props:{variant:{type:"enum",values:["success","error","warning","info"],default:"info"}},defaults:{variant:"info"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:["Modal","Dialog"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Toggle:{name:"Toggle",source:"src/design-system/components/Toggle/Toggle.spec.ts",props:{size:{type:"enum",values:["large","small"],default:"large"}},defaults:{size:"large"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Menu"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Toolbar:{name:"Toolbar",source:"src/design-system/components/Toolbar/Toolbar.spec.ts",tier:2,purpose:"Top action bar with left and right action regions and centered title/branding.",props:{},defaults:{},states:["default"],tokensUsed:["--uds-surface-primary","--uds-border-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16"],accessibility:{role:"toolbar",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Tooltip:{name:"Tooltip",source:"src/design-system/components/Tooltip/Tooltip.spec.ts",props:{placement:{type:"enum",values:["top","bottom","left","right"],default:"top"}},defaults:{placement:"top"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]}};exports.COMPONENT_API=e;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={Accordion:{name:"Accordion",source:"src/design-system/components/Accordion/Accordion.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ActionMenu:{name:"ActionMenu",source:"src/design-system/components/ActionMenu/ActionMenu.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Menu","Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},AppShell:{name:"AppShell",source:"src/design-system/components/AppShell/AppShell.spec.ts",tier:1,purpose:"Top-level application shell that composes menu, content, and main regions for consistent page architecture.",props:{brand:{type:"enum",values:["default","comphealth","weatherby","connect","locumsmart","modio","gms","chg","wireframe"],default:"default"},theme:{type:"enum",values:["light","dark"],default:"light"}},defaults:{brand:"default",theme:"light"},states:["default"],tokensUsed:["--uds-surface-primary","--uds-text-primary","--uds-border-primary","--uds-spacing-24"],accessibility:{role:"application",keyboard:["Tab"]},composition:{allowedChildren:["Menu","Container","Layout","Text","Button"],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Avatar:{name:"Avatar",source:"src/design-system/components/Avatar/Avatar.spec.ts",props:{size:{type:"string",default:"default"}},defaults:{size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Badge:{name:"Badge",source:"src/design-system/components/Badge/Badge.spec.ts",props:{variant:{type:"enum",values:["blue","cyan","green","magenta","indigo","rose","neutral","orange","purple","red","sky","yellow","inverse","lime"],default:"red"},appearance:{type:"enum",values:["solid","outlined"],default:"solid"},rounded:{type:"boolean",default:!0}},defaults:{variant:"red",appearance:"solid",rounded:!0},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Branding:{name:"Branding",source:"src/design-system/components/Branding/Branding.spec.ts",props:{size:{type:"string",default:"default"}},defaults:{size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Breadcrumb:{name:"Breadcrumb",source:"src/design-system/components/Breadcrumb/Breadcrumb.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Button:{name:"Button",source:"src/design-system/components/Button/Button.spec.ts",props:{layout:{type:"enum",values:["label-only","icon-left","icon-right","icon-only","only"],default:"label-only"},appearance:{type:"enum",values:["primary","soft","outline","text","ghost","disabled","destructive"],default:"primary"},size:{type:"enum",values:["large","default","small","xsmall"],default:"default"}},defaults:{layout:"label-only",appearance:"primary",size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["AppShell","Container","Layout","Modal","Table","Tabs"],disallowedChildren:["Button"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ButtonGroup:{name:"ButtonGroup",source:"src/design-system/components/ButtonGroup/ButtonGroup.spec.ts",tier:2,purpose:"Groups related button actions with consistent spacing and orientation.",props:{orientation:{type:"enum",values:["horizontal","vertical"],default:"horizontal"},size:{type:"enum",values:["xsmall","small","default","large"],default:"default"}},defaults:{orientation:"horizontal",size:"default"},states:["default"],tokensUsed:["--uds-spacing-8","--uds-spacing-16"],accessibility:{role:"group",keyboard:["Tab","Enter","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not set button appearances in ButtonGroup options; grouped buttons are outline only.","Do not mix unrelated actions in one ButtonGroup."]},Calendar:{name:"Calendar",source:"src/design-system/components/Calendar/Calendar.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Checkbox:{name:"Checkbox",source:"src/design-system/components/Checkbox/Checkbox.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},CheckboxGroup:{name:"CheckboxGroup",source:"src/design-system/components/CheckboxGroup/CheckboxGroup.spec.ts",tier:2,purpose:"Provides grouped multi-select choices using Checkbox controls.",props:{orientation:{type:"enum",values:["vertical","horizontal"],default:"vertical"},disabled:{type:"boolean",default:!1}},defaults:{orientation:"vertical",disabled:!1},states:["default"],tokensUsed:["--uds-spacing-8","--uds-spacing-16","--uds-text-primary"],accessibility:{role:"group",keyboard:["Tab","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use CheckboxGroup when only one value may be selected.","Do not hide option labels."]},Checklist:{name:"Checklist",source:"src/design-system/components/Checklist/Checklist.spec.ts",tier:2,purpose:"Sidebar checklist for multi-step flows with completion status.",props:{},defaults:{},states:["default","active","completed","disabled"],tokensUsed:["--uds-surface-primary","--uds-border-primary","--uds-text-primary","--uds-text-secondary","--uds-surface-brand-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-20","--uds-spacing-24"],accessibility:{role:"navigation",keyboard:["Tab","Enter","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Chip:{name:"Chip",source:"src/design-system/components/Chip/Chip.spec.ts",props:{selected:{type:"boolean",default:!1},shape:{type:"enum",values:["pill","rounded"],default:"pill"},size:{type:"enum",values:["default","compact","mini"],default:"default"},iconPlacement:{type:"enum",values:["both","left","right","none"],default:"none"},badgeVariant:{type:"string",default:"sky"}},defaults:{selected:!1,shape:"pill",size:"default",iconPlacement:"none",badgeVariant:"sky"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{iconplacement:"iconPlacement"}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Code:{name:"Code",source:"src/design-system/components/Code/Code.spec.ts",props:{language:{type:"enum",values:["markup","css","clike","javascript","typescript","tsx","jsx","json","bash","sql"],default:"javascript"},inline:{type:"enum",values:[!0,!1],default:!1}},defaults:{language:"javascript",inline:!1},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Container:{name:"Container",source:"src/design-system/components/Container/Container.spec.ts",tier:2,purpose:"Provides a reusable content wrapper with optional filled or transparent surface styles and standardized padding.",props:{appearance:{type:"enum",values:["default","transparent"],default:"transparent"},padding:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"large"},paddingX:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"large"},paddingY:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"large"}},defaults:{appearance:"transparent",padding:"large",paddingX:"large",paddingY:"large"},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-width-1","--uds-border-primary","--uds-radius-8","--uds-spacing-0","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16","--uds-spacing-24","--uds-spacing-32"],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:["Layout","Table","Text","Button","Field","Divider","Tag"],allowedParents:["AppShell","root"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use Container for semantic landmarks where <section>, <article>, or <aside> is required.","Do not hardcode spacing values on top of Container padding variants."]},CurrencyInput:{name:"CurrencyInput",source:"src/design-system/components/CurrencyInput/CurrencyInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},DateInput:{name:"DateInput",source:"src/design-system/components/DateInput/DateInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Datepicker:{name:"Datepicker",source:"src/design-system/components/Datepicker/Datepicker.spec.ts",props:{size:{type:"string",default:"desktop"}},defaults:{size:"desktop"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},DateRangeInput:{name:"DateRangeInput",source:"src/design-system/components/DateRangeInput/DateRangeInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Dialog:{name:"Dialog",source:"src/design-system/components/Dialog/Dialog.spec.ts",props:{intent:{type:"string",default:"info"},confirmLabel:{type:"string",default:"Confirm"},cancelLabel:{type:"string",default:"Cancel"}},defaults:{intent:"info",confirmLabel:"Confirm",cancelLabel:"Cancel"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:["Dialog"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Divider:{name:"Divider",source:"src/design-system/components/Divider/Divider.spec.ts",props:{alignment:{type:"enum",values:["left","center","right"],default:"center"},variant:{type:"enum",values:["line","solid"],default:"line"}},defaults:{alignment:"center",variant:"line"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Container","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},DotStatus:{name:"DotStatus",source:"src/design-system/components/DotStatus/DotStatus.spec.ts",props:{variant:{type:"enum",values:["red","blue","inverse","orange","sky","indigo","rose","neutral","celery","lime","yellow","green","cyan","purple","fuchsia"],default:"blue"},size:{type:"enum",values:["small","medium","large"],default:"medium"},outline:{type:"boolean",default:!1}},defaults:{variant:"blue",size:"medium",outline:!1},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Dropdown:{name:"Dropdown",source:"src/design-system/components/Dropdown/Dropdown.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"},placeholder:{type:"string",default:"Select an option"},placement:{type:"string",default:"bottom-start"}},defaults:{size:"default",state:"default",placeholder:"Select an option",placement:"bottom-start"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Menu","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},EmptyState:{name:"EmptyState",source:"src/design-system/components/EmptyState/EmptyState.spec.ts",tier:2,purpose:"Provide a clear, branded fallback when a section has no content, data, or search results.",props:{align:{type:"enum",values:["left","center"],default:"center"}},defaults:{align:"center"},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-primary","--uds-radius-8","--uds-text-primary","--uds-text-secondary","--uds-spacing-24"],accessibility:{role:"region",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use EmptyState when content is loading; use a loading indicator instead.","Do not place multiple primary actions inside a single EmptyState."]},EventCard:{name:"EventCard",source:"src/design-system/components/EventCard/EventCard.spec.ts",props:{title:{type:"string",default:"Title"},type:{type:"string",default:"travel"},status:{type:"string",default:"active"}},defaults:{title:"Title",type:"travel",status:"active"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Field:{name:"Field",source:"src/design-system/components/Field/Field.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["TextInput","Input","Dropdown","Datepicker","Textarea","Checkbox","Radio","Toggle","Slider","FileUpload"],allowedParents:["Container","Modal","Tabs"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},FileUpload:{name:"FileUpload",source:"src/design-system/components/FileUpload/FileUpload.spec.ts",props:{instructionText:{type:"string",default:"Drop files here or click to upload"}},defaults:{instructionText:"Drop files here or click to upload"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Flex:{name:"Flex",source:"src/design-system/components/Flex/Flex.spec.ts",tier:1,purpose:"Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and spacing.",props:{direction:{type:"enum",values:["row","column"],default:"row"},justifyContent:{type:"enum",values:["flex-start","center","flex-end","space-between","space-around","space-evenly"],default:"flex-start"},alignItems:{type:"enum",values:["stretch","flex-start","center","flex-end","baseline"],default:"stretch"},wrap:{type:"enum",values:["nowrap","wrap","wrap-reverse"],default:"nowrap"}},defaults:{direction:"row",justifyContent:"flex-start",alignItems:"stretch",wrap:"nowrap"},states:["default"],tokensUsed:["--uds-gap-*","--uds-spacing-*"],accessibility:{role:"generic",keyboard:["Tab"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Icon:{name:"Icon",source:"src/design-system/components/Icon/Icon.spec.ts",props:{appearance:{type:"string",default:"regular"}},defaults:{appearance:"regular"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Menu"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ImageAspect:{name:"ImageAspect",source:"src/design-system/components/ImageAspect/ImageAspect.spec.ts",props:{aspectratio:{type:"enum",values:["square","video","4-3","3-2","21-9","portrait","auto"]},ratio:{type:"string",default:"square"}},defaults:{ratio:"square"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Key:{name:"Key",source:"src/design-system/components/Key/Key.spec.ts",props:{appearance:{type:"enum",values:["light","dark"],default:"light"}},defaults:{appearance:"light"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Layout:{name:"Layout",source:"src/design-system/components/Layout/Layout.spec.ts",tier:2,purpose:"Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and width behavior.",props:{fullWidth:{type:"boolean",default:!1},appearance:{type:"enum",values:["full","equal","right","left"],default:"full"}},defaults:{fullWidth:!1,appearance:"full"},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:["AppShell","Container"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Link:{name:"Link",source:"src/design-system/components/Link/Link.spec.ts",tier:1,purpose:"Provides inline navigation and action links using semantic text-link tokens.",props:{appearance:{type:"enum",values:["primary","secondary"],default:"primary"},underline:{type:"enum",values:["always","hover","none"],default:"always"},disabled:{type:"boolean",default:!1}},defaults:{appearance:"primary",underline:"always",disabled:!1},states:["default","hover","active","visited","focus","disabled"],tokensUsed:["--uds-text-link-primary-default","--uds-text-link-primary-hover","--uds-text-link-primary-active","--uds-text-link-primary-visited","--uds-text-link-secondary-default","--uds-text-link-secondary-hover","--uds-text-link-secondary-active","--uds-text-link-secondary-visited","--uds-focus-ring-width","--uds-focus-ring-border","--uds-focus-ring-offset"],accessibility:{role:"link",keyboard:["Enter activates link","Tab/Shift+Tab moves focus"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Using Link for button-like actions that do not navigate.","Relying on color only without visible text for meaning."]},Menu:{name:"Menu",source:"src/design-system/components/Menu/Menu.spec.ts",props:{identity:{type:"string",default:"design-system"}},defaults:{identity:"design-system"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["ActionMenu","Dropdown","Toggle","Text","Icon"],allowedParents:["AppShell","root"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},MicroCalendar:{name:"MicroCalendar",source:"src/design-system/components/MicroCalendar/MicroCalendar.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Modal:{name:"Modal",source:"src/design-system/components/Modal/Modal.spec.ts",props:{size:{type:"enum",values:["small","default","large","fullscreen"],default:"default"}},defaults:{size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["Text","Button","Divider","Field","TextInput","Dropdown","Datepicker","Textarea","Tag"],allowedParents:["AppShell","Container","root"],disallowedChildren:["Modal"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},NumberInput:{name:"NumberInput",source:"src/design-system/components/NumberInput/NumberInput.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"},type:{type:"string",default:"number"}},defaults:{size:"default",state:"default",type:"number"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Pagination:{name:"Pagination",source:"src/design-system/components/Pagination/Pagination.spec.ts",props:{variant:{type:"string",default:"default"}},defaults:{variant:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},PasswordInput:{name:"PasswordInput",source:"src/design-system/components/PasswordInput/PasswordInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},PhoneInput:{name:"PhoneInput",source:"src/design-system/components/PhoneInput/PhoneInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ProgressCircle:{name:"ProgressCircle",source:"src/design-system/components/ProgressCircle/ProgressCircle.spec.ts",props:{shape:{type:"enum",values:["circle","half-circle"],default:"circle"},size:{type:"enum",values:["xxs","xs","sm","md","lg"],default:"md"}},defaults:{shape:"circle",size:"md"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ProgressIndicator:{name:"ProgressIndicator",source:"src/design-system/components/ProgressIndicator/ProgressIndicator.spec.ts",props:{labelPosition:{type:"enum",values:["false","right","bottom","top-floating","bottom-floating"],default:!1},variant:{type:"enum",values:["default","blue","green","success","orange","warning","red","error","purple"],default:"default"},size:{type:"enum",values:["small","medium","large"],default:"medium"}},defaults:{labelPosition:!1,variant:"default",size:"medium"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ProvidersCard:{name:"ProvidersCard",source:"src/design-system/components/ProvidersCard/ProvidersCard.spec.ts",tier:3,purpose:"Displays provider identity, status, metadata, tags, and quick actions in a compact card.",props:{statusVariant:{type:"enum",values:["green","orange","red","blue","neutral"],default:"green"}},defaults:{statusVariant:"green"},states:["default"],tokensUsed:["--uds-spacing-16","--uds-spacing-12","--uds-border-width-1","--uds-border-primary","--uds-radius-8","--uds-surface-primary"],accessibility:{role:"group",keyboard:["Tab","Enter","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use ProvidersCard for tabular datasets where rows and sorting are required.","Do not replace action buttons with non-interactive text when actions are expected."]},Radio:{name:"Radio",source:"src/design-system/components/Radio/Radio.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},RadioGroup:{name:"RadioGroup",source:"src/design-system/components/RadioGroup/RadioGroup.spec.ts",tier:2,purpose:"Provides grouped single-select choices using Radio controls.",props:{orientation:{type:"enum",values:["vertical","horizontal"],default:"vertical"},disabled:{type:"boolean",default:!1}},defaults:{orientation:"vertical",disabled:!1},states:["default"],tokensUsed:["--uds-spacing-8","--uds-spacing-16","--uds-text-primary"],accessibility:{role:"radiogroup",keyboard:["Tab","ArrowUp","ArrowDown","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use RadioGroup when users can select more than one option.","Do not omit visible labels when context is unclear."]},ScrollView:{name:"ScrollView",source:"src/design-system/components/ScrollView/ScrollView.spec.ts",tier:2,purpose:"Provides a container with controlled scroll direction.",props:{direction:{type:"enum",values:["vertical","horizontal"],default:"vertical"}},defaults:{direction:"vertical"},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},SearchInput:{name:"SearchInput",source:"src/design-system/components/SearchInput/SearchInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},SectionHeader:{name:"SectionHeader",source:"src/design-system/components/SectionHeader/SectionHeader.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Slider:{name:"Slider",source:"src/design-system/components/Slider/Slider.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Statistics:{name:"Statistics",source:"src/design-system/components/Statistics/Statistics.spec.ts",tier:2,purpose:"Displays a KPI value with optional context, trend, and icon.",props:{trend:{type:"enum",values:["up","down","neutral"],default:"neutral"},iconAccent:{type:"enum",values:["amber","aqua","blue","cyan","emerald","fuchsia","green","indigo","lime","magenta","orange","purple","red","rose","sky","violet","yellow"],default:"blue"}},defaults:{trend:"neutral",iconAccent:"blue"},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-surface-primary","--uds-border-primary","--uds-radius-8","--uds-text-secondary","--uds-system-success-primary","--uds-system-destructive-primary"],accessibility:{role:"status",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use Statistics for interactive controls.","Do not place long paragraph content inside helper text."]},Status:{name:"Status",source:"src/design-system/components/Status/Status.spec.ts",props:{appearance:{type:"enum",values:["light-gray","white","transparent"],default:"light-gray"},shape:{type:"enum",values:["pill","rounded"],default:"pill"},variant:{type:"string",default:"blue"}},defaults:{appearance:"light-gray",shape:"pill",variant:"blue"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Steps:{name:"Steps",source:"src/design-system/components/Steps/Steps.spec.ts",props:{orientation:{type:"enum",values:["horizontal","vertical"],default:"horizontal"},status:{type:"enum",values:["complete","active","incomplete","disabled","error"]},size:{type:"enum",values:["default","compact"],default:"default"}},defaults:{orientation:"horizontal",size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Table:{name:"Table",source:"src/design-system/components/Table/Table.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["Tag","Status","Avatar","Button","ActionMenu","ProgressIndicator","DotStatus"],allowedParents:["Container","Tabs"],disallowedChildren:["Table"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Tabs:{name:"Tabs",source:"src/design-system/components/Tabs/Tabs.spec.ts",props:{orientation:{type:"enum",values:["horizontal","vertical"],default:"horizontal"},appearance:{type:"string",default:"underline"},tagVariant:{type:"string",default:"neutral"}},defaults:{orientation:"horizontal",appearance:"underline",tagVariant:"neutral"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["Text","Tag","Button","Table","Field"],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Tag:{name:"Tag",source:"src/design-system/components/Tag/Tag.spec.ts",props:{appearance:{type:"enum",values:["label-only","icon-left"],default:"label-only"},size:{type:"enum",values:["compact","default"],default:"compact"},color:{type:"enum",values:["transparent","neutral","red","orange","yellow","emerald","green","sky","cyan","blue","indigo","purple","fuchsia","magenta","inverse"],default:"transparent"},label:{type:"string",default:"Label"}},defaults:{appearance:"label-only",size:"compact",color:"transparent",label:"Label"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Container","Modal","Table","Tabs"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Text:{name:"Text",source:"src/design-system/components/Text/Text.spec.ts",tier:2,purpose:"Applies UDS typography variants with governed weight and leading options while preserving semantic tags via `as`.",props:{variant:{type:"enum",values:["display-128","display-96","display-72","display-60","display-48","display-36","heading-32","heading-28","heading-24","body-20","body-16","body-14","body-12"],default:"body-16"},weight:{type:"enum",values:["regular","medium","semibold","bold"],default:"regular"},leading:{type:"enum",values:["tight","regular","loose"],default:"regular"}},defaults:{variant:"body-16",weight:"regular",leading:"regular"},states:["default"],tokensUsed:["--uds-font-family","--uds-font-size-*","--uds-line-*","--uds-font-weight*","--uds-type-*"],accessibility:{role:"text",keyboard:[]},composition:{allowedChildren:[],allowedParents:["AppShell","Container","Layout","Menu","Modal","Tabs"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not set font-size/line-height directly on consumer elements; use Text variant + leading.","Do not reintroduce tailwind-like typography utilities that bypass semantic tokens."]},Textarea:{name:"Textarea",source:"src/design-system/components/Textarea/Textarea.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"}},defaults:{size:"default",state:"default"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},TextInput:{name:"TextInput",source:"src/design-system/components/TextInput/TextInput.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"},type:{type:"string",default:"text"},iconPosition:{type:"string",default:"right"}},defaults:{size:"default",state:"default",type:"text",iconPosition:"right"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},TimeInput:{name:"TimeInput",source:"src/design-system/components/TimeInput/TimeInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Toast:{name:"Toast",source:"src/design-system/components/Toast/Toast.spec.ts",props:{variant:{type:"enum",values:["success","error","warning","info"],default:"info"}},defaults:{variant:"info"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:["Modal","Dialog"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Toggle:{name:"Toggle",source:"src/design-system/components/Toggle/Toggle.spec.ts",props:{size:{type:"enum",values:["large","small"],default:"large"}},defaults:{size:"large"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Menu"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Toolbar:{name:"Toolbar",source:"src/design-system/components/Toolbar/Toolbar.spec.ts",tier:2,purpose:"Top action bar with left and right action regions and centered title/branding.",props:{},defaults:{},states:["default"],tokensUsed:["--uds-surface-primary","--uds-border-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16"],accessibility:{role:"toolbar",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Tooltip:{name:"Tooltip",source:"src/design-system/components/Tooltip/Tooltip.spec.ts",props:{placement:{type:"enum",values:["top","bottom","left","right"],default:"top"}},defaults:{placement:"top"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]}};exports.COMPONENT_API=e;
|