@yahoo/uds 3.17.0-beta.3 → 3.17.0-beta.4

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.
Files changed (59) hide show
  1. package/dist/Input-DcjzGTZ7.d.cts +42 -0
  2. package/dist/Input-aHg6A-xT.d.ts +42 -0
  3. package/dist/Pressable-BQeh2-VM.d.ts +44 -0
  4. package/dist/Pressable-WQVmMbYu.d.cts +44 -0
  5. package/dist/SpringMotionConfig-BaeJprnv.d.cts +45 -0
  6. package/dist/SpringMotionConfig-C_eNz6on.d.ts +45 -0
  7. package/dist/VStack-B_2pGe-1.d.cts +112 -0
  8. package/dist/VStack-Df-pFFBu.d.ts +112 -0
  9. package/dist/chunk-2O4KDOWQ.js +2 -0
  10. package/dist/chunk-5ZMNC32B.js +1 -0
  11. package/dist/chunk-CJQWF4E7.cjs +1 -0
  12. package/dist/chunk-EQFRML3F.cjs +2 -0
  13. package/dist/chunk-FSOKVNOU.cjs +1 -0
  14. package/dist/chunk-GDB25UGP.js +2 -0
  15. package/dist/chunk-HT3GLDSF.js +2 -0
  16. package/dist/chunk-IA5PTKGD.cjs +1 -0
  17. package/dist/chunk-JFLE7LSO.cjs +3 -0
  18. package/dist/{chunk-I5TC35WI.cjs → chunk-MDZCXF7W.cjs} +1 -1
  19. package/dist/{chunk-OGMNTWFW.js → chunk-NAELW5O7.js} +2 -2
  20. package/dist/chunk-ODIO4O52.js +2 -0
  21. package/dist/chunk-OMJ3BDEX.cjs +1 -0
  22. package/dist/chunk-RR45EHLK.js +3 -0
  23. package/dist/chunk-T7G5JTDY.js +2 -0
  24. package/dist/chunk-VW57QTRQ.js +2 -0
  25. package/dist/chunk-WGG66FKO.cjs +1 -0
  26. package/dist/chunk-YMQMU4E2.cjs +1 -0
  27. package/dist/chunk-YR633T75.cjs +1 -0
  28. package/dist/chunk-YVEYAMML.js +1 -0
  29. package/dist/chunk-Z2ZVRADJ.js +2 -0
  30. package/dist/chunk-ZO4QHULA.cjs +1 -0
  31. package/dist/client/Menu.cjs +1 -1
  32. package/dist/client/Menu.js +2 -2
  33. package/dist/client/index.cjs +1 -1
  34. package/dist/client/index.js +1 -1
  35. package/dist/experimental/client/SwitchV2.cjs +1 -2
  36. package/dist/experimental/client/SwitchV2.js +2 -1
  37. package/dist/index-Bxa_xSvC.d.ts +243 -0
  38. package/dist/index-RAdV2BNG.d.cts +243 -0
  39. package/dist/index.cjs +1 -1
  40. package/dist/index.js +1 -1
  41. package/dist/metafile-cjs.json +1 -1
  42. package/dist/metafile-esm.json +1 -1
  43. package/dist/tailwind/plugin.cjs +1 -1
  44. package/dist/tailwind/plugin.js +2 -2
  45. package/dist/tailwind/utils.cjs +1 -1
  46. package/dist/tailwind/utils.d.cts +4 -4
  47. package/dist/tailwind/utils.d.ts +4 -4
  48. package/dist/tailwind/utils.js +1 -1
  49. package/dist/tokens/automation/configs.cjs +1 -1
  50. package/dist/tokens/automation/configs.js +1 -1
  51. package/dist/tokens/automation/properties.cjs +1 -1
  52. package/dist/tokens/automation/properties.js +1 -1
  53. package/dist/tokens/index.cjs +1 -1
  54. package/dist/tokens/index.js +1 -1
  55. package/dist/types-v_SxufCg.d.cts +10465 -0
  56. package/dist/types-v_SxufCg.d.ts +10465 -0
  57. package/package.json +1 -1
  58. package/dist/chunk-6CS7RKHN.js +0 -2
  59. package/dist/chunk-EIQXT4KY.cjs +0 -1
