@yahoo/uds 3.5.0-beta.2 → 3.5.0-beta.3
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/cli/bin/uds-darwin-arm64-baseline +0 -0
- package/cli/bin/uds-linux-arm64 +0 -0
- package/cli/bin/uds-linux-x64-baseline +0 -0
- package/dist/Input-DUqLl6jE.d.cts +42 -0
- package/dist/Input-Ur-Ht_GL.d.ts +42 -0
- package/dist/Menu-DR13-K-l.d.cts +662 -0
- package/dist/Menu-OM1LtJ1C.d.ts +662 -0
- package/dist/{VStack-CmraVolm.d.ts → VStack-cakCiiUo.d.cts} +2 -40
- package/dist/{VStack-dT3EJCu4.d.cts → VStack-vuPYMALn.d.ts} +2 -40
- package/dist/chunk-4NOF6FBP.cjs +3 -0
- package/dist/chunk-4VV7ZPAB.js +1 -0
- package/dist/chunk-6A3VCKKL.cjs +1 -0
- package/dist/chunk-N6WXVEVH.cjs +2 -0
- package/dist/chunk-R37JGXS5.js +3 -0
- package/dist/chunk-T52MLTTM.js +3 -0
- package/dist/client/Menu.cjs +2 -0
- package/dist/client/Menu.d.cts +10 -0
- package/dist/client/Menu.d.ts +10 -0
- package/dist/client/Menu.js +2 -0
- package/dist/client/index.cjs +1 -2
- package/dist/client/index.d.cts +12 -664
- package/dist/client/index.d.ts +12 -664
- package/dist/client/index.js +2 -3
- package/dist/{index-BOfq14yW.d.ts → index-39whUqBE.d.ts} +1 -1
- package/dist/{index-D1poGuo1.d.cts → index-CFlpXsuC.d.cts} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +6 -5
- package/dist/index.d.ts +6 -5
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.d.cts +1 -1
- package/dist/tailwind/plugin.d.ts +1 -1
- package/dist/tailwind/plugin.js +2 -2
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.d.cts +1 -1
- package/dist/tailwind/utils.d.ts +1 -1
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/automation/configs.cjs +1 -1
- package/dist/tokens/automation/configs.d.cts +2 -2
- package/dist/tokens/automation/configs.d.ts +2 -2
- package/dist/tokens/automation/configs.js +1 -1
- package/dist/tokens/automation/properties.cjs +1 -1
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/automation/properties.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/parseTokens.d.cts +1 -1
- package/dist/tokens/parseTokens.d.ts +1 -1
- package/dist/{types-B_jakWRK.d.cts → types-TxDF_k0q.d.cts} +1 -1
- package/dist/{types-B_jakWRK.d.ts → types-TxDF_k0q.d.ts} +1 -1
- package/package.json +11 -1
- package/dist/chunk-IQ4HRDIM.cjs +0 -3
- package/dist/chunk-KSHOOD3K.js +0 -3
package/dist/client/index.cjs
CHANGED
@@ -1,3 +1,2 @@
|
|
1
1
|
"use client";
|
2
|
-
"use strict";var e=require("../chunk-IQ4HRDIM.cjs"),t=require("../chunk-P4XGJJCM.cjs");require("../chunk-IC335V3E.cjs"),require("../chunk-J7PUOUXC.cjs");var a=require("../chunk-HTL6WRXY.cjs"),r=require("../chunk-NUEZVMWZ.cjs"),n=require("react"),s=require("react/jsx-runtime"),i=require("@yahoo/uds/fixtures"),o=require("motion/react"),l=require("lodash-es"),c=require("@ariakit/react/menu"),d=require("@ariakit/react-core/utils/store"),u=require("@ariakit/react"),m={first:e=>e[0]||"",last:e=>e[e.length-1]||"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},h=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof t?t(e):m[t](a)},p=(t="md")=>e.getStyles({avatarSizeRoot:t,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),x=e=>e?{height:e,width:e}:{},f="primary",g="md",b=({size:e,variant:t})=>{if("outline"===t)switch(e){case"sm":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M8.4 2.6H2.6v10.8H4V11h3v2.4h1.4zM1 15V1h9v2.524l5 1.746V15zm9.1-9.746V13.4h3.3V6.406zM4.5 4h2v2h-2zm2 3.5h-2v2h2z"})});case"md":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M13.367 4.752H4.3v14.495h2.724v-4.533h3.619v4.533h2.714V4.762l.01.003zM21.5 21.047h-19V2.952h12.667v2.494L21.5 7.843zm-1.8-1.8V9.087L15.167 7.37v11.876zM7.929 11.095h-1.81v1.81h1.81zm-1.81-3.619h1.81v1.81h-1.81zm5.429 0h-1.81v1.81h1.81zm-1.81 3.619h1.81v1.81h-1.81z"})});case"lg":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M17.8 4.2H4.2v23.6H8V21h6v6.8h3.8zM2 30V2h18v5.725l10 3.626V30zm18.2-19.862V27.8h7.6V12.894zM10 8H7v3h3zm-3 6h3v3H7zm5-6h3v3h-3zm3 6h-3v3h3zm7.5 1h3v3h-3zm3 6h-3v3h3z"})})}if("fill"===t)switch(e){case"sm":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M4.5 4v2h2V4zm2 3.5h-2v2h2zM12 4l3 1.27V15h-3zM1 1h9v14H1z"})});case"md":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M2.5 2.952h10.857v18.095H2.5zm2.714 7.238V12h1.81v-1.81zm1.81-3.619h-1.81v1.81h1.81zm1.81 0v1.81h1.809V6.57zm1.809 3.62h-1.81V12h1.81zm-4.524 4.523v4.524h3.62v-4.524zM21.5 7.843l-6.333-3.081v16.285H21.5z"})});case"lg":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M2 2h16v28H2zm5 19v7h6v-7zM8.5 7h-3v3h3zm-3 6v3h3v-3zm9-6h-3v3h3zm-3 6v3h3v-3zM20 7l10 4.351V30H20zm3.5 8v3h3v-3z"})})}return s.jsx(s.Fragment,{})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */b.metadata={name:"Building",isSvgIcon:!0,variants:["outline","fill"]};var v=({size:e,variant:t})=>{if("outline"===t)switch(e){case"sm":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M13.5 3.89 6.951 12 2.5 7.48l.958-.993 3.394 3.447L12.452 3z"})});case"md":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M20.264 5.852 10.37 18.366l-6.642-6.89 1.295-1.249 5.213 5.407 8.616-10.898z"})});case"lg":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M30.19 6.341 13.677 26.276 2.803 15.509l1.688-1.706 9.012 8.922L28.341 4.81z"})})}if("fill"===t)switch(e){case"sm":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M13.593 4.502 6.968 12.5 2.4 7.978 3.505 6.86l3.348 3.315 5.53-6.676z"})});case"md":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"m20.545 5.82-10.16 12.85-6.94-7.198 1.584-1.527 5.192 5.385L18.82 4.455z"})});case"lg":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M30.33 6.328 13.687 26.423 2.662 15.51l1.829-1.848 9.005 8.916 14.832-17.91z"})})}return s.jsx(s.Fragment,{})};v.metadata={name:"Check",isSvgIcon:!0,variants:["outline","fill"]};var y=({size:e,variant:t})=>{if("outline"===t)switch(e){case"sm":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"m12.526 4.465-.99-.99L8 7.01 4.465 3.475l-.99.99L7.01 8l-3.535 3.536.99.99L8 8.99l3.536 3.536.99-.99L8.99 8z"})});case"md":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"m13.44 11.956 6.572-6.571L18.527 3.9l-6.571 6.57L5.385 3.9 3.9 5.385l6.57 6.57-6.57 6.572 1.485 1.485 6.57-6.571 6.572 6.57 1.485-1.484z"})});case"lg":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M17.702 15.934 28.818 4.818 27.05 3.05 15.934 14.166 4.818 3.05 3.05 4.818l11.116 11.116L3.05 27.05l1.768 1.768 11.116-11.116L27.05 28.818l1.768-1.768z"})})}if("fill"===t)switch(e){case"sm":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"m9.131 8 3.536-3.536-1.131-1.131L8 6.869 4.464 3.333 3.333 4.464 6.869 8l-3.536 3.535 1.131 1.132L8 9.13l3.535 3.536 1.132-1.131z"})});case"md":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"m12 13.768 6.337 6.337 1.768-1.768L13.768 12l6.337-6.337-1.768-1.768L12 10.232 5.663 3.895 3.895 5.663 10.232 12l-6.337 6.337 1.768 1.768z"})});case"lg":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M17.91 16 28.954 4.955l-1.91-1.91L16 14.091 4.955 3.045l-1.91 1.91L14.091 16 3.045 27.045l1.91 1.91L16 17.909l11.045 11.046 1.91-1.91z"})})}return s.jsx(s.Fragment,{})};y.metadata={name:"Cross",isSvgIcon:!0,variants:["outline","fill"]};var S=({size:e,variant:t})=>{if("outline"===t)switch(e){case"sm":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M12.7 8.7H3.3V7.3h9.4z"})});case"md":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M2.97 10.75h17.838v2.1H2.97z"})});case"lg":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M27 17H4.7v-2.3H27z"})})}if("fill"===t)switch(e){case"sm":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M12.8 8.8H3.2V7.2h9.6z"})});case"md":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M2.966 10.75h18.068v2.5H2.966z"})});case"lg":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M27.3 17.3H4.7v-2.6h22.6z"})})}return s.jsx(s.Fragment,{})};S.metadata={name:"Minus",isSvgIcon:!0,variants:["outline","fill"]};var C=({size:e,variant:t})=>{if("outline"===t)switch(e){case"sm":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M9.2 4.5a1.2 1.2 0 1 0-2.4 0 1.2 1.2 0 0 0 2.4 0m1.8 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0m.706 6.19a2.97 2.97 0 0 0-1.472-.39H5.766a2.966 2.966 0 0 0-2.912 2.4h10.292a2.97 2.97 0 0 0-1.44-2.01M1 13.267A4.766 4.766 0 0 1 5.766 8.5h4.468A4.765 4.765 0 0 1 15 13.266v1.166c0 .038-.03.068-.068.068H1.068A.07.07 0 0 1 1 14.432z"})});case"md":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M14.25 7.95a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.8 0a4.05 4.05 0 1 1-8.1 0 4.05 4.05 0 0 1 8.1 0m.927 7.244A4.2 4.2 0 0 0 15 14.7H9a4.2 4.2 0 0 0-4.157 3.6h14.314a4.2 4.2 0 0 0-2.18-3.106M3 18.9a6 6 0 0 1 6-6h6a6 6 0 0 1 6 6v1.121a.08.08 0 0 1-.079.079H3.08a.08.08 0 0 1-.08-.08z"})});case"lg":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M19.7 10a3.7 3.7 0 1 0-7.4 0 3.7 3.7 0 0 0 7.4 0m2.3 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0m8 17.043q0-.681-.1-1.343a9.044 9.044 0 0 0-8.943-7.7h-9.914A9.04 9.04 0 0 0 2 27.043V28h28zM8.144 20.955a6.74 6.74 0 0 1 2.9-.655h9.913a6.744 6.744 0 0 1 6.608 5.4H4.435a6.74 6.74 0 0 1 3.71-4.745"})})}if("fill"===t)switch(e){case"sm":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M8 7.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6M3.401 9.128A4.77 4.77 0 0 0 1 13.266v1.166c0 .038.03.068.068.068h13.864c.038 0 .068-.03.068-.068v-1.166A4.766 4.766 0 0 0 10.234 8.5H5.766a4.76 4.76 0 0 0-2.365.628"})});case"md":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M12 12a4.05 4.05 0 1 0 0-8.1 4.05 4.05 0 0 0 0 8.1m-5.824 1.606A6 6 0 0 0 3 18.9v1.121c0 .044.035.079.079.079H20.92a.08.08 0 0 0 .08-.08V18.9a6 6 0 0 0-6-6H9a6 6 0 0 0-2.824.706"})});case"lg":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M16 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12m-8.845 2.878A9.04 9.04 0 0 0 2 27.043V28h28v-.957A9.043 9.043 0 0 0 20.957 18h-9.914a9.05 9.05 0 0 0-3.888.878"})})}return s.jsx(s.Fragment,{})};C.metadata={name:"Person",isSvgIcon:!0,variants:["outline","fill"]};var j=({size:e,variant:t})=>{if("outline"===t)switch(e){case"sm":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===t)switch(e){case"sm":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return s.jsx(s.Fragment,{children:s.jsx("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return s.jsx(s.Fragment,{})};j.metadata={name:"Progress",isSvgIcon:!0,variants:["outline","fill"]};var I={primary:C,secondary:b},w=({size:t=g,variant:a=f,customSize:r,icon:i,className:o})=>{const l=n.useMemo((()=>x(r)),[r]),c=n.useMemo((()=>e.cx(p(t),e.getStyles({avatarIconVariantRoot:a,overflow:"hidden"}),o)),[o,t,a]),d=n.useMemo((()=>e.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),u=n.useMemo((()=>({...l,boxSizing:"content-box"})),[l]),m=n.useMemo((()=>i??I[a??"primary"]),[i,a]),h=n.useMemo((()=>e.getStyles({avatarSizeIcon:t})),[t]);return s.jsx(e.Box,{className:c,style:l,children:s.jsx(e.Box,{className:d,style:u,children:s.jsx(e.Icon,{name:m,variant:"fill",color:"current",className:h,"data-testid":"avatar-icon"})})})};w.displayName="AvatarIcon";var V=({size:t=g,variant:a=f,name:r,initials:i,customSize:o,abbreviationStrategy:l,className:c})=>{const d=n.useMemo((()=>e.cx(p(t),e.getStyles({avatarTextVariantRoot:a,overflow:"hidden"}),"truncate",c)),[c,t,a]),u=n.useMemo((()=>e.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),m=n.useMemo((()=>x(o)),[o]),b=n.useMemo((()=>({...m,boxSizing:"content-box"})),[m]);return s.jsx(e.Box,{className:d,style:m,children:s.jsx(e.Text,{color:"inherit",variant:"inherit",className:u,style:b,"data-testid":"avatar-text",children:i||h(r,l)})})};V.displayName="AvatarText";var M=({size:t=g,variant:a=f,src:r,srcSet:i,customSize:o,alt:l,imageProps:c,abbreviationStrategy:d,fallback:u,className:m})=>{const[h,b]=n.useState("loading");n.useEffect((()=>{let e=!0;if(r||i){const t=new Image;t.onload=()=>{e&&b("loaded")},t.onerror=()=>{e&&b("error")},r&&(t.src=r),i&&(t.srcset=i)}else b("error");return()=>{e=!1}}),[r,i]);const v=n.useMemo((()=>e.cx(p(t),e.getStyles({avatarImageVariantRoot:a,overflow:"hidden"}),m)),[m,t,a]),y=n.useMemo((()=>e.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),S=n.useMemo((()=>x(o)),[o]),C=n.useMemo((()=>({...S,boxSizing:"content-box"})),[S]);if("loaded"===h)return s.jsx(e.Box,{className:v,style:S,children:s.jsx(e.Image,{src:r,srcSet:i,alt:l,className:y,style:C,...c})});const j={size:t,customSize:o,variant:a};return u||l?s.jsx(V,{name:l,initials:u,abbreviationStrategy:d,...j}):s.jsx(w,{...j})};M.displayName="AvatarImage";var N=e=>s.jsx(M,{...e});N.displayName="Avatar";var _=n.forwardRef((function({variant:t="primary",size:a="md",minWidth:r,maxWidth:i=200,startIcon:o,endIcon:l,backgroundColor:c,color:d,iconColor:u,borderColor:m,children:h,...p},x){const f=e.getStyles({badgeSizeRoot:a,badgeVariantRoot:t,className:e.cx(["uds-badge","uds-badge-variant","uds-badge-size"])}),g=e.getStyles({badgeVariantIcon:t,badgeSizeIcon:a,className:e.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),b=n.useMemo((()=>({...r?{minWidth:`${r}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...c?{backgroundColor:c}:{},...m?{borderColor:m}:{},...d?{color:d}:{}})),[c,m,d,i,r]),v=n.useMemo((()=>({variant:"fill",style:{...u?{color:u}:{}}})),[u]);return s.jsxs(e.HStack,{ref:x,gap:"2",display:"inline-flex",alignItems:"center",className:f,style:b,...p,children:[o&&s.jsx(e.IconSlot,{icon:o,iconProps:v,"data-testid":"start-icon",className:g}),s.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:h}),l&&s.jsx(e.IconSlot,{icon:l,iconProps:v,"data-testid":"end-icon",className:g})]})}));_.displayName="Badge";var z={scale:.7,opacity:0},k={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},R={icon:k,hide:z,loading:z},T={loading:k,hide:z,icon:z},H=`var(${a.BUTTON_CSS_VAR_MAP.columnGap})`,E=`var(${a.BUTTON_CSS_VAR_MAP.iconSize})`,F={rest:{scale:`var(${a.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${a.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${a.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:H}},A={hide:{width:"0px",opacity:0,display:"none"},loading:{width:E,display:"flex",opacity:1},icon:{width:E,display:"flex",opacity:1}},B={damped:{1:{damping:20.585796264350424,stiffness:62.37968115365702},2:{damping:29.312551281312288,stiffness:126.47801753759964},3:{damping:48.92799401356162,stiffness:352.3892336537332},4:{damping:123.42690994256348,stiffness:2242.474548821137}},smooth:{1:{damping:16.46863701148034,stiffness:67.80400125397502},2:{damping:23.45004102504983,stiffness:137.47610601913004},3:{damping:39.1423952108493,stiffness:383.03177571057955},4:{damping:98.7415279540508,stiffness:2437.4723356751488}},subtle:{1:{damping:13.04316051309243,stiffness:67.80400125397502},2:{damping:18.572432491839468,stiffness:137.47610601913004},3:{damping:31.000777006992646,stiffness:383.03177571057955},4:{damping:78.20329013960823,stiffness:2437.4723356751488}},bouncy:{1:{damping:9.229712940600143,stiffness:48.880672622541795},2:{damping:12.634144343496553,stiffness:91.59092691366399},3:{damping:19.40217701790486,stiffness:216.00395877230474},4:{damping:37.541723184430275,stiffness:808.7032559422912}},veryBouncy:{1:{damping:6.902290754946187,stiffness:38.92152745126911},2:{damping:9.155550514215523,stiffness:68.48134828711234},3:{damping:13.244464908166709,stiffness:143.30858570843873},4:{damping:22.17862652876726,stiffness:401.85804919502965}}},P=()=>import("../motionFeatures-6LIGGXPL.cjs").then((({domAnimation:e})=>e));function L({reducedMotion:e="user",children:a,layoutVariant:r="subtle",layoutSpeed:i="3",colorVariant:l="smooth",colorSpeed:c="3"}){const d=B[r][i],u=B[l][c],[m,h]=n.useState(d),[p,x]=n.useState(u),f={variant:l,speed:c},g=t.getMotionVar({...f,control:"stiffness"}),b=t.getMotionVar({...f,control:"damping"}),v={variant:r,speed:i},y=t.getMotionVar({...v,control:"stiffness"}),S=t.getMotionVar({...v,control:"damping"});n.useEffect((()=>{const e=getComputedStyle(document.documentElement),t={damping:Number(e.getPropertyValue(S)),stiffness:Number(e.getPropertyValue(y))},a={damping:Number(e.getPropertyValue(b)),stiffness:Number(e.getPropertyValue(g))};h(t),x(a)}),[b,g,S,y]);const C=n.useMemo((()=>({type:"spring",mass:1,...m,layout:m,opacity:p,color:p,borderColor:p,backgroundColor:p})),[p,m]);return s.jsx(o.LazyMotion,{features:P,strict:!0,children:s.jsx(o.MotionConfig,{transition:C,reducedMotion:e,children:a})})}var W=n.forwardRef((function({variant:a,size:r,startIcon:l,endIcon:c,iconVariant:d,loading:u,disableEffects:m,children:h,asChild:p,type:x="button",className:f,width:g,...b},v){const y=n.useRef(null);n.useImperativeHandle(v,(()=>y.current));const S=n.useMemo((()=>e.createSlot()),[]),C=n.useMemo((()=>o.m.create(S)),[S]),I=c?"icon":"hide",w=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:l,endIcon:c,loading:u}),V=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:u,startIcon:l}),{palette:M,variant:N}=n.useMemo((()=>t.parseDeprecatedButtonPaletteVariant({flatVariant:a})),[a]),_=n.useMemo((()=>({button:e.getStyles({width:g,buttonSize:r,buttonVariant:N,buttonPalette:M,className:e.cx("uds-button","uds-ring","uds-hit-target",u&&"uds-button-loading",m&&"uds-button-without-effects","withIcon"===w&&"uds-button-with-gap",f)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"})),[g,r,N,M,f,u,m,w]),z=o.useReducedMotion()?"smooth":"subtle",k=n.useMemo((()=>s.jsx(o.m.span,{className:_.iconContainer,initial:!1,variants:A,animate:V,children:s.jsxs(o.AnimatePresence,{initial:!1,mode:"popLayout",children:[u&&s.jsx(o.m.span,{variants:T,initial:"hide",animate:"loading",exit:"hide",children:s.jsx(e.Icon,{size:i.buttonIconSvgSize,name:j,variant:d,color:"current",className:_.loading})},"loading"),l&&!u&&s.jsx(o.m.span,{variants:R,initial:"hide",animate:"icon",exit:"hide",children:s.jsx(e.IconSlot,{className:_.start,icon:l,iconProps:{size:i.buttonIconSvgSize,variant:d,color:"current"}})})]})})),[_.iconContainer,_.loading,_.start,V,u,d,l]),H=n.useMemo((()=>s.jsx(o.m.span,{className:_.iconContainer,initial:!1,variants:A,animate:I,children:s.jsx(o.AnimatePresence,{initial:!1,mode:"popLayout",children:c&&s.jsx(o.m.span,{variants:R,initial:"hide",animate:"icon",exit:"hide",children:s.jsx(e.IconSlot,{className:_.end,icon:c,iconProps:{size:i.buttonIconSvgSize,variant:d,color:"current"}})})})})),[_.iconContainer,_.end,c,I,d]),E=n.useMemo((()=>m?{...F,rest:{},hover:{},pressed:{}}:F),[m]);return p&&n.isValidElement(h)?s.jsx(L,{layoutSpeed:"3",layoutVariant:z,children:s.jsx(C,{type:x,className:_.button,initial:["hide",w],animate:w,variants:E,whileHover:"hover",whileTap:"pressed",...b,children:n.cloneElement(h,h.props,s.jsxs(s.Fragment,{children:[k,s.jsx("span",{className:_.content,children:h.props.children}),H]}))})}):s.jsx(L,{layoutSpeed:"3",layoutVariant:z,children:s.jsxs(o.m.button,{ref:y,type:x,className:_.button,initial:["hide",w],animate:w,variants:E,whileHover:"hover",whileTap:"pressed",...b,children:[k,s.jsx("span",{className:_.content,children:h}),H]})})})),q={primary:"alert",secondary:"alert-secondary"},$=e=>"indeterminate"===e,D=e=>$(e)?S:v,G=o.m.create(e.Box),O={layoutVariant:"smooth",layoutSpeed:"3"},U={layoutVariant:"veryBouncy",layoutSpeed:"4"},X=n.forwardRef((function({id:t,checked:a,defaultChecked:r,onChange:i,label:l,labelPosition:c="start",variant:d="primary",size:u="md",reduceMotion:m,disabled:h,required:p,hasError:x,className:f,layerClassNames:g,...b},v){const y=n.useId(),S=t??`uds-input-${y}`,C=n.useRef(null),j=void 0!==a,[I,w]=n.useState(j?a:r),[V,M]=n.useState(!1),[N,_]=n.useState(!1),z=n.useMemo((()=>x?q[d]:d),[x,d]),k=!h&&V,R=!h&&N,T=n.useMemo((()=>R?.9:k?1.1:1),[R,k]),H=n.useMemo((()=>I?R?"opacity-55":"opacity-100":"opacity-0"),[I,R]),E=n.useMemo((()=>({scale:T})),[T]),F=n.useMemo((()=>N?U:O),[N]),A=n.useCallback((e=>{i?.(e),j||w(e.target.checked)}),[j,i]),B=n.useCallback((()=>{M(!0)}),[]),P=n.useCallback((()=>{M(!1)}),[]),W=n.useCallback((()=>{_(!0)}),[]),X=n.useCallback((()=>{_(!1)}),[]),J=e=>{C.current&&(C.current.indeterminate=$(e))},Y=m?"always":"user",Z=o.useReducedMotion()||m?"duration-0":"duration-120";n.useEffect((()=>{j&&w(a)}),[a,j]),n.useEffect((()=>{J(I)}),[I]);const Q=$(I)?"indeterminate":I?"checked":"unchecked",K={root:e.getStyles({checkboxSizeRoot:u,checkboxVariantRoot:z,checkboxVariantValueRoot:Q,display:"flex",flexDirection:"start"===c?"row":"row-reverse",alignItems:"center",className:e.cx({"cursor-pointer":!h,"cursor-default":h,"opacity-50":h},f,g?.root)}),checkbox:e.getStyles({checkboxSizeCheckbox:u,checkboxVariantCheckbox:z,checkboxVariantValueCheckbox:Q,className:e.cx("border","rounded-[4px]","uds-ring","uds-ring-within",Z,"transition-[background-color,border-color,box-shadow]",g?.checkbox)}),check:e.getStyles({checkboxVariantCheckboxIcon:z,checkboxVariantValueCheckboxIcon:Q,className:e.cx("pointer-events-none",H,Z,"transition-opacity")}),htmlCheckbox:e.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:e.cx("start"===c?"text-start":"text-end",g?.label)},ee=l?o.m.label:o.m.div;return s.jsx(L,{reducedMotion:Y,...F,children:s.jsxs(ee,{className:K.root,"data-testid":"container",onHoverStart:B,onHoverEnd:P,onTapStart:W,onTap:X,onTapCancel:X,tabIndex:-1,children:[s.jsxs(G,{position:"relative",className:K.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:E,children:[s.jsx("input",{type:"checkbox",...b,ref:e=>{C.current=e,J(I),"function"==typeof v?v(e):null!==v&&(v.current=e)},id:S,disabled:h,required:p,"aria-invalid":x,checked:j?!$(I)&&I:void 0,defaultChecked:j?void 0:r,onChange:A,className:K.htmlCheckbox}),s.jsx(e.Icon,{name:D(I),size:"sm",className:K.check})]}),l&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:p,label:l,className:K.label})]})})}));X.displayName="Checkbox";var J="primary",Y=n.forwardRef((function({size:t="md",minWidth:a,maxWidth:r=200,startIcon:i,endIcon:l,as:c="div",reduceMotion:d,disabled:u=!1,className:m,layerClassNames:h,children:p,...x},f){const g=o.useReducedMotion()||d?"duration-0":"duration-120",b=n.useMemo((()=>({root:e.getStyles({chipSizeRoot:t,className:e.cx({"pointer-events-none":u,"cursor-default":u,"opacity-50":u},"focus-visible:-outline-offset-2","uds-ring",g,"transition-[background-color,border-color,box-shadow]",h?.root,m)}),icon:h?.icon})),[m,g,u,h?.icon,h?.root,t]);return s.jsx(e.HStack,{asChild:!0,ref:f,display:"inline-flex",alignItems:"center",style:{maxWidth:`${r}px`,...a?{minWidth:`${a}px`}:{}},className:b.root,...x,children:s.jsxs(c,{disabled:u,children:[i&&s.jsx(e.IconSlot,{icon:i,iconProps:{variant:"fill",size:"sm",className:b.icon},"data-testid":"start-icon"}),s.jsx(e.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:p}),l&&s.jsx(e.IconSlot,{icon:l,iconProps:{variant:"fill",size:"sm",className:b.icon},"data-testid":"end-icon"})]})})}));Y.displayName="ChipBase";var Z=n.forwardRef((function({variant:t=J,...a},r){const i=n.useMemo((()=>({root:e.getStyles({chipLinkVariantRoot:t}),icon:e.getStyles({chipLinkVariantIcon:t})})),[t]);return s.jsx(Y,{as:"button",ref:r,variant:t,layerClassNames:i,...a})}));Z.displayName="ChipButton";var Q=e.createSlot(),K=n.forwardRef((function({className:t,asChild:a,onPress:r,onClick:n=r,backgroundColor:i,borderRadius:o,borderTopStartRadius:l,borderTopEndRadius:c,borderBottomStartRadius:d,borderBottomEndRadius:u,borderColor:m,borderStartColor:h,borderEndColor:p,borderTopColor:x,borderBottomColor:f,borderWidth:g,borderVerticalWidth:b,borderHorizontalWidth:v,borderStartWidth:y,borderEndWidth:S,borderTopWidth:C,borderBottomWidth:j,alignContent:I,alignItems:w,alignSelf:V,flex:M,flexDirection:N,flexGrow:_,flexShrink:z,flexWrap:k,justifyContent:R,flexBasis:T,display:H,overflow:E,overflowX:F,overflowY:A,position:B,spacing:P,spacingHorizontal:L,spacingVertical:W,spacingBottom:q,spacingEnd:$,spacingStart:D,spacingTop:G,offset:O,offsetVertical:U,offsetHorizontal:X,offsetBottom:J,offsetEnd:Y,offsetStart:Z,offsetTop:K,columnGap:ee,rowGap:te,dropShadow:ae,insetShadow:re,...ne},se){const ie=e.getStyles({backgroundColor:i,borderRadius:o,borderTopStartRadius:l,borderTopEndRadius:c,borderBottomStartRadius:d,borderBottomEndRadius:u,borderColor:m,borderStartColor:h,borderEndColor:p,borderTopColor:x,borderBottomColor:f,borderWidth:g,borderVerticalWidth:b,borderHorizontalWidth:v,borderStartWidth:y,borderEndWidth:S,borderTopWidth:C,borderBottomWidth:j,alignContent:I,alignItems:w,alignSelf:V,flex:M,flexDirection:N,flexGrow:_,flexShrink:z,flexWrap:k,justifyContent:R,flexBasis:T,display:H,overflow:E,overflowX:F,overflowY:A,position:B,spacing:P,spacingHorizontal:L,spacingVertical:W,spacingBottom:q,spacingEnd:$,spacingStart:D,spacingTop:G,offset:O,offsetVertical:U,offsetHorizontal:X,offsetBottom:J,offsetEnd:Y,offsetStart:Z,offsetTop:K,columnGap:ee,rowGap:te,dropShadow:ae,insetShadow:re,className:t}),oe=a?Q:"button";return s.jsx(oe,{className:ie,ref:se,onClick:n,...ne})})),ee=n.forwardRef((function({dismissButtonAriaLabel:t,onDismiss:a,dismissIcon:r,variant:i=J,disabled:o,...l},c){const d=n.useMemo((()=>({root:e.getStyles({chipDismissibleVariantRoot:i}),icon:e.getStyles({chipDismissibleVariantIcon:i})})),[i]),u=n.useCallback((e=>{e.stopPropagation(),a?.()}),[a]),m={icon:e.cx("uds-chip-dismissible-button","uds-hit-target")};return s.jsx(Y,{ref:c,variant:i,disabled:o,tabIndex:-1,endIcon:a=>s.jsx(K,{"aria-label":t,className:m.icon,onClick:u,disabled:o,children:s.jsx(e.IconSlot,{icon:r??y,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:d,...l})}));ee.displayName="ChipDismissible";var te=n.forwardRef((function({variant:t=J,href:a,disabled:r,...i},o){const l=n.useMemo((()=>({root:e.getStyles({chipLinkVariantRoot:t}),icon:e.getStyles({chipLinkVariantIcon:t})})),[t]);return s.jsx(Y,{as:"a",ref:o,variant:t,disabled:r,layerClassNames:l,...{...i,href:r?void 0:a}})}));te.displayName="ChipLink";var ae=n.forwardRef((function({isToggled:t=!1,onToggle:a,onClick:r,variant:i=J,...o},l){const c=n.useMemo((()=>({root:e.getStyles({chipToggleVariantRoot:i,chipToggleVariantActiveRoot:t?"on":"off"}),icon:e.getStyles({chipToggleVariantIcon:i})})),[t,i]),d=n.useCallback((e=>{a?.(!t),r?.(e)}),[t,r,a]);return s.jsx(Y,{ref:l,as:"button",variant:i,onClick:d,"aria-pressed":t,layerClassNames:c,...o})}));ae.displayName="ChipToggle";var re=n.forwardRef((function({onClick:e,href:t,linkProps:a,onDismiss:r,onToggle:n,isToggled:i,...o},l){return r?s.jsx(ee,{ref:l,onDismiss:r,...o}):n?s.jsx(ae,{ref:l,onToggle:n,isToggled:i,...o}):t?s.jsx(te,{ref:l,href:t,...o,...a}):s.jsx(Z,{ref:l,onClick:e,...o})}));re.displayName="Chip";var ne=n.forwardRef((function({variant:a,size:r,iconVariant:l,loading:c,disableEffects:d,name:u,type:m="button",htmlName:h,className:p,children:x,...f},g){const b=n.useRef(null);n.useImperativeHandle(g,(()=>b.current));const{palette:v,variant:y}=t.parseDeprecatedButtonPaletteVariant({flatVariant:a}),S=n.useMemo((()=>({button:e.getStyles({buttonVariant:y,buttonPalette:v,iconButtonSize:r,className:e.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",c&&"uds-button-loading",d&&"uds-button-without-effects",p)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[v,y,p,d,r,c]),C=o.useReducedMotion(),I=n.useMemo((()=>C?"smooth":"subtle"),[C]),w=n.useMemo((()=>{const{rest:e,hover:t,pressed:a}=F;return d?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}}),[d]);return s.jsx(L,{layoutSpeed:"3",layoutVariant:I,reducedMotion:d?"always":"user",children:s.jsx(o.m.button,{ref:b,type:m,className:S.button,initial:"icon",variants:w,whileHover:"hover",whileTap:"pressed",name:h,...f,children:s.jsxs(o.AnimatePresence,{initial:!1,mode:"popLayout",children:[c&&s.jsx(o.m.span,{variants:T,initial:"loading",animate:"loading",exit:"hide",children:s.jsx(e.Icon,{size:i.buttonIconSvgSize,name:j,variant:l,color:"current",className:S.loading})},"loading"),u&&!c&&s.jsx(o.m.span,{variants:R,initial:"icon",animate:"icon",exit:"hide",children:x||s.jsx(e.Icon,{size:i.buttonIconSvgSize,name:u,variant:l,color:"current",className:S.icon})},u.name)]})})})})),se=({children:e,reduceMotion:t,layoutVariant:a})=>{const r=n.useRef(null),[i,l]=n.useState("auto");return n.useEffect((()=>{if(r.current){const e=new ResizeObserver((e=>{l(e[0].contentRect.height)}));return e.observe(r.current),()=>{e.disconnect()}}}),[]),s.jsx(L,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:s.jsx(o.m.div,{className:"overflow-hidden",style:{height:i,opacity:0},animate:{height:i,opacity:1},children:s.jsx("div",{ref:r,children:e})})})},ie=n.memo((function({helpText:t,helperTextIcon:a,spacingStart:r,spacingTop:n,size:i,isFilled:o,...c}){return t?s.jsx(e.Box,{spacingTop:n,spacingStart:r,...c,children:s.jsx(e.InputHelpTextMemo,{startIcon:a,size:i,isFilled:o,children:l.isFunction(t)?t():t})}):null})),oe=n.memo((function({icon:t,className:a}){return t?s.jsx(e.IconSlot,{icon:t,iconProps:{variant:"outline"},className:a}):null})),le=n.memo((function({icon:t,className:a}){if(!t)return null;return s.jsx(e.IconSlot,{icon:t,iconProps:{variant:"outline"},"data-testid":"end-icon",className:a})})),ce=n.forwardRef((function({id:t,label:a,type:r="text",size:i="md",startIcon:c,endIcon:d,helpText:u,helperTextIcon:m,hasError:h,width:p="full",defaultValue:x,required:f,readOnly:g,disabled:b,reduceMotion:v,onChange:y,className:S,...C},j){const I=n.useId(),w=t??`uds-input-${I}`,V=`uds-input-${w}-help-text`,M=n.useRef(null);n.useImperativeHandle(j,(()=>M.current));const[N,_]=n.useState(x??""),z=n.useCallback((e=>{_(e.target.value),y?.(e)}),[y]),k=o.useReducedMotion()?"smooth":"bouncy",R=v?"always":"user",T=!g&&!b,H={root:e.getStyles({inputSizeRoot:i,inputVariantRoot:"default",inputVariantValueRoot:N?"filled":"empty",className:e.cx([S,b?"opacity-50":""])}),inputWrapper:e.getStyles({inputSizeInputWrapper:i,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:N?"filled":"empty",className:"min-w-[200px]"}),input:e.getStyles({inputSizeInput:i,inputVariantInput:"default",inputVariantValueInput:N?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:N?"filled":"empty",className:e.cx("grow","uds-hit-target","bg-clip-text","focus:outline-none",T?"cursor-text":"cursor-not-allowed")}),label:e.getStyles({inputSizeLabel:i,inputVariantLabel:"default",inputVariantValueLabel:N?"filled":"empty"}),labelRequired:e.getStyles({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:N?"filled":"empty"}),startIcon:e.getStyles({inputSizeStartIcon:i,inputVariantStartIcon:"default",inputVariantValueStartIcon:N?"filled":"empty"}),endIcon:e.getStyles({inputSizeEndIcon:i,inputVariantEndIcon:"default",inputVariantValueEndIcon:N?"filled":"empty"})};return s.jsxs(e.VStack,{width:p,className:H.root,children:[a&&s.jsxs(e.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:H.label,children:[s.jsx("label",{htmlFor:w,children:l.isFunction(a)?a():a}),f&&s.jsx("span",{className:H.labelRequired,children:"*"})]}),s.jsxs(e.Box,{position:"relative",alignItems:"center",className:H.inputWrapper,children:[s.jsx(oe,{icon:c,className:H.startIcon}),s.jsx("input",{ref:M,id:w,type:r,value:N,required:f,readOnly:g,disabled:b,"aria-describedby":V,"aria-invalid":h,onChange:z,className:H.input,...C}),d&&s.jsx(e.HStack,{alignItems:"center",gap:"1",children:s.jsx(le,{icon:d,className:H.endIcon})})]}),s.jsx(se,{reduceMotion:R,layoutVariant:k,children:s.jsx(ie,{id:V,helpText:u,spacingTop:"2",size:i,isFilled:!!N,helperTextIcon:m})})]})}));ce.displayName="Input";var de={};r.__export(de,{Content:()=>fe,Divider:()=>ge,Item:()=>Se,ItemCheckbox:()=>Ce,Provider:()=>we,Trigger:()=>Ve,useMenuContext:()=>c.useMenuContext,useMenuStore:()=>c.useMenuStore,useStoreState:()=>u.useStoreState});var ue=o.m.create(e.VStack),me=5,he=.97,pe={top:{x:0,y:me},bottom:{x:0,y:-5},left:{x:me,y:0},right:{x:-5,y:0}},xe=e=>n.useMemo((()=>((e="bottom")=>{const[t="top"]=e?.split("-");return{closed:{...pe[t],opacity:0,scale:he},open:{y:0,x:0,opacity:1,scale:1}}})(e)),[e]),fe=n.forwardRef((function({gap:t,spacing:a,spacingBottom:r,spacingEnd:l,spacingStart:u,spacingTop:m,gutter:h="1",backgroundColor:p="primary",borderRadius:x="md",borderColor:f,borderWidth:g="thin",overflow:b,dropShadow:v="lg",className:y,sameWidth:S,focusable:C,children:j,portalElement:I,portal:w=!0,disableAutoBorderRadius:V,...M},N){const _=c.useMenuContext(),z=d.useStoreState(_,"open"),k=d.useStoreState(_,"mounted"),R=d.useStoreState(_,"currentPlacement"),T=d.useStoreState(_,"placement"),[H,E]=n.useState(R),[F,A]=n.useState(R);n.useEffect((()=>{T!==F&&A(T)}),[T]),n.useEffect((()=>{R!==F&&A(R)}),[R]),n.useEffect((()=>{k&&F!==H&&E(F)}),[k,F,H]);const B=n.useMemo((()=>z&&k?"open":"closed"),[z,k]),P=n.useMemo((()=>z?v:"none"),[z,v]),L=xe(F),W=(({borderRadius:e,spacing:t})=>{if(void 0===t||"0"===t)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===t||"0.5"===t)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===t||"1.5"===t)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===t||"2.5"===t)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===t||"3.5"===t)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===t)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:x,spacing:a}),q=n.useMemo((()=>i.spacingMap[h]),[h]);return s.jsx(o.AnimatePresence,{initial:!1,children:s.jsx(c.Menu,{gutter:q,sameWidth:S,focusable:C,store:_,ref:N,portalElement:I,portal:w,...M,render:s.jsx(ue,{backgroundColor:p,gap:t,spacing:a,spacingBottom:r,spacingEnd:l,spacingStart:u,spacingTop:m,borderRadius:x,borderColor:f,borderWidth:g,overflow:b,animate:B,variants:L,dropShadow:P,className:e.cx("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!V&&W,y),children:j})})})})),ge=n.forwardRef((function({role:t="separator",contentPosition:a="start",gap:r="4",children:n,spacingVertical:i=(n?"2":"0"),spacingHorizontal:o=(n?"4":"0"),className:l,...c},d){const u={root:e.getStyles({menuDividerVariantRoot:"default",className:l}),text:e.getStyles({menuDividerVariantText:"default"})};return s.jsx(e.Divider,{ref:d,role:t,variant:"inherit",contentPosition:a,gap:r,spacingVertical:i,spacingHorizontal:o,className:u.root,layerClassNames:u,...c,children:n})}));ge.displayName="MenuDivider";var be="uds-menu-item",ve={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},ye=n.forwardRef((function({spacing:t="0",spacingBottom:a,spacingEnd:r,spacingHorizontal:i="4",spacingStart:l,spacingTop:c,spacingVertical:d="3.5",columnGap:u="2",className:m,children:h,endIcon:p,startIcon:x,hideEndIcon:f,active:g,disabled:b,as:v,rootProps:y,name:S,alignItems:C="center",justifyContent:j="space-between",layerClassNames:I,...w},V){const M=n.Children.count(h)>1,N=(({active:t,disabled:a,className:r})=>e.cx(be,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",t&&["[&:not([aria-checked])]:cursor-default"],a&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",r))({active:g,disabled:b,className:m}),_=e.getStyles({className:e.cx(`${be}-content truncate`,I?.text),textAlign:"start",...M&&{columnGap:u,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),z=n.useMemo((()=>({root:e.getStyles({menuSizeRoot:"default",className:e.cx(I?.root,N)}),startIcon:e.getStyles({menuSizeStartIcon:"default",className:I?.startIcon}),endIcon:e.getStyles({menuSizeEndIcon:"default",className:I?.endIcon})})),[I,N]);return s.jsx(e.Box,{asChild:!0,spacing:t,spacingBottom:a,spacingEnd:r,spacingHorizontal:i,spacingStart:l,spacingTop:c,spacingVertical:d,columnGap:u,className:z.root,alignItems:C,justifyContent:j,children:s.jsxs(v,{render:s.jsx(K,{ref:V,...w}),name:S??"",disabled:b,...y,children:[s.jsxs(e.HStack,{gap:u,alignItems:"center",width:"full",children:[s.jsx(o.AnimatePresence,{initial:!1,children:x&&s.jsx(o.m.span,{variants:ve,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:s.jsx(e.IconSlot,{icon:x,className:z.startIcon,iconProps:{size:"sm",variant:g?"fill":"outline",color:"current"}})})}),s.jsx("span",{className:_,children:h})]}),s.jsx(o.AnimatePresence,{initial:!1,mode:"popLayout",children:!f&&p&&s.jsx(o.m.span,{variants:ve,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:s.jsx(e.IconSlot,{icon:p,className:z.endIcon,iconProps:{size:"sm",variant:g?"fill":"outline",color:"current"}})})})]})})})),Se=n.forwardRef((function({active:t,...a},r){const n={root:e.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:t?"on":"off"}),text:e.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:t?"on":"off"}),startIcon:e.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:t?"on":"off"})};return s.jsx(ye,{ref:r,as:c.MenuItem,active:t,layerClassNames:n,...a})}));Se.displayName="MenuItem";var Ce=n.forwardRef((function({name:t,endIcon:a=v,checked:r,defaultChecked:i,className:o,...l},d){const m=t,h=n.useRef(!1),p=c.useMenuContext(),x=u.useStoreState(p);n.useEffect((()=>{!h.current&&void 0!==i&&p&&(p.setValues((e=>({...e,[m]:i}))),h.current=!0)}),[p,i,m]);const f=n.useMemo((()=>{if(void 0!==r)return r;if(x?.items?.length){const e=x?.items.find((e=>e.element?.name===m));if(e?.element)return e.element.checked}const e=x?.values[m];return"boolean"==typeof e?e:i??!1}),[x?.items,x?.values,m,r,i]),g=n.useCallback((e=>{void 0===r&&p?.setValues((t=>({...t,[m]:e.target.checked})))}),[m,p,r]),b={root:e.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:f?"on":"off"}),text:e.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:f?"on":"off"}),startIcon:e.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:f?"on":"off"}),endIcon:e.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:f?"on":"off"})};return s.jsx(ye,{ref:d,as:c.MenuItemCheckbox,hideEndIcon:!f,endIcon:a,active:f,className:e.cx("uds-menu-item-checkbox",o),layerClassNames:b,rootProps:{name:t,onChange:g,defaultChecked:i,checked:void 0!==r?r:void 0},...l})}));Ce.displayName="MenuItemCheckbox";var je=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},Ie=e=>{const[t,a]=n.useState(je);return n.useEffect((()=>{if(e?.explicit)return void a(e.explicit);const t=(e=>{const t=new MutationObserver((t=>{t.some((e=>"attributes"===e.type&&"dir"===e.attributeName))&&e()}));return t.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),t})((()=>{a(je())}));return()=>t.disconnect()}),[e?.explicit]),t},we=function({placement:e="bottom",rtl:t,...a}){const r=Ie({explicit:t}),n=((e,t)=>{const a=t?.rtl;if("start"===e)return a?"right":"left";if("end"===e)return a?"left":"right";if(e?.includes("-")){const[t,r]=e.split("-");if(!("start"!==t&&"end"!==t||"top"!==r&&"bottom"!==r))return`${"start"===t?a?"right":"left":a?"left":"right"}-${"bottom"===r?"end":"start"}`;if("top"===t||"bottom"===t)return`${t}-${"start"===r?a?"end":"start":a?"start":"end"}`}return e})(e,{rtl:r});return s.jsx(L,{children:s.jsx(c.MenuProvider,{placement:n,rtl:r,...a})})},Ve=n.forwardRef((function({asChild:t,className:a,...r},i){const o=n.useRef(null),l=t?s.jsx(e.Box,{ref:o,className:"uds-ring h-fit w-fit"}):void 0,d=n.useCallback((()=>{const e=o.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()}),[o]);return s.jsx(c.MenuButton,{onFocus:d,onFocusVisible:d,ref:i,render:l,className:e.cx("uds-menu-trigger",a),...r})})),Me=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach((t=>t(e)))}static findOrCreate(t,a){let r=t.get(a);return r||(r=new e(a),t.set(a,r)),r}},Ne=n.createContext(new Map),_e=e=>{const t=n.useId();return e??`uds-radio-group-${t}`},ze={primary:"alert",secondary:"alert-secondary"},ke=o.m.create(e.Box),Re={layoutVariant:"smooth",layoutSpeed:"3"},Te={layoutVariant:"veryBouncy",layoutSpeed:"4"},He=n.forwardRef((function({id:t,name:a,label:r,labelPosition:i="start",variant:l="primary",size:c="md",reduceMotion:d,value:u="",checked:m,defaultChecked:h,disabled:p,hasError:x,onChange:f,onFocus:g,onBlur:b,className:v,layerClassNames:y,...S},C){const j=n.useId(),I=t??`uds-radio-${j}`,w=n.useRef(null),{name:V,isControlled:M,checked:N,setGroupValue:_}=(({name:e,value:t,checked:a,defaultChecked:r})=>{const s=n.useContext(Ne),i=s instanceof Me,o=void 0!==a||i,l=_e(e),c=n.useMemo((()=>i?s:Me.findOrCreate(s,l)),[s,i,l]),[d,u]=n.useState(c.value),m=c.name??l,h=n.useCallback((e=>{c.setValue(e),o||u(e)}),[o,c]);return n.useEffect((()=>c.onChange(u)),[c]),n.useEffect((()=>{!0===a&&h(t)}),[a,t,h]),n.useEffect((()=>{if(i)return;const e=Me.findOrCreate(s,m);return e.activeCount+=1,s.set(m,e),()=>{const e=s.get(m);e&&(e.activeCount-=1,0===e.activeCount&&s.delete(m))}}),[s,i,m]),{name:m,isControlled:o,checked:o&&!i?a:void 0!==d?t===d:r??!1,setGroupValue:h}})({name:a,value:u,checked:m,defaultChecked:h}),[z,k]=n.useState(!1),[R,T]=n.useState(!1),H=n.useMemo((()=>x?ze[l]:l),[x,l]),E=n.useMemo((()=>!p&&z),[p,z]),F=n.useMemo((()=>!p&&!N&&R),[N,p,R]),A=n.useMemo((()=>F?.9:E?1.1:1),[E,F]),B=n.useMemo((()=>N?F?"opacity-55":"opacity-100":"opacity-0"),[N,F]),P=n.useMemo((()=>!p&&(F&&!N||E&&N)),[N,p,E,F]),W=n.useMemo((()=>({scale:A})),[A]),q=n.useMemo((()=>R?Te:Re),[R]),$=n.useCallback((e=>{_(e.target.value),f?.(e)}),[f,_]),D=n.useCallback((e=>{g?.(e)}),[g]),G=n.useCallback((e=>{b?.(e)}),[b]),O=n.useCallback((()=>{k(!0)}),[]),U=n.useCallback((()=>{k(!1)}),[]),X=n.useCallback((()=>{T(!0)}),[]),J=n.useCallback((()=>{T(!1)}),[]),Y=d?"always":"user",Z=o.useReducedMotion()||d?"duration-0":"duration-120",Q={root:e.getStyles({radioSizeRoot:c,radioVariantValueRoot:N?"checked":"unchecked",radioVariantRoot:H,display:"flex",flexDirection:"start"===i?"row":"row-reverse",alignItems:"center",className:e.cx([{"cursor-pointer":!p,"cursor-default":p,"opacity-50":p},v,y?.root])}),radio:e.getStyles({radioSizeRadio:c,radioVariantRadio:H,radioVariantValueRadio:N?"checked":"unchecked",className:e.cx(["border","uds-ring","uds-ring-within",Z,"transition-[background-color,border-color]","transition-shadow",y?.radio])}),radioCircle:e.getStyles({radioVariantRadioCircle:H,radioVariantValueRadioCircle:N?"checked":"unchecked",className:e.cx(["pointer-events-none","w-[8px]","h-[8px]",B,Z,"transition-opacity"])}),htmlRadio:e.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:e.cx("start"===i?"text-start":"text-end",y?.label)},K=r?o.m.label:o.m.div;return s.jsx(L,{reducedMotion:Y,...q,children:s.jsxs(K,{className:Q.root,"data-testid":"container",onHoverStart:O,onHoverEnd:U,onTapStart:X,onTap:J,onTapCancel:J,tabIndex:-1,children:[s.jsxs(ke,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:Q.radio,animate:W,insetShadow:P?"lg-invert":"none",children:[s.jsx("input",{type:"radio",...S,ref:e=>{w.current=e,"function"==typeof C?C(e):null!==C&&(C.current=e)},onFocus:D,onBlur:G,id:I,name:V,value:u,disabled:p,"aria-invalid":x,onChange:$,...M?{checked:N}:{defaultChecked:h},className:Q.htmlRadio}),s.jsx(e.Box,{borderRadius:"full",className:Q.radioCircle})]}),r&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:r,className:Q.label})]})})}));He.displayName="Radio";var Ee=e.createSlot(),Fe=class extends Me{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},Ae=n.forwardRef((function({asChild:e,name:t,value:a,defaultValue:r,onChange:i,...o},l){const c=void 0!==a,d=_e(t),u=n.useMemo((()=>{const e=new Fe(d,c);return e.value=c?a:r,e}),[r,c,d,a]);n.useEffect((()=>{u.onChangeCb=i}),[i,u]),n.useEffect((()=>{c&&u.setValue(a,!0)}),[c,u,a]),n.useEffect((()=>u.onChange((e=>i?.(e)))),[i,u]);const m=e?Ee:"div";return s.jsx(Ne.Provider,{value:u,children:s.jsx(m,{role:"radiogroup",ref:l,...o})})}));Ae.displayName="RadioGroupProvider";var Be={md:{isOnX:20},sm:{isOnX:12}},Pe=o.m.create(e.Box),Le={layoutVariant:"bouncy",layoutSpeed:"4"},We=n.forwardRef((function({id:t,isOn:a,defaultIsOn:r,onChange:i,label:l,labelPosition:c="start",size:d="md",onIcon:u,offIcon:m,reduceMotion:h,disabled:p,required:x,onFocus:f,onBlur:g,className:b,layerClassNames:v,...y},S){const C=n.useId(),j=t??`uds-input-${C}`,I=n.useRef(null),w=void 0!==a,[V,M]=n.useState(w?a:r),[N,_]=n.useState(!1),z=n.useMemo((()=>!p&&N),[p,N]),{isOnX:k}=Be[d],R=n.useMemo((()=>({initial:{scale:1,x:V?k:0},animate:{scale:z?1.05:1,x:V?k:0}})),[z,V,k]),T=n.useCallback((e=>{i?.(e),w||M(e.target.checked)}),[w,i]),H=n.useCallback((e=>{f?.(e)}),[f]),E=n.useCallback((e=>{g?.(e)}),[g]),F=n.useCallback((()=>{_(!0)}),[]),A=n.useCallback((()=>{_(!1)}),[]),B=h?"always":"user",P=o.useReducedMotion()||h?"duration-0":"duration-120";n.useEffect((()=>{w&&M(a)}),[a,w]);const W={root:e.getStyles({switchSizeRoot:d,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===c?"row":"row-reverse",alignItems:"center",className:e.cx("group",{"cursor-pointer":!p,"cursor-default":p,"opacity-50":p},v?.root,b)}),switch:e.getStyles({switchVariantSwitch:"default",switchSizeSwitch:d,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:e.cx("uds-ring","uds-ring-within",P,"transition-[background-color,box-shadow]",v?.switch)}),handle:e.getStyles({switchSizeHandle:d,className:e.cx("relative","pointer-events-none","rounded-full","overflow-hidden",v?.handle)}),handleCircle:e.getStyles({switchVariantActiveHandle:V?"on":"off",switchVariantHandle:"default",className:e.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",P,"transition-[background-color,box-shadow,opacity]")}),handleIcon:e.getStyles({switchSizeHandleIcon:d,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:V?"on":"off",className:e.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",P,"transition-opacity")}),htmlCheckbox:e.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:e.cx("start"===c?"text-start":"text-end",v?.label)},q=l?o.m.label:o.m.div;return s.jsx(L,{reducedMotion:B,...Le,children:s.jsxs(q,{className:W.root,"data-testid":"container",onHoverStart:F,onHoverEnd:A,tabIndex:-1,children:[s.jsxs(Pe,{className:W.switch,children:[s.jsx("input",{type:"checkbox",...y,ref:e=>{I.current=e,"function"==typeof S?S(e):null!==S&&(S.current=e)},onFocus:H,onBlur:E,id:j,disabled:p,required:x,checked:w?V:void 0,defaultChecked:w?void 0:r,onChange:T,className:W.htmlCheckbox,style:{}}),s.jsxs(Pe,{className:W.handle,...R,children:[s.jsx(e.Box,{className:W.handleCircle}),u&&s.jsx(e.IconSlot,{icon:u,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:e.cx(W.handleIcon,V?"opacity-100":"opacity-0")}),m&&s.jsx(e.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:e.cx(W.handleIcon,V?"opacity-0":"opacity-100")})]})]}),l&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:x,label:l,className:W.label})]})})}));We.displayName="Switch",
|
3
|
-
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Avatar=N,exports.AvatarIcon=w,exports.AvatarImage=M,exports.AvatarText=V,exports.Badge=_,exports.Button=W,exports.Checkbox=X,exports.Chip=re,exports.ChipButton=Z,exports.ChipDismissible=ee,exports.ChipLink=te,exports.ChipToggle=ae,exports.IconButton=ne,exports.Input=ce,exports.Menu=de,exports.Pressable=K,exports.Radio=He,exports.RadioGroupProvider=Ae,exports.SpringMotionConfig=L,exports.Switch=We;
|
2
|
+
"use strict";var e=require("../chunk-6A3VCKKL.cjs"),t=require("../chunk-N6WXVEVH.cjs"),a=require("../chunk-4NOF6FBP.cjs"),n=require("../chunk-P4XGJJCM.cjs");require("../chunk-J7PUOUXC.cjs"),require("../chunk-IC335V3E.cjs");var i=require("../chunk-HTL6WRXY.cjs");require("../chunk-NUEZVMWZ.cjs");var o=require("react"),s=require("react/jsx-runtime"),r=require("@yahoo/uds/fixtures"),l=require("motion/react"),c=require("lodash-es"),d={first:e=>e[0]||"",last:e=>e[e.length-1]||"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},u=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof t?t(e):d[t](a)},p=(e="md")=>a.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),h=e=>e?{height:e,width:e}:{},m="primary",x="md",f={primary:t.e,secondary:t.t},g=({size:e=x,variant:t=m,customSize:n,icon:i,className:r})=>{const l=o.useMemo((()=>h(n)),[n]),c=o.useMemo((()=>a.cx(p(e),a.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),r)),[r,e,t]),d=o.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),u=o.useMemo((()=>({...l,boxSizing:"content-box"})),[l]),g=o.useMemo((()=>i??f[t??"primary"]),[i,t]),b=o.useMemo((()=>a.getStyles({avatarSizeIcon:e})),[e]);return s.jsx(a.Box,{className:c,style:l,children:s.jsx(a.Box,{className:d,style:u,children:s.jsx(a.Icon,{name:g,variant:"fill",color:"current",className:b,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */g.displayName="AvatarIcon";var b=({size:e=x,variant:t=m,name:n,initials:i,customSize:r,abbreviationStrategy:l,className:c})=>{const d=o.useMemo((()=>a.cx(p(e),a.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",c)),[c,e,t]),f=o.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),g=o.useMemo((()=>h(r)),[r]),b=o.useMemo((()=>({...g,boxSizing:"content-box"})),[g]);return s.jsx(a.Box,{className:d,style:g,children:s.jsx(a.Text,{color:"inherit",variant:"inherit",className:f,style:b,"data-testid":"avatar-text",children:i||u(n,l)})})};b.displayName="AvatarText";var y=({size:t=x,variant:n=m,src:i,srcSet:r,customSize:l,alt:c,imageProps:d,abbreviationStrategy:u,fallback:f,className:y})=>{const[v,S]=o.useState("loading");o.useEffect((()=>{let e=!0;if(i||r){const t=new Image;t.onload=()=>{e&&S("loaded")},t.onerror=()=>{e&&S("error")},i&&(t.src=i),r&&(t.srcset=r)}else S("error");return()=>{e=!1}}),[i,r]);const C=o.useMemo((()=>a.cx(p(t),a.getStyles({avatarImageVariantRoot:n,overflow:"hidden"}),y)),[y,t,n]),I=o.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),N=o.useMemo((()=>h(l)),[l]),j=o.useMemo((()=>({...N,boxSizing:"content-box"})),[N]);if("loaded"===v)return s.jsx(a.Box,{className:C,style:N,children:s.jsx(e.Image,{src:i,srcSet:r,alt:c,className:I,style:j,...d})});const k={size:t,customSize:l,variant:n};return f||c?s.jsx(b,{name:c,initials:f,abbreviationStrategy:u,...k}):s.jsx(g,{...k})};y.displayName="AvatarImage";var v=e=>s.jsx(y,{...e});v.displayName="Avatar";var S=o.forwardRef((function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:r,endIcon:l,backgroundColor:c,color:d,iconColor:u,borderColor:p,children:h,...m},x){const f=a.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:a.cx(["uds-badge","uds-badge-variant","uds-badge-size"])}),g=a.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:a.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),b=o.useMemo((()=>({...n?{minWidth:`${n}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...c?{backgroundColor:c}:{},...p?{borderColor:p}:{},...d?{color:d}:{}})),[c,p,d,i,n]),y=o.useMemo((()=>({variant:"fill",style:{...u?{color:u}:{}}})),[u]);return s.jsxs(a.HStack,{ref:x,gap:"2",display:"inline-flex",alignItems:"center",className:f,style:b,...m,children:[r&&s.jsx(a.IconSlot,{icon:r,iconProps:y,"data-testid":"start-icon",className:g}),s.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:h}),l&&s.jsx(a.IconSlot,{icon:l,iconProps:y,"data-testid":"end-icon",className:g})]})}));S.displayName="Badge";var C={scale:.7,opacity:0},I={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},N={icon:I,hide:C,loading:C},j={loading:I,hide:C,icon:C},k=`var(${i.BUTTON_CSS_VAR_MAP.columnGap})`,w=`var(${i.BUTTON_CSS_VAR_MAP.iconSize})`,V={rest:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:k}},M={hide:{width:"0px",opacity:0,display:"none"},loading:{width:w,display:"flex",opacity:1},icon:{width:w,display:"flex",opacity:1}},R=o.forwardRef((function({variant:e,size:i,startIcon:c,endIcon:d,iconVariant:u,loading:p,disableEffects:h,children:m,asChild:x,type:f="button",className:g,width:b,...y},v){const S=o.useRef(null);o.useImperativeHandle(v,(()=>S.current));const C=o.useMemo((()=>a.createSlot()),[]),I=o.useMemo((()=>l.m.create(C)),[C]),k=d?"icon":"hide",w=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:c,endIcon:d,loading:p}),R=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:p,startIcon:c}),{palette:z,variant:T}=o.useMemo((()=>n.parseDeprecatedButtonPaletteVariant({flatVariant:e})),[e]),P=o.useMemo((()=>({button:a.getStyles({width:b,buttonSize:i,buttonVariant:T,buttonPalette:z,className:a.cx("uds-button","uds-ring","uds-hit-target",p&&"uds-button-loading",h&&"uds-button-without-effects","withIcon"===w&&"uds-button-with-gap",g)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"})),[b,i,T,z,g,p,h,w]),B=l.useReducedMotion()?"smooth":"subtle",A=o.useMemo((()=>s.jsx(l.m.span,{className:P.iconContainer,initial:!1,variants:M,animate:R,children:s.jsxs(l.AnimatePresence,{initial:!1,mode:"popLayout",children:[p&&s.jsx(l.m.span,{variants:j,initial:"hide",animate:"loading",exit:"hide",children:s.jsx(a.Icon,{size:r.buttonIconSvgSize,name:t.e2,variant:u,color:"current",className:P.loading})},"loading"),c&&!p&&s.jsx(l.m.span,{variants:N,initial:"hide",animate:"icon",exit:"hide",children:s.jsx(a.IconSlot,{className:P.start,icon:c,iconProps:{size:r.buttonIconSvgSize,variant:u,color:"current"}})})]})})),[P.iconContainer,P.loading,P.start,R,p,u,c]),E=o.useMemo((()=>s.jsx(l.m.span,{className:P.iconContainer,initial:!1,variants:M,animate:k,children:s.jsx(l.AnimatePresence,{initial:!1,mode:"popLayout",children:d&&s.jsx(l.m.span,{variants:N,initial:"hide",animate:"icon",exit:"hide",children:s.jsx(a.IconSlot,{className:P.end,icon:d,iconProps:{size:r.buttonIconSvgSize,variant:u,color:"current"}})})})})),[P.iconContainer,P.end,d,k,u]),L=o.useMemo((()=>h?{...V,rest:{},hover:{},pressed:{}}:V),[h]);return x&&o.isValidElement(m)?s.jsx(t.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:s.jsx(I,{type:f,className:P.button,initial:["hide",w],animate:w,variants:L,whileHover:"hover",whileTap:"pressed",...y,children:o.cloneElement(m,m.props,s.jsxs(s.Fragment,{children:[A,s.jsx("span",{className:P.content,children:m.props.children}),E]}))})}):s.jsx(t.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:s.jsxs(l.m.button,{ref:S,type:f,className:P.button,initial:["hide",w],animate:w,variants:L,whileHover:"hover",whileTap:"pressed",...y,children:[A,s.jsx("span",{className:P.content,children:m}),E]})})})),z={primary:"alert",secondary:"alert-secondary"},T=e=>"indeterminate"===e,P=e=>T(e)?t.l:t.a,B=l.m.create(a.Box),A={layoutVariant:"smooth",layoutSpeed:"3"},E={layoutVariant:"veryBouncy",layoutSpeed:"4"},L=o.forwardRef((function({id:n,checked:i,defaultChecked:r,onChange:c,label:d,labelPosition:u="start",variant:p="primary",size:h="md",reduceMotion:m,disabled:x,required:f,hasError:g,className:b,layerClassNames:y,...v},S){const C=o.useId(),I=n??`uds-input-${C}`,N=o.useRef(null),j=void 0!==i,[k,w]=o.useState(j?i:r),[V,M]=o.useState(!1),[R,L]=o.useState(!1),q=o.useMemo((()=>g?z[p]:p),[g,p]),H=!x&&V,O=!x&&R,F=o.useMemo((()=>O?.9:H?1.1:1),[O,H]),$=o.useMemo((()=>k?O?"opacity-55":"opacity-100":"opacity-0"),[k,O]),_=o.useMemo((()=>({scale:F})),[F]),W=o.useMemo((()=>R?E:A),[R]),D=o.useCallback((e=>{c?.(e),j||w(e.target.checked)}),[j,c]),G=o.useCallback((()=>{M(!0)}),[]),U=o.useCallback((()=>{M(!1)}),[]),X=o.useCallback((()=>{L(!0)}),[]),J=o.useCallback((()=>{L(!1)}),[]),K=e=>{N.current&&(N.current.indeterminate=T(e))},Z=m?"always":"user",Y=l.useReducedMotion()||m?"duration-0":"duration-120";o.useEffect((()=>{j&&w(i)}),[i,j]),o.useEffect((()=>{K(k)}),[k]);const Q=T(k)?"indeterminate":k?"checked":"unchecked",ee={root:a.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:q,checkboxVariantValueRoot:Q,display:"flex",flexDirection:"start"===u?"row":"row-reverse",alignItems:"center",className:a.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},b,y?.root)}),checkbox:a.getStyles({checkboxSizeCheckbox:h,checkboxVariantCheckbox:q,checkboxVariantValueCheckbox:Q,className:a.cx("border","rounded-[4px]","uds-ring","uds-ring-within",Y,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:a.getStyles({checkboxVariantCheckboxIcon:q,checkboxVariantValueCheckboxIcon:Q,className:a.cx("pointer-events-none",$,Y,"transition-opacity")}),htmlCheckbox:a.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:a.cx("start"===u?"text-start":"text-end",y?.label)},te=d?l.m.label:l.m.div;return s.jsx(t.SpringMotionConfig,{reducedMotion:Z,...W,children:s.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:X,onTap:J,onTapCancel:J,tabIndex:-1,children:[s.jsxs(B,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:_,children:[s.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,K(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!T(k)&&k:void 0,defaultChecked:j?void 0:r,onChange:D,className:ee.htmlCheckbox}),s.jsx(a.Icon,{name:P(k),size:"sm",className:ee.check})]}),d&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:d,className:ee.label})]})})}));L.displayName="Checkbox";var q="primary",H=o.forwardRef((function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:r,as:c="div",reduceMotion:d,disabled:u=!1,className:p,layerClassNames:h,children:m,...x},f){const g=l.useReducedMotion()||d?"duration-0":"duration-120",b=o.useMemo((()=>({root:a.getStyles({chipSizeRoot:e,className:a.cx({"pointer-events-none":u,"cursor-default":u,"opacity-50":u},"focus-visible:-outline-offset-2","uds-ring",g,"transition-[background-color,border-color,box-shadow]",h?.root,p)}),icon:h?.icon})),[p,g,u,h?.icon,h?.root,e]);return s.jsx(a.HStack,{asChild:!0,ref:f,display:"inline-flex",alignItems:"center",style:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}},className:b.root,...x,children:s.jsxs(c,{disabled:u,children:[i&&s.jsx(a.IconSlot,{icon:i,iconProps:{variant:"fill",size:"sm",className:b.icon},"data-testid":"start-icon"}),s.jsx(a.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:m}),r&&s.jsx(a.IconSlot,{icon:r,iconProps:{variant:"fill",size:"sm",className:b.icon},"data-testid":"end-icon"})]})})}));H.displayName="ChipBase";var O=o.forwardRef((function({variant:e=q,...t},n){const i=o.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return s.jsx(H,{as:"button",ref:n,variant:e,layerClassNames:i,...t})}));O.displayName="ChipButton";var F=o.forwardRef((function({dismissButtonAriaLabel:e,onDismiss:n,dismissIcon:i,variant:r=q,disabled:l,...c},d){const u=o.useMemo((()=>({root:a.getStyles({chipDismissibleVariantRoot:r}),icon:a.getStyles({chipDismissibleVariantIcon:r})})),[r]),p=o.useCallback((e=>{e.stopPropagation(),n?.()}),[n]),h={icon:a.cx("uds-chip-dismissible-button","uds-hit-target")};return s.jsx(H,{ref:d,variant:r,disabled:l,tabIndex:-1,endIcon:n=>s.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:l,children:s.jsx(a.IconSlot,{icon:i??t.a2,iconProps:n,"data-testid":"dismiss-icon"})}),layerClassNames:u,...c})}));F.displayName="ChipDismissible";var $=o.forwardRef((function({variant:e=q,href:t,disabled:n,...i},r){const l=o.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return s.jsx(H,{as:"a",ref:r,variant:e,disabled:n,layerClassNames:l,...{...i,href:n?void 0:t}})}));$.displayName="ChipLink";var _=o.forwardRef((function({isToggled:e=!1,onToggle:t,onClick:n,variant:i=q,...r},l){const c=o.useMemo((()=>({root:a.getStyles({chipToggleVariantRoot:i,chipToggleVariantActiveRoot:e?"on":"off"}),icon:a.getStyles({chipToggleVariantIcon:i})})),[e,i]),d=o.useCallback((a=>{t?.(!e),n?.(a)}),[e,n,t]);return s.jsx(H,{ref:l,as:"button",variant:i,onClick:d,"aria-pressed":e,layerClassNames:c,...r})}));_.displayName="ChipToggle";var W=o.forwardRef((function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...r},l){return n?s.jsx(F,{ref:l,onDismiss:n,...r}):i?s.jsx(_,{ref:l,onToggle:i,isToggled:o,...r}):t?s.jsx($,{ref:l,href:t,...r,...a}):s.jsx(O,{ref:l,onClick:e,...r})}));W.displayName="Chip";var D=o.forwardRef((function({variant:e,size:i,iconVariant:c,loading:d,disableEffects:u,name:p,type:h="button",htmlName:m,className:x,children:f,...g},b){const y=o.useRef(null);o.useImperativeHandle(b,(()=>y.current));const{palette:v,variant:S}=n.parseDeprecatedButtonPaletteVariant({flatVariant:e}),C=o.useMemo((()=>({button:a.getStyles({buttonVariant:S,buttonPalette:v,iconButtonSize:i,className:a.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",d&&"uds-button-loading",u&&"uds-button-without-effects",x)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[v,S,x,u,i,d]),I=l.useReducedMotion(),k=o.useMemo((()=>I?"smooth":"subtle"),[I]),w=o.useMemo((()=>{const{rest:e,hover:t,pressed:a}=V;return u?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}}),[u]);return s.jsx(t.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:k,reducedMotion:u?"always":"user",children:s.jsx(l.m.button,{ref:y,type:h,className:C.button,initial:"icon",variants:w,whileHover:"hover",whileTap:"pressed",name:m,...g,children:s.jsxs(l.AnimatePresence,{initial:!1,mode:"popLayout",children:[d&&s.jsx(l.m.span,{variants:j,initial:"loading",animate:"loading",exit:"hide",children:s.jsx(a.Icon,{size:r.buttonIconSvgSize,name:t.e2,variant:c,color:"current",className:C.loading})},"loading"),p&&!d&&s.jsx(l.m.span,{variants:N,initial:"icon",animate:"icon",exit:"hide",children:f||s.jsx(a.Icon,{size:r.buttonIconSvgSize,name:p,variant:c,color:"current",className:C.icon})},p.name)]})})})})),G=({children:e,reduceMotion:a,layoutVariant:n})=>{const i=o.useRef(null),[r,c]=o.useState("auto");return o.useEffect((()=>{if(i.current){const e=new ResizeObserver((e=>{c(e[0].contentRect.height)}));return e.observe(i.current),()=>{e.disconnect()}}}),[]),s.jsx(t.SpringMotionConfig,{reducedMotion:a,layoutSpeed:"4",layoutVariant:n,children:s.jsx(l.m.div,{className:"overflow-hidden",style:{height:r,opacity:0},animate:{height:r,opacity:1},children:s.jsx("div",{ref:i,children:e})})})},U=o.memo((function({helpText:t,helperTextIcon:n,spacingStart:i,spacingTop:o,size:r,isFilled:l,...d}){return t?s.jsx(a.Box,{spacingTop:o,spacingStart:i,...d,children:s.jsx(e.InputHelpTextMemo,{startIcon:n,size:r,isFilled:l,children:c.isFunction(t)?t():t})}):null})),X=o.memo((function({icon:e,className:t}){return e?s.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},className:t}):null})),J=o.memo((function({icon:e,className:t}){if(!e)return null;return s.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:t})})),K=o.forwardRef((function({id:e,label:t,type:n="text",size:i="md",startIcon:r,endIcon:d,helpText:u,helperTextIcon:p,hasError:h,width:m="full",defaultValue:x,required:f,readOnly:g,disabled:b,reduceMotion:y,onChange:v,className:S,...C},I){const N=o.useId(),j=e??`uds-input-${N}`,k=`uds-input-${j}-help-text`,w=o.useRef(null);o.useImperativeHandle(I,(()=>w.current));const[V,M]=o.useState(x??""),R=o.useCallback((e=>{M(e.target.value),v?.(e)}),[v]),z=l.useReducedMotion()?"smooth":"bouncy",T=y?"always":"user",P=!g&&!b,B={root:a.getStyles({inputSizeRoot:i,inputVariantRoot:"default",inputVariantValueRoot:V?"filled":"empty",className:a.cx([S,b?"opacity-50":""])}),inputWrapper:a.getStyles({inputSizeInputWrapper:i,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:V?"filled":"empty",className:"min-w-[200px]"}),input:a.getStyles({inputSizeInput:i,inputVariantInput:"default",inputVariantValueInput:V?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:V?"filled":"empty",className:a.cx("grow","uds-hit-target","bg-clip-text","focus:outline-none",P?"cursor-text":"cursor-not-allowed")}),label:a.getStyles({inputSizeLabel:i,inputVariantLabel:"default",inputVariantValueLabel:V?"filled":"empty"}),labelRequired:a.getStyles({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:V?"filled":"empty"}),startIcon:a.getStyles({inputSizeStartIcon:i,inputVariantStartIcon:"default",inputVariantValueStartIcon:V?"filled":"empty"}),endIcon:a.getStyles({inputSizeEndIcon:i,inputVariantEndIcon:"default",inputVariantValueEndIcon:V?"filled":"empty"})};return s.jsxs(a.VStack,{width:m,className:B.root,children:[t&&s.jsxs(a.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:B.label,children:[s.jsx("label",{htmlFor:j,children:c.isFunction(t)?t():t}),f&&s.jsx("span",{className:B.labelRequired,children:"*"})]}),s.jsxs(a.Box,{position:"relative",alignItems:"center",className:B.inputWrapper,children:[s.jsx(X,{icon:r,className:B.startIcon}),s.jsx("input",{ref:w,id:j,type:n,value:V,required:f,readOnly:g,disabled:b,"aria-describedby":k,"aria-invalid":h,onChange:R,className:B.input,...C}),d&&s.jsx(a.HStack,{alignItems:"center",gap:"1",children:s.jsx(J,{icon:d,className:B.endIcon})})]}),s.jsx(G,{reduceMotion:T,layoutVariant:z,children:s.jsx(U,{id:k,helpText:u,spacingTop:"2",size:i,isFilled:!!V,helperTextIcon:p})})]})}));K.displayName="Input";var Z=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach((t=>t(e)))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},Y=o.createContext(new Map),Q=e=>{const t=o.useId();return e??`uds-radio-group-${t}`},ee={primary:"alert",secondary:"alert-secondary"},te=l.m.create(a.Box),ae={layoutVariant:"smooth",layoutSpeed:"3"},ne={layoutVariant:"veryBouncy",layoutSpeed:"4"},ie=o.forwardRef((function({id:n,name:i,label:r,labelPosition:c="start",variant:d="primary",size:u="md",reduceMotion:p,value:h="",checked:m,defaultChecked:x,disabled:f,hasError:g,onChange:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=o.useId(),k=n??`uds-radio-${j}`,w=o.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=o.useContext(Y),s=i instanceof Z,r=void 0!==a||s,l=Q(e),c=o.useMemo((()=>s?i:Z.findOrCreate(i,l)),[i,s,l]),[d,u]=o.useState(c.value),p=c.name??l,h=o.useCallback((e=>{c.setValue(e),r||u(e)}),[r,c]);return o.useEffect((()=>c.onChange(u)),[c]),o.useEffect((()=>{!0===a&&h(t)}),[a,t,h]),o.useEffect((()=>{if(s)return;const e=Z.findOrCreate(i,p);return e.activeCount+=1,i.set(p,e),()=>{const e=i.get(p);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(p))}}),[i,s,p]),{name:p,isControlled:r,checked:r&&!s?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:i,value:h,checked:m,defaultChecked:x}),[T,P]=o.useState(!1),[B,A]=o.useState(!1),E=o.useMemo((()=>g?ee[d]:d),[g,d]),L=o.useMemo((()=>!f&&T),[f,T]),q=o.useMemo((()=>!f&&!R&&B),[R,f,B]),H=o.useMemo((()=>q?.9:L?1.1:1),[L,q]),O=o.useMemo((()=>R?q?"opacity-55":"opacity-100":"opacity-0"),[R,q]),F=o.useMemo((()=>!f&&(q&&!R||L&&R)),[R,f,L,q]),$=o.useMemo((()=>({scale:H})),[H]),_=o.useMemo((()=>B?ne:ae),[B]),W=o.useCallback((e=>{z(e.target.value),b?.(e)}),[b,z]),D=o.useCallback((e=>{y?.(e)}),[y]),G=o.useCallback((e=>{v?.(e)}),[v]),U=o.useCallback((()=>{P(!0)}),[]),X=o.useCallback((()=>{P(!1)}),[]),J=o.useCallback((()=>{A(!0)}),[]),K=o.useCallback((()=>{A(!1)}),[]),ie=p?"always":"user",oe=l.useReducedMotion()||p?"duration-0":"duration-120",se={root:a.getStyles({radioSizeRoot:u,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===c?"row":"row-reverse",alignItems:"center",className:a.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,C?.root])}),radio:a.getStyles({radioSizeRadio:u,radioVariantRadio:E,radioVariantValueRadio:R?"checked":"unchecked",className:a.cx(["border","uds-ring","uds-ring-within",oe,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:a.getStyles({radioVariantRadioCircle:E,radioVariantValueRadioCircle:R?"checked":"unchecked",className:a.cx(["pointer-events-none","w-[8px]","h-[8px]",O,oe,"transition-opacity"])}),htmlRadio:a.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:a.cx("start"===c?"text-start":"text-end",C?.label)},re=r?l.m.label:l.m.div;return s.jsx(t.SpringMotionConfig,{reducedMotion:ie,..._,children:s.jsxs(re,{className:se.root,"data-testid":"container",onHoverStart:U,onHoverEnd:X,onTapStart:J,onTap:K,onTapCancel:K,tabIndex:-1,children:[s.jsxs(te,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:se.radio,animate:$,insetShadow:F?"lg-invert":"none",children:[s.jsx("input",{type:"radio",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:D,onBlur:G,id:k,name:V,value:h,disabled:f,"aria-invalid":g,onChange:W,...M?{checked:R}:{defaultChecked:x},className:se.htmlRadio}),s.jsx(a.Box,{borderRadius:"full",className:se.radioCircle})]}),r&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:r,className:se.label})]})})}));ie.displayName="Radio";var oe=a.createSlot(),se=class extends Z{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},re=o.forwardRef((function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...r},l){const c=void 0!==a,d=Q(t),u=o.useMemo((()=>{const e=new se(d,c);return e.value=c?a:n,e}),[n,c,d,a]);o.useEffect((()=>{u.onChangeCb=i}),[i,u]),o.useEffect((()=>{c&&u.setValue(a,!0)}),[c,u,a]),o.useEffect((()=>u.onChange((e=>i?.(e)))),[i,u]);const p=e?oe:"div";return s.jsx(Y.Provider,{value:u,children:s.jsx(p,{role:"radiogroup",ref:l,...r})})}));re.displayName="RadioGroupProvider";var le={md:{isOnX:20},sm:{isOnX:12}},ce=l.m.create(a.Box),de={layoutVariant:"bouncy",layoutSpeed:"4"},ue=o.forwardRef((function({id:n,isOn:i,defaultIsOn:r,onChange:c,label:d,labelPosition:u="start",size:p="md",onIcon:h,offIcon:m,reduceMotion:x,disabled:f,required:g,onFocus:b,onBlur:y,className:v,layerClassNames:S,...C},I){const N=o.useId(),j=n??`uds-input-${N}`,k=o.useRef(null),w=void 0!==i,[V,M]=o.useState(w?i:r),[R,z]=o.useState(!1),T=o.useMemo((()=>!f&&R),[f,R]),{isOnX:P}=le[p],B=o.useMemo((()=>({initial:{scale:1,x:V?P:0},animate:{scale:T?1.05:1,x:V?P:0}})),[T,V,P]),A=o.useCallback((e=>{c?.(e),w||M(e.target.checked)}),[w,c]),E=o.useCallback((e=>{b?.(e)}),[b]),L=o.useCallback((e=>{y?.(e)}),[y]),q=o.useCallback((()=>{z(!0)}),[]),H=o.useCallback((()=>{z(!1)}),[]),O=x?"always":"user",F=l.useReducedMotion()||x?"duration-0":"duration-120";o.useEffect((()=>{w&&M(i)}),[i,w]);const $={root:a.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===u?"row":"row-reverse",alignItems:"center",className:a.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:a.cx("uds-ring","uds-ring-within",F,"transition-[background-color,box-shadow]",S?.switch)}),handle:a.getStyles({switchSizeHandle:p,className:a.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:a.getStyles({switchVariantActiveHandle:V?"on":"off",switchVariantHandle:"default",className:a.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",F,"transition-[background-color,box-shadow,opacity]")}),handleIcon:a.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:V?"on":"off",className:a.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",F,"transition-opacity")}),htmlCheckbox:a.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:a.cx("start"===u?"text-start":"text-end",S?.label)},_=d?l.m.label:l.m.div;return s.jsx(t.SpringMotionConfig,{reducedMotion:O,...de,children:s.jsxs(_,{className:$.root,"data-testid":"container",onHoverStart:q,onHoverEnd:H,tabIndex:-1,children:[s.jsxs(ce,{className:$.switch,children:[s.jsx("input",{type:"checkbox",...C,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:E,onBlur:L,id:j,disabled:f,required:g,checked:w?V:void 0,defaultChecked:w?void 0:r,onChange:A,className:$.htmlCheckbox,style:{}}),s.jsxs(ce,{className:$.handle,...B,children:[s.jsx(a.Box,{className:$.handleCircle}),h&&s.jsx(a.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx($.handleIcon,V?"opacity-100":"opacity-0")}),m&&s.jsx(a.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx($.handleIcon,V?"opacity-0":"opacity-100")})]})]}),d&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:g,label:d,className:$.label})]})})}));ue.displayName="Switch",Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return t.Menu_index_exports}}),Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return t.SpringMotionConfig}}),exports.Avatar=v,exports.AvatarIcon=g,exports.AvatarImage=y,exports.AvatarText=b,exports.Badge=S,exports.Button=R,exports.Checkbox=L,exports.Chip=W,exports.ChipButton=O,exports.ChipDismissible=F,exports.ChipLink=$,exports.ChipToggle=_,exports.IconButton=D,exports.Input=K,exports.Radio=ie,exports.RadioGroupProvider=re,exports.Switch=ue;
|