@yahoo/uds 3.25.0-beta.1 → 3.25.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Box-D40ThLwg.d.cts → Box-CouKR1pl.d.cts} +2 -1
- package/dist/{Box-D40ThLwg.d.ts → Box-CouKR1pl.d.ts} +2 -1
- package/dist/{Input-CcAlUSAm.d.cts → Input-5x_Bch_x.d.cts} +1 -1
- package/dist/{Input-BpkMUfOK.d.ts → Input-CVDpcAkp.d.ts} +1 -1
- package/dist/Input-DJfPVf8I.d.ts +42 -0
- package/dist/Input-SVFCm2-R.d.cts +42 -0
- package/dist/{Pressable-DRtbbkXl.d.cts → Pressable-CDbmcxLt.d.cts} +1 -1
- package/dist/Pressable-m_sv0HMg.d.cts +44 -0
- package/dist/{Pressable-DpinF-ju.d.ts → Pressable-trAf4c-r.d.ts} +1 -1
- package/dist/Pressable-yxOo1z8k.d.ts +44 -0
- package/dist/{VStack-CkFg0T5-.d.ts → VStack-4CtETvki.d.ts} +1 -1
- package/dist/{VStack-0AR7Lz9X.d.cts → VStack-bOIbaF2s.d.ts} +1 -1
- package/dist/VStack-qhf-0xC-.d.cts +112 -0
- package/dist/VStack-yfLSxcq7.d.cts +112 -0
- package/dist/chunk-4M2P4LLQ.cjs +2 -0
- package/dist/chunk-5JTRBHDY.js +1 -0
- package/dist/{chunk-XFDHMRHM.js → chunk-6GGVQHQA.js} +1 -1
- package/dist/{chunk-PTNBQ4FC.js → chunk-6OYEOKIQ.js} +1 -1
- package/dist/{chunk-P745RD2W.js → chunk-7NF4SALL.js} +1 -1
- package/dist/chunk-B7P2T5TA.js +2 -0
- package/dist/chunk-CUEYWH44.js +3 -0
- package/dist/{chunk-JEJPTRZE.cjs → chunk-D5IGLZBA.cjs} +1 -1
- package/dist/{chunk-VURXJH35.cjs → chunk-DIQXKFF2.cjs} +1 -1
- package/dist/chunk-FJTS2N3Y.js +1 -0
- package/dist/chunk-FPPZ2KPV.cjs +1 -0
- package/dist/{chunk-XAVF5FDT.cjs → chunk-H4S3CGC2.cjs} +1 -1
- package/dist/{chunk-GEIJKIRH.cjs → chunk-IVSKGAFB.cjs} +1 -1
- package/dist/chunk-J3PI3MDO.cjs +1 -0
- package/dist/{chunk-VLJ4KJC6.js → chunk-KNDHLLAW.js} +3 -3
- package/dist/chunk-MXJLTECV.js +2 -0
- package/dist/chunk-NSWOPWQR.cjs +1 -0
- package/dist/chunk-OA2H66LM.cjs +1 -0
- package/dist/{chunk-VZSADIMF.cjs → chunk-OGHG2IRY.cjs} +3 -3
- package/dist/{chunk-B7ZWZDQ7.js → chunk-Q45KOXQO.js} +1 -1
- package/dist/{chunk-5S45DC7H.js → chunk-SLM5GWFB.js} +1 -1
- package/dist/chunk-U2WBVOKD.cjs +1 -0
- package/dist/{chunk-DJ6N7Y4P.cjs → chunk-VJTVQTQR.cjs} +1 -1
- package/dist/chunk-VLSZCRVK.cjs +3 -0
- package/dist/chunk-Y7Y2FWDC.js +1 -0
- package/dist/chunk-ZPJKP4RI.js +1 -0
- package/dist/client/Menu.cjs +2 -2
- package/dist/client/Menu.d.cts +3 -9
- package/dist/client/Menu.d.ts +3 -9
- package/dist/client/Menu.js +2 -2
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.d.cts +3 -3
- package/dist/client/index.d.ts +3 -3
- package/dist/client/index.js +1 -1
- package/dist/defaultTokensConfig.d.cts +2 -2
- package/dist/defaultTokensConfig.d.ts +2 -2
- package/dist/experimental/client/SwitchV2.cjs +1 -1
- package/dist/experimental/client/SwitchV2.d.cts +1 -1
- package/dist/experimental/client/SwitchV2.d.ts +1 -1
- package/dist/experimental/client/SwitchV2.js +1 -2
- package/dist/experimental/client/index.cjs +1 -1
- package/dist/experimental/client/index.d.cts +1 -1
- package/dist/experimental/client/index.d.ts +1 -1
- package/dist/experimental/client/index.js +1 -1
- package/dist/experimental/index.d.cts +1 -1
- package/dist/experimental/index.d.ts +1 -1
- package/dist/{index-BPSgxa-M.d.cts → index-BCX-qXiV.d.cts} +1 -1
- package/dist/index-BMY4Sp6F.d.ts +245 -0
- package/dist/{index-sNMLQ454.d.ts → index-DSkGYiu-.d.ts} +1 -1
- package/dist/index-Obtar5vA.d.cts +245 -0
- 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.d.cts +1 -1
- package/dist/tailwind/plugin.d.ts +1 -1
- package/dist/tailwind/utils.d.cts +1 -1
- package/dist/tailwind/utils.d.ts +1 -1
- package/dist/tokens/automation/configs.d.cts +2 -2
- package/dist/tokens/automation/configs.d.ts +2 -2
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/index.d.cts +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/parseTokens.d.cts +1 -1
- package/dist/tokens/parseTokens.d.ts +1 -1
- package/dist/{types-DdH3vByQ.d.cts → types-4sGXptUx.d.cts} +1843 -1842
- package/dist/{types-DdH3vByQ.d.ts → types-4sGXptUx.d.ts} +1843 -1842
- package/dist/types-DeLSF8f4.d.cts +10466 -0
- package/dist/types-DeLSF8f4.d.ts +10466 -0
- package/package.json +1 -1
@@ -0,0 +1,3 @@
|
|
1
|
+
"use strict";var o=require("./chunk-OA2H66LM.cjs"),r=require("@yahoo/uds/fixtures"),e=require("@yahoo/uds/flags"),t=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(t),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),e=Object.keys(o);for(let t=0,n=e.length;t<n;t++){const n=e[t];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:e,defaultVariants:t}=o,n=Object.keys(e).map(o=>{const n=r?.[o],i=t?.[o],a=p(n)||p(i);return e[o][a]}),i={...t,...r&&u(r)},a=o?.compoundVariants?.reduce((o,{className:r,...e})=>Object.entries(e).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}=e.getFeatureFlags();if(r){const r=function(o){const r=Object.create(null),e=Object.keys(o).sort();for(let t=0,n=e.length;t<n;t++){const n=e[t];r[n]=o[n]}return r}(u(o)),e=(new c.default).hash(JSON.stringify(r)).result();if(x.has(e))return x.get(e);const t=g(r);return x.set(e,t),t}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,e)=>{const{children:n,...i}=o,s=a.Children.toArray(n),d=s.find(t);if(d){const o=d.props.children,t=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:e,children:a.isValidElement(o)?a.cloneElement(o,void 0,t):null})}return l.jsx(r,{...i,ref:e,children:n})});o.displayName="Slot";const r=a.forwardRef((o,r)=>{const{children:e,...t}=o;return a.isValidElement(e)?a.cloneElement(e,{...n(t,e.props),ref:r?S(r,e.ref):e.ref}):a.Children.count(e)>1?a.Children.only(null):null});r.displayName="SlotClone";const e=({children:o})=>o;function t(o){return a.isValidElement(o)&&o.type===e}function n(o,r){const e={...r};for(const t in r){const n=o[t],i=r[t];/^on[A-Z]/.test(t)?n&&i?e[t]=(...o)=>{i(...o),n(...o)}:n&&(e[t]=n):"style"===t&&(e[t]={...n,...i})}return{...o,...e}}return o}var y=w(),v=a.forwardRef(function({asChild:o,className:r,backgroundColor:e,borderRadius:t,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:N,flexWrap:V,justifyContent:j,flexBasis:z,display:G="flex",overflow:H,overflowX:k,overflowY:q,position:I,spacing:O,spacingHorizontal:A,spacingVertical:F,spacingBottom:D,spacingEnd:M,spacingStart:X,spacingTop:Y,offset:$,offsetVertical:_,offsetHorizontal:J,offsetBottom:L,offsetEnd:P,offsetStart:Z,offsetTop:K,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:eo,insetShadow:to,...no},io){const ao=C({backgroundColor:e,borderRadius:t,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:N,flexWrap:V,justifyContent:j,flexBasis:z,display:G,overflow:H,overflowX:k,overflowY:q,position:I,spacing:O,spacingHorizontal:A,spacingVertical:F,spacingBottom:D,spacingEnd:M,spacingStart:X,spacingTop:Y,offset:$,offsetVertical:_,offsetHorizontal:J,offsetBottom:L,offsetEnd:P,offsetStart:Z,offsetTop:K,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:eo,insetShadow:to,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:e="primary",variant:t="body1",as:n=E[t],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:N,borderEndWidth:V,borderTopWidth:j,borderBottomWidth:z,alignContent:G,alignItems:H,alignSelf:k,flex:q,flexDirection:I,flexGrow:O,flexShrink:A,flexWrap:F,justifyContent:D,flexBasis:M,display:X,overflow:Y,overflowX:$,overflowY:_,position:J,spacing:L,spacingHorizontal:P,spacingVertical:Z,spacingBottom:K,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:eo,offsetHorizontal:to,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo,...co},po){const uo={...e&&"inherit"!==e?{color:e}:{},...t&&"inherit"!==t?{fontFamily:i??t,fontSize:a??t,fontWeight:s??t,lineHeight:d??t,textTransform:f??t}:{},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:N,borderEndWidth:V,borderTopWidth:j,borderBottomWidth:z,alignContent:G,alignItems:H,alignSelf:k,flex:q,flexDirection:I,flexGrow:O,flexShrink:A,flexWrap:F,justifyContent:D,flexBasis:M,display:X,overflow:Y,overflowX:$,overflowY:_,position:J,spacing:L,spacingHorizontal:P,spacingVertical:Z,spacingBottom:K,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:eo,offsetHorizontal:to,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:e="outline",color:t="primary",className:n,...i},a){const s=o.metadata?.variants??[],d=s.includes(e)?e:s[0]??"fill",f="multicolor"===d,c=C({flex:"none",color:f?void 0:t,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 N=a.memo(function({icon:o,iconProps:r,...e}){if(!o)return null;const t=r??{},n=o;if(n.metadata?.isSvgIcon)return l.jsx(R,{name:n,...t,...e});if(s.isFunction(o)){const r=o(t),{className:n,...i}=e,l=h(n,r?.props.className);return a.isValidElement(r)&&a.cloneElement(r,{...i,className:l})}return a.isValidElement(o)&&a.cloneElement(o,{...t,...o.props,...e})});N.displayName="IconSlot",
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Box=v,exports.Icon=R,exports.IconSlot=N,exports.Text=B,exports.createSlot=w,exports.cva=m,exports.cx=h,exports.getStyles=C;
|
@@ -0,0 +1 @@
|
|
1
|
+
import{Text as r,cx as a}from"./chunk-KNDHLLAW.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};
|
@@ -0,0 +1 @@
|
|
1
|
+
import{Box as r}from"./chunk-KNDHLLAW.js";import{forwardRef as e,Children as o,cloneElement as t,isValidElement as a}from"react";import{isFunction as n}from"lodash-es";import{jsx as p}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var c=(r,e)=>((r,e)=>{const o=n(e)?e:()=>e;return r.flatMap((r,e)=>0!==e?[o(e),r]:[r])})(o.toArray(r),r=>{const o=n(e)?e(r):e;return a(o)?t(o,{...o.props,key:o.key??`interspersed-${r}`}):null}),i=e(function({gap:e,children:o,separator:t,...a},n){return p(r,{ref:n,flexDirection:"row",rowGap:e,columnGap:e,...a,children:t?c(o,t):o})});i.displayName="HStack";var l=e(function({gap:e,children:o,separator:t,...a},n){return p(r,{ref:n,flexDirection:"column",columnGap:e,rowGap:e,...a,children:t?c(o,t):o})});l.displayName="VStack";export{i as HStack,l as VStack};
|
package/dist/client/Menu.cjs
CHANGED
@@ -1,3 +1,3 @@
|
|
1
1
|
"use client";
|
2
|
-
"use strict";var e=require("../chunk-
|
3
|
-
var s,n;if(d&&(a&&(s=d,n=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[a]};return v(a,t,t)}var I=o.m.create(a.VStack),y=5,S=.97,w={top:{x:0,y:y},bottom:{x:0,y:-5},left:{x:y,y:0},right:{x:-5,y:0}},j=e=>i.useMemo(()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...w[r],opacity:0,scale:S},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),C=i.forwardRef(function({gap:e,spacing:r,spacingBottom:a,spacingEnd:t,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:y,focusable:S,children:w,portalElement:C,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=n.useMenuContext(),R=g(E,"open"),P=g(E,"mounted"),A=g(E,"currentPlacement"),q=g(E,"placement"),[z,O]=i.useState(A),[T,D]=i.useState(A);i.useEffect(()=>{q!==T&&D(q)},[q]),i.useEffect(()=>{A!==T&&D(A)},[A]),i.useEffect(()=>{P&&T!==z&&O(T)},[P,T,z]);const B=i.useMemo(()=>R&&P?"open":"closed",[R,P]),H=i.useMemo(()=>R?_:"none",[R,_]),F=j(T),W=(({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:y,focusable:S,store:E,ref:V,portalElement:C,portal:k,...M,render:l.jsx(I,{backgroundColor:m,gap:e,spacing:r,spacingBottom:a,spacingEnd:t,spacingStart:s,spacingTop:c,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:B,variants:F,dropShadow:H,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&&W,v),children:w})})})}),k=i.forwardRef(function({role:r="separator",contentPosition:a="start",gap:t="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:a,gap:t,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...u,children:s})});k.displayName="MenuDivider";var N={};s.__export(N,{Content:()=>C,Divider:()=>k,Item:()=>R,ItemCheckbox:()=>P,Provider:()=>z,Trigger:()=>O,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var M="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=i.forwardRef(function({spacing:e="0",spacingBottom:t,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:j="space-between",layerClassNames:C,...k},N){const E=i.Children.count(b)>1,R=(({active:e,disabled:r,className:a})=>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",a))({active:v,disabled:g,className:p}),P=d.getStyles({className:d.cx(`${M}-content truncate`,C?.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(C?.root,R)}),startIcon:d.getStyles({menuSizeStartIcon:"default",className:C?.startIcon}),endIcon:d.getStyles({menuSizeEndIcon:"default",className:C?.endIcon})}),[C,R]);return l.jsx(d.Box,{asChild:!0,spacing:e,spacingBottom:t,spacingEnd:s,spacingHorizontal:n,spacingStart:c,spacingTop:u,spacingVertical:x,columnGap:m,className:A.root,alignItems:w,justifyContent:j,children:l.jsxs(I,{render:l.jsx(r.Pressable,{ref:N,...k}),name:S??"",disabled:g,...y,children:[l.jsxs(a.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},a){const t={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:a,as:n.MenuItem,active:e,layerClassNames:t,...r})});R.displayName="MenuItem";var P=i.forwardRef(function({name:e,endIcon:a=r.e,checked:t,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!==t)return t;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,t,s]),_=i.useCallback(e=>{void 0===t&&b?.setValues(r=>({...r,[m]:e.target.checked}))},[m,b,t]),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:a,active:h,className:d.cx("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:e,onChange:_,defaultChecked:s,checked:void 0!==t?t:void 0},...u})});P.displayName="MenuItemCheckbox";var A=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},q=e=>{const[r,a]=i.useState(A);return i.useEffect(()=>{if(e?.explicit)return void a(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})(()=>{a(A())});return()=>r.disconnect()},[e?.explicit]),r},z=function({placement:e="bottom",rtl:r,...a}){const d=q({explicit:r}),s=((e,r)=>{const a=r?.rtl;if("start"===e)return a?"right":"left";if("end"===e)return a?"left":"right";if(e?.includes("-")){const[r,t]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==t&&"bottom"!==t))return`${"start"===r?a?"right":"left":a?"left":"right"}-${"bottom"===t?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===t?a?"end":"start":a?"start":"end"}`}return e})(e,{rtl:d});return l.jsx(t.SpringMotionConfig,{children:l.jsx(n.MenuProvider,{placement:s,rtl:d,...a})})},O=i.forwardRef(function({asChild:e,children:r,className:a,...t},s){const c=i.useRef(null),u=e?{render:l.jsx(d.Box,{asChild:!0,ref:c,className:"uds-ring h-fit w-fit",children:r})}:{children:r},o=i.useCallback(()=>{const e=c.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()},[c]);return l.jsx(n.MenuButton,{onFocus:o,onFocusVisible:o,ref:s,className:d.cx("uds-menu-trigger",a),...u,...t})});exports.Menu=N;
|
2
|
+
"use strict";var e=require("../chunk-J3PI3MDO.cjs"),r=require("../chunk-VJTVQTQR.cjs"),a=require("../chunk-NSWOPWQR.cjs"),t=require("../chunk-PPKNIQYI.cjs"),d=require("../chunk-OGHG2IRY.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(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}}),r.default=e,Object.freeze(r)}var b=p(i),f=m(c);function h(e){return e}function _(e,r){const a=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(a,"Invalid store"),a[r]}var{useSyncExternalStore:v}=f.default;function g(e,r=h){const a=b.useCallback(r=>e?function(e,...r){if(e)return _(e,"subscribe")(...r)}(e,null,r):()=>{},[e]),t=()=>{const a="string"==typeof r?r:null,t="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(t)return t(d);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
3
|
+
var s,n;if(d&&(a&&(s=d,n=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[a]};return v(a,t,t)}var I=o.m.create(a.VStack),y=5,S=.97,w={top:{x:0,y:y},bottom:{x:0,y:-5},left:{x:y,y:0},right:{x:-5,y:0}},j=e=>i.useMemo(()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...w[r],opacity:0,scale:S},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),C=i.forwardRef(function({gap:e,spacing:r,spacingBottom:a,spacingEnd:t,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:y,focusable:S,children:w,portalElement:C,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=n.useMenuContext(),R=g(E,"open"),P=g(E,"mounted"),O=g(E,"currentPlacement"),q=g(E,"placement"),[z,T]=i.useState(O),[A,B]=i.useState(O);i.useEffect(()=>{q!==A&&B(q)},[q]),i.useEffect(()=>{O!==A&&B(O)},[O]),i.useEffect(()=>{P&&A!==z&&T(A)},[P,A,z]);const D=i.useMemo(()=>R&&P?"open":"closed",[R,P]),H=i.useMemo(()=>R?_:"none",[R,_]),W=j(A),G=(({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:y,focusable:S,store:E,ref:V,portalElement:C,portal:k,...M,render:l.jsx(I,{backgroundColor:m,gap:e,spacing:r,spacingBottom:a,spacingEnd:t,spacingStart:s,spacingTop:c,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:D,variants:W,dropShadow:H,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&&G,v),children:w})})})}),k=i.forwardRef(function({role:r="separator",contentPosition:a="start",gap:t="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:a,gap:t,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...u,children:s})});k.displayName="MenuDivider";var N={};s.__export(N,{Content:()=>C,Divider:()=>k,Item:()=>R,ItemCheckbox:()=>P,Provider:()=>z,Trigger:()=>T,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var M="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=i.forwardRef(function({spacing:e="0",spacingBottom:t,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:j="space-between",layerClassNames:C,...k},N){const E=i.Children.count(b)>1,R=(({active:e,disabled:r,className:a})=>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",a))({active:v,disabled:g,className:p}),P=d.getStyles({className:d.cx(`${M}-content truncate`,C?.text),textAlign:"start",...E&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),O=i.useMemo(()=>({root:d.getStyles({menuSizeRoot:"default",className:d.cx(C?.root,R)}),startIcon:d.getStyles({menuSizeStartIcon:"default",className:C?.startIcon}),endIcon:d.getStyles({menuSizeEndIcon:"default",className:C?.endIcon})}),[C,R]);return l.jsx(d.Box,{asChild:!0,spacing:e,spacingBottom:t,spacingEnd:s,spacingHorizontal:n,spacingStart:c,spacingTop:u,spacingVertical:x,columnGap:m,className:O.root,alignItems:w,justifyContent:j,children:l.jsxs(I,{render:l.jsx(r.Pressable,{ref:N,...k}),name:S??"",disabled:g,...y,children:[l.jsxs(a.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:O.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:O.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})}),R=i.forwardRef(function({active:e,...r},a){const t={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:a,as:n.MenuItem,active:e,layerClassNames:t,...r})});R.displayName="MenuItem";var P=i.forwardRef(function({name:e,endIcon:a=r.e,checked:t,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!==t)return t;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,t,s]),_=i.useCallback(e=>{void 0===t&&b?.setValues(r=>({...r,[m]:e.target.checked}))},[m,b,t]),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:a,active:h,className:d.cx("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:e,onChange:_,defaultChecked:s,checked:void 0!==t?t:void 0},...u})});P.displayName="MenuItemCheckbox";var O=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},q=e=>{const[r,a]=i.useState(O);return i.useEffect(()=>{if(e?.explicit)return void a(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})(()=>{a(O())});return()=>r.disconnect()},[e?.explicit]),r},z=function({placement:e="bottom",rtl:r,...a}){const d=q({explicit:r}),s=((e,r)=>{const a=r?.rtl;if("start"===e)return a?"right":"left";if("end"===e)return a?"left":"right";if(e?.includes("-")){const[r,t]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==t&&"bottom"!==t))return`${"start"===r?a?"right":"left":a?"left":"right"}-${"bottom"===t?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===t?a?"end":"start":a?"start":"end"}`}return e})(e,{rtl:d});return l.jsx(t.SpringMotionConfig,{children:l.jsx(n.MenuProvider,{placement:s,rtl:d,...a})})},T=i.forwardRef(function({asChild:e,children:r,className:a,...t},s){const c=i.useRef(null),u=e?{render:l.jsx(d.Box,{asChild:!0,ref:c,className:"uds-ring h-fit w-fit",children:r})}:{children:r},o=i.useCallback(()=>{const e=c.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()},[c]);return l.jsx(n.MenuButton,{onFocus:o,onFocusVisible:o,ref:s,className:d.cx("uds-menu-trigger",a),...u,...t})});exports.Menu=N;
|
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 { t as SpacingAlias, u as UniversalMenuItemProps } from '../types-
|
5
|
-
import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-
|
6
|
-
import { P as PressableProps } from '../Pressable-
|
4
|
+
import { t as SpacingAlias, u as UniversalMenuItemProps } from '../types-DeLSF8f4.cjs';
|
5
|
+
import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-yfLSxcq7.cjs';
|
6
|
+
import { P as PressableProps } from '../Pressable-m_sv0HMg.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';
|
@@ -286,12 +286,6 @@ interface MenuItemProps extends PressableProps, Omit<UniversalMenuItemProps, 'na
|
|
286
286
|
* @default 'menuitem'
|
287
287
|
*/
|
288
288
|
role?: AriaRole;
|
289
|
-
/** Internal overrides for downstream components. */
|
290
|
-
layerClassNames?: {
|
291
|
-
root?: string;
|
292
|
-
startIcon?: string;
|
293
|
-
endIcon?: string;
|
294
|
-
};
|
295
289
|
}
|
296
290
|
/**
|
297
291
|
* **📋 A Menu Item component for navigation and actions**
|
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 { t as SpacingAlias, u as UniversalMenuItemProps } from '../types-
|
5
|
-
import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-
|
6
|
-
import { P as PressableProps } from '../Pressable-
|
4
|
+
import { t as SpacingAlias, u as UniversalMenuItemProps } from '../types-DeLSF8f4.js';
|
5
|
+
import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-4CtETvki.js';
|
6
|
+
import { P as PressableProps } from '../Pressable-trAf4c-r.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';
|
@@ -286,12 +286,6 @@ interface MenuItemProps extends PressableProps, Omit<UniversalMenuItemProps, 'na
|
|
286
286
|
* @default 'menuitem'
|
287
287
|
*/
|
288
288
|
role?: AriaRole;
|
289
|
-
/** Internal overrides for downstream components. */
|
290
|
-
layerClassNames?: {
|
291
|
-
root?: string;
|
292
|
-
startIcon?: string;
|
293
|
-
endIcon?: string;
|
294
|
-
};
|
295
289
|
}
|
296
290
|
/**
|
297
291
|
* **📋 A Menu Item component for navigation and actions**
|
package/dist/client/Menu.js
CHANGED
@@ -1,3 +1,3 @@
|
|
1
1
|
"use client";
|
2
|
-
import{DividerInternal as r}from"../chunk-
|
3
|
-
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 M(a,d,d)}var O=S.create(d),B=5,D=.97,W={top:{x:0,y:B},bottom:{x:0,y:-5},left:{x:B,y:0},right:{x:-5,y:0}},H=r=>w(()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...W[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:s,gutter:n="1",backgroundColor:c="primary",borderRadius:o="md",borderColor:u,borderWidth:x="thin",overflow:p,dropShadow:h="lg",className:b,sameWidth:f,focusable:_,children:v,portalElement:y,portal:C=!0,disableAutoBorderRadius:N,...k},S){const R=l(),T=A(R,"open"),z=A(R,"mounted"),P=A(R,"currentPlacement"),M=A(R,"placement"),[B,D]=g(P),[W,L]=g(P);I(()=>{M!==W&&L(M)},[M]),I(()=>{P!==W&&L(P)},[P]),I(()=>{z&&W!==B&&D(W)},[z,W,B]);const $=w(()=>T&&z?"open":"closed",[T,z]),F=w(()=>T?h:"none",[T,h]),Z=H(W),G=(({borderRadius:r,spacing:e})=>{if(void 0===e||"0"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===e||"0.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===e||"1.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===e||"2.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===e||"3.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:o,spacing:e}),K=w(()=>V[n],[n]);return j(E,{initial:!1,children:j(m,{gutter:K,sameWidth:f,focusable:_,store:R,ref:S,portalElement:y,portal:C,...k,render:j(O,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,borderRadius:o,borderColor:u,borderWidth:x,overflow:p,animate:$,variants:Z,dropShadow:F,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",!N&&G,b),children:v})})})}),$=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 j(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:s,spacingHorizontal:i,className:l.root,layerClassNames:l,...o,children:t})});$.displayName="MenuDivider";var F={};u(F,{Content:()=>L,Divider:()=>$,Item:()=>J,ItemCheckbox:()=>Q,Provider:()=>q,Trigger:()=>Y,useMenuContext:()=>l,useMenuStore:()=>x,useStoreState:()=>T});var Z="uds-menu-item",G={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},K=v(function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:s="4",spacingStart:u,spacingTop:l,spacingVertical:m="3.5",columnGap:x="2",className:p,children:h,endIcon:b,startIcon:f,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:C,name:N,alignItems:k="center",justifyContent:V="space-between",layerClassNames:T,...z},P){const M=y.count(h)>1,A=(({active:r,disabled:e,className:a})=>i(Z,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],e&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:v,disabled:g,className:p}),O=n({className:i(`${Z}-content truncate`,T?.text),textAlign:"start",...M&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),B=w(()=>({root:n({menuSizeRoot:"default",className:i(T?.root,A)}),startIcon:n({menuSizeStartIcon:"default",className:T?.startIcon}),endIcon:n({menuSizeEndIcon:"default",className:T?.endIcon})}),[T,A]);return j(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:R(I,{render:j(e,{ref:P,...z}),name:N??"",disabled:g,...C,children:[R(t,{gap:x,alignItems:"center",width:"full",children:[j(E,{initial:!1,children:f&&j(S.span,{variants:G,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:j(o,{icon:f,className:B.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),j("span",{className:O,children:h})]}),j(E,{initial:!1,mode:"popLayout",children:!_&&b&&j(S.span,{variants:G,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:j(o,{icon:b,className:B.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})}),J=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 j(K,{ref:a,as:p,active:r,layerClassNames:d,...e})});J.displayName="MenuItem";var Q=v(function({name:r,endIcon:e=a,checked:d,defaultChecked:t,className:s,...c},o){const u=r,m=C(!1),x=l(),p=T(x);I(()=>{!m.current&&void 0!==t&&x&&(x.setValues(r=>({...r,[u]:t})),m.current=!0)},[x,t,u]);const b=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:n({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:b?"on":"off"}),text:n({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:b?"on":"off"}),startIcon:n({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:b?"on":"off"}),endIcon:n({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:b?"on":"off"})};return j(K,{ref:o,as:h,hideEndIcon:!b,endIcon:e,active:b,className:i("uds-menu-item-checkbox",s),layerClassNames:_,rootProps:{name:r,onChange:f,defaultChecked:t,checked:void 0!==d?d:void 0},...c})});Q.displayName="MenuItemCheckbox";var U=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},X=r=>{const[e,a]=g(U);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(U())});return()=>e.disconnect()},[r?.explicit]),e},q=function({placement:r="bottom",rtl:e,...a}){const d=X({explicit:e}),t=((r,e)=>{const a=e?.rtl;if("start"===r)return a?"right":"left";if("end"===r)return a?"left":"right";if(r?.includes("-")){const[e,d]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==d&&"bottom"!==d))return`${"start"===e?a?"right":"left":a?"left":"right"}-${"bottom"===d?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===d?a?"end":"start":a?"start":"end"}`}return r})(r,{rtl:d});return j(s,{children:j(b,{placement:t,rtl:d,...a})})},Y=v(function({asChild:r,children:e,className:a,...d},t){const s=C(null),n=r?{render:j(c,{asChild:!0,ref:s,className:"uds-ring h-fit w-fit",children:e})}:{children:e},o=N(()=>{const r=s.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()},[s]);return j(f,{onFocus:o,onFocusVisible:o,ref:t,className:i("uds-menu-trigger",a),...n,...d})});export{F as Menu};
|
2
|
+
import{DividerInternal as r}from"../chunk-5JTRBHDY.js";import{Pressable as e,e as a}from"../chunk-7NF4SALL.js";import{VStack as d,HStack as t}from"../chunk-ZPJKP4RI.js";import{SpringMotionConfig as s}from"../chunk-RZTLEOVZ.js";import{cx as i,getStyles as n,Box as c,IconSlot as o}from"../chunk-KNDHLLAW.js";import{__export as u}from"../chunk-S5UKKXRV.js";import{useMenuContext as l,Menu as m,useMenuStore as x,MenuItem as p,MenuItemCheckbox as h,MenuProvider as b,MenuButton as f}from"@ariakit/react/menu";import*as _ from"react";import{forwardRef as v,useState as g,useEffect as I,useMemo as w,Children as y,useRef as C,useCallback as N}from"react";import k from"use-sync-external-store/shim/index.js";import{spacingMap as V}from"@yahoo/uds/fixtures";import{m as S,AnimatePresence as E}from"motion/react";import{jsx as R,jsxs as j}from"react/jsx-runtime";import{useStoreState as T}from"@ariakit/react";function z(r){return r}function P(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}var{useSyncExternalStore:A}=k;function M(r,e=z){const a=_.useCallback(e=>r?function(r,...e){if(r)return P(r,"subscribe")(...e)}(r,null,e):()=>{},[r]),d=()=>{const a="string"==typeof e?e:null,d="function"==typeof e?e:null,t=null==r?void 0:r.getState();if(d)return d(t);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
3
|
+
var s,i;if(t&&(a&&(s=t,i=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,i):Object.prototype.hasOwnProperty.call(s,i))))return t[a]};return A(a,d,d)}var L=S.create(d),O=5,D=.97,H={top:{x:0,y:O},bottom:{x:0,y:-5},left:{x:O,y:0},right:{x:-5,y:0}},B=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]),W=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:x="thin",overflow:p,dropShadow:h="lg",className:b,sameWidth:f,focusable:_,children:v,portalElement:y,portal:C=!0,disableAutoBorderRadius:N,...k},S){const j=l(),T=M(j,"open"),z=M(j,"mounted"),P=M(j,"currentPlacement"),A=M(j,"placement"),[O,D]=g(P),[H,W]=g(P);I(()=>{A!==H&&W(A)},[A]),I(()=>{P!==H&&W(P)},[P]),I(()=>{z&&H!==O&&D(H)},[z,H,O]);const $=w(()=>T&&z?"open":"closed",[T,z]),F=w(()=>T?h:"none",[T,h]),K=B(H),G=(({borderRadius:r,spacing:e})=>{if(void 0===e||"0"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===e||"0.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===e||"1.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===e||"2.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===e||"3.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:o,spacing:e}),Z=w(()=>V[n],[n]);return R(E,{initial:!1,children:R(m,{gutter:Z,sameWidth:f,focusable:_,store:j,ref:S,portalElement:y,portal:C,...k,render:R(L,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,borderRadius:o,borderColor:u,borderWidth:x,overflow:p,animate:$,variants:K,dropShadow:F,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",!N&&G,b),children:v})})})}),$=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 R(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:s,spacingHorizontal:i,className:l.root,layerClassNames:l,...o,children:t})});$.displayName="MenuDivider";var F={};u(F,{Content:()=>W,Divider:()=>$,Item:()=>J,ItemCheckbox:()=>U,Provider:()=>q,Trigger:()=>Q,useMenuContext:()=>l,useMenuStore:()=>x,useStoreState:()=>T});var K="uds-menu-item",G={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},Z=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:h,endIcon:b,startIcon:f,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:C,name:N,alignItems:k="center",justifyContent:V="space-between",layerClassNames:T,...z},P){const A=y.count(h)>1,M=(({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}),L=n({className:i(`${K}-content truncate`,T?.text),textAlign:"start",...A&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),O=w(()=>({root:n({menuSizeRoot:"default",className:i(T?.root,M)}),startIcon:n({menuSizeStartIcon:"default",className:T?.startIcon}),endIcon:n({menuSizeEndIcon:"default",className:T?.endIcon})}),[T,M]);return R(c,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:s,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:O.root,alignItems:k,justifyContent:V,children:j(I,{render:R(e,{ref:P,...z}),name:N??"",disabled:g,...C,children:[j(t,{gap:x,alignItems:"center",width:"full",children:[R(E,{initial:!1,children:f&&R(S.span,{variants:G,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:R(o,{icon:f,className:O.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),R("span",{className:L,children:h})]}),R(E,{initial:!1,mode:"popLayout",children:!_&&b&&R(S.span,{variants:G,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:R(o,{icon:b,className:O.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})}),J=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 R(Z,{ref:a,as:p,active:r,layerClassNames:d,...e})});J.displayName="MenuItem";var U=v(function({name:r,endIcon:e=a,checked:d,defaultChecked:t,className:s,...c},o){const u=r,m=C(!1),x=l(),p=T(x);I(()=>{!m.current&&void 0!==t&&x&&(x.setValues(r=>({...r,[u]:t})),m.current=!0)},[x,t,u]);const b=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:n({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:b?"on":"off"}),text:n({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:b?"on":"off"}),startIcon:n({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:b?"on":"off"}),endIcon:n({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:b?"on":"off"})};return R(Z,{ref:o,as:h,hideEndIcon:!b,endIcon:e,active:b,className:i("uds-menu-item-checkbox",s),layerClassNames:_,rootProps:{name:r,onChange:f,defaultChecked:t,checked:void 0!==d?d:void 0},...c})});U.displayName="MenuItemCheckbox";var X=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},Y=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=Y({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 R(s,{children:R(b,{placement:t,rtl:d,...a})})},Q=v(function({asChild:r,children:e,className:a,...d},t){const s=C(null),n=r?{render:R(c,{asChild:!0,ref:s,className:"uds-ring h-fit w-fit",children:e})}:{children:e},o=N(()=>{const r=s.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()},[s]);return R(f,{onFocus:o,onFocusVisible:o,ref:t,className:i("uds-menu-trigger",a),...n,...d})});export{F as Menu};
|
package/dist/client/index.cjs
CHANGED
@@ -1,2 +1,2 @@
|
|
1
1
|
"use client";
|
2
|
-
"use strict";var e=require("../chunk-VURXJH35.cjs"),t=require("../chunk-DJ6N7Y4P.cjs"),a=require("../chunk-GEIJKIRH.cjs"),n=require("../chunk-JEJPTRZE.cjs"),i=require("../chunk-PPKNIQYI.cjs"),o=require("../chunk-VZSADIMF.cjs"),s=require("../chunk-SAYTLQ3L.cjs"),r=require("../chunk-HFSPK2LG.cjs"),l=require("react"),c=require("react/jsx-runtime"),d=require("@yahoo/uds/fixtures"),u=require("motion/react"),p=require("lodash-es"),h=require("@yahoo/uds/client/Menu"),m={first:e=>e[0]||"",last:e=>e[e.length-1]||"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},x=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return"function"==typeof t?t(e):m[t](a)},f=(e="md")=>o.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),g=e=>e?{height:e,width:e}:{},b="primary",y="md",v={primary:t.e2,secondary:t.t},S=({size:e=y,variant:t=b,customSize:a,icon:n,className:i})=>{const s=l.useMemo(()=>g(a),[a]),r=l.useMemo(()=>o.cx(f(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??v[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 */S.displayName="AvatarIcon";var C=({size:e=y,variant:t=b,name:a,initials:n,customSize:i,abbreviationStrategy:s,className:r})=>{const d=l.useMemo(()=>o.cx(f(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(()=>g(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||x(a,s)})})};C.displayName="AvatarText";var I=({size:t=y,variant:a=b,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 v=l.useMemo(()=>o.cx(f(t),o.getStyles({avatarImageVariantRoot:a,overflow:"hidden"}),h),[h,t,a]),I=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"}),[]),N=l.useMemo(()=>g(s),[s]),j=l.useMemo(()=>({...N,boxSizing:"content-box"}),[N]);if("loaded"===m)return c.jsx(o.Box,{className:v,style:N,children:c.jsx(e.Image,{src:n,srcSet:i,alt:r,className:I,style:j,...d})});const k={size:t,customSize:s,variant:a};return p||r?c.jsx(C,{name:r,initials:p,abbreviationStrategy:u,...k}):c.jsx(S,{...k})};I.displayName="AvatarImage";var N=e=>c.jsx(I,{...e});N.displayName="Avatar";var j=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})]})});j.displayName="Badge";var k={scale:.7,opacity:0},w={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},V={icon:w,hide:k,loading:k},M={loading:w,hide:k,icon:k},R=`var(${r.BUTTON_CSS_VAR_MAP.columnGap})`,z=`var(${r.BUTTON_CSS_VAR_MAP.iconSize})`,T={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:R}},P={hide:{width:"0px",opacity:0,display:"none"},loading:{width:z,display:"flex",opacity:1},icon:{width:z,display:"flex",opacity:1}},A=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:R,variant:z}=l.useMemo(()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),[e]),A=l.useMemo(()=>({button:o.getStyles({width:y,buttonSize:a,buttonVariant:z,buttonPalette:R,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,z,R,b,h,m,k]),B=u.useReducedMotion()?"smooth":"subtle",E=l.useMemo(()=>c.jsx(u.m.span,{className:A.iconContainer,initial:!1,variants:P,animate:w,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&c.jsx(u.m.span,{variants:M,initial:"hide",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:p,color:"current",className:A.loading})},"loading"),n&&!h&&c.jsx(u.m.span,{variants:V,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:A.start,icon:n,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})]})}),[A.iconContainer,A.loading,A.start,w,h,p,n]),L=l.useMemo(()=>c.jsx(u.m.span,{className:A.iconContainer,initial:!1,variants:P,animate:j,children:c.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&c.jsx(u.m.span,{variants:V,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:A.end,icon:r,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})})}),[A.iconContainer,A.end,r,j,p]),q=l.useMemo(()=>m?{...T,rest:{},hover:{},pressed:{}}:T,[m]);return f&&l.isValidElement(x)?c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:c.jsx(N,{type:g,className:A.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:l.cloneElement(x,x.props,c.jsxs(c.Fragment,{children:[E,c.jsx("span",{className:A.content,children:x.props.children}),L]}))})}):c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:c.jsxs(u.m.button,{ref:C,type:g,className:A.button,initial:["hide",k],animate:k,variants:q,whileHover:"hover",whileTap:"pressed",...v,children:[E,c.jsx("span",{className:A.content,children:x}),L]})})}),B={primary:"alert",secondary:"alert-secondary"},E=e=>"indeterminate"===e,L=e=>E(e)?t.o:t.e,q=u.m.create(o.Box),H={layoutVariant:"smooth",layoutSpeed:"3"},O={layoutVariant:"veryBouncy",layoutSpeed:"4"},F=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?B[p]:p,[g,p]),P=!x&&V,A=!x&&R,F=l.useMemo(()=>A?.9:P?1.1:1,[A,P]),$=l.useMemo(()=>k?A?"opacity-55":"opacity-100":"opacity-0",[k,A]),_=l.useMemo(()=>({scale:F}),[F]),D=l.useMemo(()=>R?O:H,[R]),W=l.useCallback(e=>{s?.(e),j||w(e.target.checked)},[j,s]),G=l.useCallback(()=>{M(!0)},[]),U=l.useCallback(()=>{M(!1)},[]),J=l.useCallback(()=>{z(!0)},[]),X=l.useCallback(()=>{z(!1)},[]),K=e=>{N.current&&(N.current.indeterminate=E(e))},Y=m?"always":"user",Q=u.useReducedMotion()||m?"duration-0":"duration-120";l.useEffect(()=>{j&&w(t)},[t,j]),l.useEffect(()=>{K(k)},[k]);const Z=E(k)?"indeterminate":k?"checked":"unchecked",ee={root:o.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:T,checkboxVariantValueRoot:Z,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:Z,className:o.cx("border","rounded-[4px]","uds-ring","uds-ring-within",Q,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:o.getStyles({checkboxVariantCheckboxIcon:T,checkboxVariantValueCheckboxIcon:Z,className:o.cx("pointer-events-none",$,Q,"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:Y,...D,children:c.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:J,onTap:X,onTapCancel:X,tabIndex:-1,children:[c.jsxs(q,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:_,children:[c.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,K(k),"function"==typeof S?S(e):null!==S&&(S.current=e)},id:I,disabled:x,required:f,"aria-invalid":g,checked:j?!E(k)&&k:void 0,defaultChecked:j?void 0:a,onChange:W,className:ee.htmlCheckbox}),c.jsx(o.Icon,{name:L(k),size:"sm",className:ee.check})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})});F.displayName="Checkbox";var $="primary",_=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"})]})})});_.displayName="ChipBase";var D=l.forwardRef(function({variant:e=$,...t},a){const n=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(_,{as:"button",ref:a,variant:e,layerClassNames:n,...t})});D.displayName="ChipButton";var W=l.forwardRef(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:i=$,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(_,{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})});W.displayName="ChipDismissible";var G=l.forwardRef(function({variant:e=$,href:t,disabled:a,...n},i){const s=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(_,{as:"a",ref:i,variant:e,disabled:a,layerClassNames:s,...{...n,href:a?void 0:t}})});G.displayName="ChipLink";var U=l.forwardRef(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=$,...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(_,{ref:s,as:"button",variant:n,onClick:d,"aria-pressed":e,layerClassNames:r,...i})});U.displayName="ChipToggle";var J=l.forwardRef(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...s},r){return n?c.jsx(W,{ref:r,onDismiss:n,...s}):i?c.jsx(U,{ref:r,onToggle:i,isToggled:o,...s}):t?c.jsx(G,{ref:r,href:t,...s,...a}):c.jsx(D,{ref:r,onClick:e,...s})});J.displayName="Chip";var X=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}=T;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:M,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:V,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)]})})})}),K=({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})})})},Y=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}),Q=l.memo(function({icon:e,className:t}){return e?c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline"},className:t}):null}),Z=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})}),ee=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(Q,{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(Z,{icon:r,className:B.endIcon})})]}),c.jsx(K,{reduceMotion:P,layoutVariant:T,children:c.jsx(Y,{id:w,helpText:d,spacingTop:"2",size:i,isFilled:!!M,helperTextIcon:h})})]})});ee.displayName="Input";var te=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}},ae=l.createContext(new Map),ne=e=>{const t=l.useId();return e??`uds-radio-group-${t}`},ie={primary:"alert",secondary:"alert-secondary"},oe=u.m.create(o.Box),se={layoutVariant:"smooth",layoutSpeed:"3"},re={layoutVariant:"veryBouncy",layoutSpeed:"4"},le=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(ae),o=i instanceof te,s=void 0!==a||o,r=ne(e),c=l.useMemo(()=>o?i:te.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=te.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?ie[r]:r,[g,r]),L=l.useMemo(()=>!f&&T,[f,T]),q=l.useMemo(()=>!f&&!R&&A,[R,f,A]),H=l.useMemo(()=>q?.9:L?1.1:1,[L,q]),O=l.useMemo(()=>R?q?"opacity-55":"opacity-100":"opacity-0",[R,q]),F=l.useMemo(()=>!f&&(q&&!R||L&&R),[R,f,L,q]),$=l.useMemo(()=>({scale:H}),[H]),_=l.useMemo(()=>A?re:se,[A]),D=l.useCallback(e=>{z(e.target.value),b?.(e)},[b,z]),W=l.useCallback(e=>{y?.(e)},[y]),G=l.useCallback(e=>{v?.(e)},[v]),U=l.useCallback(()=>{P(!0)},[]),J=l.useCallback(()=>{P(!1)},[]),X=l.useCallback(()=>{B(!0)},[]),K=l.useCallback(()=>{B(!1)},[]),Y=p?"always":"user",Q=u.useReducedMotion()||p?"duration-0":"duration-120",Z={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",Q,"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]",O,Q,"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:Y,..._,children:c.jsxs(ee,{className:Z.root,"data-testid":"container",onHoverStart:U,onHoverEnd:J,onTapStart:X,onTap:K,onTapCancel:K,tabIndex:-1,children:[c.jsxs(oe,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:Z.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:W,onBlur:G,id:k,name:V,value:h,disabled:f,"aria-invalid":g,onChange:D,...M?{checked:R}:{defaultChecked:x},className:Z.htmlRadio}),c.jsx(o.Box,{borderRadius:"full",className:Z.radioCircle})]}),a&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:Z.label})]})})});le.displayName="Radio";var ce=o.createSlot(),de=class extends te{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},ue=l.forwardRef(function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},s){const r=void 0!==a,d=ne(t),u=l.useMemo(()=>{const e=new de(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?ce:"div";return c.jsx(ae.Provider,{value:u,children:c.jsx(p,{role:"radiogroup",ref:s,...o})})});ue.displayName="RadioGroupProvider";var pe={md:{isOnX:20},sm:{isOnX:12}},he=u.m.create(o.Box),me={layoutVariant:"bouncy",layoutSpeed:"4"},xe=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:f,required:g,onFocus:b,onBlur:y,className:v,layerClassNames:S,...C},I){const N=l.useId(),j=e??`uds-input-${N}`,k=l.useRef(null),w=void 0!==t,[V,M]=l.useState(w?t:a),[R,z]=l.useState(!1),T=l.useMemo(()=>!f&&R,[f,R]),{isOnX:P}=pe[p],A=l.useMemo(()=>({initial:{scale:1,x:V?P:0},animate:{scale:T?1.05:1,x:V?P:0}}),[T,V,P]),B=l.useCallback(e=>{s?.(e),w||M(e.target.checked)},[w,s]),E=l.useCallback(e=>{b?.(e)},[b]),L=l.useCallback(e=>{y?.(e)},[y]),q=l.useCallback(()=>{z(!0)},[]),H=l.useCallback(()=>{z(!1)},[]),O=x?"always":"user",F=u.useReducedMotion()||x?"duration-0":"duration-120";l.useEffect(()=>{w&&M(t)},[t,w]);const $={root:o.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:o.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:o.cx("uds-ring","uds-ring-within",F,"transition-[background-color,box-shadow]",S?.switch)}),handle:o.getStyles({switchSizeHandle:p,className:o.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:o.getStyles({switchVariantActiveHandle:V?"on":"off",switchVariantHandle:"default",className:o.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",F,"transition-[background-color,box-shadow,opacity]")}),handleIcon:o.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:V?"on":"off",className:o.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",F,"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",S?.label)},_=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:O,...me,children:c.jsxs(_,{className:$.root,"data-testid":"container",onHoverStart:q,onHoverEnd:H,tabIndex:-1,children:[c.jsxs(he,{className:$.switch,children:[c.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:a,onChange:B,className:$.htmlCheckbox,style:{}}),c.jsxs(he,{className:$.handle,...A,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,V?"opacity-100":"opacity-0")}),m&&c.jsx(o.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:o.cx($.handleIcon,V?"opacity-0":"opacity-100")})]})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:g,label:r,className:$.label})]})})});xe.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 h.Menu}}),exports.Avatar=N,exports.AvatarIcon=S,exports.AvatarImage=I,exports.AvatarText=C,exports.Badge=j,exports.Button=A,exports.Checkbox=F,exports.Chip=J,exports.ChipButton=D,exports.ChipDismissible=W,exports.ChipLink=G,exports.ChipToggle=U,exports.IconButton=X,exports.Input=ee,exports.Radio=le,exports.RadioGroupProvider=ue,exports.Switch=xe;
|
2
|
+
"use strict";var e=require("../chunk-FPPZ2KPV.cjs"),t=require("../chunk-VJTVQTQR.cjs"),a=require("../chunk-NSWOPWQR.cjs"),n=require("../chunk-D5IGLZBA.cjs"),i=require("../chunk-PPKNIQYI.cjs"),o=require("../chunk-OGHG2IRY.cjs"),s=require("../chunk-SAYTLQ3L.cjs"),r=require("../chunk-HFSPK2LG.cjs"),l=require("react"),c=require("react/jsx-runtime"),d=require("@yahoo/uds/fixtures"),u=require("motion/react"),p=require("lodash-es"),h=require("@yahoo/uds/client/Menu"),m={first:e=>e[0]||"",last:e=>e[e.length-1]||"",firstAndLast:e=>1===e.length?e[0]:`${e[0]}${e[e.length-1]}`,firstTwo:e=>e.slice(0,2).join(""),firstThree:e=>e.slice(0,3).join(""),firstOfEach:e=>e.join("")},x=(e,t="firstAndLast")=>{if(!e)return"";const a=e.trim().split(/\s+/).map(e=>e[0].toUpperCase());return"function"==typeof t?t(e):m[t](a)},f=(e="md")=>o.getStyles({avatarSizeRoot:e,flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"visible",className:"truncate"}),g=e=>e?{height:e,width:e}:{},b="primary",y="md",v={primary:t.e2,secondary:t.t},S=({size:e=y,variant:t=b,customSize:a,icon:n,className:i})=>{const s=l.useMemo(()=>g(a),[a]),r=l.useMemo(()=>o.cx(f(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??v[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 */S.displayName="AvatarIcon";var C=({size:e=y,variant:t=b,name:a,initials:n,customSize:i,abbreviationStrategy:s,className:r})=>{const d=l.useMemo(()=>o.cx(f(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(()=>g(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||x(a,s)})})};C.displayName="AvatarText";var I=({size:t=y,variant:a=b,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 v=l.useMemo(()=>o.cx(f(t),o.getStyles({avatarImageVariantRoot:a,overflow:"hidden"}),h),[h,t,a]),I=l.useMemo(()=>o.getStyles({width:"full",height:"full",flexShrink:"0",textAlign:"center",display:"inline-flex",justifyContent:"center",alignItems:"center",contentFit:"cover"}),[]),N=l.useMemo(()=>g(s),[s]),j=l.useMemo(()=>({...N,boxSizing:"content-box"}),[N]);if("loaded"===m)return c.jsx(o.Box,{className:v,style:N,children:c.jsx(e.Image,{src:n,srcSet:i,alt:r,className:I,style:j,...d})});const k={size:t,customSize:s,variant:a};return p||r?c.jsx(C,{name:r,initials:p,abbreviationStrategy:u,...k}):c.jsx(S,{...k})};I.displayName="AvatarImage";var N=e=>c.jsx(I,{...e});N.displayName="Avatar";var j=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})]})});j.displayName="Badge";var k={scale:.7,opacity:0},w={scale:[.7,.7,1],opacity:[0,0,1],transition:{times:[0,.5,1]}},V={icon:w,hide:k,loading:k},M={loading:w,hide:k,icon:k},R=`var(${r.BUTTON_CSS_VAR_MAP.columnGap})`,z=`var(${r.BUTTON_CSS_VAR_MAP.iconSize})`,T={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:R}},P={hide:{width:"0px",opacity:0,display:"none"},loading:{width:z,display:"flex",opacity:1},icon:{width:z,display:"flex",opacity:1}},A=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:R,variant:z}=l.useMemo(()=>s.parseDeprecatedButtonPaletteVariant({flatVariant:e}),[e]),A=l.useMemo(()=>({button:o.getStyles({width:y,buttonSize:a,buttonVariant:z,buttonPalette:R,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,z,R,b,h,m,k]),B=u.useReducedMotion()?"smooth":"subtle",L=l.useMemo(()=>c.jsx(u.m.span,{className:A.iconContainer,initial:!1,variants:P,animate:w,children:c.jsxs(u.AnimatePresence,{initial:!1,mode:"popLayout",children:[h&&c.jsx(u.m.span,{variants:M,initial:"hide",animate:"loading",exit:"hide",children:c.jsx(o.Icon,{size:d.buttonIconSvgSize,name:t.o2,variant:p,color:"current",className:A.loading})},"loading"),n&&!h&&c.jsx(u.m.span,{variants:V,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:A.start,icon:n,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})]})}),[A.iconContainer,A.loading,A.start,w,h,p,n]),q=l.useMemo(()=>c.jsx(u.m.span,{className:A.iconContainer,initial:!1,variants:P,animate:j,children:c.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:r&&c.jsx(u.m.span,{variants:V,initial:"hide",animate:"icon",exit:"hide",children:c.jsx(o.IconSlot,{className:A.end,icon:r,iconProps:{size:d.buttonIconSvgSize,variant:p,color:"current"}})})})}),[A.iconContainer,A.end,r,j,p]),E=l.useMemo(()=>m?{...T,rest:{},hover:{},pressed:{}}:T,[m]);return f&&l.isValidElement(x)?c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:c.jsx(N,{type:g,className:A.button,initial:["hide",k],animate:k,variants:E,whileHover:"hover",whileTap:"pressed",...v,children:l.cloneElement(x,x.props,c.jsxs(c.Fragment,{children:[L,c.jsx("span",{className:A.content,children:x.props.children}),q]}))})}):c.jsx(i.SpringMotionConfig,{layoutSpeed:"3",layoutVariant:B,children:c.jsxs(u.m.button,{ref:C,type:g,className:A.button,initial:["hide",k],animate:k,variants:E,whileHover:"hover",whileTap:"pressed",...v,children:[L,c.jsx("span",{className:A.content,children:x}),q]})})}),B={primary:"alert",secondary:"alert-secondary"},L=e=>"indeterminate"===e,q=e=>L(e)?t.o:t.e,E=u.m.create(o.Box),H={layoutVariant:"smooth",layoutSpeed:"3"},O={layoutVariant:"veryBouncy",layoutSpeed:"4"},F=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?B[p]:p,[g,p]),P=!x&&V,A=!x&&R,F=l.useMemo(()=>A?.9:P?1.1:1,[A,P]),$=l.useMemo(()=>k?A?"opacity-55":"opacity-100":"opacity-0",[k,A]),W=l.useMemo(()=>({scale:F}),[F]),_=l.useMemo(()=>R?O:H,[R]),D=l.useCallback(e=>{s?.(e),j||w(e.target.checked)},[j,s]),G=l.useCallback(()=>{M(!0)},[]),U=l.useCallback(()=>{M(!1)},[]),Q=l.useCallback(()=>{z(!0)},[]),K=l.useCallback(()=>{z(!1)},[]),X=e=>{N.current&&(N.current.indeterminate=L(e))},Y=m?"always":"user",Z=u.useReducedMotion()||m?"duration-0":"duration-120";l.useEffect(()=>{j&&w(t)},[t,j]),l.useEffect(()=>{X(k)},[k]);const J=L(k)?"indeterminate":k?"checked":"unchecked",ee={root:o.getStyles({checkboxSizeRoot:h,checkboxVariantRoot:T,checkboxVariantValueRoot:J,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:J,className:o.cx("border","rounded-[4px]","uds-ring","uds-ring-within",Z,"transition-[background-color,border-color,box-shadow]",y?.checkbox)}),check:o.getStyles({checkboxVariantCheckboxIcon:T,checkboxVariantValueCheckboxIcon:J,className:o.cx("pointer-events-none",$,Z,"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:Y,..._,children:c.jsxs(te,{className:ee.root,"data-testid":"container",onHoverStart:G,onHoverEnd:U,onTapStart:Q,onTap:K,onTapCancel:K,tabIndex:-1,children:[c.jsxs(E,{position:"relative",className:ee.checkbox,alignItems:"center",justifyContent:"center",flex:"none",animate:W,children:[c.jsx("input",{type:"checkbox",...v,ref:e=>{N.current=e,X(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:q(k),size:"sm",className:ee.check})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:f,label:r,className:ee.label})]})})});F.displayName="Checkbox";var $="primary",W=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"})]})})});W.displayName="ChipBase";var _=l.forwardRef(function({variant:e=$,...t},a){const n=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(W,{as:"button",ref:a,variant:e,layerClassNames:n,...t})});_.displayName="ChipButton";var D=l.forwardRef(function({dismissButtonAriaLabel:e,onDismiss:a,dismissIcon:n,variant:i=$,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(W,{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})});D.displayName="ChipDismissible";var G=l.forwardRef(function({variant:e=$,href:t,disabled:a,...n},i){const s=l.useMemo(()=>({root:o.getStyles({chipLinkVariantRoot:e}),icon:o.getStyles({chipLinkVariantIcon:e})}),[e]);return c.jsx(W,{as:"a",ref:i,variant:e,disabled:a,layerClassNames:s,...{...n,href:a?void 0:t}})});G.displayName="ChipLink";var U=l.forwardRef(function({isToggled:e=!1,onToggle:t,onClick:a,variant:n=$,...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(W,{ref:s,as:"button",variant:n,onClick:d,"aria-pressed":e,layerClassNames:r,...i})});U.displayName="ChipToggle";var Q=l.forwardRef(function({onClick:e,href:t,linkProps:a,onDismiss:n,onToggle:i,isToggled:o,...s},r){return n?c.jsx(D,{ref:r,onDismiss:n,...s}):i?c.jsx(U,{ref:r,onToggle:i,isToggled:o,...s}):t?c.jsx(G,{ref:r,href:t,...s,...a}):c.jsx(_,{ref:r,onClick:e,...s})});Q.displayName="Chip";var K=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}=T;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:M,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:V,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)]})})})}),X=({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})})})},Y=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}),Z=l.memo(function({icon:e,className:t}){return e?c.jsx(o.IconSlot,{icon:e,iconProps:{variant:"outline"},className:t}):null}),J=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})}),ee=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(Z,{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(J,{icon:r,className:B.endIcon})})]}),c.jsx(X,{reduceMotion:P,layoutVariant:T,children:c.jsx(Y,{id:w,helpText:d,spacingTop:"2",size:i,isFilled:!!M,helperTextIcon:h})})]})});ee.displayName="Input";var te=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}},ae=l.createContext(new Map),ne=e=>{const t=l.useId();return e??`uds-radio-group-${t}`},ie={primary:"alert",secondary:"alert-secondary"},oe=u.m.create(o.Box),se={layoutVariant:"smooth",layoutSpeed:"3"},re={layoutVariant:"veryBouncy",layoutSpeed:"4"},le=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(ae),o=i instanceof te,s=void 0!==a||o,r=ne(e),c=l.useMemo(()=>o?i:te.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=te.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),L=l.useMemo(()=>g?ie[r]:r,[g,r]),q=l.useMemo(()=>!f&&T,[f,T]),E=l.useMemo(()=>!f&&!R&&A,[R,f,A]),H=l.useMemo(()=>E?.9:q?1.1:1,[q,E]),O=l.useMemo(()=>R?E?"opacity-55":"opacity-100":"opacity-0",[R,E]),F=l.useMemo(()=>!f&&(E&&!R||q&&R),[R,f,q,E]),$=l.useMemo(()=>({scale:H}),[H]),W=l.useMemo(()=>A?re:se,[A]),_=l.useCallback(e=>{z(e.target.value),b?.(e)},[b,z]),D=l.useCallback(e=>{y?.(e)},[y]),G=l.useCallback(e=>{v?.(e)},[v]),U=l.useCallback(()=>{P(!0)},[]),Q=l.useCallback(()=>{P(!1)},[]),K=l.useCallback(()=>{B(!0)},[]),X=l.useCallback(()=>{B(!1)},[]),Y=p?"always":"user",Z=u.useReducedMotion()||p?"duration-0":"duration-120",J={root:o.getStyles({radioSizeRoot:d,radioVariantValueRoot:R?"checked":"unchecked",radioVariantRoot:L,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:L,radioVariantValueRadio:R?"checked":"unchecked",className:o.cx(["border","uds-ring","uds-ring-within",Z,"transition-[background-color,border-color]","transition-shadow",C?.radio])}),radioCircle:o.getStyles({radioVariantRadioCircle:L,radioVariantValueRadioCircle:R?"checked":"unchecked",className:o.cx(["pointer-events-none","w-[8px]","h-[8px]",O,Z,"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:Y,...W,children:c.jsxs(ee,{className:J.root,"data-testid":"container",onHoverStart:U,onHoverEnd:Q,onTapStart:K,onTap:X,onTapCancel:X,tabIndex:-1,children:[c.jsxs(oe,{position:"relative",borderRadius:"full",alignItems:"center",justifyContent:"center",flex:"none",className:J.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:G,id:k,name:V,value:h,disabled:f,"aria-invalid":g,onChange:_,...M?{checked:R}:{defaultChecked:x},className:J.htmlRadio}),c.jsx(o.Box,{borderRadius:"full",className:J.radioCircle})]}),a&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",label:a,className:J.label})]})})});le.displayName="Radio";var ce=o.createSlot(),de=class extends te{onChangeCb;isControlled;constructor(e,t){super(e),this.isControlled=t}setValue(e,t=!1){this.isControlled&&!t?this.onChangeCb?.(e):super.setValue(e)}},ue=l.forwardRef(function({asChild:e,name:t,value:a,defaultValue:n,onChange:i,...o},s){const r=void 0!==a,d=ne(t),u=l.useMemo(()=>{const e=new de(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?ce:"div";return c.jsx(ae.Provider,{value:u,children:c.jsx(p,{role:"radiogroup",ref:s,...o})})});ue.displayName="RadioGroupProvider";var pe={md:{isOnX:20},sm:{isOnX:12}},he=u.m.create(o.Box),me={layoutVariant:"bouncy",layoutSpeed:"4"},xe=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:f,required:g,onFocus:b,onBlur:y,className:v,layerClassNames:S,...C},I){const N=l.useId(),j=e??`uds-input-${N}`,k=l.useRef(null),w=void 0!==t,[V,M]=l.useState(w?t:a),[R,z]=l.useState(!1),T=l.useMemo(()=>!f&&R,[f,R]),{isOnX:P}=pe[p],A=l.useMemo(()=>({initial:{scale:1,x:V?P:0},animate:{scale:T?1.05:1,x:V?P:0}}),[T,V,P]),B=l.useCallback(e=>{s?.(e),w||M(e.target.checked)},[w,s]),L=l.useCallback(e=>{b?.(e)},[b]),q=l.useCallback(e=>{y?.(e)},[y]),E=l.useCallback(()=>{z(!0)},[]),H=l.useCallback(()=>{z(!1)},[]),O=x?"always":"user",F=u.useReducedMotion()||x?"duration-0":"duration-120";l.useEffect(()=>{w&&M(t)},[t,w]);const $={root:o.getStyles({switchSizeRoot:p,switchVariantRoot:"default",switchVariantActiveRoot:V?"on":"off",display:"flex",flexDirection:"start"===d?"row":"row-reverse",alignItems:"center",className:o.cx("group",{"cursor-pointer":!f,"cursor-default":f,"opacity-50":f},S?.root,v)}),switch:o.getStyles({switchVariantSwitch:"default",switchSizeSwitch:p,switchVariantActiveSwitch:V?"on":"off",borderRadius:"full",position:"relative",alignItems:"center",className:o.cx("uds-ring","uds-ring-within",F,"transition-[background-color,box-shadow]",S?.switch)}),handle:o.getStyles({switchSizeHandle:p,className:o.cx("relative","pointer-events-none","rounded-full","overflow-hidden",S?.handle)}),handleCircle:o.getStyles({switchVariantActiveHandle:V?"on":"off",switchVariantHandle:"default",className:o.cx("absolute","top-0","left-0","right-0","bottom-0","opacity-95 group-hover:opacity-100",F,"transition-[background-color,box-shadow,opacity]")}),handleIcon:o.getStyles({switchSizeHandleIcon:p,switchVariantHandleIcon:"default",switchVariantActiveHandleIcon:V?"on":"off",className:o.cx("absolute","opacity-0","top-1/2","left-1/2","transform","translate-x-[-50%]","translate-y-[-50%]",F,"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",S?.label)},W=r?u.m.label:u.m.div;return c.jsx(i.SpringMotionConfig,{reducedMotion:O,...me,children:c.jsxs(W,{className:$.root,"data-testid":"container",onHoverStart:E,onHoverEnd:H,tabIndex:-1,children:[c.jsxs(he,{className:$.switch,children:[c.jsx("input",{type:"checkbox",...C,ref:e=>{k.current=e,"function"==typeof I?I(e):null!==I&&(I.current=e)},onFocus:L,onBlur:q,id:j,disabled:f,required:g,checked:w?V:void 0,defaultChecked:w?void 0:a,onChange:B,className:$.htmlCheckbox,style:{}}),c.jsxs(he,{className:$.handle,...A,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,V?"opacity-100":"opacity-0")}),m&&c.jsx(o.IconSlot,{icon:m,iconProps:{variant:"fill",size:"sm"},"data-testid":"off-icon",className:o.cx($.handleIcon,V?"opacity-0":"opacity-100")})]})]}),r&&c.jsx(n.FormLabel,{as:"div",variant:"inherit",color:"inherit",required:g,label:r,className:$.label})]})})});xe.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 h.Menu}}),exports.Avatar=N,exports.AvatarIcon=S,exports.AvatarImage=I,exports.AvatarText=C,exports.Badge=j,exports.Button=A,exports.Checkbox=F,exports.Chip=Q,exports.ChipButton=_,exports.ChipDismissible=D,exports.ChipLink=G,exports.ChipToggle=U,exports.IconButton=K,exports.Input=ee,exports.Radio=le,exports.RadioGroupProvider=ue,exports.Switch=xe;
|
package/dist/client/index.d.cts
CHANGED
@@ -1,10 +1,10 @@
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
|
-
import {
|
2
|
+
import { cT as UniversalAvatarProps, cR as UniversalAvatarIconProps, cS as UniversalAvatarImageProps, cU as UniversalAvatarTextProps, cV as UniversalBadgeProps, cW as UniversalButtonProps, cX as UniversalCheckboxProps, d0 as UniversalChipProps, cZ as UniversalChipButtonProps, c_ as UniversalChipDismissibleProps, c$ as UniversalChipLinkProps, d1 as UniversalChipToggleProps, d2 as UniversalIconButtonProps, d6 as UniversalRadioProps, d5 as UniversalRadioGroupProps, bZ as MotionVariant, b_ as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-DeLSF8f4.cjs';
|
3
3
|
import * as react from 'react';
|
4
4
|
import react__default, { ForwardRefExoticComponent } from 'react';
|
5
5
|
import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
|
6
|
-
export { a as Input, I as InputProps } from '../Input-
|
7
|
-
export { a as Pressable, P as PressableProps } from '../Pressable-
|
6
|
+
export { a as Input, I as InputProps } from '../Input-5x_Bch_x.cjs';
|
7
|
+
export { a as Pressable, P as PressableProps } from '../Pressable-m_sv0HMg.cjs';
|
8
8
|
export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
|
9
9
|
import '@yahoo/uds-icons/types';
|
10
10
|
import 'type-fest';
|
package/dist/client/index.d.ts
CHANGED
@@ -1,10 +1,10 @@
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
|
-
import {
|
2
|
+
import { cT as UniversalAvatarProps, cR as UniversalAvatarIconProps, cS as UniversalAvatarImageProps, cU as UniversalAvatarTextProps, cV as UniversalBadgeProps, cW as UniversalButtonProps, cX as UniversalCheckboxProps, d0 as UniversalChipProps, cZ as UniversalChipButtonProps, c_ as UniversalChipDismissibleProps, c$ as UniversalChipLinkProps, d1 as UniversalChipToggleProps, d2 as UniversalIconButtonProps, d6 as UniversalRadioProps, d5 as UniversalRadioGroupProps, bZ as MotionVariant, b_ as MotionVariantSpeed, b as UniversalSwitchProps } from '../types-DeLSF8f4.js';
|
3
3
|
import * as react from 'react';
|
4
4
|
import react__default, { ForwardRefExoticComponent } from 'react';
|
5
5
|
import { HTMLMotionProps, MotionConfigProps, LazyFeatureBundle } from 'motion/react';
|
6
|
-
export { a as Input, I as InputProps } from '../Input-
|
7
|
-
export { a as Pressable, P as PressableProps } from '../Pressable-
|
6
|
+
export { a as Input, I as InputProps } from '../Input-DJfPVf8I.js';
|
7
|
+
export { a as Pressable, P as PressableProps } from '../Pressable-trAf4c-r.js';
|
8
8
|
export { Menu, MenuContentProps, MenuDividerProps, MenuItemCheckboxProps, MenuItemProps, MenuPlacement, MenuProviderProps, MenuTriggerProps } from '@yahoo/uds/client/Menu';
|
9
9
|
import '@yahoo/uds-icons/types';
|
10
10
|
import 'type-fest';
|