@yahoo/uds 3.16.1 → 3.17.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cli/bin/uds-darwin-arm64-baseline +0 -0
- package/cli/bin/uds-linux-arm64 +0 -0
- package/cli/bin/uds-linux-x64-baseline +0 -0
- package/dist/{Box-CcXdv2Rw.d.cts → Box-D40ThLwg.d.cts} +37 -1
- package/dist/{Box-CcXdv2Rw.d.ts → Box-D40ThLwg.d.ts} +37 -1
- package/dist/{Input-Cqqrcr9V.d.cts → Input-BJG3dbn8.d.cts} +1 -1
- package/dist/{Input-CpYGVQ-T.d.ts → Input-CDTSLT-Y.d.ts} +1 -1
- package/dist/{Input-BL9lQCDu.d.cts → Input-DcjzGTZ7.d.cts} +1 -1
- package/dist/{Input-BRzRLQxn.d.ts → Input-aHg6A-xT.d.ts} +1 -1
- package/dist/{Pressable-B4_x948C.d.ts → Pressable-BQeh2-VM.d.ts} +1 -1
- package/dist/{Pressable-CoLUS3i4.d.ts → Pressable-Dih5zV3K.d.ts} +1 -1
- package/dist/{Pressable-DLz3zvLg.d.cts → Pressable-F-zzCS7l.d.cts} +1 -1
- package/dist/{Pressable-uR0PuwES.d.cts → Pressable-WQVmMbYu.d.cts} +1 -1
- package/dist/SpringMotionConfig-BaeJprnv.d.cts +45 -0
- package/dist/SpringMotionConfig-CHsl5u8I.d.ts +45 -0
- package/dist/SpringMotionConfig-C_eNz6on.d.ts +45 -0
- package/dist/SpringMotionConfig-Cefj-EKu.d.cts +45 -0
- package/dist/{VStack-C-KFLkLJ.d.cts → VStack-B_2pGe-1.d.cts} +1 -1
- package/dist/{VStack-DUhbtLPK.d.cts → VStack-CxNiBX7w.d.cts} +1 -1
- package/dist/{VStack-D9yWaJWV.d.ts → VStack-DTlPpYIY.d.ts} +1 -1
- package/dist/{VStack-DSWpLD2I.d.ts → VStack-Df-pFFBu.d.ts} +1 -1
- package/dist/chunk-24HEQ4PT.js +1 -0
- package/dist/chunk-35PHZJZG.cjs +1 -0
- package/dist/chunk-3T5IX3JE.cjs +1 -0
- package/dist/chunk-4JQTWVQH.cjs +1 -0
- package/dist/chunk-4OQKZKM5.js +1 -0
- package/dist/chunk-6CS7RKHN.js +2 -0
- package/dist/chunk-6ZCIS462.cjs +2 -0
- package/dist/chunk-72JXN7EE.js +1 -0
- package/dist/chunk-A3B3VYP6.cjs +1 -0
- package/dist/chunk-A4MU7ARJ.cjs +1 -0
- package/dist/chunk-AIZ2OTKW.cjs +2 -0
- package/dist/chunk-COGJL3WI.cjs +1 -0
- package/dist/chunk-EF6FLPTH.cjs +1 -0
- package/dist/chunk-EIQXT4KY.cjs +1 -0
- package/dist/chunk-FOQRYH73.js +1 -0
- package/dist/chunk-GP7XCURZ.js +1 -0
- package/dist/chunk-GQ5RXICK.js +2 -0
- package/dist/chunk-HN3QQ5PU.js +2 -0
- package/dist/chunk-HUFHYJ5T.cjs +1 -0
- package/dist/chunk-I5TC35WI.cjs +1 -0
- package/dist/chunk-LLTDVFFX.js +2 -0
- package/dist/chunk-LUIZSLSJ.cjs +1 -0
- package/dist/chunk-MWF3T6YY.cjs +3 -0
- package/dist/chunk-OGMNTWFW.js +2 -0
- package/dist/chunk-OJB3FVN6.js +3 -0
- package/dist/chunk-ON6FCSMM.js +1 -0
- package/dist/chunk-PN3UA6WB.cjs +1 -0
- package/dist/chunk-Q3GQNZOI.js +1 -0
- package/dist/chunk-QFJTN7H3.js +2 -0
- package/dist/chunk-SQCEFYU5.cjs +3 -0
- package/dist/chunk-TPSHAL7U.js +3 -0
- package/dist/chunk-XMZZKQMQ.js +1 -0
- package/dist/client/Menu.cjs +1 -1
- package/dist/client/Menu.d.cts +3 -3
- package/dist/client/Menu.d.ts +3 -3
- package/dist/client/Menu.js +2 -2
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.d.cts +6 -38
- package/dist/client/index.d.ts +6 -38
- package/dist/client/index.js +1 -1
- package/dist/domMax-OBCHPQP3.js +1 -0
- package/dist/domMax-ZTC57OAI.cjs +1 -0
- package/dist/experimental/client/SwitchV2.cjs +1 -0
- package/dist/experimental/client/SwitchV2.d.cts +44 -0
- package/dist/experimental/client/SwitchV2.d.ts +44 -0
- package/dist/experimental/client/SwitchV2.js +1 -0
- package/dist/experimental/client/index.cjs +2 -2
- package/dist/experimental/client/index.d.cts +39 -2
- package/dist/experimental/client/index.d.ts +39 -2
- package/dist/experimental/client/index.js +2 -2
- package/dist/experimental/index.cjs +1 -1
- package/dist/experimental/index.d.cts +2 -2
- package/dist/experimental/index.d.ts +2 -2
- package/dist/experimental/index.js +1 -1
- package/dist/{index-DCMwb5yd.d.ts → index-Bxa_xSvC.d.ts} +1 -1
- package/dist/{index-BuZPwX-z.d.cts → index-M8SSwRxs.d.cts} +1 -1
- package/dist/{index-BSMvOULh.d.cts → index-RAdV2BNG.d.cts} +1 -1
- package/dist/{index-CEYXA0Pi.d.ts → index-d6kLnsm4.d.ts} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +6 -6
- package/dist/index.d.ts +6 -6
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.d.cts +1 -1
- package/dist/tailwind/plugin.d.ts +1 -1
- package/dist/tailwind/plugin.js +2 -2
- package/dist/tailwind/purger.cjs +1 -1
- package/dist/tailwind/purger.js +1 -1
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.d.cts +5 -5
- package/dist/tailwind/utils.d.ts +5 -5
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/automation/configs.cjs +1 -1
- package/dist/tokens/automation/configs.d.cts +2 -2
- package/dist/tokens/automation/configs.d.ts +2 -2
- package/dist/tokens/automation/configs.js +1 -1
- package/dist/tokens/automation/properties.cjs +1 -1
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/automation/properties.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/parseTokens.d.cts +1 -1
- package/dist/tokens/parseTokens.d.ts +1 -1
- package/dist/{types-B_G_Ws4q.d.ts → types-CDG_lMY2.d.cts} +1958 -1958
- package/dist/{types-bUSRKyjU.d.ts → types-CDG_lMY2.d.ts} +1 -1
- package/dist/{types-B_G_Ws4q.d.cts → types-v_SxufCg.d.cts} +1 -1
- package/dist/{types-bUSRKyjU.d.cts → types-v_SxufCg.d.ts} +1945 -1945
- package/package.json +12 -2
- package/dist/chunk-2O4KDOWQ.js +0 -2
- package/dist/chunk-37LEXEW4.js +0 -3
- package/dist/chunk-5ZMNC32B.js +0 -1
- package/dist/chunk-6BNYCBB5.cjs +0 -1
- package/dist/chunk-CJQWF4E7.cjs +0 -1
- package/dist/chunk-GDB25UGP.js +0 -2
- package/dist/chunk-HT3GLDSF.js +0 -2
- package/dist/chunk-IA5PTKGD.cjs +0 -1
- package/dist/chunk-JFLE7LSO.cjs +0 -3
- package/dist/chunk-M5SXYW4O.js +0 -1
- package/dist/chunk-NHBTWN5R.js +0 -3
- package/dist/chunk-ODIO4O52.js +0 -2
- package/dist/chunk-OMJ3BDEX.cjs +0 -1
- package/dist/chunk-RDF2NPZV.cjs +0 -1
- package/dist/chunk-RQARSMJK.cjs +0 -2
- package/dist/chunk-RR45EHLK.js +0 -3
- package/dist/chunk-S5OCORC7.js +0 -3
- package/dist/chunk-T7G5JTDY.js +0 -2
- package/dist/chunk-TJZ4HVAG.cjs +0 -3
- package/dist/chunk-W4KK6R6C.js +0 -1
- package/dist/chunk-WGG66FKO.cjs +0 -1
- package/dist/chunk-X2JAO3BG.cjs +0 -2
- package/dist/chunk-YMQMU4E2.cjs +0 -1
- package/dist/chunk-YR633T75.cjs +0 -1
- package/dist/chunk-YVEYAMML.js +0 -1
- package/dist/chunk-ZO4QHULA.cjs +0 -1
- /package/dist/{motionFeatures-6LIGGXPL.cjs → domAnimation-ESPUKI4G.cjs} +0 -0
- /package/dist/{motionFeatures-SJISLQ4M.js → domAnimation-MWKTMI4P.js} +0 -0
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";var r=require("./chunk-SQCEFYU5.cjs"),e=require("lodash-es"),a=require("react/jsx-runtime");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.FormLabel=({htmlFor:s,required:i,label:t,children:l,color:n="muted",variant:c="label3",hasError:o=!1,showRequiredAsterisk:u=!1,as:h="label",className:d,...m})=>{const x=t?e.isFunction(t)?t():t:l;return x?a.jsxs(r.Text,{variant:c,color:n,as:h,htmlFor:s,className:r.cx("cursor-[inherit]",d),...m,children:[x,i&&u&&a.jsx(r.Text,{as:"sup",color:o?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null};
|
@@ -0,0 +1,3 @@
|
|
1
|
+
"use strict";var o=require("./chunk-FSOKVNOU.cjs"),r=require("@yahoo/uds/fixtures"),t=require("@yahoo/uds/flags"),e=require("clsx"),n=require("imurmurhash"),i=require("tailwind-merge"),a=require("react"),l=require("react/jsx-runtime"),s=require("lodash-es");function d(o){return o&&o.__esModule?o:{default:o}}var f=d(e),c=d(n);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
function p(o){return"boolean"==typeof o?`${o}`:0===o?"0":o}function u(o){const r=Object.create(null),t=Object.keys(o);for(let e=0,n=t.length;e<n;e++){const n=t[e];void 0!==o[n]&&(r[n]=o[n])}return r}var b=i.extendTailwindMerge({extend:{theme:{borderColor:r.lineColors,borderWidth:r.borderWidths,borderRadius:r.borderRadii}},override:{classGroups:{"text-color":[{text:[...r.foregroundColors,...r.spectrumColors]}],"bg-color":[{bg:r.backgroundColors}],"font-family":[{font:["icons",...r.textVariants]}],leading:[{leading:r.textVariants}]},conflictingClassGroups:{}}}),h=(...o)=>{const r=f.default(o);return b(r)},m=o=>r=>{if(!o?.variants)return h(o?.base,r?.className);const{variants:t,defaultVariants:e}=o,n=Object.keys(t).map((o=>{const n=r?.[o],i=e?.[o],a=p(n)||p(i);return t[o][a]})),i={...e,...r&&u(r)},a=o?.compoundVariants?.reduce(((o,{className:r,...t})=>Object.entries(t).every((([o,r])=>i[o]===r))?h(o,r):o),"");return h(o?.base,n,a,r?.className)},g=m({variants:o.variants}),x=new Map,C=o=>{const{useGetStylesCache:r}=t.getFeatureFlags();if(r){const r=function(o){const r=Object.create(null),t=Object.keys(o).sort();for(let e=0,n=t.length;e<n;e++){const n=t[e];r[n]=o[n]}return r}(u(o)),t=(new c.default).hash(JSON.stringify(r)).result();if(x.has(t))return x.get(t);const e=g(r);return x.set(t,e),e}return g(o)};function S(...o){return r=>o.forEach((o=>function(o,r){"function"==typeof o?o(r):null!=o&&(o.current=r)}(o,r)))}function w(){const o=a.forwardRef(((o,t)=>{const{children:n,...i}=o,s=a.Children.toArray(n),d=s.find(e);if(d){const o=d.props.children,e=s.map((r=>r===d?a.Children.count(o)>1?a.Children.only(null):a.isValidElement(o)?o.props.children:null:r));return l.jsx(r,{...i,ref:t,children:a.isValidElement(o)?a.cloneElement(o,void 0,e):null})}return l.jsx(r,{...i,ref:t,children:n})}));o.displayName="Slot";const r=a.forwardRef(((o,r)=>{const{children:t,...e}=o;return a.isValidElement(t)?a.cloneElement(t,{...n(e,t.props),ref:r?S(r,t.ref):t.ref}):a.Children.count(t)>1?a.Children.only(null):null}));r.displayName="SlotClone";const t=({children:o})=>o;function e(o){return a.isValidElement(o)&&o.type===t}function n(o,r){const t={...r};for(const e in r){const n=o[e],i=r[e];/^on[A-Z]/.test(e)?n&&i?t[e]=(...o)=>{i(...o),n(...o)}:n&&(t[e]=n):"style"===e&&(t[e]={...n,...i})}return{...o,...t}}return o}var y=w(),v=a.forwardRef((function({asChild:o,className:r,backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:s,borderColor:d,borderStartColor:f,borderEndColor:c,borderTopColor:p,borderBottomColor:u,borderWidth:b,borderVerticalWidth:h,borderHorizontalWidth:m,borderStartWidth:g,borderEndWidth:x,borderTopWidth:S,borderBottomWidth:w,alignContent:v,alignItems:W,alignSelf:E,flex:B,flexDirection:T,flexGrow:R,flexShrink:V,flexWrap:j,justifyContent:N,flexBasis:z,display:G="flex",overflow:H,overflowX:k,overflowY:q,position:O,spacing:I,spacingHorizontal:F,spacingVertical:A,spacingBottom:D,spacingEnd:X,spacingStart:Y,spacingTop:M,offset:$,offsetVertical:_,offsetHorizontal:J,offsetBottom:K,offsetEnd:P,offsetStart:U,offsetTop:Z,columnGap:L,rowGap:Q,width:oo,height:ro,dropShadow:to,insetShadow:eo,...no},io){const ao=C({backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:s,borderColor:d,borderStartColor:f,borderEndColor:c,borderTopColor:p,borderBottomColor:u,borderWidth:b,borderVerticalWidth:h,borderHorizontalWidth:m,borderStartWidth:g,borderEndWidth:x,borderTopWidth:S,borderBottomWidth:w,alignContent:v,alignItems:W,alignSelf:E,flex:B,flexDirection:T,flexGrow:R,flexShrink:V,flexWrap:j,justifyContent:N,flexBasis:z,display:G,overflow:H,overflowX:k,overflowY:q,position:O,spacing:I,spacingHorizontal:F,spacingVertical:A,spacingBottom:D,spacingEnd:X,spacingStart:Y,spacingTop:M,offset:$,offsetVertical:_,offsetHorizontal:J,offsetBottom:K,offsetEnd:P,offsetStart:U,offsetTop:Z,columnGap:L,rowGap:Q,width:oo,height:ro,dropShadow:to,insetShadow:eo,className:r}),lo=o?y:"div";return l.jsx(lo,{className:ao,ref:io,...no})}));v.displayName="Box";var W=w(),E={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",label3:"p",label4:"p",caption1:"p",caption2:"p",legal1:"p",inherit:"p"},B=a.forwardRef((function({className:o,asChild:r,color:t="primary",variant:e="body1",as:n=E[e],fontFamily:i,fontSize:a,fontWeight:s,lineHeight:d,textTransform:f,textAlign:c,backgroundColor:p,borderRadius:u,borderTopStartRadius:b,borderTopEndRadius:h,borderBottomStartRadius:m,borderBottomEndRadius:g,borderColor:x,borderStartColor:S,borderEndColor:w,borderTopColor:y,borderBottomColor:v,borderWidth:B,borderVerticalWidth:T,borderHorizontalWidth:R,borderStartWidth:V,borderEndWidth:j,borderTopWidth:N,borderBottomWidth:z,alignContent:G,alignItems:H,alignSelf:k,flex:q,flexDirection:O,flexGrow:I,flexShrink:F,flexWrap:A,justifyContent:D,flexBasis:X,display:Y,overflow:M,overflowX:$,overflowY:_,position:J,spacing:K,spacingHorizontal:P,spacingVertical:U,spacingBottom:Z,spacingEnd:L,spacingStart:Q,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo,...co},po){const uo={...t&&"inherit"!==t?{color:t}:{},...e&&"inherit"!==e?{fontFamily:i??e,fontSize:a??e,fontWeight:s??e,lineHeight:d??e,textTransform:f??e}:{},textAlign:c},bo=C({className:o,...uo,backgroundColor:p,borderRadius:u,borderTopStartRadius:b,borderTopEndRadius:h,borderBottomStartRadius:m,borderBottomEndRadius:g,borderColor:x,borderStartColor:S,borderEndColor:w,borderTopColor:y,borderBottomColor:v,borderWidth:B,borderVerticalWidth:T,borderHorizontalWidth:R,borderStartWidth:V,borderEndWidth:j,borderTopWidth:N,borderBottomWidth:z,alignContent:G,alignItems:H,alignSelf:k,flex:q,flexDirection:O,flexGrow:I,flexShrink:F,flexWrap:A,justifyContent:D,flexBasis:X,display:Y,overflow:M,overflowX:$,overflowY:_,position:J,spacing:K,spacingHorizontal:P,spacingVertical:U,spacingBottom:Z,spacingEnd:L,spacingStart:Q,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo}),ho=r?W:n;return l.jsx(ho,{className:bo,ref:po,...co})}));B.displayName="Text";var T={xs:12,sm:16,md:24,lg:32},R=a.forwardRef((function({name:o,size:r="md",variant:t="outline",color:e="primary",className:n,...i},a){const s=o.metadata?.variants??[],d=s.includes(t)?t:s[0]??"fill",f="multicolor"===d,c=C({flex:"none",color:f?void 0:e,className:h(n,!f&&"[&_path]:fill-current")}),p=T[r];return l.jsx("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:p,height:p,viewBox:`0 0 ${p} ${p}`,"aria-hidden":"true",focusable:"false",className:c,...i,children:l.jsx(o,{size:r,variant:d})})}));R.displayName="Icon";var V=a.memo((function({icon:o,iconProps:r,...t}){if(!o)return null;const e=r??{},n=o;if(n.metadata?.isSvgIcon)return l.jsx(R,{name:n,...e,...t});if(s.isFunction(o)){const r=o(e);return a.isValidElement(r)&&a.cloneElement(r,t)}return a.isValidElement(o)&&a.cloneElement(o,{...e,...o.props,...t})}));
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Box=v,exports.Icon=R,exports.IconSlot=V,exports.Text=B,exports.createSlot=w,exports.cva=m,exports.cx=h,exports.getStyles=C;
|
@@ -0,0 +1,2 @@
|
|
1
|
+
import{getMotionVar as s}from"./chunk-6CS7RKHN.js";import{LazyMotion as n,MotionConfig as t}from"motion/react";import{createContext as e,useState as i,useEffect as o,useMemo as r,useContext as a}from"react";import{jsx as f}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
var m={damped:{1:{damping:20.585796264350424,stiffness:62.37968115365702},2:{damping:29.312551281312288,stiffness:126.47801753759964},3:{damping:48.92799401356162,stiffness:352.3892336537332},4:{damping:123.42690994256348,stiffness:2242.474548821137}},smooth:{1:{damping:16.46863701148034,stiffness:67.80400125397502},2:{damping:23.45004102504983,stiffness:137.47610601913004},3:{damping:39.1423952108493,stiffness:383.03177571057955},4:{damping:98.7415279540508,stiffness:2437.4723356751488}},subtle:{1:{damping:13.04316051309243,stiffness:67.80400125397502},2:{damping:18.572432491839468,stiffness:137.47610601913004},3:{damping:31.000777006992646,stiffness:383.03177571057955},4:{damping:78.20329013960823,stiffness:2437.4723356751488}},bouncy:{1:{damping:9.229712940600143,stiffness:48.880672622541795},2:{damping:12.634144343496553,stiffness:91.59092691366399},3:{damping:19.40217701790486,stiffness:216.00395877230474},4:{damping:37.541723184430275,stiffness:808.7032559422912}},veryBouncy:{1:{damping:6.902290754946187,stiffness:38.92152745126911},2:{damping:9.155550514215523,stiffness:68.48134828711234},3:{damping:13.244464908166709,stiffness:143.30858570843873},4:{damping:22.17862652876726,stiffness:401.85804919502965}}},p=()=>import("./domAnimation-MWKTMI4P.js").then((({domAnimation:s})=>s));function d({children:e,reducedMotion:d="user",loadFeatures:u=p,layoutVariant:c="subtle",layoutSpeed:l="3",colorVariant:y="smooth",colorSpeed:b="3"}){const h=m[c][l],v=m[y][b],[P,V]=i(h),[N,C]=i(v),M={variant:y,speed:b},S=s({...M,control:"stiffness"}),j=s({...M,control:"damping"}),k={variant:c,speed:l},x=s({...k,control:"stiffness"}),A=s({...k,control:"damping"});o((()=>{const s=getComputedStyle(document.documentElement),n={type:"spring",damping:Number(s.getPropertyValue(A)),stiffness:Number(s.getPropertyValue(x))},t={type:"spring",damping:Number(s.getPropertyValue(j)),stiffness:Number(s.getPropertyValue(S))};V(n),C(t)}),[j,S,A,x]);const K=r((()=>({type:"spring",mass:1,...P,layout:P,opacity:N,color:N,borderColor:N,backgroundColor:N})),[N,P]);return a(g)?e:f(n,{features:u,strict:!0,children:f(t,{transition:K,reducedMotion:d,children:e})})}var g=e(!1),u=g.Provider;export{u as AvoidMotionLibraryProvider,d as SpringMotionConfig};
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import{variants as o}from"./chunk-NYAQO47N.js";import{textVariants as r,backgroundColors as t,foregroundColors as e,spectrumColors as n,borderRadii as i,borderWidths as a,lineColors as l}from"@yahoo/uds/fixtures";import{getFeatureFlags as s}from"@yahoo/uds/flags";import d from"clsx";import f from"imurmurhash";import{extendTailwindMerge as c}from"tailwind-merge";import{forwardRef as p,memo as u,isValidElement as b,cloneElement as m,Children as h}from"react";import{jsx as g}from"react/jsx-runtime";import{isFunction as S}from"lodash-es";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
function x(o){return"boolean"==typeof o?`${o}`:0===o?"0":o}function y(o){const r=Object.create(null),t=Object.keys(o);for(let e=0,n=t.length;e<n;e++){const n=t[e];void 0!==o[n]&&(r[n]=o[n])}return r}var C=c({extend:{theme:{borderColor:l,borderWidth:a,borderRadius:i}},override:{classGroups:{"text-color":[{text:[...e,...n]}],"bg-color":[{bg:t}],"font-family":[{font:["icons",...r]}],leading:[{leading:r}]},conflictingClassGroups:{}}}),w=(...o)=>{const r=d(o);return C(r)},W=o=>r=>{if(!o?.variants)return w(o?.base,r?.className);const{variants:t,defaultVariants:e}=o,n=Object.keys(t).map((o=>{const n=r?.[o],i=e?.[o],a=x(n)||x(i);return t[o][a]})),i={...e,...r&&y(r)},a=o?.compoundVariants?.reduce(((o,{className:r,...t})=>Object.entries(t).every((([o,r])=>i[o]===r))?w(o,r):o),"");return w(o?.base,n,a,r?.className)},v=W({variants:o}),B=new Map,T=o=>{const{useGetStylesCache:r}=s();if(r){const r=function(o){const r=Object.create(null),t=Object.keys(o).sort();for(let e=0,n=t.length;e<n;e++){const n=t[e];r[n]=o[n]}return r}(y(o)),t=(new f).hash(JSON.stringify(r)).result();if(B.has(t))return B.get(t);const e=v(r);return B.set(t,e),e}return v(o)};function E(...o){return r=>o.forEach((o=>function(o,r){"function"==typeof o?o(r):null!=o&&(o.current=r)}(o,r)))}function R(){const o=p(((o,t)=>{const{children:n,...i}=o,a=h.toArray(n),l=a.find(e);if(l){const o=l.props.children,e=a.map((r=>r===l?h.count(o)>1?h.only(null):b(o)?o.props.children:null:r));return g(r,{...i,ref:t,children:b(o)?m(o,void 0,e):null})}return g(r,{...i,ref:t,children:n})}));o.displayName="Slot";const r=p(((o,r)=>{const{children:t,...e}=o;return b(t)?m(t,{...n(e,t.props),ref:r?E(r,t.ref):t.ref}):h.count(t)>1?h.only(null):null}));r.displayName="SlotClone";const t=({children:o})=>o;function e(o){return b(o)&&o.type===t}function n(o,r){const t={...r};for(const e in r){const n=o[e],i=r[e];/^on[A-Z]/.test(e)?n&&i?t[e]=(...o)=>{i(...o),n(...o)}:n&&(t[e]=n):"style"===e&&(t[e]={...n,...i})}return{...o,...t}}return o}var N=R(),z=p((function({asChild:o,className:r,backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:b,borderHorizontalWidth:m,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:C,alignItems:w,alignSelf:W,flex:v,flexDirection:B,flexGrow:E,flexShrink:R,flexWrap:z,justifyContent:G,flexBasis:H,display:V="flex",overflow:j,overflowX:k,overflowY:O,position:I,spacing:A,spacingHorizontal:Y,spacingVertical:D,spacingBottom:X,spacingEnd:$,spacingStart:F,spacingTop:J,offset:M,offsetVertical:P,offsetHorizontal:Q,offsetBottom:Z,offsetEnd:_,offsetStart:q,offsetTop:K,columnGap:L,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,...no},io){const ao=T({backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:b,borderHorizontalWidth:m,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:C,alignItems:w,alignSelf:W,flex:v,flexDirection:B,flexGrow:E,flexShrink:R,flexWrap:z,justifyContent:G,flexBasis:H,display:V,overflow:j,overflowX:k,overflowY:O,position:I,spacing:A,spacingHorizontal:Y,spacingVertical:D,spacingBottom:X,spacingEnd:$,spacingStart:F,spacingTop:J,offset:M,offsetVertical:P,offsetHorizontal:Q,offsetBottom:Z,offsetEnd:_,offsetStart:q,offsetTop:K,columnGap:L,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,className:r});return g(o?N:"div",{className:ao,ref:io,...no})}));z.displayName="Box";var G=R(),H={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",label3:"p",label4:"p",caption1:"p",caption2:"p",legal1:"p",inherit:"p"},V=p((function({className:o,asChild:r,color:t="primary",variant:e="body1",as:n=H[e],fontFamily:i,fontSize:a,fontWeight:l,lineHeight:s,textTransform:d,textAlign:f,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:b,borderBottomStartRadius:m,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:C,borderBottomColor:w,borderWidth:W,borderVerticalWidth:v,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:R,borderTopWidth:N,borderBottomWidth:z,alignContent:V,alignItems:j,alignSelf:k,flex:O,flexDirection:I,flexGrow:A,flexShrink:Y,flexWrap:D,justifyContent:X,flexBasis:$,display:F,overflow:J,overflowX:M,overflowY:P,position:Q,spacing:Z,spacingHorizontal:_,spacingVertical:q,spacingBottom:K,spacingEnd:L,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo,...co},po){const uo={...t&&"inherit"!==t?{color:t}:{},...e&&"inherit"!==e?{fontFamily:i??e,fontSize:a??e,fontWeight:l??e,lineHeight:s??e,textTransform:d??e}:{},textAlign:f},bo=T({className:o,...uo,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:b,borderBottomStartRadius:m,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:C,borderBottomColor:w,borderWidth:W,borderVerticalWidth:v,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:R,borderTopWidth:N,borderBottomWidth:z,alignContent:V,alignItems:j,alignSelf:k,flex:O,flexDirection:I,flexGrow:A,flexShrink:Y,flexWrap:D,justifyContent:X,flexBasis:$,display:F,overflow:J,overflowX:M,overflowY:P,position:Q,spacing:Z,spacingHorizontal:_,spacingVertical:q,spacingBottom:K,spacingEnd:L,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo});return g(r?G:n,{className:bo,ref:po,...co})}));V.displayName="Text";var j={xs:12,sm:16,md:24,lg:32},k=p((function({name:o,size:r="md",variant:t="outline",color:e="primary",className:n,...i},a){const l=o.metadata?.variants??[],s=l.includes(t)?t:l[0]??"fill",d="multicolor"===s,f=T({flex:"none",color:d?void 0:e,className:w(n,!d&&"[&_path]:fill-current")}),c=j[r];return g("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:c,height:c,viewBox:`0 0 ${c} ${c}`,"aria-hidden":"true",focusable:"false",className:f,...i,children:g(o,{size:r,variant:s})})}));k.displayName="Icon";var O=u((function({icon:o,iconProps:r,...t}){if(!o)return null;const e=r??{},n=o;if(n.metadata?.isSvgIcon)return g(k,{name:n,...e,...t});if(S(o)){const r=o(e);return b(r)&&m(r,t)}return b(o)&&m(o,{...e,...o.props,...t})}));
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{z as Box,k as Icon,O as IconSlot,V as Text,R as createSlot,W as cva,w as cx,T as getStyles};
|
@@ -0,0 +1 @@
|
|
1
|
+
import{VStack as e,HStack as r}from"./chunk-4OQKZKM5.js";import{cx as t,Box as i,Text as o,getStyles as a}from"./chunk-OJB3FVN6.js";import{forwardRef as n,useMemo as l}from"react";import{jsxs as s,jsx as d}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var c={horizontal:"w-full",vertical:""},m=n((function({vertical:a=!1,contentPosition:n="center",className:m,layerClassNames:h,children:f,...v},x){const N=a?"vertical":"horizontal",p=a?e:r,b=l((()=>({root:t(c[N],m,h?.root),label:t(h?.text),line:h?.line})),[m,N,h?.root,h?.text,h?.line]),u=l((()=>"vertical"===N?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0}:{borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:0}),[N]),y=()=>d(i,{flex:"1",className:b.line,style:u});return f?s(p,{flex:"1",alignItems:"center",className:b.root,ref:x,...v,children:["start"!==n&&d(y,{}),d(i,{flex:"none",children:d(o,{color:"inherit",variant:"inherit",className:b.label,children:f})}),"end"!==n&&d(y,{})]}):d(i,{display:"flex",flex:"none",className:b.root,ref:x,...v,children:d(y,{})})}));m.displayName="DividerCore";var h=n((function({variant:e="primary",layerClassNames:r,...i},o){const n=l((()=>({root:t("inherit"!==e&&a({dividerVariantRoot:e}),r?.root),text:t("inherit"!==e?a({dividerVariantLabel:e}):void 0,r?.text),line:t("inherit"!==e&&a({dividerVariantLine:e}),r?.line)})),[r?.line,r?.root,r?.text,e]);return d(m,{ref:o,layerClassNames:n,...i})}));h.displayName="DividerInternal";export{h as DividerInternal};
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";var e=require("./chunk-HUFHYJ5T.cjs"),r=require("./chunk-SQCEFYU5.cjs"),t=require("react"),i=require("react/jsx-runtime"),a={horizontal:"w-full",vertical:""},o=t.forwardRef((function({vertical:o=!1,contentPosition:l="center",className:n,layerClassNames:s,children:c,...d},x){const h=o?"vertical":"horizontal",m=o?e.VStack:e.HStack,f=t.useMemo((()=>({root:r.cx(a[h],n,s?.root),label:r.cx(s?.text),line:s?.line})),[n,h,s?.root,s?.text,s?.line]),u=t.useMemo((()=>"vertical"===h?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0}:{borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:0}),[h]),v=()=>i.jsx(r.Box,{flex:"1",className:f.line,style:u});return c?i.jsxs(m,{flex:"1",alignItems:"center",className:f.root,ref:x,...d,children:["start"!==l&&i.jsx(v,{}),i.jsx(r.Box,{flex:"none",children:i.jsx(r.Text,{color:"inherit",variant:"inherit",className:f.label,children:c})}),"end"!==l&&i.jsx(v,{})]}):i.jsx(r.Box,{display:"flex",flex:"none",className:f.root,ref:x,...d,children:i.jsx(v,{})})}));/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */o.displayName="DividerCore";var l=t.forwardRef((function({variant:e="primary",layerClassNames:a,...l},n){const s=t.useMemo((()=>({root:r.cx("inherit"!==e&&r.getStyles({dividerVariantRoot:e}),a?.root),text:r.cx("inherit"!==e?r.getStyles({dividerVariantLabel:e}):void 0,a?.text),line:r.cx("inherit"!==e&&r.getStyles({dividerVariantLine:e}),a?.line)})),[a?.line,a?.root,a?.text,e]);return i.jsx(o,{ref:n,layerClassNames:s,...l})}));l.displayName="DividerInternal",exports.DividerInternal=l;
|
@@ -0,0 +1 @@
|
|
1
|
+
import{VStack as e,HStack as r}from"./chunk-24HEQ4PT.js";import{cx as t,Box as i,Text as o,getStyles as a}from"./chunk-TPSHAL7U.js";import{forwardRef as n,useMemo as l}from"react";import{jsxs as s,jsx as d}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var c={horizontal:"w-full",vertical:""},m=n((function({vertical:a=!1,contentPosition:n="center",className:m,layerClassNames:h,children:f,...v},x){const p=a?"vertical":"horizontal",N=a?e:r,b=l((()=>({root:t(c[p],m,h?.root),label:t(h?.text),line:h?.line})),[m,p,h?.root,h?.text,h?.line]),u=l((()=>"vertical"===p?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0}:{borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:0}),[p]),y=()=>d(i,{flex:"1",className:b.line,style:u});return f?s(N,{flex:"1",alignItems:"center",className:b.root,ref:x,...v,children:["start"!==n&&d(y,{}),d(i,{flex:"none",children:d(o,{color:"inherit",variant:"inherit",className:b.label,children:f})}),"end"!==n&&d(y,{})]}):d(i,{display:"flex",flex:"none",className:b.root,ref:x,...v,children:d(y,{})})}));m.displayName="DividerCore";var h=n((function({variant:e="primary",layerClassNames:r,...i},o){const n=l((()=>({root:t("inherit"!==e&&a({dividerVariantRoot:e}),r?.root),text:t("inherit"!==e?a({dividerVariantLabel:e}):void 0,r?.text),line:t("inherit"!==e&&a({dividerVariantLine:e}),r?.line)})),[r?.line,r?.root,r?.text,e]);return d(m,{ref:o,layerClassNames:n,...i})}));h.displayName="DividerInternal";export{h as DividerInternal};
|
@@ -0,0 +1,2 @@
|
|
1
|
+
import{createSlot as r,getStyles as l}from"./chunk-TPSHAL7U.js";import{forwardRef as e}from"react";import{jsx as t,Fragment as o,jsxs as a}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var i=r(),n=e((function({className:r,asChild:e,onPress:o,onClick:a=o,backgroundColor:n,borderRadius:h,borderTopStartRadius:c,borderTopEndRadius:d,borderBottomStartRadius:s,borderBottomEndRadius:u,borderColor:f,borderStartColor:m,borderEndColor:v,borderTopColor:p,borderBottomColor:z,borderWidth:C,borderVerticalWidth:M,borderHorizontalWidth:g,borderStartWidth:H,borderEndWidth:b,borderTopWidth:V,borderBottomWidth:S,alignContent:L,alignItems:w,alignSelf:x,flex:A,flexDirection:B,flexGrow:W,flexShrink:T,flexWrap:E,justifyContent:_,flexBasis:P,display:R,overflow:k,overflowX:I,overflowY:G,position:j,spacing:y,spacingHorizontal:N,spacingVertical:D,spacingBottom:X,spacingEnd:Y,spacingStart:q,spacingTop:U,offset:F,offsetVertical:J,offsetHorizontal:K,offsetBottom:O,offsetEnd:Q,offsetStart:Z,offsetTop:$,columnGap:rr,rowGap:lr,dropShadow:er,insetShadow:tr,...or},ar){const ir=l({backgroundColor:n,borderRadius:h,borderTopStartRadius:c,borderTopEndRadius:d,borderBottomStartRadius:s,borderBottomEndRadius:u,borderColor:f,borderStartColor:m,borderEndColor:v,borderTopColor:p,borderBottomColor:z,borderWidth:C,borderVerticalWidth:M,borderHorizontalWidth:g,borderStartWidth:H,borderEndWidth:b,borderTopWidth:V,borderBottomWidth:S,alignContent:L,alignItems:w,alignSelf:x,flex:A,flexDirection:B,flexGrow:W,flexShrink:T,flexWrap:E,justifyContent:_,flexBasis:P,display:R,overflow:k,overflowX:I,overflowY:G,position:j,spacing:y,spacingHorizontal:N,spacingVertical:D,spacingBottom:X,spacingEnd:Y,spacingStart:q,spacingTop:U,offset:F,offsetVertical:J,offsetHorizontal:K,offsetBottom:O,offsetEnd:Q,offsetStart:Z,offsetTop:$,columnGap:rr,rowGap:lr,dropShadow:er,insetShadow:tr,className:r});return t(e?i:"button",{className:ir,ref:ar,onClick:a,...or})})),h=({size:r,variant:l})=>{if("outline"===l)switch(r){case"xs":return t(o,{children:a("g",{fill:"currentColor",clipPath:"url(#Building-outline-12_svg__a)",children:[t("path",{d:"M4.875 8.125h-1.5v-1.5h1.5zm0-2.625h-1.5V4h1.5z"}),t("path",{d:"m7.5 2.643 3.75 1.31v7.297H.75V.75H7.5zM1.95 10.05H6.3v-8.1H1.95zm5.625 0h2.475V4.805l-2.475-.866z"})]})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M8.4 2.6H2.6v10.8H4V11h3v2.4h1.4zM1 15V1h9v2.524l5 1.746V15zm9.1-9.746V13.4h3.3V6.406zM4.5 4h2v2h-2zm2 3.5h-2v2h2z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M13.367 4.752H4.3v14.495h2.724v-4.533h3.619v4.533h2.714V4.762l.01.003zM21.5 21.047h-19V2.952h12.667v2.494L21.5 7.843zm-1.8-1.8V9.087L15.167 7.37v11.876zM7.929 11.095h-1.81v1.81h1.81zm-1.81-3.619h1.81v1.81h-1.81zm5.429 0h-1.81v1.81h1.81zm-1.81 3.619h1.81v1.81h-1.81z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M17.8 4.2H4.2v23.6H8V21h6v6.8h3.8zM2 30V2h18v5.725l10 3.626V30zm18.2-19.862V27.8h7.6V12.894zM10 8H7v3h3zm-3 6h3v3H7zm5-6h3v3h-3zm3 6h-3v3h3zm7.5 1h3v3h-3zm3 6h-3v3h3z"})})}if("fill"===l)switch(r){case"xs":return t(o,{children:t("g",{fill:"currentColor",clipPath:"url(#Building-fill-12_svg__a)",children:t("path",{d:"M7.5 11.25H.75V.75H7.5zM3.375 8.125h1.5v-1.5h-1.5zm0-2.625h1.5V4h-1.5zm7.875-1.547v7.297H9V3z"})})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M4.5 4v2h2V4zm2 3.5h-2v2h2zM12 4l3 1.27V15h-3zM1 1h9v14H1z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M2.5 2.952h10.857v18.095H2.5zm2.714 7.238V12h1.81v-1.81zm1.81-3.619h-1.81v1.81h1.81zm1.81 0v1.81h1.809V6.57zm1.809 3.62h-1.81V12h1.81zm-4.524 4.523v4.524h3.62v-4.524zM21.5 7.843l-6.333-3.081v16.285H21.5z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M2 2h16v28H2zm5 19v7h6v-7zM8.5 7h-3v3h3zm-3 6v3h3v-3zm9-6h-3v3h3zm-3 6v3h3v-3zM20 7l10 4.351V30H20zm3.5 8v3h3v-3z"})})}return t(o,{})};h.metadata={name:"Building",isSvgIcon:!0,variants:["outline","fill"]};var c=({size:r,variant:l})=>{if("outline"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"m10.843 2.896-5.77 6.966L1.15 5.98l.845-.853 2.99 2.96L9.919 2.13z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M13.5 3.89 6.951 12 2.5 7.48l.958-.993 3.394 3.447L12.452 3z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M20.264 5.852 10.37 18.366l-6.642-6.89 1.295-1.249 5.213 5.407 8.616-10.898z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M30.19 6.341 13.677 26.276 2.803 15.509l1.688-1.706 9.012 8.922L28.341 4.81z"})})}if("fill"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"M10.985 2.883 5.081 10.01 1.01 5.98l.985-.996L4.98 7.94l4.928-5.95z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M13.593 4.502 6.968 12.5 2.4 7.978 3.505 6.86l3.348 3.315 5.53-6.676z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"m20.545 5.82-10.16 12.85-6.94-7.198 1.584-1.527 5.192 5.385L18.82 4.455z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M30.33 6.328 13.687 26.423 2.662 15.51l1.829-1.848 9.005 8.916 14.832-17.91z"})})}return t(o,{})};c.metadata={name:"Check",isSvgIcon:!0,variants:["outline","fill"]};var d=({size:r,variant:l})=>{if("outline"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"m9.745 3.099-2.9 2.898 2.901 2.9-.849.85-2.899-2.901-2.9 2.9-.848-.849 2.9-2.9L2.25 3.1l.848-.848L5.997 5.15l2.9-2.898z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"m12.526 4.465-.99-.99L8 7.01 4.465 3.475l-.99.99L7.01 8l-3.535 3.536.99.99L8 8.99l3.536 3.536.99-.99L8.99 8z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"m13.44 11.956 6.572-6.571L18.527 3.9l-6.571 6.57L5.385 3.9 3.9 5.385l6.57 6.57-6.57 6.572 1.485 1.485 6.57-6.571 6.572 6.57 1.485-1.484z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M17.702 15.934 28.818 4.818 27.05 3.05 15.934 14.166 4.818 3.05 3.05 4.818l11.116 11.116L3.05 27.05l1.768 1.768 11.116-11.116L27.05 28.818l1.768-1.768z"})})}if("fill"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"m9.888 3.099-2.9 2.898 2.899 2.9-.99.99-2.9-2.9-2.898 2.9-.99-.99 2.898-2.9L2.108 3.1l.99-.99 2.9 2.898 2.9-2.898z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"m9.131 8 3.536-3.536-1.131-1.131L8 6.869 4.464 3.333 3.333 4.464 6.869 8l-3.536 3.535 1.131 1.132L8 9.13l3.535 3.536 1.132-1.131z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"m12 13.768 6.337 6.337 1.768-1.768L13.768 12l6.337-6.337-1.768-1.768L12 10.232 5.663 3.895 3.895 5.663 10.232 12l-6.337 6.337 1.768 1.768z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M17.91 16 28.954 4.955l-1.91-1.91L16 14.091 4.955 3.045l-1.91 1.91L14.091 16 3.045 27.045l1.91 1.91L16 17.909l11.045 11.046 1.91-1.91z"})})}return t(o,{})};d.metadata={name:"Cross",isSvgIcon:!0,variants:["outline","fill"]};var s=({size:r,variant:l})=>{if("outline"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"m10.698 6.597-9.4.001v-1.2h9.4z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M12.7 8.7H3.3V7.3h9.4z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M2.97 10.75h17.838v2.1H2.97z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M27 17H4.7v-2.3H27z"})})}if("fill"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"M10.799 6.698h-9.6v-1.4h9.6z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M12.8 8.8H3.2V7.2h9.6z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M2.966 10.75h18.068v2.5H2.966z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M27.3 17.3H4.7v-2.6h22.6z"})})}return t(o,{})};s.metadata={name:"Minus",isSvgIcon:!0,variants:["outline","fill"]};var u=({size:r,variant:l})=>{if("outline"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"M6.9 3.375a.9.9 0 1 0-1.8 0 .9.9 0 0 0 1.8 0m1.35 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0m.53 4.643a2.2 2.2 0 0 0-1.104-.293H4.324a2.224 2.224 0 0 0-2.183 1.8h7.718a2.22 2.22 0 0 0-1.08-1.507M.75 9.95a3.574 3.574 0 0 1 3.574-3.574h3.352A3.574 3.574 0 0 1 11.25 9.95v.875a.05.05 0 0 1-.05.051H.8a.05.05 0 0 1-.05-.05z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M9.2 4.5a1.2 1.2 0 1 0-2.4 0 1.2 1.2 0 0 0 2.4 0m1.8 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0m.706 6.19a2.97 2.97 0 0 0-1.472-.39H5.766a2.966 2.966 0 0 0-2.912 2.4h10.292a2.97 2.97 0 0 0-1.44-2.01M1 13.267A4.766 4.766 0 0 1 5.766 8.5h4.468A4.765 4.765 0 0 1 15 13.266v1.166c0 .038-.03.068-.068.068H1.068A.07.07 0 0 1 1 14.432z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M14.25 7.95a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.8 0a4.05 4.05 0 1 1-8.1 0 4.05 4.05 0 0 1 8.1 0m.927 7.244A4.2 4.2 0 0 0 15 14.7H9a4.2 4.2 0 0 0-4.157 3.6h14.314a4.2 4.2 0 0 0-2.18-3.106M3 18.9a6 6 0 0 1 6-6h6a6 6 0 0 1 6 6v1.121a.08.08 0 0 1-.079.079H3.08a.08.08 0 0 1-.08-.08z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M19.7 10a3.7 3.7 0 1 0-7.4 0 3.7 3.7 0 0 0 7.4 0m2.3 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0m8 17.043q0-.681-.1-1.343a9.044 9.044 0 0 0-8.943-7.7h-9.914A9.04 9.04 0 0 0 2 27.043V28h28zM8.144 20.955a6.74 6.74 0 0 1 2.9-.655h9.913a6.744 6.744 0 0 1 6.608 5.4H4.435a6.74 6.74 0 0 1 3.71-4.745"})})}if("fill"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"M6 5.625a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5m-3.45 1.22A3.57 3.57 0 0 0 .75 9.95v.875c0 .028.023.051.05.051h10.4a.05.05 0 0 0 .05-.05V9.95a3.574 3.574 0 0 0-3.574-3.574H4.324c-.622 0-1.233.162-1.773.47"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M8 7.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6M3.401 9.128A4.77 4.77 0 0 0 1 13.266v1.166c0 .038.03.068.068.068h13.864c.038 0 .068-.03.068-.068v-1.166A4.766 4.766 0 0 0 10.234 8.5H5.766a4.76 4.76 0 0 0-2.365.628"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M12 12a4.05 4.05 0 1 0 0-8.1 4.05 4.05 0 0 0 0 8.1m-5.824 1.606A6 6 0 0 0 3 18.9v1.121c0 .044.035.079.079.079H20.92a.08.08 0 0 0 .08-.08V18.9a6 6 0 0 0-6-6H9a6 6 0 0 0-2.824.706"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M16 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12m-8.845 2.878A9.04 9.04 0 0 0 2 27.043V28h28v-.957A9.043 9.043 0 0 0 20.957 18h-9.914a9.05 9.05 0 0 0-3.888.878"})})}return t(o,{})};u.metadata={name:"Person",isSvgIcon:!0,variants:["outline","fill"]};var f=({size:r,variant:l})=>{if("outline"===l)switch(r){case"xs":return t(o,{children:t("g",{clipPath:"url(#Progress-outline-12_svg__a)",children:t("path",{fill:"currentColor",d:"M5.924 2.025a3.9 3.9 0 1 0 3.9 3.9h1.2a5.1 5.1 0 1 1-5.1-5.1.6.6 0 1 1 0 1.2"})})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===l)switch(r){case"xs":return t(o,{children:t("g",{clipPath:"url(#Progress-fill-12_svg__a)",children:t("path",{fill:"currentColor",d:"M6 2.175A3.825 3.825 0 1 0 9.823 6h1.35A5.175 5.175 0 1 1 6 .825a.675.675 0 0 1 0 1.35"})})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return t(o,{})};f.metadata={name:"Progress",isSvgIcon:!0,variants:["outline","fill"]};
|
2
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{n as Pressable,d as a,c as e,u as e2,s as o,f as o2,h as t};
|
@@ -0,0 +1,3 @@
|
|
1
|
+
"use strict";var o=require("./chunk-A6QBZQH4.cjs"),r=require("@yahoo/uds/fixtures"),t=require("@yahoo/uds/flags"),e=require("clsx"),n=require("imurmurhash"),i=require("tailwind-merge"),a=require("react"),l=require("react/jsx-runtime"),s=require("lodash-es");function d(o){return o&&o.__esModule?o:{default:o}}var f=d(e),c=d(n);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
function p(o){return"boolean"==typeof o?`${o}`:0===o?"0":o}function u(o){const r=Object.create(null),t=Object.keys(o);for(let e=0,n=t.length;e<n;e++){const n=t[e];void 0!==o[n]&&(r[n]=o[n])}return r}var b=i.extendTailwindMerge({extend:{theme:{borderColor:r.lineColors,borderWidth:r.borderWidths,borderRadius:r.borderRadii}},override:{classGroups:{"text-color":[{text:[...r.foregroundColors,...r.spectrumColors]}],"bg-color":[{bg:r.backgroundColors}],"font-family":[{font:["icons",...r.textVariants]}],leading:[{leading:r.textVariants}]},conflictingClassGroups:{}}}),h=(...o)=>{const r=f.default(o);return b(r)},m=o=>r=>{if(!o?.variants)return h(o?.base,r?.className);const{variants:t,defaultVariants:e}=o,n=Object.keys(t).map((o=>{const n=r?.[o],i=e?.[o],a=p(n)||p(i);return t[o][a]})),i={...e,...r&&u(r)},a=o?.compoundVariants?.reduce(((o,{className:r,...t})=>Object.entries(t).every((([o,r])=>i[o]===r))?h(o,r):o),"");return h(o?.base,n,a,r?.className)},g=m({variants:o.variants}),x=new Map,C=o=>{const{useGetStylesCache:r}=t.getFeatureFlags();if(r){const r=function(o){const r=Object.create(null),t=Object.keys(o).sort();for(let e=0,n=t.length;e<n;e++){const n=t[e];r[n]=o[n]}return r}(u(o)),t=(new c.default).hash(JSON.stringify(r)).result();if(x.has(t))return x.get(t);const e=g(r);return x.set(t,e),e}return g(o)};function S(...o){return r=>o.forEach((o=>function(o,r){"function"==typeof o?o(r):null!=o&&(o.current=r)}(o,r)))}function w(){const o=a.forwardRef(((o,t)=>{const{children:n,...i}=o,s=a.Children.toArray(n),d=s.find(e);if(d){const o=d.props.children,e=s.map((r=>r===d?a.Children.count(o)>1?a.Children.only(null):a.isValidElement(o)?o.props.children:null:r));return l.jsx(r,{...i,ref:t,children:a.isValidElement(o)?a.cloneElement(o,void 0,e):null})}return l.jsx(r,{...i,ref:t,children:n})}));o.displayName="Slot";const r=a.forwardRef(((o,r)=>{const{children:t,...e}=o;return a.isValidElement(t)?a.cloneElement(t,{...n(e,t.props),ref:r?S(r,t.ref):t.ref}):a.Children.count(t)>1?a.Children.only(null):null}));r.displayName="SlotClone";const t=({children:o})=>o;function e(o){return a.isValidElement(o)&&o.type===t}function n(o,r){const t={...r};for(const e in r){const n=o[e],i=r[e];/^on[A-Z]/.test(e)?n&&i?t[e]=(...o)=>{i(...o),n(...o)}:n&&(t[e]=n):"style"===e&&(t[e]={...n,...i})}return{...o,...t}}return o}var y=w(),v=a.forwardRef((function({asChild:o,className:r,backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:s,borderColor:d,borderStartColor:f,borderEndColor:c,borderTopColor:p,borderBottomColor:u,borderWidth:b,borderVerticalWidth:h,borderHorizontalWidth:m,borderStartWidth:g,borderEndWidth:x,borderTopWidth:S,borderBottomWidth:w,alignContent:v,alignItems:W,alignSelf:E,flex:B,flexDirection:T,flexGrow:R,flexShrink:V,flexWrap:j,justifyContent:N,flexBasis:z,display:G="flex",overflow:H,overflowX:k,overflowY:q,position:I,spacing:O,spacingHorizontal:A,spacingVertical:F,spacingBottom:D,spacingEnd:X,spacingStart:Y,spacingTop:M,offset:$,offsetVertical:_,offsetHorizontal:Q,offsetBottom:Z,offsetEnd:J,offsetStart:P,offsetTop:K,columnGap:L,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,...no},io){const ao=C({backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:s,borderColor:d,borderStartColor:f,borderEndColor:c,borderTopColor:p,borderBottomColor:u,borderWidth:b,borderVerticalWidth:h,borderHorizontalWidth:m,borderStartWidth:g,borderEndWidth:x,borderTopWidth:S,borderBottomWidth:w,alignContent:v,alignItems:W,alignSelf:E,flex:B,flexDirection:T,flexGrow:R,flexShrink:V,flexWrap:j,justifyContent:N,flexBasis:z,display:G,overflow:H,overflowX:k,overflowY:q,position:I,spacing:O,spacingHorizontal:A,spacingVertical:F,spacingBottom:D,spacingEnd:X,spacingStart:Y,spacingTop:M,offset:$,offsetVertical:_,offsetHorizontal:Q,offsetBottom:Z,offsetEnd:J,offsetStart:P,offsetTop:K,columnGap:L,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,className:r}),lo=o?y:"div";return l.jsx(lo,{className:ao,ref:io,...no})}));v.displayName="Box";var W=w(),E={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",label3:"p",label4:"p",caption1:"p",caption2:"p",legal1:"p",inherit:"p"},B=a.forwardRef((function({className:o,asChild:r,color:t="primary",variant:e="body1",as:n=E[e],fontFamily:i,fontSize:a,fontWeight:s,lineHeight:d,textTransform:f,textAlign:c,backgroundColor:p,borderRadius:u,borderTopStartRadius:b,borderTopEndRadius:h,borderBottomStartRadius:m,borderBottomEndRadius:g,borderColor:x,borderStartColor:S,borderEndColor:w,borderTopColor:y,borderBottomColor:v,borderWidth:B,borderVerticalWidth:T,borderHorizontalWidth:R,borderStartWidth:V,borderEndWidth:j,borderTopWidth:N,borderBottomWidth:z,alignContent:G,alignItems:H,alignSelf:k,flex:q,flexDirection:I,flexGrow:O,flexShrink:A,flexWrap:F,justifyContent:D,flexBasis:X,display:Y,overflow:M,overflowX:$,overflowY:_,position:Q,spacing:Z,spacingHorizontal:J,spacingVertical:P,spacingBottom:K,spacingEnd:L,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo,...co},po){const uo={...t&&"inherit"!==t?{color:t}:{},...e&&"inherit"!==e?{fontFamily:i??e,fontSize:a??e,fontWeight:s??e,lineHeight:d??e,textTransform:f??e}:{},textAlign:c},bo=C({className:o,...uo,backgroundColor:p,borderRadius:u,borderTopStartRadius:b,borderTopEndRadius:h,borderBottomStartRadius:m,borderBottomEndRadius:g,borderColor:x,borderStartColor:S,borderEndColor:w,borderTopColor:y,borderBottomColor:v,borderWidth:B,borderVerticalWidth:T,borderHorizontalWidth:R,borderStartWidth:V,borderEndWidth:j,borderTopWidth:N,borderBottomWidth:z,alignContent:G,alignItems:H,alignSelf:k,flex:q,flexDirection:I,flexGrow:O,flexShrink:A,flexWrap:F,justifyContent:D,flexBasis:X,display:Y,overflow:M,overflowX:$,overflowY:_,position:Q,spacing:Z,spacingHorizontal:J,spacingVertical:P,spacingBottom:K,spacingEnd:L,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo}),ho=r?W:n;return l.jsx(ho,{className:bo,ref:po,...co})}));B.displayName="Text";var T={xs:12,sm:16,md:24,lg:32},R=a.forwardRef((function({name:o,size:r="md",variant:t="outline",color:e="primary",className:n,...i},a){const s=o.metadata?.variants??[],d=s.includes(t)?t:s[0]??"fill",f="multicolor"===d,c=C({flex:"none",color:f?void 0:e,className:h(n,!f&&"[&_path]:fill-current")}),p=T[r];return l.jsx("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:p,height:p,viewBox:`0 0 ${p} ${p}`,"aria-hidden":"true",focusable:"false",className:c,...i,children:l.jsx(o,{size:r,variant:d})})}));R.displayName="Icon";var V=a.memo((function({icon:o,iconProps:r,...t}){if(!o)return null;const e=r??{},n=o;if(n.metadata?.isSvgIcon)return l.jsx(R,{name:n,...e,...t});if(s.isFunction(o)){const r=o(e);return a.isValidElement(r)&&a.cloneElement(r,t)}return a.isValidElement(o)&&a.cloneElement(o,{...e,...o.props,...t})}));
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Box=v,exports.Icon=R,exports.IconSlot=V,exports.Text=B,exports.createSlot=w,exports.cva=m,exports.cx=h,exports.getStyles=C;
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import{variants as o}from"./chunk-Z2ZVRADJ.js";import{textVariants as r,backgroundColors as t,foregroundColors as e,spectrumColors as n,borderRadii as i,borderWidths as a,lineColors as l}from"@yahoo/uds/fixtures";import{getFeatureFlags as s}from"@yahoo/uds/flags";import d from"clsx";import f from"imurmurhash";import{extendTailwindMerge as c}from"tailwind-merge";import{forwardRef as p,memo as u,isValidElement as b,cloneElement as m,Children as h}from"react";import{jsx as g}from"react/jsx-runtime";import{isFunction as S}from"lodash-es";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
function x(o){return"boolean"==typeof o?`${o}`:0===o?"0":o}function y(o){const r=Object.create(null),t=Object.keys(o);for(let e=0,n=t.length;e<n;e++){const n=t[e];void 0!==o[n]&&(r[n]=o[n])}return r}var C=c({extend:{theme:{borderColor:l,borderWidth:a,borderRadius:i}},override:{classGroups:{"text-color":[{text:[...e,...n]}],"bg-color":[{bg:t}],"font-family":[{font:["icons",...r]}],leading:[{leading:r}]},conflictingClassGroups:{}}}),w=(...o)=>{const r=d(o);return C(r)},W=o=>r=>{if(!o?.variants)return w(o?.base,r?.className);const{variants:t,defaultVariants:e}=o,n=Object.keys(t).map((o=>{const n=r?.[o],i=e?.[o],a=x(n)||x(i);return t[o][a]})),i={...e,...r&&y(r)},a=o?.compoundVariants?.reduce(((o,{className:r,...t})=>Object.entries(t).every((([o,r])=>i[o]===r))?w(o,r):o),"");return w(o?.base,n,a,r?.className)},v=W({variants:o}),B=new Map,T=o=>{const{useGetStylesCache:r}=s();if(r){const r=function(o){const r=Object.create(null),t=Object.keys(o).sort();for(let e=0,n=t.length;e<n;e++){const n=t[e];r[n]=o[n]}return r}(y(o)),t=(new f).hash(JSON.stringify(r)).result();if(B.has(t))return B.get(t);const e=v(r);return B.set(t,e),e}return v(o)};function E(...o){return r=>o.forEach((o=>function(o,r){"function"==typeof o?o(r):null!=o&&(o.current=r)}(o,r)))}function R(){const o=p(((o,t)=>{const{children:n,...i}=o,a=h.toArray(n),l=a.find(e);if(l){const o=l.props.children,e=a.map((r=>r===l?h.count(o)>1?h.only(null):b(o)?o.props.children:null:r));return g(r,{...i,ref:t,children:b(o)?m(o,void 0,e):null})}return g(r,{...i,ref:t,children:n})}));o.displayName="Slot";const r=p(((o,r)=>{const{children:t,...e}=o;return b(t)?m(t,{...n(e,t.props),ref:r?E(r,t.ref):t.ref}):h.count(t)>1?h.only(null):null}));r.displayName="SlotClone";const t=({children:o})=>o;function e(o){return b(o)&&o.type===t}function n(o,r){const t={...r};for(const e in r){const n=o[e],i=r[e];/^on[A-Z]/.test(e)?n&&i?t[e]=(...o)=>{i(...o),n(...o)}:n&&(t[e]=n):"style"===e&&(t[e]={...n,...i})}return{...o,...t}}return o}var N=R(),z=p((function({asChild:o,className:r,backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:b,borderHorizontalWidth:m,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:C,alignItems:w,alignSelf:W,flex:v,flexDirection:B,flexGrow:E,flexShrink:R,flexWrap:z,justifyContent:G,flexBasis:V,display:H="flex",overflow:j,overflowX:k,overflowY:O,position:I,spacing:A,spacingHorizontal:D,spacingVertical:X,spacingBottom:Y,spacingEnd:Z,spacingStart:$,spacingTop:F,offset:J,offsetVertical:M,offsetHorizontal:P,offsetBottom:_,offsetEnd:q,offsetStart:K,offsetTop:L,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,...no},io){const ao=T({backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:b,borderHorizontalWidth:m,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:C,alignItems:w,alignSelf:W,flex:v,flexDirection:B,flexGrow:E,flexShrink:R,flexWrap:z,justifyContent:G,flexBasis:V,display:H,overflow:j,overflowX:k,overflowY:O,position:I,spacing:A,spacingHorizontal:D,spacingVertical:X,spacingBottom:Y,spacingEnd:Z,spacingStart:$,spacingTop:F,offset:J,offsetVertical:M,offsetHorizontal:P,offsetBottom:_,offsetEnd:q,offsetStart:K,offsetTop:L,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,className:r});return g(o?N:"div",{className:ao,ref:io,...no})}));z.displayName="Box";var G=R(),V={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",label3:"p",label4:"p",caption1:"p",caption2:"p",legal1:"p",inherit:"p"},H=p((function({className:o,asChild:r,color:t="primary",variant:e="body1",as:n=V[e],fontFamily:i,fontSize:a,fontWeight:l,lineHeight:s,textTransform:d,textAlign:f,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:b,borderBottomStartRadius:m,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:C,borderBottomColor:w,borderWidth:W,borderVerticalWidth:v,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:R,borderTopWidth:N,borderBottomWidth:z,alignContent:H,alignItems:j,alignSelf:k,flex:O,flexDirection:I,flexGrow:A,flexShrink:D,flexWrap:X,justifyContent:Y,flexBasis:Z,display:$,overflow:F,overflowX:J,overflowY:M,position:P,spacing:_,spacingHorizontal:q,spacingVertical:K,spacingBottom:L,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo,...co},po){const uo={...t&&"inherit"!==t?{color:t}:{},...e&&"inherit"!==e?{fontFamily:i??e,fontSize:a??e,fontWeight:l??e,lineHeight:s??e,textTransform:d??e}:{},textAlign:f},bo=T({className:o,...uo,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:b,borderBottomStartRadius:m,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:C,borderBottomColor:w,borderWidth:W,borderVerticalWidth:v,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:R,borderTopWidth:N,borderBottomWidth:z,alignContent:H,alignItems:j,alignSelf:k,flex:O,flexDirection:I,flexGrow:A,flexShrink:D,flexWrap:X,justifyContent:Y,flexBasis:Z,display:$,overflow:F,overflowX:J,overflowY:M,position:P,spacing:_,spacingHorizontal:q,spacingVertical:K,spacingBottom:L,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo});return g(r?G:n,{className:bo,ref:po,...co})}));H.displayName="Text";var j={xs:12,sm:16,md:24,lg:32},k=p((function({name:o,size:r="md",variant:t="outline",color:e="primary",className:n,...i},a){const l=o.metadata?.variants??[],s=l.includes(t)?t:l[0]??"fill",d="multicolor"===s,f=T({flex:"none",color:d?void 0:e,className:w(n,!d&&"[&_path]:fill-current")}),c=j[r];return g("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:c,height:c,viewBox:`0 0 ${c} ${c}`,"aria-hidden":"true",focusable:"false",className:f,...i,children:g(o,{size:r,variant:s})})}));k.displayName="Icon";var O=u((function({icon:o,iconProps:r,...t}){if(!o)return null;const e=r??{},n=o;if(n.metadata?.isSvgIcon)return g(k,{name:n,...e,...t});if(S(o)){const r=o(e);return b(r)&&m(r,t)}return b(o)&&m(o,{...e,...o.props,...t})}));
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{z as Box,k as Icon,O as IconSlot,H as Text,R as createSlot,W as cva,w as cx,T as getStyles};
|
@@ -0,0 +1 @@
|
|
1
|
+
import{Text as r,cx as a}from"./chunk-OJB3FVN6.js";import{isFunction as e}from"lodash-es";import{jsxs as i,jsx as t}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var l=({htmlFor:l,required:o,label:s,children:n,color:c="muted",variant:h="label3",hasError:m=!1,showRequiredAsterisk:d=!1,as:u="label",className:p,...v})=>{const b=s?e(s)?s():s:n;return b?i(r,{variant:h,color:c,as:u,htmlFor:l,className:a("cursor-[inherit]",p),...v,children:[b,o&&d&&t(r,{as:"sup",color:m?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null};export{l as FormLabel};
|
package/dist/client/Menu.cjs
CHANGED
@@ -1,2 +1,2 @@
|
|
1
1
|
"use client";
|
2
|
-
"use strict";var e=require("../chunk-RDF2NPZV.cjs"),r=require("../chunk-RQARSMJK.cjs"),t=require("../chunk-TJZ4HVAG.cjs"),a=require("../chunk-NUEZVMWZ.cjs"),d=require("@ariakit/react/menu"),s=require("react"),n=require("use-sync-external-store/shim/index.js"),i=require("@yahoo/uds/fixtures"),c=require("motion/react"),o=require("react/jsx-runtime"),u=require("@ariakit/react");function l(e){return e&&e.__esModule?e:{default:e}}function x(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 m=x(s),p=l(n),b={};function f(e){return e}function h(e,r){const t=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(t,"Invalid store"),t[r]}a.__export(b,{Content:()=>C,Divider:()=>j,Item:()=>V,ItemCheckbox:()=>E,Provider:()=>A,Trigger:()=>z,useMenuContext:()=>d.useMenuContext,useMenuStore:()=>d.useMenuStore,useStoreState:()=>u.useStoreState});var{useSyncExternalStore:_}=p.default;function v(e,r=f){const t=m.useCallback((r=>e?function(e,...r){if(e)return h(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 _(t,a,a)}var g=c.m.create(t.VStack),y=5,I=.97,S={top:{x:0,y:y},bottom:{x:0,y:-5},left:{x:y,y:0},right:{x:-5,y:0}},w=e=>s.useMemo((()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...S[r],opacity:0,scale:I},open:{y:0,x:0,opacity:1,scale:1}}})(e)),[e]),C=s.forwardRef((function({gap:e,spacing:r,spacingBottom:a,spacingEnd:n,spacingStart:u,spacingTop:l,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:y,sameWidth:I,focusable:S,children:C,portalElement:j,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=d.useMenuContext(),R=v(E,"open"),P=v(E,"mounted"),A=v(E,"currentPlacement"),z=v(E,"placement"),[O,T]=s.useState(A),[q,B]=s.useState(A);s.useEffect((()=>{z!==q&&B(z)}),[z]),s.useEffect((()=>{A!==q&&B(A)}),[A]),s.useEffect((()=>{P&&q!==O&&T(q)}),[P,q,O]);const D=s.useMemo((()=>R&&P?"open":"closed"),[R,P]),H=s.useMemo((()=>R?_:"none"),[R,_]),W=w(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=s.useMemo((()=>i.spacingMap[x]),[x]);return o.jsx(c.AnimatePresence,{initial:!1,children:o.jsx(d.Menu,{gutter:F,sameWidth:I,focusable:S,store:E,ref:V,portalElement:j,portal:k,...M,render:o.jsx(g,{backgroundColor:m,gap:e,spacing:r,spacingBottom:a,spacingEnd:n,spacingStart:u,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&&$,y),children:C})})})})),j=s.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,...u},l){const x={root:t.getStyles({menuDividerVariantRoot:"default",className:c}),text:t.getStyles({menuDividerVariantText:"default"}),line:t.getStyles({menuDividerVariantLine:"default"})};return o.jsx(e.DividerInternal,{ref:l,role:r,variant:"inherit",contentPosition:a,gap:d,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...u,children:s})}));j.displayName="MenuDivider";var k="uds-menu-item",N={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},M=s.forwardRef((function({spacing:e="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:n="4",spacingStart:i,spacingTop:u,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},M){const V=s.Children.count(p)>1,E=(({active:e,disabled:r,className:a})=>t.cx(k,"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(`${k}-content truncate`,C?.text),textAlign:"start",...V&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),P=s.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 o.jsx(t.Box,{asChild:!0,spacing:e,spacingBottom:a,spacingEnd:d,spacingHorizontal:n,spacingStart:i,spacingTop:u,spacingVertical:l,columnGap:x,className:P.root,alignItems:S,justifyContent:w,children:o.jsxs(g,{render:o.jsx(r.Pressable,{ref:M,...j}),name:I??"",disabled:v,...y,children:[o.jsxs(t.HStack,{gap:x,alignItems:"center",width:"full",children:[o.jsx(c.AnimatePresence,{initial:!1,children:f&&o.jsx(c.m.span,{variants:N,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:o.jsx(t.IconSlot,{icon:f,className:P.startIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})}),o.jsx("span",{className:R,children:p})]}),o.jsx(c.AnimatePresence,{initial:!1,mode:"popLayout",children:!h&&b&&o.jsx(c.m.span,{variants:N,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:o.jsx(t.IconSlot,{icon:b,className:P.endIcon,iconProps:{size:"sm",variant:_?"fill":"outline",color:"current"}})})})]})})})),V=s.forwardRef((function({active:e,...r},a){const s={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 o.jsx(M,{ref:a,as:d.MenuItem,active:e,layerClassNames:s,...r})}));V.displayName="MenuItem";var E=s.forwardRef((function({name:e,endIcon:a=r.e,checked:n,defaultChecked:i,className:c,...l},x){const m=e,p=s.useRef(!1),b=d.useMenuContext(),f=u.useStoreState(b);s.useEffect((()=>{!p.current&&void 0!==i&&b&&(b.setValues((e=>({...e,[m]:i}))),p.current=!0)}),[b,i,m]);const h=s.useMemo((()=>{if(void 0!==n)return n;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,n,i]),_=s.useCallback((e=>{void 0===n&&b?.setValues((r=>({...r,[m]:e.target.checked})))}),[m,b,n]),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 o.jsx(M,{ref:x,as:d.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!==n?n:void 0},...l})}));E.displayName="MenuItemCheckbox";var R=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},P=e=>{const[r,t]=s.useState(R);return s.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(R())}));return()=>r.disconnect()}),[e?.explicit]),r},A=function({placement:e="bottom",rtl:t,...a}){const s=P({explicit:t}),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:s});return o.jsx(r.SpringMotionConfig,{children:o.jsx(d.MenuProvider,{placement:n,rtl:s,...a})})},z=s.forwardRef((function({asChild:e,className:r,...a},n){const i=s.useRef(null),c=e?o.jsx(t.Box,{ref:i,className:"uds-ring h-fit w-fit"}):void 0,u=s.useCallback((()=>{const e=i.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()}),[i]);return o.jsx(d.MenuButton,{onFocus:u,onFocusVisible:u,ref:n,render:c,className:t.cx("uds-menu-trigger",r),...a})}));exports.Menu=b;
|
2
|
+
"use strict";var e=require("../chunk-PN3UA6WB.cjs"),r=require("../chunk-AIZ2OTKW.cjs"),t=require("../chunk-HUFHYJ5T.cjs"),a=require("../chunk-I5TC35WI.cjs"),d=require("../chunk-SQCEFYU5.cjs"),s=require("../chunk-NUEZVMWZ.cjs"),n=require("@ariakit/react/menu"),i=require("react"),c=require("use-sync-external-store/shim/index.js"),u=require("@yahoo/uds/fixtures"),o=require("motion/react"),l=require("react/jsx-runtime"),x=require("@ariakit/react");function m(e){return e&&e.__esModule?e:{default:e}}function p(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 b=p(i),f=m(c),h={};function _(e){return e}function v(e,r){const t=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(t,"Invalid store"),t[r]}s.__export(h,{Content:()=>k,Divider:()=>N,Item:()=>R,ItemCheckbox:()=>P,Provider:()=>T,Trigger:()=>q,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var{useSyncExternalStore:g}=f.default;function I(e,r=_){const t=b.useCallback((r=>e?function(e,...r){if(e)return v(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 g(t,a,a)}var y=o.m.create(t.VStack),S=5,w=.97,C={top:{x:0,y:S},bottom:{x:0,y:-5},left:{x:S,y:0},right:{x:-5,y:0}},j=e=>i.useMemo((()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...C[r],opacity:0,scale:w},open:{y:0,x:0,opacity:1,scale:1}}})(e)),[e]),k=i.forwardRef((function({gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:g,focusable:S,children:w,portalElement:C,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=n.useMenuContext(),R=I(E,"open"),P=I(E,"mounted"),A=I(E,"currentPlacement"),O=I(E,"placement"),[T,q]=i.useState(A),[z,B]=i.useState(A);i.useEffect((()=>{O!==z&&B(O)}),[O]),i.useEffect((()=>{A!==z&&B(A)}),[A]),i.useEffect((()=>{P&&z!==T&&q(z)}),[P,z,T]);const H=i.useMemo((()=>R&&P?"open":"closed"),[R,P]),W=i.useMemo((()=>R?_:"none"),[R,_]),D=j(z),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}),$=i.useMemo((()=>u.spacingMap[x]),[x]);return l.jsx(o.AnimatePresence,{initial:!1,children:l.jsx(n.Menu,{gutter:$,sameWidth:g,focusable:S,store:E,ref:V,portalElement:C,portal:k,...M,render:l.jsx(y,{backgroundColor:m,gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:H,variants:D,dropShadow:W,className:d.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})})})})),N=i.forwardRef((function({role:r="separator",contentPosition:t="start",gap:a="4",children:s,spacingVertical:n=(s?"2":"0"),spacingHorizontal:i=(s?"4":"0"),className:c,...u},o){const x={root:d.getStyles({menuDividerVariantRoot:"default",className:c}),text:d.getStyles({menuDividerVariantText:"default"}),line:d.getStyles({menuDividerVariantLine:"default"})};return l.jsx(e.DividerInternal,{ref:o,role:r,variant:"inherit",contentPosition:t,gap:a,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...u,children:s})}));N.displayName="MenuDivider";var M="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=i.forwardRef((function({spacing:e="0",spacingBottom:a,spacingEnd:s,spacingHorizontal:n="4",spacingStart:c,spacingTop:u,spacingVertical:x="3.5",columnGap:m="2",className:p,children:b,endIcon:f,startIcon:h,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:y,name:S,alignItems:w="center",justifyContent:C="space-between",layerClassNames:j,...k},N){const E=i.Children.count(b)>1,R=(({active:e,disabled:r,className:t})=>d.cx(M,"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",t))({active:v,disabled:g,className:p}),P=d.getStyles({className:d.cx(`${M}-content truncate`,j?.text),textAlign:"start",...E&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),A=i.useMemo((()=>({root:d.getStyles({menuSizeRoot:"default",className:d.cx(j?.root,R)}),startIcon:d.getStyles({menuSizeStartIcon:"default",className:j?.startIcon}),endIcon:d.getStyles({menuSizeEndIcon:"default",className:j?.endIcon})})),[j,R]);return l.jsx(d.Box,{asChild:!0,spacing:e,spacingBottom:a,spacingEnd:s,spacingHorizontal:n,spacingStart:c,spacingTop:u,spacingVertical:x,columnGap:m,className:A.root,alignItems:w,justifyContent:C,children:l.jsxs(I,{render:l.jsx(r.Pressable,{ref:N,...k}),name:S??"",disabled:g,...y,children:[l.jsxs(t.HStack,{gap:m,alignItems:"center",width:"full",children:[l.jsx(o.AnimatePresence,{initial:!1,children:h&&l.jsx(o.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:l.jsx(d.IconSlot,{icon:h,className:A.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),l.jsx("span",{className:P,children:b})]}),l.jsx(o.AnimatePresence,{initial:!1,mode:"popLayout",children:!_&&f&&l.jsx(o.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:l.jsx(d.IconSlot,{icon:f,className:A.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})})),R=i.forwardRef((function({active:e,...r},t){const a={root:d.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:d.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:d.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return l.jsx(E,{ref:t,as:n.MenuItem,active:e,layerClassNames:a,...r})}));R.displayName="MenuItem";var P=i.forwardRef((function({name:e,endIcon:t=r.e,checked:a,defaultChecked:s,className:c,...u},o){const m=e,p=i.useRef(!1),b=n.useMenuContext(),f=x.useStoreState(b);i.useEffect((()=>{!p.current&&void 0!==s&&b&&(b.setValues((e=>({...e,[m]:s}))),p.current=!0)}),[b,s,m]);const h=i.useMemo((()=>{if(void 0!==a)return a;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:s??!1}),[f?.items,f?.values,m,a,s]),_=i.useCallback((e=>{void 0===a&&b?.setValues((r=>({...r,[m]:e.target.checked})))}),[m,b,a]),v={root:d.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:d.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:d.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:d.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return l.jsx(E,{ref:o,as:n.MenuItemCheckbox,hideEndIcon:!h,endIcon:t,active:h,className:d.cx("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:e,onChange:_,defaultChecked:s,checked:void 0!==a?a:void 0},...u})}));P.displayName="MenuItemCheckbox";var A=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},O=e=>{const[r,t]=i.useState(A);return i.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(A())}));return()=>r.disconnect()}),[e?.explicit]),r},T=function({placement:e="bottom",rtl:r,...t}){const d=O({explicit:r}),s=((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 l.jsx(a.SpringMotionConfig,{children:l.jsx(n.MenuProvider,{placement:s,rtl:d,...t})})},q=i.forwardRef((function({asChild:e,className:r,...t},a){const s=i.useRef(null),c=e?l.jsx(d.Box,{ref:s,className:"uds-ring h-fit w-fit"}):void 0,u=i.useCallback((()=>{const e=s.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()}),[s]);return l.jsx(n.MenuButton,{onFocus:u,onFocusVisible:u,ref:a,render:c,className:d.cx("uds-menu-trigger",r),...t})}));exports.Menu=h;
|
package/dist/client/Menu.d.cts
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
import * as react from 'react';
|
2
2
|
import { AriaRole, HTMLAttributes, PropsWithChildren } from 'react';
|
3
3
|
import { MenuProps, MenuItemProps as MenuItemProps$1, MenuItemCheckboxProps as MenuItemCheckboxProps$1, MenuProviderProps as MenuProviderProps$1, MenuButtonProps, useMenuContext, useMenuStore } from '@ariakit/react/menu';
|
4
|
-
import {
|
5
|
-
import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-
|
6
|
-
import { P as PressableProps } from '../Pressable-
|
4
|
+
import { o as SpacingAlias, p as UniversalMenuItemProps } from '../types-CDG_lMY2.cjs';
|
5
|
+
import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-CxNiBX7w.cjs';
|
6
|
+
import { P as PressableProps } from '../Pressable-F-zzCS7l.cjs';
|
7
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
8
8
|
import { useStoreState } from '@ariakit/react';
|
9
9
|
import '@yahoo/uds-icons/types';
|
package/dist/client/Menu.d.ts
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
import * as react from 'react';
|
2
2
|
import { AriaRole, HTMLAttributes, PropsWithChildren } from 'react';
|
3
3
|
import { MenuProps, MenuItemProps as MenuItemProps$1, MenuItemCheckboxProps as MenuItemCheckboxProps$1, MenuProviderProps as MenuProviderProps$1, MenuButtonProps, useMenuContext, useMenuStore } from '@ariakit/react/menu';
|
4
|
-
import {
|
5
|
-
import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-
|
6
|
-
import { P as PressableProps } from '../Pressable-
|
4
|
+
import { o as SpacingAlias, p as UniversalMenuItemProps } from '../types-CDG_lMY2.js';
|
5
|
+
import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-DTlPpYIY.js';
|
6
|
+
import { P as PressableProps } from '../Pressable-Dih5zV3K.js';
|
7
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
8
8
|
import { useStoreState } from '@ariakit/react';
|
9
9
|
import '@yahoo/uds-icons/types';
|
package/dist/client/Menu.js
CHANGED
@@ -1,3 +1,3 @@
|
|
1
1
|
"use client";
|
2
|
-
import{DividerInternal as r}from"../chunk-
|
3
|
-
var M={};function T(r){return r}function O(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}u(M,{Content:()=>L,Divider:()=>F,Item:()=>U,ItemCheckbox:()=>Y,Provider:()=>Q,Trigger:()=>Z,useMenuContext:()=>m,useMenuStore:()=>l,useStoreState:()=>z});var{useSyncExternalStore:P}=k;function A(r,e=T){const a=_.useCallback((e=>r?function(r,...e){if(r)return O(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 P(a,d,d)}var W=S.create(t),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]),L=v((function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,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},S){const j=m(),z=A(j,"open"),M=A(j,"mounted"),T=A(j,"currentPlacement"),O=A(j,"placement"),[P,B]=g(T),[D,H]=g(T);I((()=>{O!==D&&H(O)}),[O]),I((()=>{T!==D&&H(T)}),[T]),I((()=>{M&&D!==P&&B(D)}),[M,D,P]);const L=w((()=>z&&M?"open":"closed"),[z,M]),F=w((()=>z?b:"none"),[z,b]),G=$(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((()=>V[n]),[n]);return R(E,{initial:!1,children:R(x,{gutter:K,sameWidth:f,focusable:_,store:j,ref:S,portalElement:y,portal:C,...k,render:R(W,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:i,borderRadius:o,borderColor:u,borderWidth:l,overflow:p,animate:L,variants:G,dropShadow:F,className:s("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})})})})),F=v((function({role:e="separator",contentPosition:a="start",gap:d="4",children:t,spacingVertical:s=(t?"2":"0"),spacingHorizontal:n=(t?"4":"0"),className:c,...o},u){const l={root:i({menuDividerVariantRoot:"default",className:c}),text:i({menuDividerVariantText:"default"}),line:i({menuDividerVariantLine:"default"})};return R(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:s,spacingHorizontal:n,className:l.root,layerClassNames:l,...o,children:t})}));F.displayName="MenuDivider";var G="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:t="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:V="space-between",layerClassNames:z,...M},T){const O=y.count(b)>1,P=(({active:r,disabled:e,className:a})=>s(G,"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}),A=i({className:s(`${G}-content truncate`,z?.text),textAlign:"start",...O&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),W=w((()=>({root:i({menuSizeRoot:"default",className:s(z?.root,P)}),startIcon:i({menuSizeStartIcon:"default",className:z?.startIcon}),endIcon:i({menuSizeEndIcon:"default",className:z?.endIcon})})),[z,P]);return R(n,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:t,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:W.root,alignItems:k,justifyContent:V,children:j(I,{render:R(e,{ref:T,...M}),name:N??"",disabled:g,...C,children:[j(c,{gap:x,alignItems:"center",width:"full",children:[R(E,{initial:!1,children:f&&R(S.span,{variants:X,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:R(o,{icon:f,className:W.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),R("span",{className:A,children:b})]}),R(E,{initial:!1,mode:"popLayout",children:!_&&h&&R(S.span,{variants:X,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:R(o,{icon:h,className:W.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})})),U=v((function({active:r,...e},a){const d={root:i({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:i({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:i({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return R(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:t,className:n,...c},o){const u=r,l=C(!1),x=m(),p=z(x);I((()=>{!l.current&&void 0!==t&&x&&(x.setValues((r=>({...r,[u]:t}))),l.current=!0)}),[x,t,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:t??!1}),[p?.items,p?.values,u,d,t]),f=N((r=>{void 0===d&&x?.setValues((e=>({...e,[u]:r.target.checked})))}),[u,x,d]),_={root:i({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:i({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:i({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:i({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return R(K,{ref:o,as:b,hideEndIcon:!h,endIcon:e,active:h,className:s("uds-menu-item-checkbox",n),layerClassNames:_,rootProps:{name:r,onChange:f,defaultChecked:t,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 t=J({explicit:e}),s=((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:t});return R(d,{children:R(h,{placement:s,rtl:t,...a})})},Z=v((function({asChild:r,className:e,...a},d){const t=C(null),i=r?R(n,{ref:t,className:"uds-ring h-fit w-fit"}):void 0,c=N((()=>{const r=t.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[t]);return R(f,{onFocus:c,onFocusVisible:c,ref:d,render:i,className:s("uds-menu-trigger",e),...a})}));export{M as Menu};
|
2
|
+
import{DividerInternal as r}from"../chunk-ON6FCSMM.js";import{Pressable as e,e as a}from"../chunk-HN3QQ5PU.js";import{VStack as d,HStack as t}from"../chunk-4OQKZKM5.js";import{SpringMotionConfig as s}from"../chunk-OGMNTWFW.js";import{cx as i,getStyles as n,Box as c,IconSlot as o}from"../chunk-OJB3FVN6.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 N,useCallback as C}from"react";import k from"use-sync-external-store/shim/index.js";import{spacingMap as V}from"@yahoo/uds/fixtures";import{m as S,AnimatePresence as E}from"motion/react";import{jsx as M,jsxs as j}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 O(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:()=>G,Item:()=>U,ItemCheckbox:()=>J,Provider:()=>q,Trigger:()=>Y,useMenuContext:()=>m,useMenuStore:()=>l,useStoreState:()=>z});var{useSyncExternalStore:P}=k;function A(r,e=T){const a=_.useCallback((e=>r?function(r,...e){if(r)return O(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 P(a,d,d)}var B=S.create(d),F=5,H=.97,W={top:{x:0,y:F},bottom:{x:0,y:-5},left:{x:F,y:0},right:{x:-5,y:0}},D=r=>w((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...W[e],opacity:0,scale:H},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),$=v((function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,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:N=!0,disableAutoBorderRadius:C,...k},S){const j=m(),z=A(j,"open"),R=A(j,"mounted"),T=A(j,"currentPlacement"),O=A(j,"placement"),[P,F]=g(T),[H,W]=g(T);I((()=>{O!==H&&W(O)}),[O]),I((()=>{T!==H&&W(T)}),[T]),I((()=>{R&&H!==P&&F(H)}),[R,H,P]);const $=w((()=>z&&R?"open":"closed"),[z,R]),G=w((()=>z?b:"none"),[z,b]),K=D(H),L=(({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}),Q=w((()=>V[n]),[n]);return M(E,{initial:!1,children:M(x,{gutter:Q,sameWidth:f,focusable:_,store:j,ref:S,portalElement:y,portal:N,...k,render:M(B,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,borderRadius:o,borderColor:u,borderWidth:l,overflow:p,animate:$,variants:K,dropShadow:G,className:i("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",!C&&L,h),children:v})})})})),G=v((function({role:e="separator",contentPosition:a="start",gap:d="4",children:t,spacingVertical:s=(t?"2":"0"),spacingHorizontal:i=(t?"4":"0"),className:c,...o},u){const l={root:n({menuDividerVariantRoot:"default",className:c}),text:n({menuDividerVariantText:"default"}),line:n({menuDividerVariantLine:"default"})};return M(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:s,spacingHorizontal:i,className:l.root,layerClassNames:l,...o,children:t})}));G.displayName="MenuDivider";var K="uds-menu-item",L={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},Q=v((function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:s="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:N,name:C,alignItems:k="center",justifyContent:V="space-between",layerClassNames:z,...R},T){const O=y.count(b)>1,P=(({active:r,disabled:e,className:a})=>i(K,"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}),A=n({className:i(`${K}-content truncate`,z?.text),textAlign:"start",...O&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),B=w((()=>({root:n({menuSizeRoot:"default",className:i(z?.root,P)}),startIcon:n({menuSizeStartIcon:"default",className:z?.startIcon}),endIcon:n({menuSizeEndIcon:"default",className:z?.endIcon})})),[z,P]);return M(c,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:s,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:B.root,alignItems:k,justifyContent:V,children:j(I,{render:M(e,{ref:T,...R}),name:C??"",disabled:g,...N,children:[j(t,{gap:x,alignItems:"center",width:"full",children:[M(E,{initial:!1,children:f&&M(S.span,{variants:L,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:M(o,{icon:f,className:B.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),M("span",{className:A,children:b})]}),M(E,{initial:!1,mode:"popLayout",children:!_&&h&&M(S.span,{variants:L,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:M(o,{icon:h,className:B.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})})),U=v((function({active:r,...e},a){const d={root:n({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:n({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:n({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return M(Q,{ref:a,as:p,active:r,layerClassNames:d,...e})}));U.displayName="MenuItem";var J=v((function({name:r,endIcon:e=a,checked:d,defaultChecked:t,className:s,...c},o){const u=r,l=N(!1),x=m(),p=z(x);I((()=>{!l.current&&void 0!==t&&x&&(x.setValues((r=>({...r,[u]:t}))),l.current=!0)}),[x,t,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:t??!1}),[p?.items,p?.values,u,d,t]),f=C((r=>{void 0===d&&x?.setValues((e=>({...e,[u]:r.target.checked})))}),[u,x,d]),_={root:n({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:n({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:n({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:n({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return M(Q,{ref:o,as:b,hideEndIcon:!h,endIcon:e,active:h,className:i("uds-menu-item-checkbox",s),layerClassNames:_,rootProps:{name:r,onChange:f,defaultChecked:t,checked:void 0!==d?d:void 0},...c})}));J.displayName="MenuItemCheckbox";var X=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},Z=r=>{const[e,a]=g(X);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(X())}));return()=>e.disconnect()}),[r?.explicit]),e},q=function({placement:r="bottom",rtl:e,...a}){const d=Z({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 M(s,{children:M(h,{placement:t,rtl:d,...a})})},Y=v((function({asChild:r,className:e,...a},d){const t=N(null),s=r?M(c,{ref:t,className:"uds-ring h-fit w-fit"}):void 0,n=C((()=>{const r=t.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[t]);return M(f,{onFocus:n,onFocusVisible:n,ref:d,render:s,className:i("uds-menu-trigger",e),...a})}));export{R as Menu};
|
package/dist/client/index.cjs
CHANGED
@@ -1,2 +1,2 @@
|
|
1
1
|
"use client";
|
2
|
-
"use strict";var e=require("../chunk-6BNYCBB5.cjs"),t=require("../chunk-RQARSMJK.cjs"),a=require("../chunk-TJZ4HVAG.cjs"),n=require("../chunk-WGG66FKO.cjs"),i=require("../chunk-4NZKRK55.cjs"),o=require("react"),s=require("react/jsx-runtime"),r=require("@yahoo/uds/fixtures"),l=require("motion/react"),c=require("lodash-es"),d=require("@yahoo/uds/client/Menu"),u={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("")},p=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof t?t(e):u[t](a)},h=(e="md")=>a.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),m=e=>e?{height:e,width:e}:{},x="primary",f="md",g={primary:t.e2,secondary:t.t},b=({size:e=f,variant:t=x,customSize:n,icon:i,className:r})=>{const l=o.useMemo((()=>m(n)),[n]),c=o.useMemo((()=>a.cx(h(e),a.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),r)),[r,e,t]),d=o.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),u=o.useMemo((()=>({...l,boxSizing:"content-box"})),[l]),p=o.useMemo((()=>i??g[t??"primary"]),[i,t]),b=o.useMemo((()=>a.getStyles({avatarSizeIcon:e})),[e]);return s.jsx(a.Box,{className:c,style:l,children:s.jsx(a.Box,{className:d,style:u,children:s.jsx(a.Icon,{name:p,variant:"fill",color:"current",className:b,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */b.displayName="AvatarIcon";var y=({size:e=f,variant:t=x,name:n,initials:i,customSize:r,abbreviationStrategy:l,className:c})=>{const d=o.useMemo((()=>a.cx(h(e),a.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",c)),[c,e,t]),u=o.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),g=o.useMemo((()=>m(r)),[r]),b=o.useMemo((()=>({...g,boxSizing:"content-box"})),[g]);return s.jsx(a.Box,{className:d,style:g,children:s.jsx(a.Text,{color:"inherit",variant:"inherit",className:u,style:b,"data-testid":"avatar-text",children:i||p(n,l)})})};y.displayName="AvatarText";var v=({size:t=f,variant:n=x,src:i,srcSet:r,customSize:l,alt:c,imageProps:d,abbreviationStrategy:u,fallback:p,className:g})=>{const[v,S]=o.useState("loading");o.useEffect((()=>{let e=!0;if(i||r){const t=new Image;t.onload=()=>{e&&S("loaded")},t.onerror=()=>{e&&S("error")},i&&(t.src=i),r&&(t.srcset=r)}else S("error");return()=>{e=!1}}),[i,r]);const C=o.useMemo((()=>a.cx(h(t),a.getStyles({avatarImageVariantRoot:n,overflow:"hidden"}),g)),[g,t,n]),I=o.useMemo((()=>a.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),N=o.useMemo((()=>m(l)),[l]),j=o.useMemo((()=>({...N,boxSizing:"content-box"})),[N]);if("loaded"===v)return s.jsx(a.Box,{className:C,style:N,children:s.jsx(e.Image,{src:i,srcSet:r,alt:c,className:I,style:j,...d})});const k={size:t,customSize:l,variant:n};return p||c?s.jsx(y,{name:c,initials:p,abbreviationStrategy:u,...k}):s.jsx(b,{...k})};v.displayName="AvatarImage";var S=e=>s.jsx(v,{...e});S.displayName="Avatar";var C=o.forwardRef((function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:r,endIcon:l,backgroundColor:c,color:d,iconColor:u,borderColor:p,children:h,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=o.useMemo((()=>({...n?{minWidth:`${n}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...c?{backgroundColor:c}:{},...p?{borderColor:p}:{},...d?{color:d}:{}})),[c,p,d,i,n]),v=o.useMemo((()=>({variant:"fill",style:{...u?{color:u}:{}}})),[u]);return s.jsxs(a.HStack,{ref:f,gap:"2",display:"inline-flex",alignItems:"center",className:g,style:y,...x,children:[r&&s.jsx(a.IconSlot,{icon:r,iconProps:v,"data-testid":"start-icon",className:b}),s.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:h}),l&&s.jsx(a.IconSlot,{icon:l,iconProps:v,"data-testid":"end-icon",className:b})]})}));C.displayName="Badge";var I={scale:.7,opacity:0},N={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},j={icon:N,hide:I,loading:I},k={loading:N,hide:I,icon:I},w=`var(${i.BUTTON_CSS_VAR_MAP.columnGap})`,V=`var(${i.BUTTON_CSS_VAR_MAP.iconSize})`,M={rest:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${i.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:w}},R={hide:{width:"0px",opacity:0,display:"none"},loading:{width:V,display:"flex",opacity:1},icon:{width:V,display:"flex",opacity:1}},z=o.forwardRef((function({variant:e,size:i,startIcon:c,endIcon:d,iconVariant:u,loading:p,disableEffects:h,children:m,asChild:x,type:f="button",className:g,width:b,...y},v){const S=o.useRef(null);o.useImperativeHandle(v,(()=>S.current));const C=o.useMemo((()=>a.createSlot()),[]),I=o.useMemo((()=>l.m.create(C)),[C]),N=d?"icon":"hide",w=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:c,endIcon:d,loading:p}),V=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:p,startIcon:c}),{palette:z,variant:T}=o.useMemo((()=>n.parseDeprecatedButtonPaletteVariant({flatVariant:e})),[e]),P=o.useMemo((()=>({button:a.getStyles({width:b,buttonSize:i,buttonVariant:T,buttonPalette:z,className:a.cx("uds-button","uds-ring","uds-hit-target",p&&"uds-button-loading",h&&"uds-button-without-effects","withIcon"===w&&"uds-button-with-gap",g)}),content:"uds-button-content truncate",iconContainer:"uds-button-icon-container flex overflow-clip",loading:"uds-button-icon start-content animate-spin",start:"uds-button-icon start-content",end:"uds-button-icon end-content"})),[b,i,T,z,g,p,h,w]),B=l.useReducedMotion()?"smooth":"subtle",A=o.useMemo((()=>s.jsx(l.m.span,{className:P.iconContainer,initial:!1,variants:R,animate:V,children:s.jsxs(l.AnimatePresence,{initial:!1,mode:"popLayout",children:[p&&s.jsx(l.m.span,{variants:k,initial:"hide",animate:"loading",exit:"hide",children:s.jsx(a.Icon,{size:r.buttonIconSvgSize,name:t.o2,variant:u,color:"current",className:P.loading})},"loading"),c&&!p&&s.jsx(l.m.span,{variants:j,initial:"hide",animate:"icon",exit:"hide",children:s.jsx(a.IconSlot,{className:P.start,icon:c,iconProps:{size:r.buttonIconSvgSize,variant:u,color:"current"}})})]})})),[P.iconContainer,P.loading,P.start,V,p,u,c]),E=o.useMemo((()=>s.jsx(l.m.span,{className:P.iconContainer,initial:!1,variants:R,animate:N,children:s.jsx(l.AnimatePresence,{initial:!1,mode:"popLayout",children:d&&s.jsx(l.m.span,{variants:j,initial:"hide",animate:"icon",exit:"hide",children:s.jsx(a.IconSlot,{className:P.end,icon:d,iconProps:{size:r.buttonIconSvgSize,variant:u,color:"current"}})})})})),[P.iconContainer,P.end,d,N,u]),L=o.useMemo((()=>h?{...M,rest:{},hover:{},pressed:{}}:M),[h]);return x&&o.isValidElement(m)?s.jsx(t.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:s.jsx(I,{type:f,className:P.button,initial:["hide",w],animate:w,variants:L,whileHover:"hover",whileTap:"pressed",...y,children:o.cloneElement(m,m.props,s.jsxs(s.Fragment,{children:[A,s.jsx("span",{className:P.content,children:m.props.children}),E]}))})}):s.jsx(t.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:s.jsxs(l.m.button,{ref:S,type:f,className:P.button,initial:["hide",w],animate:w,variants:L,whileHover:"hover",whileTap:"pressed",...y,children:[A,s.jsx("span",{className:P.content,children:m}),E]})})})),T={primary:"alert",secondary:"alert-secondary"},P=e=>"indeterminate"===e,B=e=>P(e)?t.o:t.e,A=l.m.create(a.Box),E={layoutVariant:"smooth",layoutSpeed:"3"},L={layoutVariant:"veryBouncy",layoutSpeed:"4"},q=o.forwardRef((function({id:n,checked:i,defaultChecked:r,onChange:c,label:d,labelPosition:u="start",variant:p="primary",size:h="md",reduceMotion:m,disabled:x,required:f,hasError:g,className:b,layerClassNames:y,...v},S){const C=o.useId(),I=n??`uds-input-${C}`,N=o.useRef(null),j=void 0!==i,[k,w]=o.useState(j?i:r),[V,M]=o.useState(!1),[R,z]=o.useState(!1),q=o.useMemo((()=>g?T[p]:p),[g,p]),H=!x&&V,O=!x&&R,$=o.useMemo((()=>O?.9:H?1.1:1),[O,H]),F=o.useMemo((()=>k?O?"opacity-55":"opacity-100":"opacity-0"),[k,O]),_=o.useMemo((()=>({scale:$})),[$]),W=o.useMemo((()=>R?L:E),[R]),D=o.useCallback((e=>{c?.(e),j||w(e.target.checked)}),[j,c]),G=o.useCallback((()=>{M(!0)}),[]),U=o.useCallback((()=>{M(!1)}),[]),K=o.useCallback((()=>{z(!0)}),[]),X=o.useCallback((()=>{z(!1)}),[]),J=e=>{N.current&&(N.current.indeterminate=P(e))},Z=m?"always":"user",Q=l.useReducedMotion()||m?"duration-0":"duration-120";o.useEffect((()=>{j&&w(i)}),[i,j]),o.useEffect((()=>{J(k)}),[k]);const Y=P(k)?"indeterminate":k?"checked":"unchecked",ee={root:a.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:q,checkboxVariantValueRoot:Y,display:"flex",flexDirection:"start"===u?"row":"row-reverse",alignItems:"center",className:a.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},b,y?.root)}),checkbox:a.getStyles({checkboxSizeCheckbox:h,checkboxVariantCheckbox:q,checkboxVariantValueCheckbox:Y,className:a.cx("border","rounded-[4px]","uds-ring","uds-ring-within",Q,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:a.getStyles({checkboxVariantCheckboxIcon:q,checkboxVariantValueCheckboxIcon:Y,className:a.cx("pointer-events-none",F,Q,"transition-opacity")}),htmlCheckbox:a.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:a.cx("start"===u?"text-start":"text-end",y?.label)},te=d?l.m.label:l.m.div;return s.jsx(t.SpringMotionConfig,{reducedMotion:Z,...W,children:s.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:K,onTap:X,onTapCancel:X,tabIndex:-1,children:[s.jsxs(A,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:_,children:[s.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?!P(k)&&k:void 0,defaultChecked:j?void 0:r,onChange:D,className:ee.htmlCheckbox}),s.jsx(a.Icon,{name:B(k),size:"sm",className:ee.check})]}),d&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:d,className:ee.label})]})})}));q.displayName="Checkbox";var H="primary",O=o.forwardRef((function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:r,as:c="div",reduceMotion:d,disabled:u=!1,className:p,layerClassNames:h,children:m,...x},f){const g=l.useReducedMotion()||d?"duration-0":"duration-120",b=o.useMemo((()=>({root:a.getStyles({chipSizeRoot:e,className:a.cx({"pointer-events-none":u,"cursor-default":u,"opacity-50":u},"focus-visible:-outline-offset-2","uds-ring",g,"transition-[background-color,outline-color,box-shadow]",h?.root,p)}),icon:a.getStyles({chipSizeIcon:e,className:h?.icon})})),[p,g,u,h?.icon,h?.root,e]);return s.jsx(a.HStack,{asChild:!0,ref:f,display:"inline-flex",alignItems:"center",style:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}},className:b.root,...x,children:s.jsxs(c,{disabled:u,children:[i&&s.jsx(a.IconSlot,{icon:i,iconProps:{variant:"fill",className:b.icon},"data-testid":"start-icon"}),s.jsx(a.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:m}),r&&s.jsx(a.IconSlot,{icon:r,iconProps:{variant:"fill",className:b.icon},"data-testid":"end-icon"})]})})}));O.displayName="ChipBase";var $=o.forwardRef((function({variant:e=H,...t},n){const i=o.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return s.jsx(O,{as:"button",ref:n,variant:e,layerClassNames:i,...t})}));$.displayName="ChipButton";var F=o.forwardRef((function({dismissButtonAriaLabel:e,onDismiss:n,dismissIcon:i,variant:r=H,disabled:l,...c},d){const u=o.useMemo((()=>({root:a.getStyles({chipDismissibleVariantRoot:r}),icon:a.getStyles({chipDismissibleVariantIcon:r})})),[r]),p=o.useCallback((e=>{e.stopPropagation(),n?.()}),[n]),h={icon:a.cx("uds-chip-dismissible-button","uds-hit-target")};return s.jsx(O,{ref:d,variant:r,disabled:l,tabIndex:-1,endIcon:n=>s.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:l,children:s.jsx(a.IconSlot,{icon:i??t.a,iconProps:n,"data-testid":"dismiss-icon"})}),layerClassNames:u,...c})}));F.displayName="ChipDismissible";var _=o.forwardRef((function({variant:e=H,href:t,disabled:n,...i},r){const l=o.useMemo((()=>({root:a.getStyles({chipLinkVariantRoot:e}),icon:a.getStyles({chipLinkVariantIcon:e})})),[e]);return s.jsx(O,{as:"a",ref:r,variant:e,disabled:n,layerClassNames:l,...{...i,href:n?void 0:t}})}));_.displayName="ChipLink";var W=o.forwardRef((function({isToggled:e=!1,onToggle:t,onClick:n,variant:i=H,...r},l){const c=o.useMemo((()=>({root:a.getStyles({chipToggleVariantRoot:i,chipToggleVariantActiveRoot:e?"on":"off"}),icon:a.getStyles({chipToggleVariantIcon:i})})),[e,i]),d=o.useCallback((a=>{t?.(!e),n?.(a)}),[e,n,t]);return s.jsx(O,{ref:l,as:"button",variant:i,onClick:d,"aria-pressed":e,layerClassNames:c,...r})}));W.displayName="ChipToggle";var D=o.forwardRef((function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...r},l){return n?s.jsx(F,{ref:l,onDismiss:n,...r}):i?s.jsx(W,{ref:l,onToggle:i,isToggled:o,...r}):t?s.jsx(_,{ref:l,href:t,...r,...a}):s.jsx($,{ref:l,onClick:e,...r})}));D.displayName="Chip";var G=o.forwardRef((function({variant:e,size:i,iconVariant:c,loading:d,disableEffects:u,name:p,type:h="button",htmlName:m,className:x,children:f,...g},b){const y=o.useRef(null);o.useImperativeHandle(b,(()=>y.current));const{palette:v,variant:S}=n.parseDeprecatedButtonPaletteVariant({flatVariant:e}),C=o.useMemo((()=>({button:a.getStyles({buttonVariant:S,buttonPalette:v,iconButtonSize:i,className:a.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",d&&"uds-button-loading",u&&"uds-button-without-effects",x)}),loading:"uds-button-icon start-content animate-spin",icon:"uds-button-icon start-content"})),[v,S,x,u,i,d]),I=l.useReducedMotion(),N=o.useMemo((()=>I?"smooth":"subtle"),[I]),w=o.useMemo((()=>{const{rest:e,hover:t,pressed:a}=M;return u?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}}),[u]);return s.jsx(t.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:N,reducedMotion:u?"always":"user",children:s.jsx(l.m.button,{ref:y,type:h,className:C.button,initial:"icon",variants:w,whileHover:"hover",whileTap:"pressed",name:m,...g,children:s.jsxs(l.AnimatePresence,{initial:!1,mode:"popLayout",children:[d&&s.jsx(l.m.span,{variants:k,initial:"loading",animate:"loading",exit:"hide",children:s.jsx(a.Icon,{size:r.buttonIconSvgSize,name:t.o2,variant:c,color:"current",className:C.loading})},"loading"),p&&!d&&s.jsx(l.m.span,{variants:j,initial:"icon",animate:"icon",exit:"hide",children:f||s.jsx(a.Icon,{size:r.buttonIconSvgSize,name:p,variant:c,color:"current",className:C.icon})},p.name)]})})})})),U=({children:e,reduceMotion:a,layoutVariant:n})=>{const i=o.useRef(null),[r,c]=o.useState("auto");return o.useEffect((()=>{if(i.current){const e=new ResizeObserver((e=>{c(e[0].contentRect.height)}));return e.observe(i.current),()=>{e.disconnect()}}}),[]),s.jsx(t.SpringMotionConfig,{reducedMotion:a,layoutSpeed:"4",layoutVariant:n,children:s.jsx(l.m.div,{className:"overflow-hidden",style:{height:r,opacity:0},animate:{height:r,opacity:1},children:s.jsx("div",{ref:i,children:e})})})},K=o.memo((function({helpText:t,helperTextIcon:n,spacingStart:i,spacingTop:o,size:r,isFilled:l,...d}){return t?s.jsx(a.Box,{spacingTop:o,spacingStart:i,...d,children:s.jsx(e.InputHelpTextMemo,{startIcon:n,size:r,isFilled:l,children:c.isFunction(t)?t():t})}):null})),X=o.memo((function({icon:e,className:t}){return e?s.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},className:t}):null})),J=o.memo((function({icon:e,className:t}){if(!e)return null;return s.jsx(a.IconSlot,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:t})})),Z=o.forwardRef((function({id:e,label:t,type:n="text",size:i="md",startIcon:r,endIcon:d,helpText:u,helperTextIcon:p,hasError:h,width:m="full",defaultValue:x,required:f,readOnly:g,disabled:b,reduceMotion:y,onChange:v,className:S,...C},I){const N=o.useId(),j=e??`uds-input-${N}`,k=`uds-input-${j}-help-text`,w=o.useRef(null);o.useImperativeHandle(I,(()=>w.current));const[V,M]=o.useState(x??""),R=o.useCallback((e=>{M(e.target.value),v?.(e)}),[v]),z=l.useReducedMotion()?"smooth":"bouncy",T=y?"always":"user",P=!g&&!b,B={root:a.getStyles({inputSizeRoot:i,inputVariantRoot:"default",inputVariantValueRoot:V?"filled":"empty",className:a.cx([S,b?"opacity-50":""])}),inputWrapper:a.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 s.jsxs(a.VStack,{width:m,className:B.root,children:[t&&s.jsxs(a.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:B.label,children:[s.jsx("label",{htmlFor:j,children:c.isFunction(t)?t():t}),f&&s.jsx("span",{className:B.labelRequired,children:"*"})]}),s.jsxs(a.Box,{position:"relative",alignItems:"center",className:B.inputWrapper,children:[s.jsx(X,{icon:r,className:B.startIcon}),s.jsx("input",{ref:w,id:j,type:n,value:V,required:f,readOnly:g,disabled:b,"aria-describedby":k,"aria-invalid":h,onChange:R,className:B.input,...C}),d&&s.jsx(a.HStack,{alignItems:"center",gap:"1",children:s.jsx(J,{icon:d,className:B.endIcon})})]}),s.jsx(U,{reduceMotion:T,layoutVariant:z,children:s.jsx(K,{id:k,helpText:u,spacingTop:"2",size:i,isFilled:!!V,helperTextIcon:p})})]})}));Z.displayName="Input";var Q=class e{name;value;activeCount=0;#e=new Set;constructor(e){this.name=e}onChange(e){return this.#e.add(e),()=>{this.#e.delete(e)}}setValue(e){this.value=e,this.#e.forEach((t=>t(e)))}static findOrCreate(t,a){let n=t.get(a);return n||(n=new e(a),t.set(a,n)),n}},Y=o.createContext(new Map),ee=e=>{const t=o.useId();return e??`uds-radio-group-${t}`},te={primary:"alert",secondary:"alert-secondary"},ae=l.m.create(a.Box),ne={layoutVariant:"smooth",layoutSpeed:"3"},ie={layoutVariant:"veryBouncy",layoutSpeed:"4"},oe=o.forwardRef((function({id:n,name:i,label:r,labelPosition:c="start",variant:d="primary",size:u="md",reduceMotion:p,value:h="",checked:m,defaultChecked:x,disabled:f,hasError:g,onChange:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=o.useId(),k=n??`uds-radio-${j}`,w=o.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=o.useContext(Y),s=i instanceof Q,r=void 0!==a||s,l=ee(e),c=o.useMemo((()=>s?i:Q.findOrCreate(i,l)),[i,s,l]),[d,u]=o.useState(c.value),p=c.name??l,h=o.useCallback((e=>{c.setValue(e),r||u(e)}),[r,c]);return o.useEffect((()=>c.onChange(u)),[c]),o.useEffect((()=>{!0===a&&h(t)}),[a,t,h]),o.useEffect((()=>{if(s)return;const e=Q.findOrCreate(i,p);return e.activeCount+=1,i.set(p,e),()=>{const e=i.get(p);e&&(e.activeCount-=1,0===e.activeCount&&i.delete(p))}}),[i,s,p]),{name:p,isControlled:r,checked:r&&!s?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:i,value:h,checked:m,defaultChecked:x}),[T,P]=o.useState(!1),[B,A]=o.useState(!1),E=o.useMemo((()=>g?te[d]:d),[g,d]),L=o.useMemo((()=>!f&&T),[f,T]),q=o.useMemo((()=>!f&&!R&&B),[R,f,B]),H=o.useMemo((()=>q?.9:L?1.1:1),[L,q]),O=o.useMemo((()=>R?q?"opacity-55":"opacity-100":"opacity-0"),[R,q]),$=o.useMemo((()=>!f&&(q&&!R||L&&R)),[R,f,L,q]),F=o.useMemo((()=>({scale:H})),[H]),_=o.useMemo((()=>B?ie:ne),[B]),W=o.useCallback((e=>{z(e.target.value),b?.(e)}),[b,z]),D=o.useCallback((e=>{y?.(e)}),[y]),G=o.useCallback((e=>{v?.(e)}),[v]),U=o.useCallback((()=>{P(!0)}),[]),K=o.useCallback((()=>{P(!1)}),[]),X=o.useCallback((()=>{A(!0)}),[]),J=o.useCallback((()=>{A(!1)}),[]),Z=p?"always":"user",oe=l.useReducedMotion()||p?"duration-0":"duration-120",se={root:a.getStyles({radioSizeRoot:u,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===c?"row":"row-reverse",alignItems:"center",className:a.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,C?.root])}),radio:a.getStyles({radioSizeRadio:u,radioVariantRadio:E,radioVariantValueRadio:R?"checked":"unchecked",className:a.cx(["border","uds-ring","uds-ring-within",oe,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:a.getStyles({radioVariantRadioCircle:E,radioVariantValueRadioCircle:R?"checked":"unchecked",className:a.cx(["pointer-events-none","w-[8px]","h-[8px]",O,oe,"transition-opacity"])}),htmlRadio:a.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:a.cx("start"===c?"text-start":"text-end",C?.label)},re=r?l.m.label:l.m.div;return s.jsx(t.SpringMotionConfig,{reducedMotion:Z,..._,children:s.jsxs(re,{className:se.root,"data-testid":"container",onHoverStart:U,onHoverEnd:K,onTapStart:X,onTap:J,onTapCancel:J,tabIndex:-1,children:[s.jsxs(ae,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:se.radio,animate:F,insetShadow:$?"lg-invert":"none",children:[s.jsx("input",{type:"radio",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:D,onBlur:G,id:k,name:V,value:h,disabled:f,"aria-invalid":g,onChange:W,...M?{checked:R}:{defaultChecked:x},className:se.htmlRadio}),s.jsx(a.Box,{borderRadius:"full",className:se.radioCircle})]}),r&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:r,className:se.label})]})})}));oe.displayName="Radio";var se=a.createSlot(),re=class extends Q{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},le=o.forwardRef((function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...r},l){const c=void 0!==a,d=ee(t),u=o.useMemo((()=>{const e=new re(d,c);return e.value=c?a:n,e}),[n,c,d,a]);o.useEffect((()=>{u.onChangeCb=i}),[i,u]),o.useEffect((()=>{c&&u.setValue(a,!0)}),[c,u,a]),o.useEffect((()=>u.onChange((e=>i?.(e)))),[i,u]);const p=e?se:"div";return s.jsx(Y.Provider,{value:u,children:s.jsx(p,{role:"radiogroup",ref:l,...r})})}));le.displayName="RadioGroupProvider";var ce={md:{isOnX:20},sm:{isOnX:12}},de=l.m.create(a.Box),ue={layoutVariant:"bouncy",layoutSpeed:"4"},pe=o.forwardRef((function({id:n,isOn:i,defaultIsOn:r,onChange:c,label:d,labelPosition:u="start",size:p="md",onIcon:h,offIcon:m,reduceMotion:x,disabled:f,required:g,onFocus:b,onBlur:y,className:v,layerClassNames:S,...C},I){const N=o.useId(),j=n??`uds-input-${N}`,k=o.useRef(null),w=void 0!==i,[V,M]=o.useState(w?i:r),[R,z]=o.useState(!1),T=o.useMemo((()=>!f&&R),[f,R]),{isOnX:P}=ce[p],B=o.useMemo((()=>({initial:{scale:1,x:V?P:0},animate:{scale:T?1.05:1,x:V?P:0}})),[T,V,P]),A=o.useCallback((e=>{c?.(e),w||M(e.target.checked)}),[w,c]),E=o.useCallback((e=>{b?.(e)}),[b]),L=o.useCallback((e=>{y?.(e)}),[y]),q=o.useCallback((()=>{z(!0)}),[]),H=o.useCallback((()=>{z(!1)}),[]),O=x?"always":"user",$=l.useReducedMotion()||x?"duration-0":"duration-120";o.useEffect((()=>{w&&M(i)}),[i,w]);const F={root:a.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===u?"row":"row-reverse",alignItems:"center",className:a.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:a.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:a.cx("uds-ring","uds-ring-within",$,"transition-[background-color,box-shadow]",S?.switch)}),handle:a.getStyles({switchSizeHandle:p,className:a.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:a.getStyles({switchVariantActiveHandle:V?"on":"off",switchVariantHandle:"default",className:a.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",$,"transition-[background-color,box-shadow,opacity]")}),handleIcon:a.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:V?"on":"off",className:a.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",$,"transition-opacity")}),htmlCheckbox:a.cx("cursor-[inherit]","absolute","opacity-0","top-1/2","left-1/2","w-[calc(100%+2px)]","h-[calc(100%+2px)]","transform","translate-x-[-50%]","translate-y-[-50%]"),label:a.cx("start"===u?"text-start":"text-end",S?.label)},_=d?l.m.label:l.m.div;return s.jsx(t.SpringMotionConfig,{reducedMotion:O,...ue,children:s.jsxs(_,{className:F.root,"data-testid":"container",onHoverStart:q,onHoverEnd:H,tabIndex:-1,children:[s.jsxs(de,{className:F.switch,children:[s.jsx("input",{type:"checkbox",...C,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:E,onBlur:L,id:j,disabled:f,required:g,checked:w?V:void 0,defaultChecked:w?void 0:r,onChange:A,className:F.htmlCheckbox,style:{}}),s.jsxs(de,{className:F.handle,...B,children:[s.jsx(a.Box,{className:F.handleCircle}),h&&s.jsx(a.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:a.cx(F.handleIcon,V?"opacity-100":"opacity-0")}),m&&s.jsx(a.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:a.cx(F.handleIcon,V?"opacity-0":"opacity-100")})]})]}),d&&s.jsx(e.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:g,label:d,className:F.label})]})})}));pe.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return t.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return d.Menu}}),exports.Avatar=S,exports.AvatarIcon=b,exports.AvatarImage=v,exports.AvatarText=y,exports.Badge=C,exports.Button=z,exports.Checkbox=q,exports.Chip=D,exports.ChipButton=$,exports.ChipDismissible=F,exports.ChipLink=_,exports.ChipToggle=W,exports.IconButton=G,exports.Input=Z,exports.Radio=oe,exports.RadioGroupProvider=le,exports.Switch=pe;
|
2
|
+
"use strict";var e=require("../chunk-A3B3VYP6.cjs"),t=require("../chunk-AIZ2OTKW.cjs"),a=require("../chunk-HUFHYJ5T.cjs"),n=require("../chunk-LUIZSLSJ.cjs"),i=require("../chunk-I5TC35WI.cjs"),o=require("../chunk-SQCEFYU5.cjs"),s=require("../chunk-EIQXT4KY.cjs"),r=require("../chunk-4NZKRK55.cjs"),l=require("react"),c=require("react/jsx-runtime"),d=require("@yahoo/uds/fixtures"),u=require("motion/react"),p=require("lodash-es"),h=require("motion/react-m"),m=require("@yahoo/uds/client/Menu");function x(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 f=x(h),g={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("")},b=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map((e=>e[0].toUpperCase()));return"function"==typeof t?t(e):g[t](a)},y=(e="md")=>o.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),v=e=>e?{height:e,width:e}:{},S="primary",C="md",I={primary:t.e2,secondary:t.t},N=({size:e=C,variant:t=S,customSize:a,icon:n,className:i})=>{const s=l.useMemo((()=>v(a)),[a]),r=l.useMemo((()=>o.cx(y(e),o.getStyles({avatarIconVariantRoot:t,overflow:"hidden"}),i)),[i,e,t]),d=l.useMemo((()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center"})),[]),u=l.useMemo((()=>({...s,boxSizing:"content-box"})),[s]),p=l.useMemo((()=>n??I[t??"primary"]),[n,t]),h=l.useMemo((()=>o.getStyles({avatarSizeIcon:e})),[e]);return c.jsx(o.Box,{className:r,style:s,children:c.jsx(o.Box,{className:d,style:u,children:c.jsx(o.Icon,{name:p,variant:"fill",color:"current",className:h,"data-testid":"avatar-icon"})})})};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */N.displayName="AvatarIcon";var j=({size:e=C,variant:t=S,name:a,initials:n,customSize:i,abbreviationStrategy:s,className:r})=>{const d=l.useMemo((()=>o.cx(y(e),o.getStyles({avatarTextVariantRoot:t,overflow:"hidden"}),"truncate",r)),[r,e,t]),u=l.useMemo((()=>o.getStyles({width:"full",height:"full",flexShrink:"0",overflow:"hidden",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",className:"truncate"})),[]),p=l.useMemo((()=>v(i)),[i]),h=l.useMemo((()=>({...p,boxSizing:"content-box"})),[p]);return c.jsx(o.Box,{className:d,style:p,children:c.jsx(o.Text,{color:"inherit",variant:"inherit",className:u,style:h,"data-testid":"avatar-text",children:n||b(a,s)})})};j.displayName="AvatarText";var k=({size:t=C,variant:a=S,src:n,srcSet:i,customSize:s,alt:r,imageProps:d,abbreviationStrategy:u,fallback:p,className:h})=>{const[m,x]=l.useState("loading");l.useEffect((()=>{let e=!0;if(n||i){const t=new Image;t.onload=()=>{e&&x("loaded")},t.onerror=()=>{e&&x("error")},n&&(t.src=n),i&&(t.srcset=i)}else x("error");return()=>{e=!1}}),[n,i]);const f=l.useMemo((()=>o.cx(y(t),o.getStyles({avatarImageVariantRoot:a,overflow:"hidden"}),h)),[h,t,a]),g=l.useMemo((()=>o.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"})),[]),b=l.useMemo((()=>v(s)),[s]),I=l.useMemo((()=>({...b,boxSizing:"content-box"})),[b]);if("loaded"===m)return c.jsx(o.Box,{className:f,style:b,children:c.jsx(e.Image,{src:n,srcSet:i,alt:r,className:g,style:I,...d})});const k={size:t,customSize:s,variant:a};return p||r?c.jsx(j,{name:r,initials:p,abbreviationStrategy:u,...k}):c.jsx(N,{...k})};k.displayName="AvatarImage";var w=e=>c.jsx(k,{...e});w.displayName="Avatar";var V=l.forwardRef((function({variant:e="primary",size:t="md",minWidth:n,maxWidth:i=200,startIcon:s,endIcon:r,backgroundColor:d,color:u,iconColor:p,borderColor:h,children:m,className:x,...f},g){const b=o.getStyles({badgeSizeRoot:t,badgeVariantRoot:e,className:o.cx(["uds-badge","uds-badge-variant","uds-badge-size",x])}),y=o.getStyles({badgeVariantIcon:e,badgeSizeIcon:t,className:o.cx(["uds-badge-iconSize","uds-badge-iconColor"])}),v=l.useMemo((()=>({...n?{minWidth:`${n}px`}:{},..."full"===i?{}:{maxWidth:`${i}px`},...d?{backgroundColor:d}:{},...h?{borderColor:h}:{},...u?{color:u}:{}})),[d,h,u,i,n]),S=l.useMemo((()=>({variant:"fill",style:{...p?{color:p}:{}}})),[p]);return c.jsxs(a.HStack,{ref:g,gap:"2",display:"inline-flex",alignItems:"center",className:b,style:v,...f,children:[s&&c.jsx(o.IconSlot,{icon:s,iconProps:S,"data-testid":"start-icon",className:y}),c.jsx("span",{className:"flex-1 truncate whitespace-nowrap text-center",children:m}),r&&c.jsx(o.IconSlot,{icon:r,iconProps:S,"data-testid":"end-icon",className:y})]})}));V.displayName="Badge";var M={scale:.7,opacity:0},R={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},z={icon:R,hide:M,loading:M},T={loading:R,hide:M,icon:M},P=`var(${r.BUTTON_CSS_VAR_MAP.columnGap})`,A=`var(${r.BUTTON_CSS_VAR_MAP.iconSize})`,B={rest:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.rest})`},hover:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.hover})`},pressed:{scale:`var(${r.BUTTON_CSS_VAR_MAP.effects.scale.pressed})`},withoutIcon:{columnGap:"0px"},withIcon:{columnGap:P}},E={hide:{width:"0px",opacity:0,display:"none"},loading:{width:A,display:"flex",opacity:1},icon:{width:A,display:"flex",opacity:1}},q=l.forwardRef((function({variant:e,size:a,startIcon:n,endIcon:r,iconVariant:p,loading:h,disableEffects:m,children:x,asChild:f,type:g="button",className:b,width:y,...v},S){const C=l.useRef(null);l.useImperativeHandle(S,(()=>C.current));const I=l.useMemo((()=>o.createSlot()),[]),N=l.useMemo((()=>u.m.create(I)),[I]),j=r?"icon":"hide",k=(({startIcon:e,endIcon:t,loading:a})=>e||t||a?"withIcon":"withoutIcon")({startIcon:n,endIcon:r,loading:h}),w=(({loading:e,startIcon:t})=>e?"loading":t?"icon":"hide")({loading:h,startIcon:n}),{palette:V,variant:M}=l.useMemo((()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e})),[e]),R=l.useMemo((()=>({button:o.getStyles({width:y,buttonSize:a,buttonVariant:M,buttonPalette:V,className:o.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,a,M,V,b,h,m,k]),P=u.useReducedMotion()?"smooth":"subtle",A=l.useMemo((()=>c.jsx(u.m.span,{className:R.iconContainer,initial:!1,variants:E,animate:w,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&c.jsx(u.m.span,{variants:T,initial:"hide",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:p,color:"current",className:R.loading})},"loading"),n&&!h&&c.jsx(u.m.span,{variants:z,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:R.start,icon:n,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})]})})),[R.iconContainer,R.loading,R.start,w,h,p,n]),q=l.useMemo((()=>c.jsx(u.m.span,{className:R.iconContainer,initial:!1,variants:E,animate:j,children:c.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&c.jsx(u.m.span,{variants:z,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:R.end,icon:r,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})})})),[R.iconContainer,R.end,r,j,p]),O=l.useMemo((()=>m?{...B,rest:{},hover:{},pressed:{}}:B),[m]);return f&&l.isValidElement(x)?c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:P,children:c.jsx(N,{type:g,className:R.button,initial:["hide",k],animate:k,variants:O,whileHover:"hover",whileTap:"pressed",...v,children:l.cloneElement(x,x.props,c.jsxs(c.Fragment,{children:[A,c.jsx("span",{className:R.content,children:x.props.children}),q]}))})}):c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:P,children:c.jsxs(u.m.button,{ref:C,type:g,className:R.button,initial:["hide",k],animate:k,variants:O,whileHover:"hover",whileTap:"pressed",...v,children:[A,c.jsx("span",{className:R.content,children:x}),q]})})})),O={primary:"alert",secondary:"alert-secondary"},L=e=>"indeterminate"===e,H=e=>L(e)?t.o:t.e,F=u.m.create(o.Box),$={layoutVariant:"smooth",layoutSpeed:"3"},_={layoutVariant:"veryBouncy",layoutSpeed:"4"},W=l.forwardRef((function({id:e,checked:t,defaultChecked:a,onChange:s,label:r,labelPosition:d="start",variant:p="primary",size:h="md",reduceMotion:m,disabled:x,required:f,hasError:g,className:b,layerClassNames:y,...v},S){const C=l.useId(),I=e??`uds-input-${C}`,N=l.useRef(null),j=void 0!==t,[k,w]=l.useState(j?t:a),[V,M]=l.useState(!1),[R,z]=l.useState(!1),T=l.useMemo((()=>g?O[p]:p),[g,p]),P=!x&&V,A=!x&&R,B=l.useMemo((()=>A?.9:P?1.1:1),[A,P]),E=l.useMemo((()=>k?A?"opacity-55":"opacity-100":"opacity-0"),[k,A]),q=l.useMemo((()=>({scale:B})),[B]),W=l.useMemo((()=>R?_:$),[R]),D=l.useCallback((e=>{s?.(e),j||w(e.target.checked)}),[j,s]),U=l.useCallback((()=>{M(!0)}),[]),G=l.useCallback((()=>{M(!1)}),[]),K=l.useCallback((()=>{z(!0)}),[]),X=l.useCallback((()=>{z(!1)}),[]),Y=e=>{N.current&&(N.current.indeterminate=L(e))},Z=m?"always":"user",J=u.useReducedMotion()||m?"duration-0":"duration-120";l.useEffect((()=>{j&&w(t)}),[t,j]),l.useEffect((()=>{Y(k)}),[k]);const Q=L(k)?"indeterminate":k?"checked":"unchecked",ee={root:o.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:T,checkboxVariantValueRoot:Q,display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx({"cursor-pointer":!x,"cursor-default":x,"opacity-50":x},b,y?.root)}),checkbox:o.getStyles({checkboxSizeCheckbox:h,checkboxVariantCheckbox:T,checkboxVariantValueCheckbox:Q,className:o.cx("border","rounded-[4px]","uds-ring","uds-ring-within",J,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:o.getStyles({checkboxVariantCheckboxIcon:T,checkboxVariantValueCheckboxIcon:Q,className:o.cx("pointer-events-none",E,J,"transition-opacity")}),htmlCheckbox:o.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:o.cx("start"===d?"text-start":"text-end",y?.label)},te=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Z,...W,children:c.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:U,onHoverEnd:G,onTapStart:K,onTap:X,onTapCancel:X,tabIndex:-1,children:[c.jsxs(F,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:q,children:[c.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,Y(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!L(k)&&k:void 0,defaultChecked:j?void 0:a,onChange:D,className:ee.htmlCheckbox}),c.jsx(o.Icon,{name:H(k),size:"sm",className:ee.check})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})}));W.displayName="Checkbox";var D="primary",U=l.forwardRef((function({size:e="md",minWidth:t,maxWidth:n=200,startIcon:i,endIcon:s,as:r="div",reduceMotion:d,disabled:p=!1,className:h,layerClassNames:m,children:x,...f},g){const b=u.useReducedMotion()||d?"duration-0":"duration-120",y=l.useMemo((()=>({root:o.getStyles({chipSizeRoot:e,className:o.cx({"pointer-events-none":p,"cursor-default":p,"opacity-50":p},"focus-visible:-outline-offset-2","uds-ring",b,"transition-[background-color,outline-color,box-shadow]",m?.root,h)}),icon:o.getStyles({chipSizeIcon:e,className:m?.icon})})),[h,b,p,m?.icon,m?.root,e]);return c.jsx(a.HStack,{asChild:!0,ref:g,display:"inline-flex",alignItems:"center",style:{maxWidth:`${n}px`,...t?{minWidth:`${t}px`}:{}},className:y.root,...f,children:c.jsxs(r,{disabled:p,children:[i&&c.jsx(o.IconSlot,{icon:i,iconProps:{variant:"fill",className:y.icon},"data-testid":"start-icon"}),c.jsx(o.Text,{as:"span",className:"truncate whitespace-nowrap",flex:"1",textAlign:"center",color:"current",variant:"inherit",children:x}),s&&c.jsx(o.IconSlot,{icon:s,iconProps:{variant:"fill",className:y.icon},"data-testid":"end-icon"})]})})}));U.displayName="ChipBase";var G=l.forwardRef((function({variant:e=D,...t},a){const n=l.useMemo((()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})})),[e]);return c.jsx(U,{as:"button",ref:a,variant:e,layerClassNames:n,...t})}));G.displayName="ChipButton";var K=l.forwardRef((function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:i=D,disabled:s,...r},d){const u=l.useMemo((()=>({root:o.getStyles({chipDismissibleVariantRoot:i}),icon:o.getStyles({chipDismissibleVariantIcon:i})})),[i]),p=l.useCallback((e=>{e.stopPropagation(),a?.()}),[a]),h={icon:o.cx("uds-chip-dismissible-button","uds-hit-target")};return c.jsx(U,{ref:d,variant:i,disabled:s,tabIndex:-1,endIcon:a=>c.jsx(t.Pressable,{"aria-label":e,className:h.icon,onClick:p,disabled:s,children:c.jsx(o.IconSlot,{icon:n??t.a,iconProps:a,"data-testid":"dismiss-icon"})}),layerClassNames:u,...r})}));K.displayName="ChipDismissible";var X=l.forwardRef((function({variant:e=D,href:t,disabled:a,...n},i){const s=l.useMemo((()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})})),[e]);return c.jsx(U,{as:"a",ref:i,variant:e,disabled:a,layerClassNames:s,...{...n,href:a?void 0:t}})}));X.displayName="ChipLink";var Y=l.forwardRef((function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=D,...i},s){const r=l.useMemo((()=>({root:o.getStyles({chipToggleVariantRoot:n,chipToggleVariantActiveRoot:e?"on":"off"}),icon:o.getStyles({chipToggleVariantIcon:n})})),[e,n]),d=l.useCallback((n=>{t?.(!e),a?.(n)}),[e,a,t]);return c.jsx(U,{ref:s,as:"button",variant:n,onClick:d,"aria-pressed":e,layerClassNames:r,...i})}));Y.displayName="ChipToggle";var Z=l.forwardRef((function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...s},r){return n?c.jsx(K,{ref:r,onDismiss:n,...s}):i?c.jsx(Y,{ref:r,onToggle:i,isToggled:o,...s}):t?c.jsx(X,{ref:r,href:t,...s,...a}):c.jsx(G,{ref:r,onClick:e,...s})}));Z.displayName="Chip";var J=l.forwardRef((function({variant:e,size:a,iconVariant:n,loading:r,disableEffects:p,name:h,type:m="button",htmlName:x,className:f,children:g,...b},y){const v=l.useRef(null);l.useImperativeHandle(y,(()=>v.current));const{palette:S,variant:C}=s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),I=l.useMemo((()=>({button:o.getStyles({buttonVariant:C,buttonPalette:S,iconButtonSize:a,className:o.cx("uds-icon-button","uds-button","uds-ring","uds-hit-target",r&&"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,a,r]),N=u.useReducedMotion(),j=l.useMemo((()=>N?"smooth":"subtle"),[N]),k=l.useMemo((()=>{const{rest:e,hover:t,pressed:a}=B;return p?{rest:{},hover:{},pressed:{}}:{rest:e,hover:t,pressed:a}}),[p]);return c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:j,reducedMotion:p?"always":"user",children:c.jsx(u.m.button,{ref:v,type:m,className:I.button,initial:"icon",variants:k,whileHover:"hover",whileTap:"pressed",name:x,...b,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[r&&c.jsx(u.m.span,{variants:T,initial:"loading",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:n,color:"current",className:I.loading})},"loading"),h&&!r&&c.jsx(u.m.span,{variants:z,initial:"icon",animate:"icon",exit:"hide",children:g||c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:h,variant:n,color:"current",className:I.icon})},h.name)]})})})})),Q=({children:e,reduceMotion:t,layoutVariant:a})=>{const n=l.useRef(null),[o,s]=l.useState("auto");return l.useEffect((()=>{if(n.current){const e=new ResizeObserver((e=>{s(e[0].contentRect.height)}));return e.observe(n.current),()=>{e.disconnect()}}}),[]),c.jsx(i.SpringMotionConfig,{reducedMotion:t,layoutSpeed:"4",layoutVariant:a,children:c.jsx(u.m.div,{className:"overflow-hidden",style:{height:o,opacity:0},animate:{height:o,opacity:1},children:c.jsx("div",{ref:n,children:e})})})},ee=l.memo((function({helpText:t,helperTextIcon:a,spacingStart:n,spacingTop:i,size:s,isFilled:r,...l}){return t?c.jsx(o.Box,{spacingTop:i,spacingStart:n,...l,children:c.jsx(e.InputHelpTextMemo,{startIcon:a,size:s,isFilled:r,children:p.isFunction(t)?t():t})}):null})),te=l.memo((function({icon:e,className:t}){return e?c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline"},className:t}):null})),ae=l.memo((function({icon:e,className:t}){if(!e)return null;return c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline"},"data-testid":"end-icon",className:t})})),ne=l.forwardRef((function({id:e,label:t,type:n="text",size:i="md",startIcon:s,endIcon:r,helpText:d,helperTextIcon:h,hasError:m,width:x="full",defaultValue:f,required:g,readOnly:b,disabled:y,reduceMotion:v,onChange:S,className:C,...I},N){const j=l.useId(),k=e??`uds-input-${j}`,w=`uds-input-${k}-help-text`,V=l.useRef(null);l.useImperativeHandle(N,(()=>V.current));const[M,R]=l.useState(f??""),z=l.useCallback((e=>{R(e.target.value),S?.(e)}),[S]),T=u.useReducedMotion()?"smooth":"bouncy",P=v?"always":"user",A=!b&&!y,B={root:o.getStyles({inputSizeRoot:i,inputVariantRoot:"default",inputVariantValueRoot:M?"filled":"empty",className:o.cx([C,y?"opacity-50":""])}),inputWrapper:o.cx(o.getStyles({inputSizeInputWrapper:i,inputVariantInputWrapper:"default",inputVariantValueInputWrapper:M?"filled":"empty"}),"min-w-[200px]"),input:o.getStyles({inputSizeInput:i,inputVariantInput:"default",inputVariantValueInput:M?"filled":"empty",inputVariantInputPlaceholder:"default",inputVariantValueInputPlaceholder:M?"filled":"empty",className:o.cx("grow","uds-hit-target","bg-clip-text","focus:outline-none",A?"cursor-text":"cursor-not-allowed")}),label:o.cx(o.getStyles({inputSizeLabel:i,inputVariantLabel:"default",inputVariantValueLabel:M?"filled":"empty"})),labelRequired:o.getStyles({inputVariantLabelRequired:"default",inputVariantValueLabelRequired:M?"filled":"empty"}),startIcon:o.getStyles({inputSizeStartIcon:i,inputVariantStartIcon:"default",inputVariantValueStartIcon:M?"filled":"empty"}),endIcon:o.getStyles({inputSizeEndIcon:i,inputVariantEndIcon:"default",inputVariantValueEndIcon:M?"filled":"empty"})};return c.jsxs(a.VStack,{width:x,className:B.root,children:[t&&c.jsxs(o.Box,{spacingBottom:"2",columnGap:"0.5",alignItems:"flex-end",className:B.label,children:[c.jsx("label",{htmlFor:k,children:p.isFunction(t)?t():t}),g&&c.jsx("span",{className:B.labelRequired,children:"*"})]}),c.jsxs(o.Box,{position:"relative",alignItems:"center",className:B.inputWrapper,children:[c.jsx(te,{icon:s,className:B.startIcon}),c.jsx("input",{ref:V,id:k,type:n,value:M,required:g,readOnly:b,disabled:y,"aria-describedby":w,"aria-invalid":m,onChange:z,className:B.input,...I}),r&&c.jsx(a.HStack,{alignItems:"center",gap:"1",children:c.jsx(ae,{icon:r,className:B.endIcon})})]}),c.jsx(Q,{reduceMotion:P,layoutVariant:T,children:c.jsx(ee,{id:w,helpText:d,spacingTop:"2",size:i,isFilled:!!M,helperTextIcon:h})})]})}));ne.displayName="Input";var ie=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}},oe=l.createContext(new Map),se=e=>{const t=l.useId();return e??`uds-radio-group-${t}`},re={primary:"alert",secondary:"alert-secondary"},le=u.m.create(o.Box),ce={layoutVariant:"smooth",layoutSpeed:"3"},de={layoutVariant:"veryBouncy",layoutSpeed:"4"},ue=l.forwardRef((function({id:e,name:t,label:a,labelPosition:s="start",variant:r="primary",size:d="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=l.useId(),k=e??`uds-radio-${j}`,w=l.useRef(null),{name:V,isControlled:M,checked:R,setGroupValue:z}=(({name:e,value:t,checked:a,defaultChecked:n})=>{const i=l.useContext(oe),o=i instanceof ie,s=void 0!==a||o,r=se(e),c=l.useMemo((()=>o?i:ie.findOrCreate(i,r)),[i,o,r]),[d,u]=l.useState(c.value),p=c.name??r,h=l.useCallback((e=>{c.setValue(e),s||u(e)}),[s,c]);return l.useEffect((()=>c.onChange(u)),[c]),l.useEffect((()=>{!0===a&&h(t)}),[a,t,h]),l.useEffect((()=>{if(o)return;const e=ie.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:s,checked:s&&!o?a:void 0!==d?t===d:n??!1,setGroupValue:h}})({name:t,value:h,checked:m,defaultChecked:x}),[T,P]=l.useState(!1),[A,B]=l.useState(!1),E=l.useMemo((()=>g?re[r]:r),[g,r]),q=l.useMemo((()=>!f&&T),[f,T]),O=l.useMemo((()=>!f&&!R&&A),[R,f,A]),L=l.useMemo((()=>O?.9:q?1.1:1),[q,O]),H=l.useMemo((()=>R?O?"opacity-55":"opacity-100":"opacity-0"),[R,O]),F=l.useMemo((()=>!f&&(O&&!R||q&&R)),[R,f,q,O]),$=l.useMemo((()=>({scale:L})),[L]),_=l.useMemo((()=>A?de:ce),[A]),W=l.useCallback((e=>{z(e.target.value),b?.(e)}),[b,z]),D=l.useCallback((e=>{y?.(e)}),[y]),U=l.useCallback((e=>{v?.(e)}),[v]),G=l.useCallback((()=>{P(!0)}),[]),K=l.useCallback((()=>{P(!1)}),[]),X=l.useCallback((()=>{B(!0)}),[]),Y=l.useCallback((()=>{B(!1)}),[]),Z=p?"always":"user",J=u.useReducedMotion()||p?"duration-0":"duration-120",Q={root:o.getStyles({radioSizeRoot:d,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:E,display:"flex",flexDirection:"start"===s?"row":"row-reverse",alignItems:"center",className:o.cx([{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S,C?.root])}),radio:o.getStyles({radioSizeRadio:d,radioVariantRadio:E,radioVariantValueRadio:R?"checked":"unchecked",className:o.cx(["border","uds-ring","uds-ring-within",J,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:o.getStyles({radioVariantRadioCircle:E,radioVariantValueRadioCircle:R?"checked":"unchecked",className:o.cx(["pointer-events-none","w-[8px]","h-[8px]",H,J,"transition-opacity"])}),htmlRadio:o.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:o.cx("start"===s?"text-start":"text-end",C?.label)},ee=a?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:Z,..._,children:c.jsxs(ee,{className:Q.root,"data-testid":"container",onHoverStart:G,onHoverEnd:K,onTapStart:X,onTap:Y,onTapCancel:Y,tabIndex:-1,children:[c.jsxs(le,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:Q.radio,animate:$,insetShadow:F?"lg-invert":"none",children:[c.jsx("input",{type:"radio",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:D,onBlur:U,id:k,name:V,value:h,disabled:f,"aria-invalid":g,onChange:W,...M?{checked:R}:{defaultChecked:x},className:Q.htmlRadio}),c.jsx(o.Box,{borderRadius:"full",className:Q.radioCircle})]}),a&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:Q.label})]})})}));ue.displayName="Radio";var pe=o.createSlot(),he=class extends ie{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},me=l.forwardRef((function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},s){const r=void 0!==a,d=se(t),u=l.useMemo((()=>{const e=new he(d,r);return e.value=r?a:n,e}),[n,r,d,a]);l.useEffect((()=>{u.onChangeCb=i}),[i,u]),l.useEffect((()=>{r&&u.setValue(a,!0)}),[r,u,a]),l.useEffect((()=>u.onChange((e=>i?.(e)))),[i,u]);const p=e?pe:"div";return c.jsx(oe.Provider,{value:u,children:c.jsx(p,{role:"radiogroup",ref:s,...o})})}));me.displayName="RadioGroupProvider";var xe={md:{isOnX:20},sm:{isOnX:12}},fe=f.create(o.Box),ge={layoutVariant:"bouncy",layoutSpeed:"4"},be=l.forwardRef((function({id:e,isOn:t,defaultIsOn:a,onChange:s,label:r,labelPosition:d="start",size:p="md",onIcon:h,offIcon:m,reduceMotion:x,disabled:g,required:b,onFocus:y,onBlur:v,className:S,layerClassNames:C,...I},N){const j=l.useId(),k=e??`uds-input-${j}`,w=l.useRef(null),V=void 0!==t,[M,R]=l.useState(V?t:a),[z,T]=l.useState(!1),P=l.useMemo((()=>!g&&z),[g,z]),{isOnX:A}=xe[p],B=l.useMemo((()=>({initial:{scale:1,x:M?A:0},animate:{scale:P?1.05:1,x:M?A:0}})),[P,M,A]),E=l.useCallback((e=>{s?.(e),V||R(e.target.checked)}),[V,s]),q=l.useCallback((e=>{y?.(e)}),[y]),O=l.useCallback((e=>{v?.(e)}),[v]),L=l.useCallback((()=>{T(!0)}),[]),H=l.useCallback((()=>{T(!1)}),[]),F=x?"always":"user",$=u.useReducedMotion()||x?"duration-0":"duration-120";l.useEffect((()=>{V&&R(t)}),[t,V]);const _={root:o.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:M?"on":"off",display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx("group",{"cursor-pointer":!g,"cursor-default":g,"opacity-50":g},C?.root,S)}),switch:o.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:M?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:o.cx("uds-ring","uds-ring-within",$,"transition-[background-color,box-shadow]",C?.switch)}),handle:o.getStyles({switchSizeHandle:p,className:o.cx("relative","pointer-events-none","rounded-full","overflow-hidden",C?.handle)}),handleCircle:o.getStyles({switchVariantActiveHandle:M?"on":"off",switchVariantHandle:"default",className:o.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",$,"transition-[background-color,box-shadow,opacity]")}),handleIcon:o.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:M?"on":"off",className:o.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",$,"transition-opacity")}),htmlCheckbox:o.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:o.cx("start"===d?"text-start":"text-end",C?.label)},W=r?f.label:f.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:F,...ge,children:c.jsxs(W,{className:_.root,"data-testid":"container",onHoverStart:L,onHoverEnd:H,tabIndex:-1,children:[c.jsxs(fe,{className:_.switch,children:[c.jsx("input",{type:"checkbox",...I,ref:e=>{w.current=e,"function"==typeof N?N(e):null!==N&&(N.current=e)},onFocus:q,onBlur:O,id:k,disabled:g,required:b,checked:V?M:void 0,defaultChecked:V?void 0:a,onChange:E,className:_.htmlCheckbox,style:{}}),c.jsxs(fe,{className:_.handle,...B,children:[c.jsx(o.Box,{className:_.handleCircle}),h&&c.jsx(o.IconSlot,{icon:h,iconProps:{variant:"fill",size:"sm"},"data-testid":"on-icon",className:o.cx(_.handleIcon,M?"opacity-100":"opacity-0")}),m&&c.jsx(o.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:o.cx(_.handleIcon,M?"opacity-0":"opacity-100")})]})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:b,label:r,className:_.label})]})})}));be.displayName="Switch",Object.defineProperty(exports,"Pressable",{enumerable:!0,get:function(){return t.Pressable}}),Object.defineProperty(exports,"SpringMotionConfig",{enumerable:!0,get:function(){return i.SpringMotionConfig}}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return m.Menu}}),exports.Avatar=w,exports.AvatarIcon=N,exports.AvatarImage=k,exports.AvatarText=j,exports.Badge=V,exports.Button=q,exports.Checkbox=W,exports.Chip=Z,exports.ChipButton=G,exports.ChipDismissible=K,exports.ChipLink=X,exports.ChipToggle=Y,exports.IconButton=J,exports.Input=ne,exports.Radio=ue,exports.RadioGroupProvider=me,exports.Switch=be;
|