@@ -0,0 +1 @@
1
+ "use strict";var r=require("./chunk-4NZKRK55.cjs");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.getMotionVar=function({variant:t,speed:e,control:n}){return`${[`--${r.MOTION_PREFIX}`,t,e,n].join("-")}`};
@@ -0,0 +1 @@
1
+ "use strict";var e=require("./chunk-JFLE7LSO.cjs"),r=require("react"),t=require("react/jsx-runtime"),i={horizontal:"w-full",vertical:""},a=r.forwardRef((function({vertical:a=!1,contentPosition:o="center",className:l,layerClassNames:n,children:s,...c},d){const x=a?"vertical":"horizontal",h=a?e.VStack:e.HStack,m=r.useMemo((()=>({root:e.cx(i[x],l,n?.root),label:e.cx(n?.text),line:n?.line})),[l,x,n?.root,n?.text,n?.line]),f=r.useMemo((()=>"vertical"===x?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0}:{borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:0}),[x]),v=()=>t.jsx(e.Box,{flex:"1",className:m.line,style:f});return s?t.jsxs(h,{flex:"1",alignItems:"center",className:m.root,ref:d,...c,children:["start"!==o&&t.jsx(v,{}),t.jsx(e.Box,{flex:"none",children:t.jsx(e.Text,{color:"inherit",variant:"inherit",className:m.label,children:s})}),"end"!==o&&t.jsx(v,{})]}):t.jsx(e.Box,{display:"flex",flex:"none",className:m.root,ref:d,...c,children:t.jsx(v,{})})}));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */a.displayName="DividerCore";var o=r.forwardRef((function({variant:i="primary",layerClassNames:o,...l},n){const s=r.useMemo((()=>({root:e.cx("inherit"!==i&&e.getStyles({dividerVariantRoot:i}),o?.root),text:e.cx("inherit"!==i?e.getStyles({dividerVariantLabel:i}):void 0,o?.text),line:e.cx("inherit"!==i&&e.getStyles({dividerVariantLine:i}),o?.line)})),[o?.line,o?.root,o?.text,i]);return t.jsx(a,{ref:n,layerClassNames:s,...l})}));o.displayName="DividerInternal",exports.DividerInternal=o;
@@ -0,0 +1 @@
1
+ import{getStyles as o,cx as r,HStack as t,IconSlot as e,Text as i}from"./chunk-RR45EHLK.js";import{isFunction as a}from"lodash-es";import{jsxs as n,jsx as l}from"react/jsx-runtime";import{memo as d}from"react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var s=({htmlFor:o,required:t,label:e,children:d,color:s="muted",variant:c="label3",hasError:p=!1,showRequiredAsterisk:f=!1,as:h="label",className:u,...b})=>{const m=e?a(e)?e():e:d;return m?n(i,{variant:c,color:s,as:h,htmlFor:o,className:r("cursor-[inherit]",u),...b,children:[m,t&&f&&l(i,{as:"sup",color:p?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null};function c({width:r,height:t,src:e,alt:i,contentFit:a,backgroundColor:n,borderRadius:d,borderTopStartRadius:s,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:h,borderStartColor:u,borderEndColor:b,borderTopColor:m,borderBottomColor:g,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:C,borderEndWidth:W,borderTopWidth:B,borderBottomWidth:E,alignContent:w,alignItems:H,alignSelf:R,flex:v,flexDirection:V,flexGrow:I,flexShrink:z,flexWrap:y,justifyContent:k,flexBasis:G,display:N,overflow:F,overflowX:j,overflowY:P,position:q,spacing:D,spacingHorizontal:X,spacingVertical:Y,spacingBottom:A,spacingEnd:K,spacingStart:L,spacingTop:J,offset:M,offsetVertical:O,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro,...to}){const eo=o({contentFit:a,backgroundColor:n,borderRadius:d,borderTopStartRadius:s,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:h,borderStartColor:u,borderEndColor:b,borderTopColor:m,borderBottomColor:g,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:C,borderEndWidth:W,borderTopWidth:B,borderBottomWidth:E,alignContent:w,alignItems:H,alignSelf:R,flex:v,flexDirection:V,flexGrow:I,flexShrink:z,flexWrap:y,justifyContent:k,flexBasis:G,display:N,overflow:F,overflowX:j,overflowY:P,position:q,spacing:D,spacingHorizontal:X,spacingVertical:Y,spacingBottom:A,spacingEnd:K,spacingStart:L,spacingTop:J,offset:M,offsetVertical:O,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro});return l("img",{src:e,alt:i,className:eo,style:{width:r,height:t},...to})}var p=d((function({startIcon:i,endIcon:a,iconProps:d,children:s,size:c,isFilled:p,...f}){const h={helperText:r(o({inputSizeHelperText:c,inputVariantHelperText:"default",inputVariantValueHelperText:p?"filled":"empty"})),helperIcon:o({inputSizeHelperIcon:c,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:p?"filled":"empty"})},u={variant:"outline",...d};return n(t,{gap:"1",alignItems:"center",...f,children:[i&&l(e,{icon:i,...u,iconProps:d,className:h.helperIcon}),l("span",{className:h.helperText,children:s}),a&&l(e,{icon:a,...u,iconProps:d,className:h.helperIcon})]})}));export{s as FormLabel,c as Image,p as InputHelpTextMemo};
@@ -0,0 +1,2 @@
1
+ import{XXLARGE_SCALE_MODE_CLASSNAME as e,XXXLARGE_SCALE_MODE_CLASSNAME as t,XLARGE_SCALE_MODE_CLASSNAME as a,LARGE_SCALE_MODE_CLASSNAME as r,MEDIUM_SCALE_MODE_CLASSNAME as i,SMALL_SCALE_MODE_CLASSNAME as n,XSMALL_SCALE_MODE_CLASSNAME as o,LIGHT_COLOR_MODE_CLASSNAME as d,DARK_COLOR_MODE_CLASSNAME as s}from"./chunk-N4FHPR6Q.js";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
2
+ var l={color:{accent:"text-accent",alert:"text-alert","alert-secondary":"text-alert-secondary",black:"text-black",brand:"text-brand","brand-secondary":"text-brand-secondary",positive:"text-positive","positive-secondary":"text-positive-secondary",warning:"text-warning","warning-secondary":"text-warning-secondary",info:"text-info","info-secondary":"text-info-secondary",white:"text-white",transparent:"text-transparent",muted:"text-muted","on-color":"text-on-color",primary:"text-primary",secondary:"text-secondary",tertiary:"text-tertiary",current:"text-current"},placeholderColor:{accent:"placeholder:text-accent",alert:"placeholder:text-alert","alert-secondary":"placeholder:text-alert-secondary",black:"placeholder:text-black",brand:"placeholder:text-brand","brand-secondary":"placeholder:text-brand-secondary",positive:"placeholder:text-positive","positive-secondary":"placeholder:text-positive-secondary",warning:"placeholder:text-warning","warning-secondary":"placeholder:text-warning-secondary",info:"placeholder:text-info","info-secondary":"placeholder:text-info-secondary",white:"placeholder:text-white",transparent:"placeholder:text-transparent",muted:"placeholder:text-muted","on-color":"placeholder:text-on-color",primary:"placeholder:text-primary",secondary:"placeholder:text-secondary",tertiary:"placeholder:text-tertiary",current:"placeholder:text-current"},fontFamily:{sans:"font-sans","sans-alt":"font-sans-alt",serif:"font-serif","serif-alt":"font-serif-alt",mono:"font-mono",display1:"font-display1",display2:"font-display2",display3:"font-display3",title1:"font-title1",title2:"font-title2",title3:"font-title3",title4:"font-title4",headline1:"font-headline1",body1:"font-body1",label1:"font-label1",label2:"font-label2",label3:"font-label3",label4:"font-label4",caption1:"font-caption1",caption2:"font-caption2",legal1:"font-legal1"},fontSize:{display1:"font-size-display1",display2:"font-size-display2",display3:"font-size-display3",title1:"font-size-title1",title2:"font-size-title2",title3:"font-size-title3",title4:"font-size-title4",headline1:"font-size-headline1",body1:"font-size-body1",label1:"font-size-label1",label2:"font-size-label2",label3:"font-size-label3",label4:"font-size-label4",caption1:"font-size-caption1",caption2:"font-size-caption2",legal1:"font-size-legal1"},fontWeight:{thin:"font-weight-thin",extralight:"font-weight-extralight",light:"font-weight-light",regular:"font-weight-regular",medium:"font-weight-medium",semibold:"font-weight-semibold",bold:"font-weight-bold",extrabold:"font-weight-extrabold",black:"font-weight-black",display1:"font-weight-display1",display2:"font-weight-display2",display3:"font-weight-display3",title1:"font-weight-title1",title2:"font-weight-title2",title3:"font-weight-title3",title4:"font-weight-title4",headline1:"font-weight-headline1",body1:"font-weight-body1",label1:"font-weight-label1",label2:"font-weight-label2",label3:"font-weight-label3",label4:"font-weight-label4",caption1:"font-weight-caption1",caption2:"font-weight-caption2",legal1:"font-weight-legal1"},lineHeight:{display1:"leading-display1",display2:"leading-display2",display3:"leading-display3",title1:"leading-title1",title2:"leading-title2",title3:"leading-title3",title4:"leading-title4",headline1:"leading-headline1",body1:"leading-body1",label1:"leading-label1",label2:"leading-label2",label3:"leading-label3",label4:"leading-label4",caption1:"leading-caption1",caption2:"leading-caption2",legal1:"leading-legal1"},textAlign:{center:"text-center",justify:"text-justify",start:"text-start",end:"text-end"},textTransform:{display1:"case-display1",display2:"case-display2",display3:"case-display3",title1:"case-title1",title2:"case-title2",title3:"case-title3",title4:"case-title4",headline1:"case-headline1",body1:"case-body1",label1:"case-label1",label2:"case-label2",label3:"case-label3",label4:"case-label4",caption1:"case-caption1",caption2:"case-caption2",legal1:"case-legal1",none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},spacing:{0:"p-0",px:"p-px",.5:"p-0.5",1:"p-1",1.5:"p-1.5",2:"p-2",2.5:"p-2.5",3:"p-3",3.5:"p-3.5",4:"p-4",4.5:"p-4.5",5:"p-5",5.5:"p-5.5",6:"p-6",7:"p-7",8:"p-8",9:"p-9",10:"p-10",11:"p-11",12:"p-12",14:"p-14",16:"p-16",20:"p-20",24:"p-24",28:"p-28",32:"p-32",36:"p-36",40:"p-40",44:"p-44",48:"p-48",52:"p-52",56:"p-56",60:"p-60",64:"p-64",72:"p-72",80:"p-80",96:"p-96"},spacingHorizontal:{0:"px-0",px:"px-px",.5:"px-0.5",1:"px-1",1.5:"px-1.5",2:"px-2",2.5:"px-2.5",3:"px-3",3.5:"px-3.5",4:"px-4",4.5:"px-4.5",5:"px-5",5.5:"px-5.5",6:"px-6",7:"px-7",8:"px-8",9:"px-9",10:"px-10",11:"px-11",12:"px-12",14:"px-14",16:"px-16",20:"px-20",24:"px-24",28:"px-28",32:"px-32",36:"px-36",40:"px-40",44:"px-44",48:"px-48",52:"px-52",56:"px-56",60:"px-60",64:"px-64",72:"px-72",80:"px-80",96:"px-96"},spacingVertical:{0:"py-0",px:"py-px",.5:"py-0.5",1:"py-1",1.5:"py-1.5",2:"py-2",2.5:"py-2.5",3:"py-3",3.5:"py-3.5",4:"py-4",4.5:"py-4.5",5:"py-5",5.5:"py-5.5",6:"py-6",7:"py-7",8:"py-8",9:"py-9",10:"py-10",11:"py-11",12:"py-12",14:"py-14",16:"py-16",20:"py-20",24:"py-24",28:"py-28",32:"py-32",36:"py-36",40:"py-40",44:"py-44",48:"py-48",52:"py-52",56:"py-56",60:"py-60",64:"py-64",72:"py-72",80:"py-80",96:"py-96"},spacingBottom:{0:"pb-0",px:"pb-px",.5:"pb-0.5",1:"pb-1",1.5:"pb-1.5",2:"pb-2",2.5:"pb-2.5",3:"pb-3",3.5:"pb-3.5",4:"pb-4",4.5:"pb-4.5",5:"pb-5",5.5:"pb-5.5",6:"pb-6",7:"pb-7",8:"pb-8",9:"pb-9",10:"pb-10",11:"pb-11",12:"pb-12",14:"pb-14",16:"pb-16",20:"pb-20",24:"pb-24",28:"pb-28",32:"pb-32",36:"pb-36",40:"pb-40",44:"pb-44",48:"pb-48",52:"pb-52",56:"pb-56",60:"pb-60",64:"pb-64",72:"pb-72",80:"pb-80",96:"pb-96"},spacingEnd:{0:"pe-0",px:"pe-px",.5:"pe-0.5",1:"pe-1",1.5:"pe-1.5",2:"pe-2",2.5:"pe-2.5",3:"pe-3",3.5:"pe-3.5",4:"pe-4",4.5:"pe-4.5",5:"pe-5",5.5:"pe-5.5",6:"pe-6",7:"pe-7",8:"pe-8",9:"pe-9",10:"pe-10",11:"pe-11",12:"pe-12",14:"pe-14",16:"pe-16",20:"pe-20",24:"pe-24",28:"pe-28",32:"pe-32",36:"pe-36",40:"pe-40",44:"pe-44",48:"pe-48",52:"pe-52",56:"pe-56",60:"pe-60",64:"pe-64",72:"pe-72",80:"pe-80",96:"pe-96"},spacingStart:{0:"ps-0",px:"ps-px",.5:"ps-0.5",1:"ps-1",1.5:"ps-1.5",2:"ps-2",2.5:"ps-2.5",3:"ps-3",3.5:"ps-3.5",4:"ps-4",4.5:"ps-4.5",5:"ps-5",5.5:"ps-5.5",6:"ps-6",7:"ps-7",8:"ps-8",9:"ps-9",10:"ps-10",11:"ps-11",12:"ps-12",14:"ps-14",16:"ps-16",20:"ps-20",24:"ps-24",28:"ps-28",32:"ps-32",36:"ps-36",40:"ps-40",44:"ps-44",48:"ps-48",52:"ps-52",56:"ps-56",60:"ps-60",64:"ps-64",72:"ps-72",80:"ps-80",96:"ps-96"},spacingTop:{0:"pt-0",px:"pt-px",.5:"pt-0.5",1:"pt-1",1.5:"pt-1.5",2:"pt-2",2.5:"pt-2.5",3:"pt-3",3.5:"pt-3.5",4:"pt-4",4.5:"pt-4.5",5:"pt-5",5.5:"pt-5.5",6:"pt-6",7:"pt-7",8:"pt-8",9:"pt-9",10:"pt-10",11:"pt-11",12:"pt-12",14:"pt-14",16:"pt-16",20:"pt-20",24:"pt-24",28:"pt-28",32:"pt-32",36:"pt-36",40:"pt-40",44:"pt-44",48:"pt-48",52:"pt-52",56:"pt-56",60:"pt-60",64:"pt-64",72:"pt-72",80:"pt-80",96:"pt-96"},offset:{0:"-m-0",px:"-m-px",.5:"-m-0.5",1:"-m-1",1.5:"-m-1.5",2:"-m-2",2.5:"-m-2.5",3:"-m-3",3.5:"-m-3.5",4:"-m-4",4.5:"-m-4.5",5:"-m-5",5.5:"-m-5.5",6:"-m-6",7:"-m-7",8:"-m-8",9:"-m-9",10:"-m-10",11:"-m-11",12:"-m-12",14:"-m-14",16:"-m-16",20:"-m-20",24:"-m-24",28:"-m-28",32:"-m-32",36:"-m-36",40:"-m-40",44:"-m-44",48:"-m-48",52:"-m-52",56:"-m-56",60:"-m-60",64:"-m-64",72:"-m-72",80:"-m-80",96:"-m-96"},offsetVertical:{0:"-my-0",px:"-my-px",.5:"-my-0.5",1:"-my-1",1.5:"-my-1.5",2:"-my-2",2.5:"-my-2.5",3:"-my-3",3.5:"-my-3.5",4:"-my-4",4.5:"-my-4.5",5:"-my-5",5.5:"-my-5.5",6:"-my-6",7:"-my-7",8:"-my-8",9:"-my-9",10:"-my-10",11:"-my-11",12:"-my-12",14:"-my-14",16:"-my-16",20:"-my-20",24:"-my-24",28:"-my-28",32:"-my-32",36:"-my-36",40:"-my-40",44:"-my-44",48:"-my-48",52:"-my-52",56:"-my-56",60:"-my-60",64:"-my-64",72:"-my-72",80:"-my-80",96:"-my-96"},offsetHorizontal:{0:"-mx-0",px:"-mx-px",.5:"-mx-0.5",1:"-mx-1",1.5:"-mx-1.5",2:"-mx-2",2.5:"-mx-2.5",3:"-mx-3",3.5:"-mx-3.5",4:"-mx-4",4.5:"-mx-4.5",5:"-mx-5",5.5:"-mx-5.5",6:"-mx-6",7:"-mx-7",8:"-mx-8",9:"-mx-9",10:"-mx-10",11:"-mx-11",12:"-mx-12",14:"-mx-14",16:"-mx-16",20:"-mx-20",24:"-mx-24",28:"-mx-28",32:"-mx-32",36:"-mx-36",40:"-mx-40",44:"-mx-44",48:"-mx-48",52:"-mx-52",56:"-mx-56",60:"-mx-60",64:"-mx-64",72:"-mx-72",80:"-mx-80",96:"-mx-96"},offsetBottom:{0:"-mb-0",px:"-mb-px",.5:"-mb-0.5",1:"-mb-1",1.5:"-mb-1.5",2:"-mb-2",2.5:"-mb-2.5",3:"-mb-3",3.5:"-mb-3.5",4:"-mb-4",4.5:"-mb-4.5",5:"-mb-5",5.5:"-mb-5.5",6:"-mb-6",7:"-mb-7",8:"-mb-8",9:"-mb-9",10:"-mb-10",11:"-mb-11",12:"-mb-12",14:"-mb-14",16:"-mb-16",20:"-mb-20",24:"-mb-24",28:"-mb-28",32:"-mb-32",36:"-mb-36",40:"-mb-40",44:"-mb-44",48:"-mb-48",52:"-mb-52",56:"-mb-56",60:"-mb-60",64:"-mb-64",72:"-mb-72",80:"-mb-80",96:"-mb-96"},offsetEnd:{0:"-me-0",px:"-me-px",.5:"-me-0.5",1:"-me-1",1.5:"-me-1.5",2:"-me-2",2.5:"-me-2.5",3:"-me-3",3.5:"-me-3.5",4:"-me-4",4.5:"-me-4.5",5:"-me-5",5.5:"-me-5.5",6:"-me-6",7:"-me-7",8:"-me-8",9:"-me-9",10:"-me-10",11:"-me-11",12:"-me-12",14:"-me-14",16:"-me-16",20:"-me-20",24:"-me-24",28:"-me-28",32:"-me-32",36:"-me-36",40:"-me-40",44:"-me-44",48:"-me-48",52:"-me-52",56:"-me-56",60:"-me-60",64:"-me-64",72:"-me-72",80:"-me-80",96:"-me-96"},offsetStart:{0:"-ms-0",px:"-ms-px",.5:"-ms-0.5",1:"-ms-1",1.5:"-ms-1.5",2:"-ms-2",2.5:"-ms-2.5",3:"-ms-3",3.5:"-ms-3.5",4:"-ms-4",4.5:"-ms-4.5",5:"-ms-5",5.5:"-ms-5.5",6:"-ms-6",7:"-ms-7",8:"-ms-8",9:"-ms-9",10:"-ms-10",11:"-ms-11",12:"-ms-12",14:"-ms-14",16:"-ms-16",20:"-ms-20",24:"-ms-24",28:"-ms-28",32:"-ms-32",36:"-ms-36",40:"-ms-40",44:"-ms-44",48:"-ms-48",52:"-ms-52",56:"-ms-56",60:"-ms-60",64:"-ms-64",72:"-ms-72",80:"-ms-80",96:"-ms-96"},offsetTop:{0:"-mt-0",px:"-mt-px",.5:"-mt-0.5",1:"-mt-1",1.5:"-mt-1.5",2:"-mt-2",2.5:"-mt-2.5",3:"-mt-3",3.5:"-mt-3.5",4:"-mt-4",4.5:"-mt-4.5",5:"-mt-5",5.5:"-mt-5.5",6:"-mt-6",7:"-mt-7",8:"-mt-8",9:"-mt-9",10:"-mt-10",11:"-mt-11",12:"-mt-12",14:"-mt-14",16:"-mt-16",20:"-mt-20",24:"-mt-24",28:"-mt-28",32:"-mt-32",36:"-mt-36",40:"-mt-40",44:"-mt-44",48:"-mt-48",52:"-mt-52",56:"-mt-56",60:"-mt-60",64:"-mt-64",72:"-mt-72",80:"-mt-80",96:"-mt-96"},columnGap:{0:"gap-x-0",px:"gap-x-px",.5:"gap-x-0.5",1:"gap-x-1",1.5:"gap-x-1.5",2:"gap-x-2",2.5:"gap-x-2.5",3:"gap-x-3",3.5:"gap-x-3.5",4:"gap-x-4",4.5:"gap-x-4.5",5:"gap-x-5",5.5:"gap-x-5.5",6:"gap-x-6",7:"gap-x-7",8:"gap-x-8",9:"gap-x-9",10:"gap-x-10",11:"gap-x-11",12:"gap-x-12",14:"gap-x-14",16:"gap-x-16",20:"gap-x-20",24:"gap-x-24",28:"gap-x-28",32:"gap-x-32",36:"gap-x-36",40:"gap-x-40",44:"gap-x-44",48:"gap-x-48",52:"gap-x-52",56:"gap-x-56",60:"gap-x-60",64:"gap-x-64",72:"gap-x-72",80:"gap-x-80",96:"gap-x-96"},rowGap:{0:"gap-y-0",px:"gap-y-px",.5:"gap-y-0.5",1:"gap-y-1",1.5:"gap-y-1.5",2:"gap-y-2",2.5:"gap-y-2.5",3:"gap-y-3",3.5:"gap-y-3.5",4:"gap-y-4",4.5:"gap-y-4.5",5:"gap-y-5",5.5:"gap-y-5.5",6:"gap-y-6",7:"gap-y-7",8:"gap-y-8",9:"gap-y-9",10:"gap-y-10",11:"gap-y-11",12:"gap-y-12",14:"gap-y-14",16:"gap-y-16",20:"gap-y-20",24:"gap-y-24",28:"gap-y-28",32:"gap-y-32",36:"gap-y-36",40:"gap-y-40",44:"gap-y-44",48:"gap-y-48",52:"gap-y-52",56:"gap-y-56",60:"gap-y-60",64:"gap-y-64",72:"gap-y-72",80:"gap-y-80",96:"gap-y-96"},backgroundColor:{accent:"bg-accent",alert:"bg-alert",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",info:"bg-info","alert-secondary":"bg-alert-secondary","brand-secondary":"bg-brand-secondary","positive-secondary":"bg-positive-secondary","warning-secondary":"bg-warning-secondary","info-secondary":"bg-info-secondary",primary:"bg-primary",secondary:"bg-secondary",white:"bg-white",black:"bg-black",transparent:"bg-transparent",current:"bg-current"},borderColor:{accent:"border-accent",black:"border-black",brand:"border-brand",alert:"border-alert",positive:"border-positive",warning:"border-warning",info:"border-info","brand-secondary":"border-brand-secondary","alert-secondary":"border-alert-secondary","positive-secondary":"border-positive-secondary","warning-secondary":"border-warning-secondary","info-secondary":"border-info-secondary",white:"border-white",transparent:"border-transparent",muted:"border-muted",primary:"border-primary",secondary:"border-secondary",tertiary:"border-tertiary",current:"border-current"},borderStartColor:{accent:"border-s-accent",alert:"border-s-alert",brand:"border-s-brand",positive:"border-s-positive",warning:"border-s-warning",info:"border-s-info","alert-secondary":"border-s-alert-secondary","brand-secondary":"border-s-brand-secondary","positive-secondary":"border-s-positive-secondary","warning-secondary":"border-s-warning-secondary","info-secondary":"border-s-info-secondary",black:"border-s-black",white:"border-s-white",transparent:"border-s-transparent",muted:"border-s-muted",primary:"border-s-primary",secondary:"border-s-secondary",tertiary:"border-s-tertiary",current:"border-s-current"},borderEndColor:{accent:"border-e-accent",alert:"border-e-alert",black:"border-e-black",brand:"border-e-brand",positive:"border-e-positive",warning:"border-e-warning",info:"border-e-info","alert-secondary":"border-e-alert-secondary","brand-secondary":"border-e-brand-secondary","positive-secondary":"border-e-positive-secondary","warning-secondary":"border-e-warning-secondary","info-secondary":"border-e-info-secondary",white:"border-e-white",transparent:"border-e-transparent",muted:"border-e-muted",primary:"border-e-primary",secondary:"border-e-secondary",tertiary:"border-e-tertiary",current:"border-e-current"},borderBottomColor:{accent:"border-b-accent",alert:"border-b-alert",black:"border-b-black",brand:"border-b-brand",positive:"border-b-positive",warning:"border-b-warning",info:"border-b-info","alert-secondary":"border-b-alert-secondary","brand-secondary":"border-b-brand-secondary","positive-secondary":"border-b-positive-secondary","warning-secondary":"border-b-warning-secondary","info-secondary":"border-b-info-secondary",white:"border-b-white",transparent:"border-b-transparent",muted:"border-b-muted",primary:"border-b-primary",secondary:"border-b-secondary",tertiary:"border-b-tertiary",current:"border-b-current"},borderTopColor:{accent:"border-t-accent",alert:"border-t-alert",black:"border-t-black",brand:"border-t-brand",positive:"border-t-positive",warning:"border-t-warning",info:"border-t-info","alert-secondary":"border-t-alert-secondary","brand-secondary":"border-t-brand-secondary","positive-secondary":"border-t-positive-secondary","warning-secondary":"border-t-warning-secondary","info-secondary":"border-t-info-secondary",white:"border-t-white",transparent:"border-t-transparent",muted:"border-t-muted",primary:"border-t-primary",secondary:"border-t-secondary",tertiary:"border-t-tertiary",current:"border-t-current"},borderRadius:{none:"rounded-none",xs:"rounded-sm",sm:"rounded",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl",full:"rounded-full"},borderTopStartRadius:{none:"rounded-ss-none",xs:"rounded-ss-xs",sm:"rounded-ss-sm",md:"rounded-ss-md",lg:"rounded-ss-lg",xl:"rounded-ss-xl",full:"rounded-ss-full"},borderTopEndRadius:{none:"rounded-se-none",xs:"rounded-se-xs",sm:"rounded-se-sm",md:"rounded-se-md",lg:"rounded-se-lg",xl:"rounded-se-xl",full:"rounded-se-full"},borderBottomStartRadius:{none:"rounded-es-none",xs:"rounded-es-xs",sm:"rounded-es-sm",md:"rounded-es-md",lg:"rounded-es-lg",xl:"rounded-es-xl",full:"rounded-es-full"},borderBottomEndRadius:{none:"rounded-ee-none",xs:"rounded-ee-xs",sm:"rounded-ee-sm",md:"rounded-ee-md",lg:"rounded-ee-lg",xl:"rounded-ee-xl",full:"rounded-ee-full"},borderWidth:{none:"border-none",thin:"border-thin",medium:"border-medium",thick:"border-thick"},borderVerticalWidth:{none:"border-y-none",thin:"border-y-thin",medium:"border-y-medium",thick:"border-y-thick"},borderHorizontalWidth:{none:"border-x-none",thin:"border-x-thin",medium:"border-x-medium",thick:"border-x-thick"},borderStartWidth:{none:"border-s-none",thin:"border-s-thin",medium:"border-s-medium",thick:"border-s-thick"},borderEndWidth:{none:"border-e-none",thin:"border-e-thin",medium:"border-e-medium",thick:"border-e-thick"},borderTopWidth:{none:"border-t-none",thin:"border-t-thin",medium:"border-t-medium",thick:"border-t-thick"},borderBottomWidth:{none:"border-b-none",thin:"border-b-thin",medium:"border-b-medium",thick:"border-b-thick"},avatarSize:{xs:"avatarSize-xs",sm:"avatarSize-sm",md:"avatarSize-md",lg:"avatarSize-lg",xl:"avatarSize-xl"},iconSize:{xs:"iconSize-xs leading-none",sm:"iconSize-sm leading-none",md:"iconSize-md leading-none",lg:"iconSize-lg leading-none"},alignContent:{"flex-start":"content-start","flex-end":"content-end",center:"content-center",stretch:"content-stretch","space-between":"content-between","space-around":"content-around"},alignItems:{"flex-start":"items-start","flex-end":"items-end",center:"items-center",stretch:"items-stretch",baseline:"items-baseline"},alignSelf:{auto:"self-auto","flex-start":"self-start","flex-end":"self-end",center:"self-center",stretch:"self-stretch",baseline:"self-baseline"},flex:{1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"},flexDirection:{row:"flex-row",column:"flex-col","row-reverse":"flex-row-reverse","column-reverse":"flex-col-reverse"},flexGrow:{0:"grow-0",1:"grow",2:"grow-[2]",3:"grow-[3]"},flexShrink:{0:"shrink-0",1:"shrink"},flexWrap:{wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},justifyContent:{"flex-start":"justify-start","flex-end":"justify-end",center:"justify-center","space-between":"justify-between","space-around":"justify-around","space-evenly":"justify-evenly"},flexBasis:{"min-content":"basis-[min-content]"},display:{block:"block","inline-block":"inline-block",inline:"inline",flex:"flex","inline-flex":"inline-flex",table:"table","inline-table":"inline-table","table-caption":"table-caption","table-cell":"table-cell","table-column":"table-column","table-column-group":"table-column-group","table-footer-group":"table-footer-group","table-header-group":"table-header-group","table-row-group":"table-row-group","table-row":"table-row","flow-root":"flow-root",grid:"grid",contents:"contents"},overflow:{auto:"overflow-auto",hidden:"overflow-hidden",clip:"overflow-clip",visible:"overflow-visible",scroll:"overflow-scroll"},overflowX:{auto:"overflow-x-auto",hidden:"overflow-x-hidden",clip:"overflow-x-clip",visible:"overflow-x-visible",scroll:"overflow-x-scroll"},overflowY:{auto:"overflow-y-auto",hidden:"overflow-y-hidden",clip:"overflow-y-clip",visible:"overflow-y-visible",scroll:"overflow-y-scroll"},position:{static:"static",fixed:"fixed",absolute:"absolute",relative:"relative",sticky:"sticky"},contentFit:{contain:"object-contain",cover:"object-cover",fill:"object-fill",none:"object-none","scale-down":"object-scale-down"},colorMode:{dark:s,light:d},scaleMode:{xSmall:o,small:n,medium:i,large:r,xLarge:a,xxxLarge:t,xxLarge:e},buttonPalette:{accent:"uds-button-accent",brand:"uds-button-brand",alert:"uds-button-alert",positive:"uds-button-positive",warning:"uds-button-warning",info:"uds-button-info"},buttonVariant:{primary:"uds-button-primary",secondary:"uds-button-secondary",tertiary:"uds-button-tertiary"},buttonSize:{sm:"uds-button-sm",md:"uds-button-md",lg:"uds-button-lg"},iconButtonSize:{xs:"uds-icon-button-xs",sm:"uds-icon-button-sm",md:"uds-icon-button-md",lg:"uds-icon-button-lg",xl:"uds-icon-button-xl"},width:{full:"w-full",fit:"w-fit",screen:"w-screen"},height:{full:"h-full",fit:"h-fit",screen:"h-screen"},dropShadow:{none:"uds-drop-shadow-none",xs:"uds-drop-shadow-xs",sm:"uds-drop-shadow-sm",md:"uds-drop-shadow-md",lg:"uds-drop-shadow-lg",xl:"uds-drop-shadow-xl","2xl":"uds-drop-shadow-2xl"},insetShadow:{none:"uds-inset-shadow-none",xs:"uds-inset-shadow-xs",sm:"uds-inset-shadow-sm",md:"uds-inset-shadow-md",lg:"uds-inset-shadow-lg",xl:"uds-inset-shadow-xl","2xl":"uds-inset-shadow-2xl","xs-invert":"uds-inset-shadow-xs-invert","sm-invert":"uds-inset-shadow-sm-invert","md-invert":"uds-inset-shadow-md-invert","lg-invert":"uds-inset-shadow-lg-invert","xl-invert":"uds-inset-shadow-xl-invert","2xl-invert":"uds-inset-shadow-2xl-invert"},avatarSizeRoot:{xs:"uds-avatar-size-xs-root",sm:"uds-avatar-size-sm-root",md:"uds-avatar-size-md-root",lg:"uds-avatar-size-lg-root",xl:"uds-avatar-size-xl-root"},avatarSizeIcon:{xs:"uds-avatar-size-xs-icon",sm:"uds-avatar-size-sm-icon",md:"uds-avatar-size-md-icon",lg:"uds-avatar-size-lg-icon",xl:"uds-avatar-size-xl-icon"},avatarTextVariantRoot:{primary:"uds-avatar-text-variant-primary-root",secondary:"uds-avatar-text-variant-secondary-root"},avatarImageVariantRoot:{primary:"uds-avatar-image-variant-primary-root",secondary:"uds-avatar-image-variant-secondary-root"},avatarIconVariantRoot:{primary:"uds-avatar-icon-variant-primary-root",secondary:"uds-avatar-icon-variant-secondary-root"},badgeSizeRoot:{xs:"uds-badge-size-xs-root",sm:"uds-badge-size-sm-root",md:"uds-badge-size-md-root",lg:"uds-badge-size-lg-root"},badgeSizeIcon:{xs:"uds-badge-size-xs-icon",sm:"uds-badge-size-sm-icon",md:"uds-badge-size-md-icon",lg:"uds-badge-size-lg-icon"},badgeVariantRoot:{primary:"uds-badge-variant-primary-root",secondary:"uds-badge-variant-secondary-root",brand:"uds-badge-variant-brand-root","brand-secondary":"uds-badge-variant-brand-secondary-root",alert:"uds-badge-variant-alert-root","alert-secondary":"uds-badge-variant-alert-secondary-root",warning:"uds-badge-variant-warning-root","warning-secondary":"uds-badge-variant-warning-secondary-root",positive:"uds-badge-variant-positive-root","positive-secondary":"uds-badge-variant-positive-secondary-root",info:"uds-badge-variant-info-root","info-secondary":"uds-badge-variant-info-secondary-root"},badgeVariantIcon:{primary:"uds-badge-variant-primary-icon",secondary:"uds-badge-variant-secondary-icon",brand:"uds-badge-variant-brand-icon","brand-secondary":"uds-badge-variant-brand-secondary-icon",alert:"uds-badge-variant-alert-icon","alert-secondary":"uds-badge-variant-alert-secondary-icon",warning:"uds-badge-variant-warning-icon","warning-secondary":"uds-badge-variant-warning-secondary-icon",positive:"uds-badge-variant-positive-icon","positive-secondary":"uds-badge-variant-positive-secondary-icon",info:"uds-badge-variant-info-icon","info-secondary":"uds-badge-variant-info-secondary-icon"},checkboxSizeRoot:{sm:"uds-checkbox-size-sm-root",md:"uds-checkbox-size-md-root"},checkboxSizeCheckbox:{sm:"uds-checkbox-size-sm-checkbox",md:"uds-checkbox-size-md-checkbox"},checkboxVariantValueRoot:{checked:"uds-checkbox-variant-value-checked-root",unchecked:"uds-checkbox-variant-value-unchecked-root",indeterminate:"uds-checkbox-variant-value-indeterminate-root"},checkboxVariantRoot:{primary:"uds-checkbox-variant-primary-root",secondary:"uds-checkbox-variant-secondary-root",alert:"uds-checkbox-variant-alert-root","alert-secondary":"uds-checkbox-variant-alert-secondary-root"},checkboxVariantValueCheckbox:{checked:"uds-checkbox-variant-value-checked-checkbox",unchecked:"uds-checkbox-variant-value-unchecked-checkbox",indeterminate:"uds-checkbox-variant-value-indeterminate-checkbox"},checkboxVariantCheckbox:{primary:"uds-checkbox-variant-primary-checkbox",secondary:"uds-checkbox-variant-secondary-checkbox",alert:"uds-checkbox-variant-alert-checkbox","alert-secondary":"uds-checkbox-variant-alert-secondary-checkbox"},checkboxVariantValueCheckboxIcon:{checked:"uds-checkbox-variant-value-checked-checkbox-icon",unchecked:"uds-checkbox-variant-value-unchecked-checkbox-icon",indeterminate:"uds-checkbox-variant-value-indeterminate-checkbox-icon"},checkboxVariantCheckboxIcon:{primary:"uds-checkbox-variant-primary-checkbox-icon",secondary:"uds-checkbox-variant-secondary-checkbox-icon",alert:"uds-checkbox-variant-alert-checkbox-icon","alert-secondary":"uds-checkbox-variant-alert-secondary-checkbox-icon"},chipSizeRoot:{sm:"uds-chip-size-sm-root",md:"uds-chip-size-md-root"},chipSizeIcon:{sm:"uds-chip-size-sm-icon",md:"uds-chip-size-md-icon"},chipToggleVariantActiveRoot:{on:"uds-chip-toggle-variant-active-on-root",off:"uds-chip-toggle-variant-active-off-root"},chipToggleVariantRoot:{primary:"uds-chip-toggle-variant-primary-root",secondary:"uds-chip-toggle-variant-secondary-root",brand:"uds-chip-toggle-variant-brand-root","brand-secondary":"uds-chip-toggle-variant-brand-secondary-root"},chipToggleVariantActiveIcon:{on:"uds-chip-toggle-variant-active-on-icon",off:"uds-chip-toggle-variant-active-off-icon"},chipToggleVariantIcon:{primary:"uds-chip-toggle-variant-primary-icon",secondary:"uds-chip-toggle-variant-secondary-icon",brand:"uds-chip-toggle-variant-brand-icon","brand-secondary":"uds-chip-toggle-variant-brand-secondary-icon"},chipDismissibleVariantRoot:{primary:"uds-chip-dismissible-variant-primary-root",secondary:"uds-chip-dismissible-variant-secondary-root",brand:"uds-chip-dismissible-variant-brand-root","brand-secondary":"uds-chip-dismissible-variant-brand-secondary-root"},chipDismissibleVariantIcon:{primary:"uds-chip-dismissible-variant-primary-icon",secondary:"uds-chip-dismissible-variant-secondary-icon",brand:"uds-chip-dismissible-variant-brand-icon","brand-secondary":"uds-chip-dismissible-variant-brand-secondary-icon"},chipLinkVariantRoot:{primary:"uds-chip-link-variant-primary-root",secondary:"uds-chip-link-variant-secondary-root",brand:"uds-chip-link-variant-brand-root","brand-secondary":"uds-chip-link-variant-brand-secondary-root"},chipLinkVariantIcon:{primary:"uds-chip-link-variant-primary-icon",secondary:"uds-chip-link-variant-secondary-icon",brand:"uds-chip-link-variant-brand-icon","brand-secondary":"uds-chip-link-variant-brand-secondary-icon"},dividerVariantRoot:{primary:"uds-divider-variant-primary-root",secondary:"uds-divider-variant-secondary-root",tertiary:"uds-divider-variant-tertiary-root",muted:"uds-divider-variant-muted-root"},dividerVariantLine:{primary:"uds-divider-variant-primary-line",secondary:"uds-divider-variant-secondary-line",tertiary:"uds-divider-variant-tertiary-line",muted:"uds-divider-variant-muted-line"},dividerVariantLabel:{primary:"uds-divider-variant-primary-label",secondary:"uds-divider-variant-secondary-label",tertiary:"uds-divider-variant-tertiary-label",muted:"uds-divider-variant-muted-label"},inputSizeRoot:{md:"uds-input-size-md-root",lg:"uds-input-size-lg-root"},inputSizeInputWrapper:{md:"uds-input-size-md-input-wrapper",lg:"uds-input-size-lg-input-wrapper"},inputSizeInput:{md:"uds-input-size-md-input",lg:"uds-input-size-lg-input"},inputSizeStartIcon:{md:"uds-input-size-md-start-icon",lg:"uds-input-size-lg-start-icon"},inputSizeEndIcon:{md:"uds-input-size-md-end-icon",lg:"uds-input-size-lg-end-icon"},inputSizeLabel:{md:"uds-input-size-md-label",lg:"uds-input-size-lg-label"},inputSizeHelperIcon:{md:"uds-input-size-md-helper-icon",lg:"uds-input-size-lg-helper-icon"},inputSizeHelperText:{md:"uds-input-size-md-helper-text",lg:"uds-input-size-lg-helper-text"},inputVariantValueRoot:{filled:"uds-input-variant-value-filled-root",empty:"uds-input-variant-value-empty-root"},inputVariantRoot:{default:"uds-input-variant-default-root"},inputVariantValueInputWrapper:{filled:"uds-input-variant-value-filled-input-wrapper",empty:"uds-input-variant-value-empty-input-wrapper"},inputVariantInputWrapper:{default:"uds-input-variant-default-input-wrapper"},inputVariantValueInput:{filled:"uds-input-variant-value-filled-input",empty:"uds-input-variant-value-empty-input"},inputVariantInput:{default:"uds-input-variant-default-input"},inputVariantValueInputPlaceholder:{filled:"uds-input-variant-value-filled-input-placeholder",empty:"uds-input-variant-value-empty-input-placeholder"},inputVariantInputPlaceholder:{default:"uds-input-variant-default-input-placeholder"},inputVariantValueStartIcon:{filled:"uds-input-variant-value-filled-start-icon",empty:"uds-input-variant-value-empty-start-icon"},inputVariantStartIcon:{default:"uds-input-variant-default-start-icon"},inputVariantValueEndIcon:{filled:"uds-input-variant-value-filled-end-icon",empty:"uds-input-variant-value-empty-end-icon"},inputVariantEndIcon:{default:"uds-input-variant-default-end-icon"},inputVariantValueLabel:{filled:"uds-input-variant-value-filled-label",empty:"uds-input-variant-value-empty-label"},inputVariantLabel:{default:"uds-input-variant-default-label"},inputVariantValueLabelRequired:{filled:"uds-input-variant-value-filled-label-required",empty:"uds-input-variant-value-empty-label-required"},inputVariantLabelRequired:{default:"uds-input-variant-default-label-required"},inputVariantValueHelperIcon:{filled:"uds-input-variant-value-filled-helper-icon",empty:"uds-input-variant-value-empty-helper-icon"},inputVariantHelperIcon:{default:"uds-input-variant-default-helper-icon"},inputVariantValueHelperText:{filled:"uds-input-variant-value-filled-helper-text",empty:"uds-input-variant-value-empty-helper-text"},inputVariantHelperText:{default:"uds-input-variant-default-helper-text"},linkTextStyleRoot:{display1:"uds-link-text-style-display-1-root",display2:"uds-link-text-style-display-2-root",display3:"uds-link-text-style-display-3-root",title1:"uds-link-text-style-title-1-root",title2:"uds-link-text-style-title-2-root",title3:"uds-link-text-style-title-3-root",title4:"uds-link-text-style-title-4-root",headline1:"uds-link-text-style-headline-1-root",body1:"uds-link-text-style-body-1-root",label1:"uds-link-text-style-label-1-root",label2:"uds-link-text-style-label-2-root",label3:"uds-link-text-style-label-3-root",label4:"uds-link-text-style-label-4-root",caption1:"uds-link-text-style-caption-1-root",caption2:"uds-link-text-style-caption-2-root",legal1:"uds-link-text-style-legal-1-root"},linkTextStyleIcon:{display1:"uds-link-text-style-display-1-icon",display2:"uds-link-text-style-display-2-icon",display3:"uds-link-text-style-display-3-icon",title1:"uds-link-text-style-title-1-icon",title2:"uds-link-text-style-title-2-icon",title3:"uds-link-text-style-title-3-icon",title4:"uds-link-text-style-title-4-icon",headline1:"uds-link-text-style-headline-1-icon",body1:"uds-link-text-style-body-1-icon",label1:"uds-link-text-style-label-1-icon",label2:"uds-link-text-style-label-2-icon",label3:"uds-link-text-style-label-3-icon",label4:"uds-link-text-style-label-4-icon",caption1:"uds-link-text-style-caption-1-icon",caption2:"uds-link-text-style-caption-2-icon",legal1:"uds-link-text-style-legal-1-icon"},linkVariantRoot:{primary:"uds-link-variant-primary-root",secondary:"uds-link-variant-secondary-root",tertiary:"uds-link-variant-tertiary-root","on-color":"uds-link-variant-on-color-root"},linkVariantIconStart:{primary:"uds-link-variant-primary-icon-start",secondary:"uds-link-variant-secondary-icon-start",tertiary:"uds-link-variant-tertiary-icon-start","on-color":"uds-link-variant-on-color-icon-start"},linkVariantIconEnd:{primary:"uds-link-variant-primary-icon-end",secondary:"uds-link-variant-secondary-icon-end",tertiary:"uds-link-variant-tertiary-icon-end","on-color":"uds-link-variant-on-color-icon-end"},menuSizeRoot:{default:"uds-menu-size-default-root"},menuSizeStartIcon:{default:"uds-menu-size-default-start-icon"},menuSizeEndIcon:{default:"uds-menu-size-default-end-icon"},menuItemVariantActiveRoot:{on:"uds-menu-item-variant-active-on-root",off:"uds-menu-item-variant-active-off-root"},menuItemVariantRoot:{default:"uds-menu-item-variant-default-root"},menuItemVariantActiveText:{on:"uds-menu-item-variant-active-on-text",off:"uds-menu-item-variant-active-off-text"},menuItemVariantText:{default:"uds-menu-item-variant-default-text"},menuItemVariantActiveIcon:{on:"uds-menu-item-variant-active-on-icon",off:"uds-menu-item-variant-active-off-icon"},menuItemVariantIcon:{default:"uds-menu-item-variant-default-icon"},menuItemCheckboxVariantActiveRoot:{on:"uds-menu-item-checkbox-variant-active-on-root",off:"uds-menu-item-checkbox-variant-active-off-root"},menuItemCheckboxVariantRoot:{default:"uds-menu-item-checkbox-variant-default-root"},menuItemCheckboxVariantActiveText:{on:"uds-menu-item-checkbox-variant-active-on-text",off:"uds-menu-item-checkbox-variant-active-off-text"},menuItemCheckboxVariantText:{default:"uds-menu-item-checkbox-variant-default-text"},menuItemCheckboxVariantActiveStartIcon:{on:"uds-menu-item-checkbox-variant-active-on-start-icon",off:"uds-menu-item-checkbox-variant-active-off-start-icon"},menuItemCheckboxVariantStartIcon:{default:"uds-menu-item-checkbox-variant-default-start-icon"},menuItemCheckboxVariantActiveEndIcon:{on:"uds-menu-item-checkbox-variant-active-on-end-icon",off:"uds-menu-item-checkbox-variant-active-off-end-icon"},menuItemCheckboxVariantEndIcon:{default:"uds-menu-item-checkbox-variant-default-end-icon"},menuDividerVariantRoot:{default:"uds-menu-divider-variant-default-root"},menuDividerVariantText:{default:"uds-menu-divider-variant-default-text"},menuDividerVariantLine:{default:"uds-menu-divider-variant-default-line"},radioVariantValueRoot:{checked:"uds-radio-variant-value-checked-root",unchecked:"uds-radio-variant-value-unchecked-root"},radioVariantRoot:{primary:"uds-radio-variant-primary-root",secondary:"uds-radio-variant-secondary-root",alert:"uds-radio-variant-alert-root","alert-secondary":"uds-radio-variant-alert-secondary-root"},radioVariantValueRadio:{checked:"uds-radio-variant-value-checked-radio",unchecked:"uds-radio-variant-value-unchecked-radio"},radioVariantRadio:{primary:"uds-radio-variant-primary-radio",secondary:"uds-radio-variant-secondary-radio",alert:"uds-radio-variant-alert-radio","alert-secondary":"uds-radio-variant-alert-secondary-radio"},radioVariantValueRadioCircle:{checked:"uds-radio-variant-value-checked-radio-circle",unchecked:"uds-radio-variant-value-unchecked-radio-circle"},radioVariantRadioCircle:{primary:"uds-radio-variant-primary-radio-circle",secondary:"uds-radio-variant-secondary-radio-circle",alert:"uds-radio-variant-alert-radio-circle","alert-secondary":"uds-radio-variant-alert-secondary-radio-circle"},radioSizeRoot:{sm:"uds-radio-size-sm-root",md:"uds-radio-size-md-root"},radioSizeRadio:{sm:"uds-radio-size-sm-radio",md:"uds-radio-size-md-radio"},switchVariantActiveRoot:{on:"uds-switch-variant-active-on-root",off:"uds-switch-variant-active-off-root"},switchVariantRoot:{default:"uds-switch-variant-default-root"},switchVariantActiveSwitch:{on:"uds-switch-variant-active-on-switch",off:"uds-switch-variant-active-off-switch"},switchVariantSwitch:{default:"uds-switch-variant-default-switch"},switchVariantActiveHandle:{on:"uds-switch-variant-active-on-handle",off:"uds-switch-variant-active-off-handle"},switchVariantHandle:{default:"uds-switch-variant-default-handle"},switchVariantActiveHandleIcon:{on:"uds-switch-variant-active-on-handle-icon",off:"uds-switch-variant-active-off-handle-icon"},switchVariantHandleIcon:{default:"uds-switch-variant-default-handle-icon"},switchSizeRoot:{sm:"uds-switch-size-sm-root",md:"uds-switch-size-md-root"},switchSizeSwitch:{sm:"uds-switch-size-sm-switch",md:"uds-switch-size-md-switch"},switchSizeHandle:{sm:"uds-switch-size-sm-handle",md:"uds-switch-size-md-handle"},switchSizeHandleIcon:{sm:"uds-switch-size-sm-handle-icon",md:"uds-switch-size-md-handle-icon"}};export{l as variants};
@@ -0,0 +1 @@
1
+ "use strict";var e=require("./chunk-YMQMU4E2.cjs"),t=require("./chunk-IA5PTKGD.cjs"),r=require("./chunk-J7PUOUXC.cjs"),n=require("./chunk-4NZKRK55.cjs"),a=require("@yahoo/uds/fixtures"),o=require("lodash-es");function s(e){return e&&e.__esModule?e:{default:e}}var i=s(require("tailwindcss/plugin.js"));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var l=e=>{throw new Error("Didn't expect to get here")},c=(e,t,r,n)=>{const a=e.typography[t]?.[r];if(!a)throw new Error(`Missing typography data for variant "${t}" and key "${r}"`);const s="base"===n?a.base:a.breakpoints?.[n];if(!s)throw new Error(`Missing value for variant "${t}", key "${r}", and breakpoint "${n}"`);if(o.isString(s))return s;switch(s.type){case"px":return s.value/16+"rem";case"unitless":return String(s.value)}return l()},d=(e,t)=>t in e.font?`var(--${n.FONT_FAMILY_PREFIX}-${t})`:t,u=(e,t)=>Object.fromEntries(a.textVariants.flatMap((r=>[[`--${n.FONT_FAMILY_PREFIX}-${r}`,d(e,c(e,r,"fontFamily",t))],[`--${n.FONT_SIZE_PREFIX}-${r}`,c(e,r,"fontSize",t)],[`--${n.FONT_WEIGHT_PREFIX}-${r}`,c(e,r,"fontWeight",t)],[`--${n.LINE_HEIGHT_PREFIX}-${r}`,c(e,r,"lineHeight",t)],[`--${n.TEXT_TRANSFORM_PREFIX}-${r}`,c(e,r,"textTransform",t)]]))),f=e=>Object.fromEntries(a.textVariants.map((t=>[t,`var(--${e}-${t})`]))),p={fontFamily:f(n.FONT_FAMILY_PREFIX),fontWeight:f(n.FONT_WEIGHT_PREFIX),fontSlant:f(n.FONT_SLANT_PREFIX),fontWidth:f(n.FONT_WIDTH_PREFIX),fontSize:f(n.FONT_SIZE_PREFIX),lineHeight:f(n.LINE_HEIGHT_PREFIX),textTransform:f(n.TEXT_TRANSFORM_PREFIX)};function _(e,t){const r=E(e);for(const e of r)t({"@font-face":e})}var F=i.default.withOptions((function({fontIds:e}){return function({addBase:t}){_(e,t)}}));function E(e){return e.flatMap((e=>{const{declarations:r,fontFamily:n}=t.FONT_DECLARATIONS_MAP[e];return r.map((e=>({fontFamily:n,fontDisplay:"swap",...e})))}))}function h(e){return`"${e}"`}function g(e){return{...e.borderRadius._vars,...e.borderWidth._vars,...e.avatarSizes._vars,...e.iconSizes._vars}}exports.RESPONSIVE_TAILWIND_CONFIG_MAP=p,exports.addFontFaceDeclarations=_,exports.addFontsPlugin=F,exports.assertUnreachable=l,exports.getBaseTextStyles=e=>({":root":u(e,"base")}),exports.getColorModeStyles=function(e){return{light:{colorScheme:"light","--uds-light-mode-icon":"inline","--uds-dark-mode-icon":"none",...e.colorMode.light._vars},dark:{colorScheme:"dark","--uds-light-mode-icon":"none","--uds-dark-mode-icon":"inline",...e.colorMode.dark._vars}}},exports.getFontFaceDeclarations=E,exports.getFontStyles=function(e){return t.fromEntries(r.entries(e).map((([e,r])=>{const a=`--${n.FONT_FAMILY_PREFIX}-${e}`,o=t.FONT_DECLARATIONS_MAP[r];return[a,[o.fontFamily,...o.fallback].map(h).join(", ")]})))},exports.getMotionStyles=function(n){const o=r.entries(n).flatMap((([t,n])=>r.entries(n).flatMap((([r,n])=>a.motionSpringConfigOptions.map((a=>[e.getMotionVar({variant:t,speed:r,control:a}),`${n[a]}`]))))));return t.fromEntries(o)},exports.getResponsiveTextStyles=e=>{const t=(r=e.breakpoints,Object.entries(r)).sort((([,{value:e}],[,{value:t}])=>e-t));var r;return{[`.${n.TEXT_RESPONSIVE_CLASSNAME}`]:Object.fromEntries(t.map((([t,{value:r}])=>[`@media (min-width: ${r}px)`,u(e,t)]))),".uds-text-base":u(e,"base"),...Object.fromEntries(t.map((([t])=>[`.uds-text-${t}`,u(e,t)])))}},exports.getScaleModeStyles=function(e){return{xSmall:g(e.scaleMode.xSmall),small:g(e.scaleMode.small),medium:g(e.scaleMode.medium),large:g(e.scaleMode.large),xLarge:g(e.scaleMode.xLarge),xxLarge:g(e.scaleMode.xxLarge),xxxLarge:g(e.scaleMode.xxxLarge)}},exports.getShadowStyles=function({config:e,shadowType:a}){const o=e.shadow[a],s=r.entries(o).map((([e])=>[`.uds-${a}-shadow-${e}`,{[`--uds-${a}-shadow`]:`var(--${n.UDS_PREFIX}-${a}-shadow-${e})`,boxShadow:`var(--${n.UDS_PREFIX}-drop-shadow, 0 0 transparent), var(--${n.UDS_PREFIX}-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)`}]));return t.fromEntries(s)};
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var e=require("../chunk-RDF2NPZV.cjs"),r=require("../chunk-HSI5A4OJ.cjs"),t=require("../chunk-TJZ4HVAG.cjs"),a=require("../chunk-I5TC35WI.cjs"),d=require("../chunk-NUEZVMWZ.cjs"),s=require("@ariakit/react/menu"),n=require("react"),i=require("use-sync-external-store/shim/index.js"),c=require("@yahoo/uds/fixtures"),o=require("motion/react"),u=require("react/jsx-runtime"),l=require("@ariakit/react");function x(e){return e&&e.__esModule?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var p=m(n),b=x(i),f={};function h(e){return e}function _(e,r){const t=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(t,"Invalid store"),t[r]}d.__export(f,{Content:()=>j,Divider:()=>k,Item:()=>E,ItemCheckbox:()=>R,Provider:()=>O,Trigger:()=>z,useMenuContext:()=>s.useMenuContext,useMenuStore:()=>s.useMenuStore,useStoreState:()=>l.useStoreState});var{useSyncExternalStore:v}=b.default;function g(e,r=h){const t=p.useCallback((r=>e?function(e,...r){if(e)return _(e,"subscribe")(...r)}(e,null,r):()=>{}),[e]),a=()=>{const t="string"==typeof r?r:null,a="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(a)return a(d);var s,n;if(d&&(t&&(s=d,n=t,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[t]};return v(t,a,a)}var I=o.m.create(t.VStack),y=5,S=.97,w={top:{x:0,y:y},bottom:{x:0,y:-5},left:{x:y,y:0},right:{x:-5,y:0}},C=e=>n.useMemo((()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...w[r],opacity:0,scale:S},open:{y:0,x:0,opacity:1,scale:1}}})(e)),[e]),j=n.forwardRef((function({gap:e,spacing:r,spacingBottom:a,spacingEnd:d,spacingStart:i,spacingTop:l,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:y,focusable:S,children:w,portalElement:j,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=s.useMenuContext(),R=g(E,"open"),P=g(E,"mounted"),A=g(E,"currentPlacement"),O=g(E,"placement"),[z,T]=n.useState(A),[q,B]=n.useState(A);n.useEffect((()=>{O!==q&&B(O)}),[O]),n.useEffect((()=>{A!==q&&B(A)}),[A]),n.useEffect((()=>{P&&q!==z&&T(q)}),[P,q,z]);const D=n.useMemo((()=>R&&P?"open":"closed"),[R,P]),H=n.useMemo((()=>R?_:"none"),[R,_]),W=C(q),$=(({borderRadius:e,spacing:r})=>{if(void 0===r||"0"===r)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"===r||"0.5"===r)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"===r||"1.5"===r)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"===r||"2.5"===r)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"===r||"3.5"===r)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"===r)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:p,spacing:r}),F=n.useMemo((()=>c.spacingMap[x]),[x]);return u.jsx(o.AnimatePresence,{initial:!1,children:u.jsx(s.Menu,{gutter:F,sameWidth:y,focusable:S,store:E,ref:V,portalElement:j,portal:k,...M,render:u.jsx(I,{backgroundColor:m,gap:e,spacing:r,spacingBottom:a,spacingEnd:d,spacingStart:i,spacingTop:l,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:D,variants:W,dropShadow:H,className:t.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",!N&&$,v),children:w})})})})),k=n.forwardRef((function({role:r="separator",contentPosition:a="start",gap:d="4",children:s,spacingVertical:n=(s?"2":"0"),spacingHorizontal:i=(s?"4":"0"),className:c,...o},l){const x={root:t.getStyles({menuDividerVariantRoot:"default",className:c}),text:t.getStyles({menuDividerVariantText:"default"}),line:t.getStyles({menuDividerVariantLine:"default"})};return u.jsx(e.DividerInternal,{ref:l,role:r,variant:"inherit",contentPosition:a,gap:d,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...o,children:s})}));k.displayName="MenuDivider";var N="uds-menu-item",M={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},V=n.forwardRef((function({spacing:e="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:s="4",spacingStart:i,spacingTop:c,spacingVertical:l="3.5",columnGap:x="2",className:m,children:p,endIcon:b,startIcon:f,hideEndIcon:h,active:_,disabled:v,as:g,rootProps:I,name:y,alignItems:S="center",justifyContent:w="space-between",layerClassNames:C,...j},k){const V=n.Children.count(p)>1,E=(({active:e,disabled:r,className:a})=>t.cx(N,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],r&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:_,disabled:v,className:m}),R=t.getStyles({className:t.cx(`${N}-content truncate`,C?.text),textAlign:"start",...V&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),P=n.useMemo((()=>({root:t.getStyles({menuSizeRoot:"default",className:t.cx(C?.root,E)}),startIcon:t.getStyles({menuSizeStartIcon:"default",className:C?.startIcon}),endIcon:t.getStyles({menuSizeEndIcon:"default",className:C?.endIcon})})),[C,E]);return u.jsx(t.Box,{asChild:!0,spacing:e,spacingBottom:a,spacingEnd:d,spacingHorizontal:s,spacingStart:i,spacingTop:c,spacingVertical:l,columnGap:x,className:P.root,alignItems:S,justifyContent:w,children:u.jsxs(g,{render:u.jsx(r.Pressable,{ref:k,...j}),name:y??"",disabled:v,...I,children:[u.jsxs(t.HStack,{gap:x,alignItems:"center",width:"full",children:[u.jsx(o.AnimatePresence,{initial:!1,children:f&&u.jsx(o.m.span,{variants:M,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:u.jsx(t.IconSlot,{icon:f,className:P.startIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})}),u.jsx("span",{className:R,children:p})]}),u.jsx(o.AnimatePresence,{initial:!1,mode:"popLayout",children:!h&&b&&u.jsx(o.m.span,{variants:M,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:u.jsx(t.IconSlot,{icon:b,className:P.endIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})})]})})})),E=n.forwardRef((function({active:e,...r},a){const d={root:t.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:t.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:t.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return u.jsx(V,{ref:a,as:s.MenuItem,active:e,layerClassNames:d,...r})}));E.displayName="MenuItem";var R=n.forwardRef((function({name:e,endIcon:a=r.e,checked:d,defaultChecked:i,className:c,...o},x){const m=e,p=n.useRef(!1),b=s.useMenuContext(),f=l.useStoreState(b);n.useEffect((()=>{!p.current&&void 0!==i&&b&&(b.setValues((e=>({...e,[m]:i}))),p.current=!0)}),[b,i,m]);const h=n.useMemo((()=>{if(void 0!==d)return d;if(f?.items?.length){const e=f?.items.find((e=>e.element?.name===m));if(e?.element)return e.element.checked}const e=f?.values[m];return"boolean"==typeof e?e:i??!1}),[f?.items,f?.values,m,d,i]),_=n.useCallback((e=>{void 0===d&&b?.setValues((r=>({...r,[m]:e.target.checked})))}),[m,b,d]),v={root:t.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:t.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:t.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:t.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return u.jsx(V,{ref:x,as:s.MenuItemCheckbox,hideEndIcon:!h,endIcon:a,active:h,className:t.cx("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:e,onChange:_,defaultChecked:i,checked:void 0!==d?d:void 0},...o})}));R.displayName="MenuItemCheckbox";var P=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},A=e=>{const[r,t]=n.useState(P);return n.useEffect((()=>{if(e?.explicit)return void t(e.explicit);const r=(e=>{const r=new MutationObserver((r=>{r.some((e=>"attributes"===e.type&&"dir"===e.attributeName))&&e()}));return r.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),r})((()=>{t(P())}));return()=>r.disconnect()}),[e?.explicit]),r},O=function({placement:e="bottom",rtl:r,...t}){const d=A({explicit:r}),n=((e,r)=>{const t=r?.rtl;if("start"===e)return t?"right":"left";if("end"===e)return t?"left":"right";if(e?.includes("-")){const[r,a]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==a&&"bottom"!==a))return`${"start"===r?t?"right":"left":t?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===a?t?"end":"start":t?"start":"end"}`}return e})(e,{rtl:d});return u.jsx(a.SpringMotionConfig,{children:u.jsx(s.MenuProvider,{placement:n,rtl:d,...t})})},z=n.forwardRef((function({asChild:e,className:r,...a},d){const i=n.useRef(null),c=e?u.jsx(t.Box,{ref:i,className:"uds-ring h-fit w-fit"}):void 0,o=n.useCallback((()=>{const e=i.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()}),[i]);return u.jsx(s.MenuButton,{onFocus:o,onFocusVisible:o,ref:d,render:c,className:t.cx("uds-menu-trigger",r),...a})}));exports.Menu=f;
2
+ "use strict";var e=require("../chunk-RDF2NPZV.cjs"),r=require("../chunk-HSI5A4OJ.cjs"),t=require("../chunk-TJZ4HVAG.cjs"),a=require("../chunk-MDZCXF7W.cjs"),d=require("../chunk-NUEZVMWZ.cjs"),s=require("@ariakit/react/menu"),n=require("react"),i=require("use-sync-external-store/shim/index.js"),c=require("@yahoo/uds/fixtures"),o=require("motion/react"),u=require("react/jsx-runtime"),l=require("@ariakit/react");function x(e){return e&&e.__esModule?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var p=m(n),b=x(i),f={};function h(e){return e}function _(e,r){const t=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(t,"Invalid store"),t[r]}d.__export(f,{Content:()=>j,Divider:()=>k,Item:()=>E,ItemCheckbox:()=>R,Provider:()=>O,Trigger:()=>z,useMenuContext:()=>s.useMenuContext,useMenuStore:()=>s.useMenuStore,useStoreState:()=>l.useStoreState});var{useSyncExternalStore:v}=b.default;function g(e,r=h){const t=p.useCallback((r=>e?function(e,...r){if(e)return _(e,"subscribe")(...r)}(e,null,r):()=>{}),[e]),a=()=>{const t="string"==typeof r?r:null,a="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(a)return a(d);var s,n;if(d&&(t&&(s=d,n=t,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[t]};return v(t,a,a)}var y=o.m.create(t.VStack),I=5,S=.97,w={top:{x:0,y:I},bottom:{x:0,y:-5},left:{x:I,y:0},right:{x:-5,y:0}},C=e=>n.useMemo((()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...w[r],opacity:0,scale:S},open:{y:0,x:0,opacity:1,scale:1}}})(e)),[e]),j=n.forwardRef((function({gap:e,spacing:r,spacingBottom:a,spacingEnd:d,spacingStart:i,spacingTop:l,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:I,focusable:S,children:w,portalElement:j,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=s.useMenuContext(),R=g(E,"open"),P=g(E,"mounted"),A=g(E,"currentPlacement"),O=g(E,"placement"),[z,q]=n.useState(A),[T,D]=n.useState(A);n.useEffect((()=>{O!==T&&D(O)}),[O]),n.useEffect((()=>{A!==T&&D(A)}),[A]),n.useEffect((()=>{P&&T!==z&&q(T)}),[P,T,z]);const B=n.useMemo((()=>R&&P?"open":"closed"),[R,P]),H=n.useMemo((()=>R?_:"none"),[R,_]),W=C(T),F=(({borderRadius:e,spacing:r})=>{if(void 0===r||"0"===r)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"===r||"0.5"===r)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"===r||"1.5"===r)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"===r||"2.5"===r)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"===r||"3.5"===r)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"===r)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:p,spacing:r}),Z=n.useMemo((()=>c.spacingMap[x]),[x]);return u.jsx(o.AnimatePresence,{initial:!1,children:u.jsx(s.Menu,{gutter:Z,sameWidth:I,focusable:S,store:E,ref:V,portalElement:j,portal:k,...M,render:u.jsx(y,{backgroundColor:m,gap:e,spacing:r,spacingBottom:a,spacingEnd:d,spacingStart:i,spacingTop:l,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:B,variants:W,dropShadow:H,className:t.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",!N&&F,v),children:w})})})})),k=n.forwardRef((function({role:r="separator",contentPosition:a="start",gap:d="4",children:s,spacingVertical:n=(s?"2":"0"),spacingHorizontal:i=(s?"4":"0"),className:c,...o},l){const x={root:t.getStyles({menuDividerVariantRoot:"default",className:c}),text:t.getStyles({menuDividerVariantText:"default"}),line:t.getStyles({menuDividerVariantLine:"default"})};return u.jsx(e.DividerInternal,{ref:l,role:r,variant:"inherit",contentPosition:a,gap:d,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...o,children:s})}));k.displayName="MenuDivider";var N="uds-menu-item",M={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},V=n.forwardRef((function({spacing:e="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:s="4",spacingStart:i,spacingTop:c,spacingVertical:l="3.5",columnGap:x="2",className:m,children:p,endIcon:b,startIcon:f,hideEndIcon:h,active:_,disabled:v,as:g,rootProps:y,name:I,alignItems:S="center",justifyContent:w="space-between",layerClassNames:C,...j},k){const V=n.Children.count(p)>1,E=(({active:e,disabled:r,className:a})=>t.cx(N,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],r&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:_,disabled:v,className:m}),R=t.getStyles({className:t.cx(`${N}-content truncate`,C?.text),textAlign:"start",...V&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),P=n.useMemo((()=>({root:t.getStyles({menuSizeRoot:"default",className:t.cx(C?.root,E)}),startIcon:t.getStyles({menuSizeStartIcon:"default",className:C?.startIcon}),endIcon:t.getStyles({menuSizeEndIcon:"default",className:C?.endIcon})})),[C,E]);return u.jsx(t.Box,{asChild:!0,spacing:e,spacingBottom:a,spacingEnd:d,spacingHorizontal:s,spacingStart:i,spacingTop:c,spacingVertical:l,columnGap:x,className:P.root,alignItems:S,justifyContent:w,children:u.jsxs(g,{render:u.jsx(r.Pressable,{ref:k,...j}),name:I??"",disabled:v,...y,children:[u.jsxs(t.HStack,{gap:x,alignItems:"center",width:"full",children:[u.jsx(o.AnimatePresence,{initial:!1,children:f&&u.jsx(o.m.span,{variants:M,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:u.jsx(t.IconSlot,{icon:f,className:P.startIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})}),u.jsx("span",{className:R,children:p})]}),u.jsx(o.AnimatePresence,{initial:!1,mode:"popLayout",children:!h&&b&&u.jsx(o.m.span,{variants:M,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:u.jsx(t.IconSlot,{icon:b,className:P.endIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})})]})})})),E=n.forwardRef((function({active:e,...r},a){const d={root:t.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:t.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:t.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return u.jsx(V,{ref:a,as:s.MenuItem,active:e,layerClassNames:d,...r})}));E.displayName="MenuItem";var R=n.forwardRef((function({name:e,endIcon:a=r.e,checked:d,defaultChecked:i,className:c,...o},x){const m=e,p=n.useRef(!1),b=s.useMenuContext(),f=l.useStoreState(b);n.useEffect((()=>{!p.current&&void 0!==i&&b&&(b.setValues((e=>({...e,[m]:i}))),p.current=!0)}),[b,i,m]);const h=n.useMemo((()=>{if(void 0!==d)return d;if(f?.items?.length){const e=f?.items.find((e=>e.element?.name===m));if(e?.element)return e.element.checked}const e=f?.values[m];return"boolean"==typeof e?e:i??!1}),[f?.items,f?.values,m,d,i]),_=n.useCallback((e=>{void 0===d&&b?.setValues((r=>({...r,[m]:e.target.checked})))}),[m,b,d]),v={root:t.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:t.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:t.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:t.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return u.jsx(V,{ref:x,as:s.MenuItemCheckbox,hideEndIcon:!h,endIcon:a,active:h,className:t.cx("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:e,onChange:_,defaultChecked:i,checked:void 0!==d?d:void 0},...o})}));R.displayName="MenuItemCheckbox";var P=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},A=e=>{const[r,t]=n.useState(P);return n.useEffect((()=>{if(e?.explicit)return void t(e.explicit);const r=(e=>{const r=new MutationObserver((r=>{r.some((e=>"attributes"===e.type&&"dir"===e.attributeName))&&e()}));return r.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),r})((()=>{t(P())}));return()=>r.disconnect()}),[e?.explicit]),r},O=function({placement:e="bottom",rtl:r,...t}){const d=A({explicit:r}),n=((e,r)=>{const t=r?.rtl;if("start"===e)return t?"right":"left";if("end"===e)return t?"left":"right";if(e?.includes("-")){const[r,a]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==a&&"bottom"!==a))return`${"start"===r?t?"right":"left":t?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===a?t?"end":"start":t?"start":"end"}`}return e})(e,{rtl:d});return u.jsx(a.SpringMotionConfig,{children:u.jsx(s.MenuProvider,{placement:n,rtl:d,...t})})},z=n.forwardRef((function({asChild:e,className:r,...a},d){const i=n.useRef(null),c=e?u.jsx(t.Box,{ref:i,className:"uds-ring h-fit w-fit"}):void 0,o=n.useCallback((()=>{const e=i.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()}),[i]);return u.jsx(s.MenuButton,{onFocus:o,onFocusVisible:o,ref:d,render:c,className:t.cx("uds-menu-trigger",r),...a})}));exports.Menu=f;
@@ -1,3 +1,3 @@
1
1
  "use client";
2
- import{DividerInternal as r}from"../chunk-M5SXYW4O.js";import{Pressable as e,e as a}from"../chunk-ESES7CXP.js";import{VStack as d,cx as t,getStyles as s,Box as i,HStack as n,IconSlot as c}from"../chunk-37LEXEW4.js";import{SpringMotionConfig as o}from"../chunk-OGMNTWFW.js";import{__export as u}from"../chunk-S5UKKXRV.js";import{useMenuStore as l,useMenuContext as m,Menu as x,MenuItem as p,MenuItemCheckbox as b,MenuProvider as h,MenuButton as f}from"@ariakit/react/menu";import*as _ from"react";import{forwardRef as v,useState as g,useEffect as I,useMemo as w,Children as y,useRef as C,useCallback as N}from"react";import k from"use-sync-external-store/shim/index.js";import{spacingMap as S}from"@yahoo/uds/fixtures";import{m as V,AnimatePresence as E}from"motion/react";import{jsx as j,jsxs as M}from"react/jsx-runtime";import{useStoreState as z}from"@ariakit/react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
3
- var R={};function T(r){return r}function P(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}u(R,{Content:()=>F,Divider:()=>G,Item:()=>U,ItemCheckbox:()=>Y,Provider:()=>Q,Trigger:()=>Z,useMenuContext:()=>m,useMenuStore:()=>l,useStoreState:()=>z});var{useSyncExternalStore:A}=k;function O(r,e=T){const a=_.useCallback((e=>r?function(r,...e){if(r)return P(r,"subscribe")(...e)}(r,null,e):()=>{}),[r]),d=()=>{const a="string"==typeof e?e:null,d="function"==typeof e?e:null,t=null==r?void 0:r.getState();if(d)return d(t);var s,i;if(t&&(a&&(s=t,i=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,i):Object.prototype.hasOwnProperty.call(s,i))))return t[a]};return A(a,d,d)}var W=V.create(d),B=5,D=.97,H={top:{x:0,y:B},bottom:{x:0,y:-5},left:{x:B,y:0},right:{x:-5,y:0}},$=r=>w((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...H[e],opacity:0,scale:D},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),F=v((function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:s,spacingTop:i,gutter:n="1",backgroundColor:c="primary",borderRadius:o="md",borderColor:u,borderWidth:l="thin",overflow:p,dropShadow:b="lg",className:h,sameWidth:f,focusable:_,children:v,portalElement:y,portal:C=!0,disableAutoBorderRadius:N,...k},V){const M=m(),z=O(M,"open"),R=O(M,"mounted"),T=O(M,"currentPlacement"),P=O(M,"placement"),[A,B]=g(T),[D,H]=g(T);I((()=>{P!==D&&H(P)}),[P]),I((()=>{T!==D&&H(T)}),[T]),I((()=>{R&&D!==A&&B(D)}),[R,D,A]);const F=w((()=>z&&R?"open":"closed"),[z,R]),G=w((()=>z?b:"none"),[z,b]),L=$(D),X=(({borderRadius:r,spacing:e})=>{if(void 0===e||"0"===e)switch(r){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"===e||"0.5"===e)switch(r){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"===e||"1.5"===e)switch(r){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"===e||"2.5"===e)switch(r){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"===e||"3.5"===e)switch(r){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"===e)switch(r){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(r){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:o,spacing:e}),K=w((()=>S[n]),[n]);return j(E,{initial:!1,children:j(x,{gutter:K,sameWidth:f,focusable:_,store:M,ref:V,portalElement:y,portal:C,...k,render:j(W,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:s,spacingTop:i,borderRadius:o,borderColor:u,borderWidth:l,overflow:p,animate:F,variants:L,dropShadow:G,className:t("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",!N&&X,h),children:v})})})})),G=v((function({role:e="separator",contentPosition:a="start",gap:d="4",children:t,spacingVertical:i=(t?"2":"0"),spacingHorizontal:n=(t?"4":"0"),className:c,...o},u){const l={root:s({menuDividerVariantRoot:"default",className:c}),text:s({menuDividerVariantText:"default"}),line:s({menuDividerVariantLine:"default"})};return j(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:i,spacingHorizontal:n,className:l.root,layerClassNames:l,...o,children:t})}));G.displayName="MenuDivider";var L="uds-menu-item",X={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},K=v((function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:o="4",spacingStart:u,spacingTop:l,spacingVertical:m="3.5",columnGap:x="2",className:p,children:b,endIcon:h,startIcon:f,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:C,name:N,alignItems:k="center",justifyContent:S="space-between",layerClassNames:z,...R},T){const P=y.count(b)>1,A=(({active:r,disabled:e,className:a})=>t(L,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],e&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:v,disabled:g,className:p}),O=s({className:t(`${L}-content truncate`,z?.text),textAlign:"start",...P&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),W=w((()=>({root:s({menuSizeRoot:"default",className:t(z?.root,A)}),startIcon:s({menuSizeStartIcon:"default",className:z?.startIcon}),endIcon:s({menuSizeEndIcon:"default",className:z?.endIcon})})),[z,A]);return j(i,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:o,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:W.root,alignItems:k,justifyContent:S,children:M(I,{render:j(e,{ref:T,...R}),name:N??"",disabled:g,...C,children:[M(n,{gap:x,alignItems:"center",width:"full",children:[j(E,{initial:!1,children:f&&j(V.span,{variants:X,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:j(c,{icon:f,className:W.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),j("span",{className:O,children:b})]}),j(E,{initial:!1,mode:"popLayout",children:!_&&h&&j(V.span,{variants:X,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:j(c,{icon:h,className:W.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})})),U=v((function({active:r,...e},a){const d={root:s({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:s({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:s({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return j(K,{ref:a,as:p,active:r,layerClassNames:d,...e})}));U.displayName="MenuItem";var Y=v((function({name:r,endIcon:e=a,checked:d,defaultChecked:i,className:n,...c},o){const u=r,l=C(!1),x=m(),p=z(x);I((()=>{!l.current&&void 0!==i&&x&&(x.setValues((r=>({...r,[u]:i}))),l.current=!0)}),[x,i,u]);const h=w((()=>{if(void 0!==d)return d;if(p?.items?.length){const r=p?.items.find((r=>r.element?.name===u));if(r?.element)return r.element.checked}const r=p?.values[u];return"boolean"==typeof r?r:i??!1}),[p?.items,p?.values,u,d,i]),f=N((r=>{void 0===d&&x?.setValues((e=>({...e,[u]:r.target.checked})))}),[u,x,d]),_={root:s({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:s({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:s({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:s({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return j(K,{ref:o,as:b,hideEndIcon:!h,endIcon:e,active:h,className:t("uds-menu-item-checkbox",n),layerClassNames:_,rootProps:{name:r,onChange:f,defaultChecked:i,checked:void 0!==d?d:void 0},...c})}));Y.displayName="MenuItemCheckbox";var q=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},J=r=>{const[e,a]=g(q);return I((()=>{if(r?.explicit)return void a(r.explicit);const e=(r=>{const e=new MutationObserver((e=>{e.some((r=>"attributes"===r.type&&"dir"===r.attributeName))&&r()}));return e.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),e})((()=>{a(q())}));return()=>e.disconnect()}),[r?.explicit]),e},Q=function({placement:r="bottom",rtl:e,...a}){const d=J({explicit:e}),t=((r,e)=>{const a=e?.rtl;if("start"===r)return a?"right":"left";if("end"===r)return a?"left":"right";if(r?.includes("-")){const[e,d]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==d&&"bottom"!==d))return`${"start"===e?a?"right":"left":a?"left":"right"}-${"bottom"===d?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===d?a?"end":"start":a?"start":"end"}`}return r})(r,{rtl:d});return j(o,{children:j(h,{placement:t,rtl:d,...a})})},Z=v((function({asChild:r,className:e,...a},d){const s=C(null),n=r?j(i,{ref:s,className:"uds-ring h-fit w-fit"}):void 0,c=N((()=>{const r=s.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[s]);return j(f,{onFocus:c,onFocusVisible:c,ref:d,render:n,className:t("uds-menu-trigger",e),...a})}));export{R as Menu};
2
+ import{DividerInternal as r}from"../chunk-M5SXYW4O.js";import{Pressable as e,e as a}from"../chunk-ESES7CXP.js";import{VStack as d,cx as t,getStyles as s,Box as i,HStack as n,IconSlot as c}from"../chunk-37LEXEW4.js";import{SpringMotionConfig as o}from"../chunk-NAELW5O7.js";import{__export as u}from"../chunk-S5UKKXRV.js";import{useMenuStore as l,useMenuContext as m,Menu as x,MenuItem as p,MenuItemCheckbox as b,MenuProvider as h,MenuButton as f}from"@ariakit/react/menu";import*as _ from"react";import{forwardRef as v,useState as g,useEffect as I,useMemo as w,Children as y,useRef as C,useCallback as N}from"react";import k from"use-sync-external-store/shim/index.js";import{spacingMap as S}from"@yahoo/uds/fixtures";import{m as V,AnimatePresence as E}from"motion/react";import{jsx as j,jsxs as z}from"react/jsx-runtime";import{useStoreState as M}from"@ariakit/react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
3
+ var R={};function P(r){return r}function T(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}u(R,{Content:()=>$,Divider:()=>X,Item:()=>U,ItemCheckbox:()=>Y,Provider:()=>Q,Trigger:()=>Z,useMenuContext:()=>m,useMenuStore:()=>l,useStoreState:()=>M});var{useSyncExternalStore:A}=k;function O(r,e=P){const a=_.useCallback((e=>r?function(r,...e){if(r)return T(r,"subscribe")(...e)}(r,null,e):()=>{}),[r]),d=()=>{const a="string"==typeof e?e:null,d="function"==typeof e?e:null,t=null==r?void 0:r.getState();if(d)return d(t);var s,i;if(t&&(a&&(s=t,i=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,i):Object.prototype.hasOwnProperty.call(s,i))))return t[a]};return A(a,d,d)}var W=V.create(d),B=5,D=.97,H={top:{x:0,y:B},bottom:{x:0,y:-5},left:{x:B,y:0},right:{x:-5,y:0}},L=r=>w((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...H[e],opacity:0,scale:D},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),$=v((function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:s,spacingTop:i,gutter:n="1",backgroundColor:c="primary",borderRadius:o="md",borderColor:u,borderWidth:l="thin",overflow:p,dropShadow:b="lg",className:h,sameWidth:f,focusable:_,children:v,portalElement:y,portal:C=!0,disableAutoBorderRadius:N,...k},V){const z=m(),M=O(z,"open"),R=O(z,"mounted"),P=O(z,"currentPlacement"),T=O(z,"placement"),[A,B]=g(P),[D,H]=g(P);I((()=>{T!==D&&H(T)}),[T]),I((()=>{P!==D&&H(P)}),[P]),I((()=>{R&&D!==A&&B(D)}),[R,D,A]);const $=w((()=>M&&R?"open":"closed"),[M,R]),X=w((()=>M?b:"none"),[M,b]),F=L(D),G=(({borderRadius:r,spacing:e})=>{if(void 0===e||"0"===e)switch(r){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"===e||"0.5"===e)switch(r){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"===e||"1.5"===e)switch(r){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"===e||"2.5"===e)switch(r){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"===e||"3.5"===e)switch(r){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"===e)switch(r){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(r){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:o,spacing:e}),K=w((()=>S[n]),[n]);return j(E,{initial:!1,children:j(x,{gutter:K,sameWidth:f,focusable:_,store:z,ref:V,portalElement:y,portal:C,...k,render:j(W,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:s,spacingTop:i,borderRadius:o,borderColor:u,borderWidth:l,overflow:p,animate:$,variants:F,dropShadow:X,className:t("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",!N&&G,h),children:v})})})})),X=v((function({role:e="separator",contentPosition:a="start",gap:d="4",children:t,spacingVertical:i=(t?"2":"0"),spacingHorizontal:n=(t?"4":"0"),className:c,...o},u){const l={root:s({menuDividerVariantRoot:"default",className:c}),text:s({menuDividerVariantText:"default"}),line:s({menuDividerVariantLine:"default"})};return j(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:i,spacingHorizontal:n,className:l.root,layerClassNames:l,...o,children:t})}));X.displayName="MenuDivider";var F="uds-menu-item",G={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},K=v((function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:o="4",spacingStart:u,spacingTop:l,spacingVertical:m="3.5",columnGap:x="2",className:p,children:b,endIcon:h,startIcon:f,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:C,name:N,alignItems:k="center",justifyContent:S="space-between",layerClassNames:M,...R},P){const T=y.count(b)>1,A=(({active:r,disabled:e,className:a})=>t(F,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],e&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:v,disabled:g,className:p}),O=s({className:t(`${F}-content truncate`,M?.text),textAlign:"start",...T&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),W=w((()=>({root:s({menuSizeRoot:"default",className:t(M?.root,A)}),startIcon:s({menuSizeStartIcon:"default",className:M?.startIcon}),endIcon:s({menuSizeEndIcon:"default",className:M?.endIcon})})),[M,A]);return j(i,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:o,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:W.root,alignItems:k,justifyContent:S,children:z(I,{render:j(e,{ref:P,...R}),name:N??"",disabled:g,...C,children:[z(n,{gap:x,alignItems:"center",width:"full",children:[j(E,{initial:!1,children:f&&j(V.span,{variants:G,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:j(c,{icon:f,className:W.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),j("span",{className:O,children:b})]}),j(E,{initial:!1,mode:"popLayout",children:!_&&h&&j(V.span,{variants:G,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:j(c,{icon:h,className:W.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})})),U=v((function({active:r,...e},a){const d={root:s({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:s({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:s({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return j(K,{ref:a,as:p,active:r,layerClassNames:d,...e})}));U.displayName="MenuItem";var Y=v((function({name:r,endIcon:e=a,checked:d,defaultChecked:i,className:n,...c},o){const u=r,l=C(!1),x=m(),p=M(x);I((()=>{!l.current&&void 0!==i&&x&&(x.setValues((r=>({...r,[u]:i}))),l.current=!0)}),[x,i,u]);const h=w((()=>{if(void 0!==d)return d;if(p?.items?.length){const r=p?.items.find((r=>r.element?.name===u));if(r?.element)return r.element.checked}const r=p?.values[u];return"boolean"==typeof r?r:i??!1}),[p?.items,p?.values,u,d,i]),f=N((r=>{void 0===d&&x?.setValues((e=>({...e,[u]:r.target.checked})))}),[u,x,d]),_={root:s({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:s({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:s({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:s({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return j(K,{ref:o,as:b,hideEndIcon:!h,endIcon:e,active:h,className:t("uds-menu-item-checkbox",n),layerClassNames:_,rootProps:{name:r,onChange:f,defaultChecked:i,checked:void 0!==d?d:void 0},...c})}));Y.displayName="MenuItemCheckbox";var q=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},J=r=>{const[e,a]=g(q);return I((()=>{if(r?.explicit)return void a(r.explicit);const e=(r=>{const e=new MutationObserver((e=>{e.some((r=>"attributes"===r.type&&"dir"===r.attributeName))&&r()}));return e.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),e})((()=>{a(q())}));return()=>e.disconnect()}),[r?.explicit]),e},Q=function({placement:r="bottom",rtl:e,...a}){const d=J({explicit:e}),t=((r,e)=>{const a=e?.rtl;if("start"===r)return a?"right":"left";if("end"===r)return a?"left":"right";if(r?.includes("-")){const[e,d]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==d&&"bottom"!==d))return`${"start"===e?a?"right":"left":a?"left":"right"}-${"bottom"===d?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===d?a?"end":"start":a?"start":"end"}`}return r})(r,{rtl:d});return j(o,{children:j(h,{placement:t,rtl:d,...a})})},Z=v((function({asChild:r,className:e,...a},d){const s=C(null),n=r?j(i,{ref:s,className:"uds-ring h-fit w-fit"}):void 0,c=N((()=>{const r=s.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[s]);return j(f,{onFocus:c,onFocusVisible:c,ref:d,render:n,className:t("uds-menu-trigger",e),...a})}));export{R as Menu};
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var e=require("../chunk-6BNYCBB5.cjs"),t=require("../chunk-HSI5A4OJ.cjs"),a=require("../chunk-TJZ4HVAG.cjs"),n=require("../chunk-I5TC35WI.cjs"),i=require("../chunk-EIQXT4KY.cjs"),o=require("../chunk-4NZKRK55.cjs"),s=require("react"),r=require("react/jsx-runtime"),l=require("@yahoo/uds/fixtures"),c=require("motion/react"),d=require("lodash-es"),u=require("motion/react-m"),p=require("@yahoo/uds/client/Menu");function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var m=h(u),x={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("")},f=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof t?t(e):x[t](a)},g=(e="md")=>a.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),b=e=>e?{height:e,width:e}:{},y="primary",v="md",S={primary:t.e2,secondary:t.t},C=({size:e=v,variant:t=y,customSize:n,icon:i,className:o})=>{const l=s.useMemo((()=>b(n)),[n]),c=s.useMemo((()=>a.cx(g(e),a.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),o)),[o,e,t]),d=s.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),u=s.useMemo((()=>({...l,boxSizing:"content-box"})),[l]),p=s.useMemo((()=>i??S[t??"primary"]),[i,t]),h=s.useMemo((()=>a.getStyles({avatarSizeIcon:e})),[e]);return r.jsx(a.Box,{className:c,style:l,children:r.jsx(a.Box,{className:d,style:u,children:r.jsx(a.Icon,{name:p,variant:"fill",color:"current",className:h,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */C.displayName="AvatarIcon";var I=({size:e=v,variant:t=y,name:n,initials:i,customSize:o,abbreviationStrategy:l,className:c})=>{const d=s.useMemo((()=>a.cx(g(e),a.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",c)),[c,e,t]),u=s.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),p=s.useMemo((()=>b(o)),[o]),h=s.useMemo((()=>({...p,boxSizing:"content-box"})),[p]);return r.jsx(a.Box,{className:d,style:p,children:r.jsx(a.Text,{color:"inherit",variant:"inherit",className:u,style:h,"data-testid":"avatar-text",children:i||f(n,l)})})};I.displayName="AvatarText";var N=({size:t=v,variant:n=y,src:i,srcSet:o,customSize:l,alt:c,imageProps:d,abbreviationStrategy:u,fallback:p,className:h})=>{const[m,x]=s.useState("loading");s.useEffect((()=>{let e=!0;if(i||o){const t=new Image;t.onload=()=>{e&&x("loaded")},t.onerror=()=>{e&&x("error")},i&&(t.src=i),o&&(t.srcset=o)}else x("error");return()=>{e=!1}}),[i,o]);const f=s.useMemo((()=>a.cx(g(t),a.getStyles({avatarImageVariantRoot:n,overflow:"hidden"}),h)),[h,t,n]),S=s.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),N=s.useMemo((()=>b(l)),[l]),j=s.useMemo((()=>({...N,boxSizing:"content-box"})),[N]);if("loaded"===m)return r.jsx(a.Box,{className:f,style:N,children:r.jsx(e.Image,{src:i,srcSet:o,alt:c,className:S,style:j,...d})});const k={size:t,customSize:l,variant:n};return p||c?r.jsx(I,{name:c,initials:p,abbreviationStrategy:u,...k}):r.jsx(C,{...k})};N.displayName="AvatarImage";var j=e=>r.jsx(N,{...e});j.displayName="Avatar";var k=s.forwardRef((function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:o,endIcon:l,backgroundColor:c,color:d,iconColor:u,borderColor:p,children:h,className:m,...x},f){const g=a.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:a.cx(["uds-badge","uds-badge-variant","uds-badge-size",m])}),b=a.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:a.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),y=s.useMemo((()=>({...n?{minWidth:`${n}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...c?{backgroundColor:c}:{},...p?{borderColor:p}:{},...d?{color:d}:{}})),[c,p,d,i,n]),v=s.useMemo((()=>({variant:"fill",style:{...u?{color:u}:{}}})),[u]);return r.jsxs(a.HStack,{ref:f,gap:"2",display:"inline-flex",alignItems:"center",className:g,style:y,...x,children:[o&&r.jsx(a.IconSlot,{icon:o,iconProps:v,"data-testid":"start-icon",className:b}),r.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:h}),l&&r.jsx(a.IconSlot,{icon:l,iconProps:v,"data-testid":"end-icon",className:b})]})}));k.displayName="Badge";var w={scale:.7,opacity:0},V={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},M={icon:V,hide:w,loading:w},R={loading:V,hide:w,icon:w},z=`var(${o.BUTTON_CSS_VAR_MAP.columnGap})`,T=`var(${o.BUTTON_CSS_VAR_MAP.iconSize})`,P={rest:{scale:`var(${o.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${o.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${o.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:z}},B={hide:{width:"0px",opacity:0,display:"none"},loading:{width:T,display:"flex",opacity:1},icon:{width:T,display:"flex",opacity:1}},A=s.forwardRef((function({variant:e,size:o,startIcon:d,endIcon:u,iconVariant:p,loading:h,disableEffects:m,children:x,asChild:f,type:g="button",className:b,width:y,...v},S){const C=s.useRef(null);s.useImperativeHandle(S,(()=>C.current));const I=s.useMemo((()=>a.createSlot()),[]),N=s.useMemo((()=>c.m.create(I)),[I]),j=u?"icon":"hide",k=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:d,endIcon:u,loading:h}),w=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:h,startIcon:d}),{palette:V,variant:z}=s.useMemo((()=>i.parseDeprecatedButtonPaletteVariant({flatVariant:e})),[e]),T=s.useMemo((()=>({button:a.getStyles({width:y,buttonSize:o,buttonVariant:z,buttonPalette:V,className:a.cx("uds-button","uds-ring","uds-hit-target",h&&"uds-button-loading",m&&"uds-button-without-effects","withIcon"===k&&"uds-button-with-gap",b)}),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"})),[y,o,z,V,b,h,m,k]),A=c.useReducedMotion()?"smooth":"subtle",E=s.useMemo((()=>r.jsx(c.m.span,{className:T.iconContainer,initial:!1,variants:B,animate:w,children:r.jsxs(c.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&r.jsx(c.m.span,{variants:R,initial:"hide",animate:"loading",exit:"hide",children:r.jsx(a.Icon,{size:l.buttonIconSvgSize,name:t.o2,variant:p,color:"current",className:T.loading})},"loading"),d&&!h&&r.jsx(c.m.span,{variants:M,initial:"hide",animate:"icon",exit:"hide",children:r.jsx(a.IconSlot,{className:T.start,icon:d,iconProps:{size:l.buttonIconSvgSize,variant:p,color:"current"}})})]})})),[T.iconContainer,T.loading,T.start,w,h,p,d]),O=s.useMemo((()=>r.jsx(c.m.span,{className:T.iconContainer,initial:!1,variants:B,animate:j,children:r.jsx(c.AnimatePresence,{initial:!1,mode:"popLayout",children:u&&r.jsx(c.m.span,{variants:M,initial:"hide",animate:"icon",exit:"hide",children:r.jsx(a.IconSlot,{className:T.end,icon:u,iconProps:{size:l.buttonIconSvgSize,variant:p,color:"current"}})})})})),[T.iconContainer,T.end,u,j,p]),q=s.useMemo((()=>m?{...P,rest:{},hover:{},pressed:{}}:P),[m]);return f&&s.isValidElement(x)?r.jsx(n.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:A,children:r.jsx(N,{type:g,className:T.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:s.cloneElement(x,x.props,r.jsxs(r.Fragment,{children:[E,r.jsx("span",{className:T.content,children:x.props.children}),O]}))})}):r.jsx(n.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:A,children:r.jsxs(c.m.button,{ref:C,type:g,className:T.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:[E,r.jsx("span",{className:T.content,children:x}),O]})})})),E={primary:"alert",secondary:"alert-secondary"},O=e=>"indeterminate"===e,q=e=>O(e)?t.o:t.e,H=c.m.create(a.Box),L={layoutVariant:"smooth",layoutSpeed:"3"},$={layoutVariant:"veryBouncy",layoutSpeed:"4"},_=s.forwardRef((function({id:t,checked:i,defaultChecked:o,onChange:l,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=s.useId(),I=t??`uds-input-${C}`,N=s.useRef(null),j=void 0!==i,[k,w]=s.useState(j?i:o),[V,M]=s.useState(!1),[R,z]=s.useState(!1),T=s.useMemo((()=>g?E[p]:p),[g,p]),P=!x&&V,B=!x&&R,A=s.useMemo((()=>B?.9:P?1.1:1),[B,P]),_=s.useMemo((()=>k?B?"opacity-55":"opacity-100":"opacity-0"),[k,B]),F=s.useMemo((()=>({scale:A})),[A]),W=s.useMemo((()=>R?$:L),[R]),D=s.useCallback((e=>{l?.(e),j||w(e.target.checked)}),[j,l]),G=s.useCallback((()=>{M(!0)}),[]),U=s.useCallback((()=>{M(!1)}),[]),X=s.useCallback((()=>{z(!0)}),[]),K=s.useCallback((()=>{z(!1)}),[]),J=e=>{N.current&&(N.current.indeterminate=O(e))},Y=m?"always":"user",Z=c.useReducedMotion()||m?"duration-0":"duration-120";s.useEffect((()=>{j&&w(i)}),[i,j]),s.useEffect((()=>{J(k)}),[k]);const Q=O(k)?"indeterminate":k?"checked":"unchecked",ee={root:a.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:T,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:T,checkboxVariantValueCheckbox:Q,className:a.cx("border","rounded-[4px]","uds-ring","uds-ring-within",Z,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:a.getStyles({checkboxVariantCheckboxIcon:T,checkboxVariantValueCheckboxIcon:Q,className:a.cx("pointer-events-none",_,Z,"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?c.m.label:c.m.div;return r.jsx(n.SpringMotionConfig,{reducedMotion:Y,...W,children:r.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:X,onTap:K,onTapCancel:K,tabIndex:-1,children:[r.jsxs(H,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:F,children:[r.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,J(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!O(k)&&k:void 0,defaultChecked:j?void 0:o,onChange:D,className:ee.htmlCheckbox}),r.jsx(a.Icon,{name:q(k),size:"sm",className:ee.check})]}),d&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:d,className:ee.label})]})})}));_.displayName="Checkbox";var F="primary",W=s.forwardRef((function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:o,as:l="div",reduceMotion:d,disabled:u=!1,className:p,layerClassNames:h,children:m,...x},f){const g=c.useReducedMotion()||d?"duration-0":"duration-120",b=s.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,outline-color,box-shadow]",h?.root,p)}),icon:a.getStyles({chipSizeIcon:e,className:h?.icon})})),[p,g,u,h?.icon,h?.root,e]);return r.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:r.jsxs(l,{disabled:u,children:[i&&r.jsx(a.IconSlot,{icon:i,iconProps:{variant:"fill",className:b.icon},"data-testid":"start-icon"}),r.jsx(a.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:m}),o&&r.jsx(a.IconSlot,{icon:o,iconProps:{variant:"fill",className:b.icon},"data-testid":"end-icon"})]})})}));W.displayName="ChipBase";var D=s.forwardRef((function({variant:e=F,...t},n){const i=s.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return r.jsx(W,{as:"button",ref:n,variant:e,layerClassNames:i,...t})}));D.displayName="ChipButton";var G=s.forwardRef((function({dismissButtonAriaLabel:e,onDismiss:n,dismissIcon:i,variant:o=F,disabled:l,...c},d){const u=s.useMemo((()=>({root:a.getStyles({chipDismissibleVariantRoot:o}),icon:a.getStyles({chipDismissibleVariantIcon:o})})),[o]),p=s.useCallback((e=>{e.stopPropagation(),n?.()}),[n]),h={icon:a.cx("uds-chip-dismissible-button","uds-hit-target")};return r.jsx(W,{ref:d,variant:o,disabled:l,tabIndex:-1,endIcon:n=>r.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:l,children:r.jsx(a.IconSlot,{icon:i??t.a,iconProps:n,"data-testid":"dismiss-icon"})}),layerClassNames:u,...c})}));G.displayName="ChipDismissible";var U=s.forwardRef((function({variant:e=F,href:t,disabled:n,...i},o){const l=s.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return r.jsx(W,{as:"a",ref:o,variant:e,disabled:n,layerClassNames:l,...{...i,href:n?void 0:t}})}));U.displayName="ChipLink";var X=s.forwardRef((function({isToggled:e=!1,onToggle:t,onClick:n,variant:i=F,...o},l){const c=s.useMemo((()=>({root:a.getStyles({chipToggleVariantRoot:i,chipToggleVariantActiveRoot:e?"on":"off"}),icon:a.getStyles({chipToggleVariantIcon:i})})),[e,i]),d=s.useCallback((a=>{t?.(!e),n?.(a)}),[e,n,t]);return r.jsx(W,{ref:l,as:"button",variant:i,onClick:d,"aria-pressed":e,layerClassNames:c,...o})}));X.displayName="ChipToggle";var K=s.forwardRef((function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...s},l){return n?r.jsx(G,{ref:l,onDismiss:n,...s}):i?r.jsx(X,{ref:l,onToggle:i,isToggled:o,...s}):t?r.jsx(U,{ref:l,href:t,...s,...a}):r.jsx(D,{ref:l,onClick:e,...s})}));K.displayName="Chip";var J=s.forwardRef((function({variant:e,size:o,iconVariant:d,loading:u,disableEffects:p,name:h,type:m="button",htmlName:x,className:f,children:g,...b},y){const v=s.useRef(null);s.useImperativeHandle(y,(()=>v.current));const{palette:S,variant:C}=i.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=s.useMemo((()=>({button:a.getStyles({buttonVariant:C,buttonPalette:S,iconButtonSize:o,className:a.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",u&&"uds-button-loading",p&&"uds-button-without-effects",f)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[S,C,f,p,o,u]),N=c.useReducedMotion(),j=s.useMemo((()=>N?"smooth":"subtle"),[N]),k=s.useMemo((()=>{const{rest:e,hover:t,pressed:a}=P;return p?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}}),[p]);return r.jsx(n.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:p?"always":"user",children:r.jsx(c.m.button,{ref:v,type:m,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...b,children:r.jsxs(c.AnimatePresence,{initial:!1,mode:"popLayout",children:[u&&r.jsx(c.m.span,{variants:R,initial:"loading",animate:"loading",exit:"hide",children:r.jsx(a.Icon,{size:l.buttonIconSvgSize,name:t.o2,variant:d,color:"current",className:I.loading})},"loading"),h&&!u&&r.jsx(c.m.span,{variants:M,initial:"icon",animate:"icon",exit:"hide",children:g||r.jsx(a.Icon,{size:l.buttonIconSvgSize,name:h,variant:d,color:"current",className:I.icon})},h.name)]})})})})),Y=({children:e,reduceMotion:t,layoutVariant:a})=>{const i=s.useRef(null),[o,l]=s.useState("auto");return s.useEffect((()=>{if(i.current){const e=new ResizeObserver((e=>{l(e[0].contentRect.height)}));return e.observe(i.current),()=>{e.disconnect()}}}),[]),r.jsx(n.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:r.jsx(c.m.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:r.jsx("div",{ref:i,children:e})})})},Z=s.memo((function({helpText:t,helperTextIcon:n,spacingStart:i,spacingTop:o,size:s,isFilled:l,...c}){return t?r.jsx(a.Box,{spacingTop:o,spacingStart:i,...c,children:r.jsx(e.InputHelpTextMemo,{startIcon:n,size:s,isFilled:l,children:d.isFunction(t)?t():t})}):null})),Q=s.memo((function({icon:e,className:t}){return e?r.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},className:t}):null})),ee=s.memo((function({icon:e,className:t}){if(!e)return null;return r.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:t})})),te=s.forwardRef((function({id:e,label:t,type:n="text",size:i="md",startIcon:o,endIcon:l,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=s.useId(),j=e??`uds-input-${N}`,k=`uds-input-${j}-help-text`,w=s.useRef(null);s.useImperativeHandle(I,(()=>w.current));const[V,M]=s.useState(x??""),R=s.useCallback((e=>{M(e.target.value),v?.(e)}),[v]),z=c.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.cx(a.getStyles({inputSizeInputWrapper:i,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:V?"filled":"empty"}),"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.cx(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 r.jsxs(a.VStack,{width:m,className:B.root,children:[t&&r.jsxs(a.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:B.label,children:[r.jsx("label",{htmlFor:j,children:d.isFunction(t)?t():t}),f&&r.jsx("span",{className:B.labelRequired,children:"*"})]}),r.jsxs(a.Box,{position:"relative",alignItems:"center",className:B.inputWrapper,children:[r.jsx(Q,{icon:o,className:B.startIcon}),r.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}),l&&r.jsx(a.HStack,{alignItems:"center",gap:"1",children:r.jsx(ee,{icon:l,className:B.endIcon})})]}),r.jsx(Y,{reduceMotion:T,layoutVariant:z,children:r.jsx(Z,{id:k,helpText:u,spacingTop:"2",size:i,isFilled:!!V,helperTextIcon:p})})]})}));te.displayName="Input";var ae=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}},ne=s.createContext(new Map),ie=e=>{const t=s.useId();return e??`uds-radio-group-${t}`},oe={primary:"alert",secondary:"alert-secondary"},se=c.m.create(a.Box),re={layoutVariant:"smooth",layoutSpeed:"3"},le={layoutVariant:"veryBouncy",layoutSpeed:"4"},ce=s.forwardRef((function({id:t,name:i,label:o,labelPosition:l="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=s.useId(),k=t??`uds-radio-${j}`,w=s.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=s.useContext(ne),o=i instanceof ae,r=void 0!==a||o,l=ie(e),c=s.useMemo((()=>o?i:ae.findOrCreate(i,l)),[i,o,l]),[d,u]=s.useState(c.value),p=c.name??l,h=s.useCallback((e=>{c.setValue(e),r||u(e)}),[r,c]);return s.useEffect((()=>c.onChange(u)),[c]),s.useEffect((()=>{!0===a&&h(t)}),[a,t,h]),s.useEffect((()=>{if(o)return;const e=ae.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,o,p]),{name:p,isControlled:r,checked:r&&!o?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:i,value:h,checked:m,defaultChecked:x}),[T,P]=s.useState(!1),[B,A]=s.useState(!1),E=s.useMemo((()=>g?oe[d]:d),[g,d]),O=s.useMemo((()=>!f&&T),[f,T]),q=s.useMemo((()=>!f&&!R&&B),[R,f,B]),H=s.useMemo((()=>q?.9:O?1.1:1),[O,q]),L=s.useMemo((()=>R?q?"opacity-55":"opacity-100":"opacity-0"),[R,q]),$=s.useMemo((()=>!f&&(q&&!R||O&&R)),[R,f,O,q]),_=s.useMemo((()=>({scale:H})),[H]),F=s.useMemo((()=>B?le:re),[B]),W=s.useCallback((e=>{z(e.target.value),b?.(e)}),[b,z]),D=s.useCallback((e=>{y?.(e)}),[y]),G=s.useCallback((e=>{v?.(e)}),[v]),U=s.useCallback((()=>{P(!0)}),[]),X=s.useCallback((()=>{P(!1)}),[]),K=s.useCallback((()=>{A(!0)}),[]),J=s.useCallback((()=>{A(!1)}),[]),Y=p?"always":"user",Z=c.useReducedMotion()||p?"duration-0":"duration-120",Q={root:a.getStyles({radioSizeRoot:u,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===l?"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",Z,"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]",L,Z,"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"===l?"text-start":"text-end",C?.label)},ee=o?c.m.label:c.m.div;return r.jsx(n.SpringMotionConfig,{reducedMotion:Y,...F,children:r.jsxs(ee,{className:Q.root,"data-testid":"container",onHoverStart:U,onHoverEnd:X,onTapStart:K,onTap:J,onTapCancel:J,tabIndex:-1,children:[r.jsxs(se,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:Q.radio,animate:_,insetShadow:$?"lg-invert":"none",children:[r.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:Q.htmlRadio}),r.jsx(a.Box,{borderRadius:"full",className:Q.radioCircle})]}),o&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:o,className:Q.label})]})})}));ce.displayName="Radio";var de=a.createSlot(),ue=class extends ae{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},pe=s.forwardRef((function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},l){const c=void 0!==a,d=ie(t),u=s.useMemo((()=>{const e=new ue(d,c);return e.value=c?a:n,e}),[n,c,d,a]);s.useEffect((()=>{u.onChangeCb=i}),[i,u]),s.useEffect((()=>{c&&u.setValue(a,!0)}),[c,u,a]),s.useEffect((()=>u.onChange((e=>i?.(e)))),[i,u]);const p=e?de:"div";return r.jsx(ne.Provider,{value:u,children:r.jsx(p,{role:"radiogroup",ref:l,...o})})}));pe.displayName="RadioGroupProvider";var he={md:{isOnX:20},sm:{isOnX:12}},me=m.create(a.Box),xe={layoutVariant:"bouncy",layoutSpeed:"4"},fe=s.forwardRef((function({id:t,isOn:i,defaultIsOn:o,onChange:l,label:d,labelPosition:u="start",size:p="md",onIcon:h,offIcon:x,reduceMotion:f,disabled:g,required:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=s.useId(),k=t??`uds-input-${j}`,w=s.useRef(null),V=void 0!==i,[M,R]=s.useState(V?i:o),[z,T]=s.useState(!1),P=s.useMemo((()=>!g&&z),[g,z]),{isOnX:B}=he[p],A=s.useMemo((()=>({initial:{scale:1,x:M?B:0},animate:{scale:P?1.05:1,x:M?B:0}})),[P,M,B]),E=s.useCallback((e=>{l?.(e),V||R(e.target.checked)}),[V,l]),O=s.useCallback((e=>{y?.(e)}),[y]),q=s.useCallback((e=>{v?.(e)}),[v]),H=s.useCallback((()=>{T(!0)}),[]),L=s.useCallback((()=>{T(!1)}),[]),$=f?"always":"user",_=c.useReducedMotion()||f?"duration-0":"duration-120";s.useEffect((()=>{V&&R(i)}),[i,V]);const F={root:a.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:M?"on":"off",display:"flex",flexDirection:"start"===u?"row":"row-reverse",alignItems:"center",className:a.cx("group",{"cursor-pointer":!g,"cursor-default":g,"opacity-50":g},C?.root,S)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:M?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:a.cx("uds-ring","uds-ring-within",_,"transition-[background-color,box-shadow]",C?.switch)}),handle:a.getStyles({switchSizeHandle:p,className:a.cx("relative","pointer-events-none","rounded-full","overflow-hidden",C?.handle)}),handleCircle:a.getStyles({switchVariantActiveHandle:M?"on":"off",switchVariantHandle:"default",className:a.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",_,"transition-[background-color,box-shadow,opacity]")}),handleIcon:a.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:M?"on":"off",className:a.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",_,"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",C?.label)},W=d?m.label:m.div;return r.jsx(n.SpringMotionConfig,{reducedMotion:$,...xe,children:r.jsxs(W,{className:F.root,"data-testid":"container",onHoverStart:H,onHoverEnd:L,tabIndex:-1,children:[r.jsxs(me,{className:F.switch,children:[r.jsx("input",{type:"checkbox",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:O,onBlur:q,id:k,disabled:g,required:b,checked:V?M:void 0,defaultChecked:V?void 0:o,onChange:E,className:F.htmlCheckbox,style:{}}),r.jsxs(me,{className:F.handle,...A,children:[r.jsx(a.Box,{className:F.handleCircle}),h&&r.jsx(a.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(F.handleIcon,M?"opacity-100":"opacity-0")}),x&&r.jsx(a.IconSlot,{icon:x,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx(F.handleIcon,M?"opacity-0":"opacity-100")})]})]}),d&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:d,className:F.label})]})})}));fe.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return n.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return p.Menu}}),exports.Avatar=j,exports.AvatarIcon=C,exports.AvatarImage=N,exports.AvatarText=I,exports.Badge=k,exports.Button=A,exports.Checkbox=_,exports.Chip=K,exports.ChipButton=D,exports.ChipDismissible=G,exports.ChipLink=U,exports.ChipToggle=X,exports.IconButton=J,exports.Input=te,exports.Radio=ce,exports.RadioGroupProvider=pe,exports.Switch=fe;
2
+ "use strict";var e=require("../chunk-6BNYCBB5.cjs"),t=require("../chunk-HSI5A4OJ.cjs"),a=require("../chunk-TJZ4HVAG.cjs"),n=require("../chunk-MDZCXF7W.cjs"),i=require("../chunk-WGG66FKO.cjs"),o=require("../chunk-4NZKRK55.cjs"),s=require("react"),r=require("react/jsx-runtime"),l=require("@yahoo/uds/fixtures"),c=require("motion/react"),d=require("lodash-es"),u=require("motion/react-m"),p=require("@yahoo/uds/client/Menu");function h(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var m=h(u),x={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("")},f=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof t?t(e):x[t](a)},g=(e="md")=>a.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),b=e=>e?{height:e,width:e}:{},y="primary",v="md",S={primary:t.e2,secondary:t.t},C=({size:e=v,variant:t=y,customSize:n,icon:i,className:o})=>{const l=s.useMemo((()=>b(n)),[n]),c=s.useMemo((()=>a.cx(g(e),a.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),o)),[o,e,t]),d=s.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),u=s.useMemo((()=>({...l,boxSizing:"content-box"})),[l]),p=s.useMemo((()=>i??S[t??"primary"]),[i,t]),h=s.useMemo((()=>a.getStyles({avatarSizeIcon:e})),[e]);return r.jsx(a.Box,{className:c,style:l,children:r.jsx(a.Box,{className:d,style:u,children:r.jsx(a.Icon,{name:p,variant:"fill",color:"current",className:h,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */C.displayName="AvatarIcon";var I=({size:e=v,variant:t=y,name:n,initials:i,customSize:o,abbreviationStrategy:l,className:c})=>{const d=s.useMemo((()=>a.cx(g(e),a.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",c)),[c,e,t]),u=s.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),p=s.useMemo((()=>b(o)),[o]),h=s.useMemo((()=>({...p,boxSizing:"content-box"})),[p]);return r.jsx(a.Box,{className:d,style:p,children:r.jsx(a.Text,{color:"inherit",variant:"inherit",className:u,style:h,"data-testid":"avatar-text",children:i||f(n,l)})})};I.displayName="AvatarText";var N=({size:t=v,variant:n=y,src:i,srcSet:o,customSize:l,alt:c,imageProps:d,abbreviationStrategy:u,fallback:p,className:h})=>{const[m,x]=s.useState("loading");s.useEffect((()=>{let e=!0;if(i||o){const t=new Image;t.onload=()=>{e&&x("loaded")},t.onerror=()=>{e&&x("error")},i&&(t.src=i),o&&(t.srcset=o)}else x("error");return()=>{e=!1}}),[i,o]);const f=s.useMemo((()=>a.cx(g(t),a.getStyles({avatarImageVariantRoot:n,overflow:"hidden"}),h)),[h,t,n]),S=s.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),N=s.useMemo((()=>b(l)),[l]),j=s.useMemo((()=>({...N,boxSizing:"content-box"})),[N]);if("loaded"===m)return r.jsx(a.Box,{className:f,style:N,children:r.jsx(e.Image,{src:i,srcSet:o,alt:c,className:S,style:j,...d})});const k={size:t,customSize:l,variant:n};return p||c?r.jsx(I,{name:c,initials:p,abbreviationStrategy:u,...k}):r.jsx(C,{...k})};N.displayName="AvatarImage";var j=e=>r.jsx(N,{...e});j.displayName="Avatar";var k=s.forwardRef((function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:o,endIcon:l,backgroundColor:c,color:d,iconColor:u,borderColor:p,children:h,className:m,...x},f){const g=a.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:a.cx(["uds-badge","uds-badge-variant","uds-badge-size",m])}),b=a.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:a.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),y=s.useMemo((()=>({...n?{minWidth:`${n}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...c?{backgroundColor:c}:{},...p?{borderColor:p}:{},...d?{color:d}:{}})),[c,p,d,i,n]),v=s.useMemo((()=>({variant:"fill",style:{...u?{color:u}:{}}})),[u]);return r.jsxs(a.HStack,{ref:f,gap:"2",display:"inline-flex",alignItems:"center",className:g,style:y,...x,children:[o&&r.jsx(a.IconSlot,{icon:o,iconProps:v,"data-testid":"start-icon",className:b}),r.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:h}),l&&r.jsx(a.IconSlot,{icon:l,iconProps:v,"data-testid":"end-icon",className:b})]})}));k.displayName="Badge";var w={scale:.7,opacity:0},V={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},M={icon:V,hide:w,loading:w},R={loading:V,hide:w,icon:w},z=`var(${o.BUTTON_CSS_VAR_MAP.columnGap})`,T=`var(${o.BUTTON_CSS_VAR_MAP.iconSize})`,P={rest:{scale:`var(${o.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${o.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${o.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:z}},B={hide:{width:"0px",opacity:0,display:"none"},loading:{width:T,display:"flex",opacity:1},icon:{width:T,display:"flex",opacity:1}},A=s.forwardRef((function({variant:e,size:o,startIcon:d,endIcon:u,iconVariant:p,loading:h,disableEffects:m,children:x,asChild:f,type:g="button",className:b,width:y,...v},S){const C=s.useRef(null);s.useImperativeHandle(S,(()=>C.current));const I=s.useMemo((()=>a.createSlot()),[]),N=s.useMemo((()=>c.m.create(I)),[I]),j=u?"icon":"hide",k=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:d,endIcon:u,loading:h}),w=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:h,startIcon:d}),{palette:V,variant:z}=s.useMemo((()=>i.parseDeprecatedButtonPaletteVariant({flatVariant:e})),[e]),T=s.useMemo((()=>({button:a.getStyles({width:y,buttonSize:o,buttonVariant:z,buttonPalette:V,className:a.cx("uds-button","uds-ring","uds-hit-target",h&&"uds-button-loading",m&&"uds-button-without-effects","withIcon"===k&&"uds-button-with-gap",b)}),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"})),[y,o,z,V,b,h,m,k]),A=c.useReducedMotion()?"smooth":"subtle",O=s.useMemo((()=>r.jsx(c.m.span,{className:T.iconContainer,initial:!1,variants:B,animate:w,children:r.jsxs(c.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&r.jsx(c.m.span,{variants:R,initial:"hide",animate:"loading",exit:"hide",children:r.jsx(a.Icon,{size:l.buttonIconSvgSize,name:t.o2,variant:p,color:"current",className:T.loading})},"loading"),d&&!h&&r.jsx(c.m.span,{variants:M,initial:"hide",animate:"icon",exit:"hide",children:r.jsx(a.IconSlot,{className:T.start,icon:d,iconProps:{size:l.buttonIconSvgSize,variant:p,color:"current"}})})]})})),[T.iconContainer,T.loading,T.start,w,h,p,d]),E=s.useMemo((()=>r.jsx(c.m.span,{className:T.iconContainer,initial:!1,variants:B,animate:j,children:r.jsx(c.AnimatePresence,{initial:!1,mode:"popLayout",children:u&&r.jsx(c.m.span,{variants:M,initial:"hide",animate:"icon",exit:"hide",children:r.jsx(a.IconSlot,{className:T.end,icon:u,iconProps:{size:l.buttonIconSvgSize,variant:p,color:"current"}})})})})),[T.iconContainer,T.end,u,j,p]),q=s.useMemo((()=>m?{...P,rest:{},hover:{},pressed:{}}:P),[m]);return f&&s.isValidElement(x)?r.jsx(n.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:A,children:r.jsx(N,{type:g,className:T.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:s.cloneElement(x,x.props,r.jsxs(r.Fragment,{children:[O,r.jsx("span",{className:T.content,children:x.props.children}),E]}))})}):r.jsx(n.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:A,children:r.jsxs(c.m.button,{ref:C,type:g,className:T.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:[O,r.jsx("span",{className:T.content,children:x}),E]})})})),O={primary:"alert",secondary:"alert-secondary"},E=e=>"indeterminate"===e,q=e=>E(e)?t.o:t.e,H=c.m.create(a.Box),L={layoutVariant:"smooth",layoutSpeed:"3"},F={layoutVariant:"veryBouncy",layoutSpeed:"4"},$=s.forwardRef((function({id:t,checked:i,defaultChecked:o,onChange:l,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=s.useId(),I=t??`uds-input-${C}`,N=s.useRef(null),j=void 0!==i,[k,w]=s.useState(j?i:o),[V,M]=s.useState(!1),[R,z]=s.useState(!1),T=s.useMemo((()=>g?O[p]:p),[g,p]),P=!x&&V,B=!x&&R,A=s.useMemo((()=>B?.9:P?1.1:1),[B,P]),$=s.useMemo((()=>k?B?"opacity-55":"opacity-100":"opacity-0"),[k,B]),_=s.useMemo((()=>({scale:A})),[A]),W=s.useMemo((()=>R?F:L),[R]),D=s.useCallback((e=>{l?.(e),j||w(e.target.checked)}),[j,l]),G=s.useCallback((()=>{M(!0)}),[]),U=s.useCallback((()=>{M(!1)}),[]),X=s.useCallback((()=>{z(!0)}),[]),K=s.useCallback((()=>{z(!1)}),[]),Z=e=>{N.current&&(N.current.indeterminate=E(e))},J=m?"always":"user",Y=c.useReducedMotion()||m?"duration-0":"duration-120";s.useEffect((()=>{j&&w(i)}),[i,j]),s.useEffect((()=>{Z(k)}),[k]);const Q=E(k)?"indeterminate":k?"checked":"unchecked",ee={root:a.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:T,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:T,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:T,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?c.m.label:c.m.div;return r.jsx(n.SpringMotionConfig,{reducedMotion:J,...W,children:r.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:X,onTap:K,onTapCancel:K,tabIndex:-1,children:[r.jsxs(H,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:_,children:[r.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,Z(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!E(k)&&k:void 0,defaultChecked:j?void 0:o,onChange:D,className:ee.htmlCheckbox}),r.jsx(a.Icon,{name:q(k),size:"sm",className:ee.check})]}),d&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:d,className:ee.label})]})})}));$.displayName="Checkbox";var _="primary",W=s.forwardRef((function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:o,as:l="div",reduceMotion:d,disabled:u=!1,className:p,layerClassNames:h,children:m,...x},f){const g=c.useReducedMotion()||d?"duration-0":"duration-120",b=s.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,outline-color,box-shadow]",h?.root,p)}),icon:a.getStyles({chipSizeIcon:e,className:h?.icon})})),[p,g,u,h?.icon,h?.root,e]);return r.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:r.jsxs(l,{disabled:u,children:[i&&r.jsx(a.IconSlot,{icon:i,iconProps:{variant:"fill",className:b.icon},"data-testid":"start-icon"}),r.jsx(a.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:m}),o&&r.jsx(a.IconSlot,{icon:o,iconProps:{variant:"fill",className:b.icon},"data-testid":"end-icon"})]})})}));W.displayName="ChipBase";var D=s.forwardRef((function({variant:e=_,...t},n){const i=s.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return r.jsx(W,{as:"button",ref:n,variant:e,layerClassNames:i,...t})}));D.displayName="ChipButton";var G=s.forwardRef((function({dismissButtonAriaLabel:e,onDismiss:n,dismissIcon:i,variant:o=_,disabled:l,...c},d){const u=s.useMemo((()=>({root:a.getStyles({chipDismissibleVariantRoot:o}),icon:a.getStyles({chipDismissibleVariantIcon:o})})),[o]),p=s.useCallback((e=>{e.stopPropagation(),n?.()}),[n]),h={icon:a.cx("uds-chip-dismissible-button","uds-hit-target")};return r.jsx(W,{ref:d,variant:o,disabled:l,tabIndex:-1,endIcon:n=>r.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:l,children:r.jsx(a.IconSlot,{icon:i??t.a,iconProps:n,"data-testid":"dismiss-icon"})}),layerClassNames:u,...c})}));G.displayName="ChipDismissible";var U=s.forwardRef((function({variant:e=_,href:t,disabled:n,...i},o){const l=s.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return r.jsx(W,{as:"a",ref:o,variant:e,disabled:n,layerClassNames:l,...{...i,href:n?void 0:t}})}));U.displayName="ChipLink";var X=s.forwardRef((function({isToggled:e=!1,onToggle:t,onClick:n,variant:i=_,...o},l){const c=s.useMemo((()=>({root:a.getStyles({chipToggleVariantRoot:i,chipToggleVariantActiveRoot:e?"on":"off"}),icon:a.getStyles({chipToggleVariantIcon:i})})),[e,i]),d=s.useCallback((a=>{t?.(!e),n?.(a)}),[e,n,t]);return r.jsx(W,{ref:l,as:"button",variant:i,onClick:d,"aria-pressed":e,layerClassNames:c,...o})}));X.displayName="ChipToggle";var K=s.forwardRef((function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...s},l){return n?r.jsx(G,{ref:l,onDismiss:n,...s}):i?r.jsx(X,{ref:l,onToggle:i,isToggled:o,...s}):t?r.jsx(U,{ref:l,href:t,...s,...a}):r.jsx(D,{ref:l,onClick:e,...s})}));K.displayName="Chip";var Z=s.forwardRef((function({variant:e,size:o,iconVariant:d,loading:u,disableEffects:p,name:h,type:m="button",htmlName:x,className:f,children:g,...b},y){const v=s.useRef(null);s.useImperativeHandle(y,(()=>v.current));const{palette:S,variant:C}=i.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=s.useMemo((()=>({button:a.getStyles({buttonVariant:C,buttonPalette:S,iconButtonSize:o,className:a.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",u&&"uds-button-loading",p&&"uds-button-without-effects",f)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[S,C,f,p,o,u]),N=c.useReducedMotion(),j=s.useMemo((()=>N?"smooth":"subtle"),[N]),k=s.useMemo((()=>{const{rest:e,hover:t,pressed:a}=P;return p?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}}),[p]);return r.jsx(n.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:p?"always":"user",children:r.jsx(c.m.button,{ref:v,type:m,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...b,children:r.jsxs(c.AnimatePresence,{initial:!1,mode:"popLayout",children:[u&&r.jsx(c.m.span,{variants:R,initial:"loading",animate:"loading",exit:"hide",children:r.jsx(a.Icon,{size:l.buttonIconSvgSize,name:t.o2,variant:d,color:"current",className:I.loading})},"loading"),h&&!u&&r.jsx(c.m.span,{variants:M,initial:"icon",animate:"icon",exit:"hide",children:g||r.jsx(a.Icon,{size:l.buttonIconSvgSize,name:h,variant:d,color:"current",className:I.icon})},h.name)]})})})})),J=({children:e,reduceMotion:t,layoutVariant:a})=>{const i=s.useRef(null),[o,l]=s.useState("auto");return s.useEffect((()=>{if(i.current){const e=new ResizeObserver((e=>{l(e[0].contentRect.height)}));return e.observe(i.current),()=>{e.disconnect()}}}),[]),r.jsx(n.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:r.jsx(c.m.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:r.jsx("div",{ref:i,children:e})})})},Y=s.memo((function({helpText:t,helperTextIcon:n,spacingStart:i,spacingTop:o,size:s,isFilled:l,...c}){return t?r.jsx(a.Box,{spacingTop:o,spacingStart:i,...c,children:r.jsx(e.InputHelpTextMemo,{startIcon:n,size:s,isFilled:l,children:d.isFunction(t)?t():t})}):null})),Q=s.memo((function({icon:e,className:t}){return e?r.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},className:t}):null})),ee=s.memo((function({icon:e,className:t}){if(!e)return null;return r.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:t})})),te=s.forwardRef((function({id:e,label:t,type:n="text",size:i="md",startIcon:o,endIcon:l,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=s.useId(),j=e??`uds-input-${N}`,k=`uds-input-${j}-help-text`,w=s.useRef(null);s.useImperativeHandle(I,(()=>w.current));const[V,M]=s.useState(x??""),R=s.useCallback((e=>{M(e.target.value),v?.(e)}),[v]),z=c.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.cx(a.getStyles({inputSizeInputWrapper:i,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:V?"filled":"empty"}),"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.cx(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 r.jsxs(a.VStack,{width:m,className:B.root,children:[t&&r.jsxs(a.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:B.label,children:[r.jsx("label",{htmlFor:j,children:d.isFunction(t)?t():t}),f&&r.jsx("span",{className:B.labelRequired,children:"*"})]}),r.jsxs(a.Box,{position:"relative",alignItems:"center",className:B.inputWrapper,children:[r.jsx(Q,{icon:o,className:B.startIcon}),r.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}),l&&r.jsx(a.HStack,{alignItems:"center",gap:"1",children:r.jsx(ee,{icon:l,className:B.endIcon})})]}),r.jsx(J,{reduceMotion:T,layoutVariant:z,children:r.jsx(Y,{id:k,helpText:u,spacingTop:"2",size:i,isFilled:!!V,helperTextIcon:p})})]})}));te.displayName="Input";var ae=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}},ne=s.createContext(new Map),ie=e=>{const t=s.useId();return e??`uds-radio-group-${t}`},oe={primary:"alert",secondary:"alert-secondary"},se=c.m.create(a.Box),re={layoutVariant:"smooth",layoutSpeed:"3"},le={layoutVariant:"veryBouncy",layoutSpeed:"4"},ce=s.forwardRef((function({id:t,name:i,label:o,labelPosition:l="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=s.useId(),k=t??`uds-radio-${j}`,w=s.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=s.useContext(ne),o=i instanceof ae,r=void 0!==a||o,l=ie(e),c=s.useMemo((()=>o?i:ae.findOrCreate(i,l)),[i,o,l]),[d,u]=s.useState(c.value),p=c.name??l,h=s.useCallback((e=>{c.setValue(e),r||u(e)}),[r,c]);return s.useEffect((()=>c.onChange(u)),[c]),s.useEffect((()=>{!0===a&&h(t)}),[a,t,h]),s.useEffect((()=>{if(o)return;const e=ae.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,o,p]),{name:p,isControlled:r,checked:r&&!o?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:i,value:h,checked:m,defaultChecked:x}),[T,P]=s.useState(!1),[B,A]=s.useState(!1),O=s.useMemo((()=>g?oe[d]:d),[g,d]),E=s.useMemo((()=>!f&&T),[f,T]),q=s.useMemo((()=>!f&&!R&&B),[R,f,B]),H=s.useMemo((()=>q?.9:E?1.1:1),[E,q]),L=s.useMemo((()=>R?q?"opacity-55":"opacity-100":"opacity-0"),[R,q]),F=s.useMemo((()=>!f&&(q&&!R||E&&R)),[R,f,E,q]),$=s.useMemo((()=>({scale:H})),[H]),_=s.useMemo((()=>B?le:re),[B]),W=s.useCallback((e=>{z(e.target.value),b?.(e)}),[b,z]),D=s.useCallback((e=>{y?.(e)}),[y]),G=s.useCallback((e=>{v?.(e)}),[v]),U=s.useCallback((()=>{P(!0)}),[]),X=s.useCallback((()=>{P(!1)}),[]),K=s.useCallback((()=>{A(!0)}),[]),Z=s.useCallback((()=>{A(!1)}),[]),J=p?"always":"user",Y=c.useReducedMotion()||p?"duration-0":"duration-120",Q={root:a.getStyles({radioSizeRoot:u,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:O,display:"flex",flexDirection:"start"===l?"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:O,radioVariantValueRadio:R?"checked":"unchecked",className:a.cx(["border","uds-ring","uds-ring-within",Y,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:a.getStyles({radioVariantRadioCircle:O,radioVariantValueRadioCircle:R?"checked":"unchecked",className:a.cx(["pointer-events-none","w-[8px]","h-[8px]",L,Y,"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"===l?"text-start":"text-end",C?.label)},ee=o?c.m.label:c.m.div;return r.jsx(n.SpringMotionConfig,{reducedMotion:J,..._,children:r.jsxs(ee,{className:Q.root,"data-testid":"container",onHoverStart:U,onHoverEnd:X,onTapStart:K,onTap:Z,onTapCancel:Z,tabIndex:-1,children:[r.jsxs(se,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:Q.radio,animate:$,insetShadow:F?"lg-invert":"none",children:[r.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:Q.htmlRadio}),r.jsx(a.Box,{borderRadius:"full",className:Q.radioCircle})]}),o&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:o,className:Q.label})]})})}));ce.displayName="Radio";var de=a.createSlot(),ue=class extends ae{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},pe=s.forwardRef((function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},l){const c=void 0!==a,d=ie(t),u=s.useMemo((()=>{const e=new ue(d,c);return e.value=c?a:n,e}),[n,c,d,a]);s.useEffect((()=>{u.onChangeCb=i}),[i,u]),s.useEffect((()=>{c&&u.setValue(a,!0)}),[c,u,a]),s.useEffect((()=>u.onChange((e=>i?.(e)))),[i,u]);const p=e?de:"div";return r.jsx(ne.Provider,{value:u,children:r.jsx(p,{role:"radiogroup",ref:l,...o})})}));pe.displayName="RadioGroupProvider";var he={md:{isOnX:20},sm:{isOnX:12}},me=m.create(a.Box),xe={layoutVariant:"bouncy",layoutSpeed:"4"},fe=s.forwardRef((function({id:t,isOn:i,defaultIsOn:o,onChange:l,label:d,labelPosition:u="start",size:p="md",onIcon:h,offIcon:x,reduceMotion:f,disabled:g,required:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=s.useId(),k=t??`uds-input-${j}`,w=s.useRef(null),V=void 0!==i,[M,R]=s.useState(V?i:o),[z,T]=s.useState(!1),P=s.useMemo((()=>!g&&z),[g,z]),{isOnX:B}=he[p],A=s.useMemo((()=>({initial:{scale:1,x:M?B:0},animate:{scale:P?1.05:1,x:M?B:0}})),[P,M,B]),O=s.useCallback((e=>{l?.(e),V||R(e.target.checked)}),[V,l]),E=s.useCallback((e=>{y?.(e)}),[y]),q=s.useCallback((e=>{v?.(e)}),[v]),H=s.useCallback((()=>{T(!0)}),[]),L=s.useCallback((()=>{T(!1)}),[]),F=f?"always":"user",$=c.useReducedMotion()||f?"duration-0":"duration-120";s.useEffect((()=>{V&&R(i)}),[i,V]);const _={root:a.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:M?"on":"off",display:"flex",flexDirection:"start"===u?"row":"row-reverse",alignItems:"center",className:a.cx("group",{"cursor-pointer":!g,"cursor-default":g,"opacity-50":g},C?.root,S)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:M?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:a.cx("uds-ring","uds-ring-within",$,"transition-[background-color,box-shadow]",C?.switch)}),handle:a.getStyles({switchSizeHandle:p,className:a.cx("relative","pointer-events-none","rounded-full","overflow-hidden",C?.handle)}),handleCircle:a.getStyles({switchVariantActiveHandle:M?"on":"off",switchVariantHandle:"default",className:a.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",$,"transition-[background-color,box-shadow,opacity]")}),handleIcon:a.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:M?"on":"off",className:a.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",$,"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",C?.label)},W=d?m.label:m.div;return r.jsx(n.SpringMotionConfig,{reducedMotion:F,...xe,children:r.jsxs(W,{className:_.root,"data-testid":"container",onHoverStart:H,onHoverEnd:L,tabIndex:-1,children:[r.jsxs(me,{className:_.switch,children:[r.jsx("input",{type:"checkbox",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:E,onBlur:q,id:k,disabled:g,required:b,checked:V?M:void 0,defaultChecked:V?void 0:o,onChange:O,className:_.htmlCheckbox,style:{}}),r.jsxs(me,{className:_.handle,...A,children:[r.jsx(a.Box,{className:_.handleCircle}),h&&r.jsx(a.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(_.handleIcon,M?"opacity-100":"opacity-0")}),x&&r.jsx(a.IconSlot,{icon:x,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx(_.handleIcon,M?"opacity-0":"opacity-100")})]})]}),d&&r.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:d,className:_.label})]})})}));fe.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return n.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return p.Menu}}),exports.Avatar=j,exports.AvatarIcon=C,exports.AvatarImage=N,exports.AvatarText=I,exports.Badge=k,exports.Button=A,exports.Checkbox=$,exports.Chip=K,exports.ChipButton=D,exports.ChipDismissible=G,exports.ChipLink=U,exports.ChipToggle=X,exports.IconButton=Z,exports.Input=te,exports.Radio=ce,exports.RadioGroupProvider=pe,exports.Switch=fe;