@yahoo/uds 3.17.0-beta.1 → 3.17.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Input-Dy8st3t9.d.cts → Input-BJG3dbn8.d.cts} +1 -1
- package/dist/{Input-BMRGSU5y.d.ts → Input-CDTSLT-Y.d.ts} +1 -1
- package/dist/Input-DcjzGTZ7.d.cts +42 -0
- package/dist/Input-aHg6A-xT.d.ts +42 -0
- package/dist/{Pressable-CIIFtTng.d.ts → Pressable-BQeh2-VM.d.ts} +1 -1
- package/dist/Pressable-Dih5zV3K.d.ts +44 -0
- package/dist/{Pressable-6OGAsf5K.d.cts → Pressable-F-zzCS7l.d.cts} +1 -1
- package/dist/Pressable-WQVmMbYu.d.cts +44 -0
- package/dist/{SpringMotionConfig-CDjfwVEF.d.cts → SpringMotionConfig-BaeJprnv.d.cts} +1 -1
- package/dist/{SpringMotionConfig-G-5m8zYg.d.ts → SpringMotionConfig-CHsl5u8I.d.ts} +1 -1
- package/dist/SpringMotionConfig-C_eNz6on.d.ts +45 -0
- package/dist/SpringMotionConfig-Cefj-EKu.d.cts +45 -0
- package/dist/{VStack-neVNcyVv.d.cts → VStack-B_2pGe-1.d.cts} +1 -1
- package/dist/VStack-CxNiBX7w.d.cts +112 -0
- package/dist/{VStack-BD2tZc5A.d.ts → VStack-DTlPpYIY.d.ts} +1 -1
- package/dist/VStack-Df-pFFBu.d.ts +112 -0
- package/dist/chunk-24HEQ4PT.js +1 -0
- package/dist/chunk-35PHZJZG.cjs +1 -0
- package/dist/chunk-3T5IX3JE.cjs +1 -0
- package/dist/chunk-4JQTWVQH.cjs +1 -0
- package/dist/chunk-6ZCIS462.cjs +2 -0
- package/dist/chunk-72JXN7EE.js +1 -0
- package/dist/chunk-A4MU7ARJ.cjs +1 -0
- package/dist/chunk-COGJL3WI.cjs +1 -0
- package/dist/chunk-EF6FLPTH.cjs +1 -0
- package/dist/chunk-FOQRYH73.js +1 -0
- package/dist/chunk-FSOKVNOU.cjs +1 -0
- package/dist/chunk-GQ5RXICK.js +2 -0
- package/dist/{chunk-YYFHF7KD.cjs → chunk-I5TC35WI.cjs} +1 -1
- package/dist/chunk-LLTDVFFX.js +2 -0
- package/dist/chunk-MWF3T6YY.cjs +3 -0
- package/dist/{chunk-3I27E32L.js → chunk-OGMNTWFW.js} +2 -2
- package/dist/chunk-Q3GQNZOI.js +1 -0
- package/dist/chunk-QFJTN7H3.js +2 -0
- package/dist/chunk-TPSHAL7U.js +3 -0
- package/dist/chunk-Z2ZVRADJ.js +2 -0
- package/dist/client/Menu.cjs +1 -1
- package/dist/client/Menu.d.cts +3 -3
- package/dist/client/Menu.d.ts +3 -3
- package/dist/client/Menu.js +2 -2
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.d.cts +4 -4
- package/dist/client/index.d.ts +4 -4
- package/dist/client/index.js +1 -1
- package/dist/experimental/client/SwitchV2.cjs +1 -2
- package/dist/experimental/client/SwitchV2.d.cts +2 -2
- package/dist/experimental/client/SwitchV2.d.ts +2 -2
- package/dist/experimental/client/SwitchV2.js +1 -2
- package/dist/experimental/client/index.cjs +2 -2
- package/dist/experimental/client/index.js +2 -2
- package/dist/index-Bxa_xSvC.d.ts +243 -0
- package/dist/{index-B7kmT6BF.d.cts → index-M8SSwRxs.d.cts} +1 -1
- package/dist/index-RAdV2BNG.d.cts +243 -0
- package/dist/{index-Dv3eaEEg.d.ts → index-d6kLnsm4.d.ts} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +6 -6
- package/dist/index.d.ts +6 -6
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.d.cts +1 -1
- package/dist/tailwind/plugin.d.ts +1 -1
- package/dist/tailwind/plugin.js +2 -2
- package/dist/tailwind/purger.cjs +1 -1
- package/dist/tailwind/purger.js +1 -1
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.d.cts +2 -8
- package/dist/tailwind/utils.d.ts +2 -8
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/automation/configs.cjs +1 -1
- package/dist/tokens/automation/configs.d.cts +2 -2
- package/dist/tokens/automation/configs.d.ts +2 -2
- package/dist/tokens/automation/configs.js +1 -1
- package/dist/tokens/automation/properties.cjs +1 -1
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/automation/properties.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/parseTokens.d.cts +1 -1
- package/dist/tokens/parseTokens.d.ts +1 -1
- package/dist/{types-DYEQXQnF.d.cts → types-CDG_lMY2.d.cts} +1 -1
- package/dist/{types-DYEQXQnF.d.ts → types-CDG_lMY2.d.ts} +1 -1
- package/dist/types-v_SxufCg.d.cts +10465 -0
- package/dist/types-v_SxufCg.d.ts +10465 -0
- package/package.json +1 -1
- /package/dist/{chunk-BKCOUFTY.js → chunk-6CS7RKHN.js} +0 -0
- /package/dist/{chunk-O2MILEHQ.cjs → chunk-EIQXT4KY.cjs} +0 -0
@@ -0,0 +1,3 @@
|
|
1
|
+
"use strict";var o=require("./chunk-FSOKVNOU.cjs"),r=require("@yahoo/uds/fixtures"),t=require("@yahoo/uds/flags"),e=require("clsx"),n=require("imurmurhash"),i=require("tailwind-merge"),a=require("react"),l=require("react/jsx-runtime"),s=require("lodash-es");function d(o){return o&&o.__esModule?o:{default:o}}var f=d(e),c=d(n);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
function p(o){return"boolean"==typeof o?`${o}`:0===o?"0":o}function u(o){const r=Object.create(null),t=Object.keys(o);for(let e=0,n=t.length;e<n;e++){const n=t[e];void 0!==o[n]&&(r[n]=o[n])}return r}var b=i.extendTailwindMerge({extend:{theme:{borderColor:r.lineColors,borderWidth:r.borderWidths,borderRadius:r.borderRadii}},override:{classGroups:{"text-color":[{text:[...r.foregroundColors,...r.spectrumColors]}],"bg-color":[{bg:r.backgroundColors}],"font-family":[{font:["icons",...r.textVariants]}],leading:[{leading:r.textVariants}]},conflictingClassGroups:{}}}),h=(...o)=>{const r=f.default(o);return b(r)},m=o=>r=>{if(!o?.variants)return h(o?.base,r?.className);const{variants:t,defaultVariants:e}=o,n=Object.keys(t).map((o=>{const n=r?.[o],i=e?.[o],a=p(n)||p(i);return t[o][a]})),i={...e,...r&&u(r)},a=o?.compoundVariants?.reduce(((o,{className:r,...t})=>Object.entries(t).every((([o,r])=>i[o]===r))?h(o,r):o),"");return h(o?.base,n,a,r?.className)},g=m({variants:o.variants}),x=new Map,C=o=>{const{useGetStylesCache:r}=t.getFeatureFlags();if(r){const r=function(o){const r=Object.create(null),t=Object.keys(o).sort();for(let e=0,n=t.length;e<n;e++){const n=t[e];r[n]=o[n]}return r}(u(o)),t=(new c.default).hash(JSON.stringify(r)).result();if(x.has(t))return x.get(t);const e=g(r);return x.set(t,e),e}return g(o)};function S(...o){return r=>o.forEach((o=>function(o,r){"function"==typeof o?o(r):null!=o&&(o.current=r)}(o,r)))}function w(){const o=a.forwardRef(((o,t)=>{const{children:n,...i}=o,s=a.Children.toArray(n),d=s.find(e);if(d){const o=d.props.children,e=s.map((r=>r===d?a.Children.count(o)>1?a.Children.only(null):a.isValidElement(o)?o.props.children:null:r));return l.jsx(r,{...i,ref:t,children:a.isValidElement(o)?a.cloneElement(o,void 0,e):null})}return l.jsx(r,{...i,ref:t,children:n})}));o.displayName="Slot";const r=a.forwardRef(((o,r)=>{const{children:t,...e}=o;return a.isValidElement(t)?a.cloneElement(t,{...n(e,t.props),ref:r?S(r,t.ref):t.ref}):a.Children.count(t)>1?a.Children.only(null):null}));r.displayName="SlotClone";const t=({children:o})=>o;function e(o){return a.isValidElement(o)&&o.type===t}function n(o,r){const t={...r};for(const e in r){const n=o[e],i=r[e];/^on[A-Z]/.test(e)?n&&i?t[e]=(...o)=>{i(...o),n(...o)}:n&&(t[e]=n):"style"===e&&(t[e]={...n,...i})}return{...o,...t}}return o}var y=w(),v=a.forwardRef((function({asChild:o,className:r,backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:s,borderColor:d,borderStartColor:f,borderEndColor:c,borderTopColor:p,borderBottomColor:u,borderWidth:b,borderVerticalWidth:h,borderHorizontalWidth:m,borderStartWidth:g,borderEndWidth:x,borderTopWidth:S,borderBottomWidth:w,alignContent:v,alignItems:W,alignSelf:E,flex:B,flexDirection:T,flexGrow:R,flexShrink:V,flexWrap:j,justifyContent:N,flexBasis:z,display:G="flex",overflow:H,overflowX:k,overflowY:q,position:O,spacing:I,spacingHorizontal:F,spacingVertical:A,spacingBottom:D,spacingEnd:X,spacingStart:Y,spacingTop:M,offset:$,offsetVertical:_,offsetHorizontal:J,offsetBottom:K,offsetEnd:P,offsetStart:U,offsetTop:Z,columnGap:L,rowGap:Q,width:oo,height:ro,dropShadow:to,insetShadow:eo,...no},io){const ao=C({backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:s,borderColor:d,borderStartColor:f,borderEndColor:c,borderTopColor:p,borderBottomColor:u,borderWidth:b,borderVerticalWidth:h,borderHorizontalWidth:m,borderStartWidth:g,borderEndWidth:x,borderTopWidth:S,borderBottomWidth:w,alignContent:v,alignItems:W,alignSelf:E,flex:B,flexDirection:T,flexGrow:R,flexShrink:V,flexWrap:j,justifyContent:N,flexBasis:z,display:G,overflow:H,overflowX:k,overflowY:q,position:O,spacing:I,spacingHorizontal:F,spacingVertical:A,spacingBottom:D,spacingEnd:X,spacingStart:Y,spacingTop:M,offset:$,offsetVertical:_,offsetHorizontal:J,offsetBottom:K,offsetEnd:P,offsetStart:U,offsetTop:Z,columnGap:L,rowGap:Q,width:oo,height:ro,dropShadow:to,insetShadow:eo,className:r}),lo=o?y:"div";return l.jsx(lo,{className:ao,ref:io,...no})}));v.displayName="Box";var W=w(),E={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",label3:"p",label4:"p",caption1:"p",caption2:"p",legal1:"p",inherit:"p"},B=a.forwardRef((function({className:o,asChild:r,color:t="primary",variant:e="body1",as:n=E[e],fontFamily:i,fontSize:a,fontWeight:s,lineHeight:d,textTransform:f,textAlign:c,backgroundColor:p,borderRadius:u,borderTopStartRadius:b,borderTopEndRadius:h,borderBottomStartRadius:m,borderBottomEndRadius:g,borderColor:x,borderStartColor:S,borderEndColor:w,borderTopColor:y,borderBottomColor:v,borderWidth:B,borderVerticalWidth:T,borderHorizontalWidth:R,borderStartWidth:V,borderEndWidth:j,borderTopWidth:N,borderBottomWidth:z,alignContent:G,alignItems:H,alignSelf:k,flex:q,flexDirection:O,flexGrow:I,flexShrink:F,flexWrap:A,justifyContent:D,flexBasis:X,display:Y,overflow:M,overflowX:$,overflowY:_,position:J,spacing:K,spacingHorizontal:P,spacingVertical:U,spacingBottom:Z,spacingEnd:L,spacingStart:Q,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo,...co},po){const uo={...t&&"inherit"!==t?{color:t}:{},...e&&"inherit"!==e?{fontFamily:i??e,fontSize:a??e,fontWeight:s??e,lineHeight:d??e,textTransform:f??e}:{},textAlign:c},bo=C({className:o,...uo,backgroundColor:p,borderRadius:u,borderTopStartRadius:b,borderTopEndRadius:h,borderBottomStartRadius:m,borderBottomEndRadius:g,borderColor:x,borderStartColor:S,borderEndColor:w,borderTopColor:y,borderBottomColor:v,borderWidth:B,borderVerticalWidth:T,borderHorizontalWidth:R,borderStartWidth:V,borderEndWidth:j,borderTopWidth:N,borderBottomWidth:z,alignContent:G,alignItems:H,alignSelf:k,flex:q,flexDirection:O,flexGrow:I,flexShrink:F,flexWrap:A,justifyContent:D,flexBasis:X,display:Y,overflow:M,overflowX:$,overflowY:_,position:J,spacing:K,spacingHorizontal:P,spacingVertical:U,spacingBottom:Z,spacingEnd:L,spacingStart:Q,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo}),ho=r?W:n;return l.jsx(ho,{className:bo,ref:po,...co})}));B.displayName="Text";var T={xs:12,sm:16,md:24,lg:32},R=a.forwardRef((function({name:o,size:r="md",variant:t="outline",color:e="primary",className:n,...i},a){const s=o.metadata?.variants??[],d=s.includes(t)?t:s[0]??"fill",f="multicolor"===d,c=C({flex:"none",color:f?void 0:e,className:h(n,!f&&"[&_path]:fill-current")}),p=T[r];return l.jsx("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:p,height:p,viewBox:`0 0 ${p} ${p}`,"aria-hidden":"true",focusable:"false",className:c,...i,children:l.jsx(o,{size:r,variant:d})})}));R.displayName="Icon";var V=a.memo((function({icon:o,iconProps:r,...t}){if(!o)return null;const e=r??{},n=o;if(n.metadata?.isSvgIcon)return l.jsx(R,{name:n,...e,...t});if(s.isFunction(o)){const r=o(e);return a.isValidElement(r)&&a.cloneElement(r,t)}return a.isValidElement(o)&&a.cloneElement(o,{...e,...o.props,...t})}));
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Box=v,exports.Icon=R,exports.IconSlot=V,exports.Text=B,exports.createSlot=w,exports.cva=m,exports.cx=h,exports.getStyles=C;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{getMotionVar as s}from"./chunk-
|
2
|
-
var m={damped:{1:{damping:20.585796264350424,stiffness:62.37968115365702},2:{damping:29.312551281312288,stiffness:126.47801753759964},3:{damping:48.92799401356162,stiffness:352.3892336537332},4:{damping:123.42690994256348,stiffness:2242.474548821137}},smooth:{1:{damping:16.46863701148034,stiffness:67.80400125397502},2:{damping:23.45004102504983,stiffness:137.47610601913004},3:{damping:39.1423952108493,stiffness:383.03177571057955},4:{damping:98.7415279540508,stiffness:2437.4723356751488}},subtle:{1:{damping:13.04316051309243,stiffness:67.80400125397502},2:{damping:18.572432491839468,stiffness:137.47610601913004},3:{damping:31.000777006992646,stiffness:383.03177571057955},4:{damping:78.20329013960823,stiffness:2437.4723356751488}},bouncy:{1:{damping:9.229712940600143,stiffness:48.880672622541795},2:{damping:12.634144343496553,stiffness:91.59092691366399},3:{damping:19.40217701790486,stiffness:216.00395877230474},4:{damping:37.541723184430275,stiffness:808.7032559422912}},veryBouncy:{1:{damping:6.902290754946187,stiffness:38.92152745126911},2:{damping:9.155550514215523,stiffness:68.48134828711234},3:{damping:13.244464908166709,stiffness:143.30858570843873},4:{damping:22.17862652876726,stiffness:401.85804919502965}}},p=()=>import("./domAnimation-MWKTMI4P.js").then((({domAnimation:s})=>s));function d({children:e,reducedMotion:d="user",loadFeatures:u=p,layoutVariant:c="subtle",layoutSpeed:l="3",colorVariant:y="smooth",colorSpeed:b="3"}){const h=m[c][l],v=m[y][b],[P,V]=i(h),[C
|
1
|
+
import{getMotionVar as s}from"./chunk-6CS7RKHN.js";import{LazyMotion as n,MotionConfig as t}from"motion/react";import{createContext as e,useState as i,useEffect as o,useMemo as r,useContext as a}from"react";import{jsx as f}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
var m={damped:{1:{damping:20.585796264350424,stiffness:62.37968115365702},2:{damping:29.312551281312288,stiffness:126.47801753759964},3:{damping:48.92799401356162,stiffness:352.3892336537332},4:{damping:123.42690994256348,stiffness:2242.474548821137}},smooth:{1:{damping:16.46863701148034,stiffness:67.80400125397502},2:{damping:23.45004102504983,stiffness:137.47610601913004},3:{damping:39.1423952108493,stiffness:383.03177571057955},4:{damping:98.7415279540508,stiffness:2437.4723356751488}},subtle:{1:{damping:13.04316051309243,stiffness:67.80400125397502},2:{damping:18.572432491839468,stiffness:137.47610601913004},3:{damping:31.000777006992646,stiffness:383.03177571057955},4:{damping:78.20329013960823,stiffness:2437.4723356751488}},bouncy:{1:{damping:9.229712940600143,stiffness:48.880672622541795},2:{damping:12.634144343496553,stiffness:91.59092691366399},3:{damping:19.40217701790486,stiffness:216.00395877230474},4:{damping:37.541723184430275,stiffness:808.7032559422912}},veryBouncy:{1:{damping:6.902290754946187,stiffness:38.92152745126911},2:{damping:9.155550514215523,stiffness:68.48134828711234},3:{damping:13.244464908166709,stiffness:143.30858570843873},4:{damping:22.17862652876726,stiffness:401.85804919502965}}},p=()=>import("./domAnimation-MWKTMI4P.js").then((({domAnimation:s})=>s));function d({children:e,reducedMotion:d="user",loadFeatures:u=p,layoutVariant:c="subtle",layoutSpeed:l="3",colorVariant:y="smooth",colorSpeed:b="3"}){const h=m[c][l],v=m[y][b],[P,V]=i(h),[N,C]=i(v),M={variant:y,speed:b},S=s({...M,control:"stiffness"}),j=s({...M,control:"damping"}),k={variant:c,speed:l},x=s({...k,control:"stiffness"}),A=s({...k,control:"damping"});o((()=>{const s=getComputedStyle(document.documentElement),n={type:"spring",damping:Number(s.getPropertyValue(A)),stiffness:Number(s.getPropertyValue(x))},t={type:"spring",damping:Number(s.getPropertyValue(j)),stiffness:Number(s.getPropertyValue(S))};V(n),C(t)}),[j,S,A,x]);const K=r((()=>({type:"spring",mass:1,...P,layout:P,opacity:N,color:N,borderColor:N,backgroundColor:N})),[N,P]);return a(g)?e:f(n,{features:u,strict:!0,children:f(t,{transition:K,reducedMotion:d,children:e})})}var g=e(!1),u=g.Provider;export{u as AvoidMotionLibraryProvider,d as SpringMotionConfig};
|
@@ -0,0 +1 @@
|
|
1
|
+
import{VStack as e,HStack as r}from"./chunk-24HEQ4PT.js";import{cx as t,Box as i,Text as o,getStyles as a}from"./chunk-TPSHAL7U.js";import{forwardRef as n,useMemo as l}from"react";import{jsxs as s,jsx as d}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var c={horizontal:"w-full",vertical:""},m=n((function({vertical:a=!1,contentPosition:n="center",className:m,layerClassNames:h,children:f,...v},x){const p=a?"vertical":"horizontal",N=a?e:r,b=l((()=>({root:t(c[p],m,h?.root),label:t(h?.text),line:h?.line})),[m,p,h?.root,h?.text,h?.line]),u=l((()=>"vertical"===p?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0}:{borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:0}),[p]),y=()=>d(i,{flex:"1",className:b.line,style:u});return f?s(N,{flex:"1",alignItems:"center",className:b.root,ref:x,...v,children:["start"!==n&&d(y,{}),d(i,{flex:"none",children:d(o,{color:"inherit",variant:"inherit",className:b.label,children:f})}),"end"!==n&&d(y,{})]}):d(i,{display:"flex",flex:"none",className:b.root,ref:x,...v,children:d(y,{})})}));m.displayName="DividerCore";var h=n((function({variant:e="primary",layerClassNames:r,...i},o){const n=l((()=>({root:t("inherit"!==e&&a({dividerVariantRoot:e}),r?.root),text:t("inherit"!==e?a({dividerVariantLabel:e}):void 0,r?.text),line:t("inherit"!==e&&a({dividerVariantLine:e}),r?.line)})),[r?.line,r?.root,r?.text,e]);return d(m,{ref:o,layerClassNames:n,...i})}));h.displayName="DividerInternal";export{h as DividerInternal};
|
@@ -0,0 +1,2 @@
|
|
1
|
+
import{createSlot as r,getStyles as l}from"./chunk-TPSHAL7U.js";import{forwardRef as e}from"react";import{jsx as t,Fragment as o,jsxs as a}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var i=r(),n=e((function({className:r,asChild:e,onPress:o,onClick:a=o,backgroundColor:n,borderRadius:h,borderTopStartRadius:c,borderTopEndRadius:d,borderBottomStartRadius:s,borderBottomEndRadius:u,borderColor:f,borderStartColor:m,borderEndColor:v,borderTopColor:p,borderBottomColor:z,borderWidth:C,borderVerticalWidth:M,borderHorizontalWidth:g,borderStartWidth:H,borderEndWidth:b,borderTopWidth:V,borderBottomWidth:S,alignContent:L,alignItems:w,alignSelf:x,flex:A,flexDirection:B,flexGrow:W,flexShrink:T,flexWrap:E,justifyContent:_,flexBasis:P,display:R,overflow:k,overflowX:I,overflowY:G,position:j,spacing:y,spacingHorizontal:N,spacingVertical:D,spacingBottom:X,spacingEnd:Y,spacingStart:q,spacingTop:U,offset:F,offsetVertical:J,offsetHorizontal:K,offsetBottom:O,offsetEnd:Q,offsetStart:Z,offsetTop:$,columnGap:rr,rowGap:lr,dropShadow:er,insetShadow:tr,...or},ar){const ir=l({backgroundColor:n,borderRadius:h,borderTopStartRadius:c,borderTopEndRadius:d,borderBottomStartRadius:s,borderBottomEndRadius:u,borderColor:f,borderStartColor:m,borderEndColor:v,borderTopColor:p,borderBottomColor:z,borderWidth:C,borderVerticalWidth:M,borderHorizontalWidth:g,borderStartWidth:H,borderEndWidth:b,borderTopWidth:V,borderBottomWidth:S,alignContent:L,alignItems:w,alignSelf:x,flex:A,flexDirection:B,flexGrow:W,flexShrink:T,flexWrap:E,justifyContent:_,flexBasis:P,display:R,overflow:k,overflowX:I,overflowY:G,position:j,spacing:y,spacingHorizontal:N,spacingVertical:D,spacingBottom:X,spacingEnd:Y,spacingStart:q,spacingTop:U,offset:F,offsetVertical:J,offsetHorizontal:K,offsetBottom:O,offsetEnd:Q,offsetStart:Z,offsetTop:$,columnGap:rr,rowGap:lr,dropShadow:er,insetShadow:tr,className:r});return t(e?i:"button",{className:ir,ref:ar,onClick:a,...or})})),h=({size:r,variant:l})=>{if("outline"===l)switch(r){case"xs":return t(o,{children:a("g",{fill:"currentColor",clipPath:"url(#Building-outline-12_svg__a)",children:[t("path",{d:"M4.875 8.125h-1.5v-1.5h1.5zm0-2.625h-1.5V4h1.5z"}),t("path",{d:"m7.5 2.643 3.75 1.31v7.297H.75V.75H7.5zM1.95 10.05H6.3v-8.1H1.95zm5.625 0h2.475V4.805l-2.475-.866z"})]})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M8.4 2.6H2.6v10.8H4V11h3v2.4h1.4zM1 15V1h9v2.524l5 1.746V15zm9.1-9.746V13.4h3.3V6.406zM4.5 4h2v2h-2zm2 3.5h-2v2h2z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M13.367 4.752H4.3v14.495h2.724v-4.533h3.619v4.533h2.714V4.762l.01.003zM21.5 21.047h-19V2.952h12.667v2.494L21.5 7.843zm-1.8-1.8V9.087L15.167 7.37v11.876zM7.929 11.095h-1.81v1.81h1.81zm-1.81-3.619h1.81v1.81h-1.81zm5.429 0h-1.81v1.81h1.81zm-1.81 3.619h1.81v1.81h-1.81z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M17.8 4.2H4.2v23.6H8V21h6v6.8h3.8zM2 30V2h18v5.725l10 3.626V30zm18.2-19.862V27.8h7.6V12.894zM10 8H7v3h3zm-3 6h3v3H7zm5-6h3v3h-3zm3 6h-3v3h3zm7.5 1h3v3h-3zm3 6h-3v3h3z"})})}if("fill"===l)switch(r){case"xs":return t(o,{children:t("g",{fill:"currentColor",clipPath:"url(#Building-fill-12_svg__a)",children:t("path",{d:"M7.5 11.25H.75V.75H7.5zM3.375 8.125h1.5v-1.5h-1.5zm0-2.625h1.5V4h-1.5zm7.875-1.547v7.297H9V3z"})})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M4.5 4v2h2V4zm2 3.5h-2v2h2zM12 4l3 1.27V15h-3zM1 1h9v14H1z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M2.5 2.952h10.857v18.095H2.5zm2.714 7.238V12h1.81v-1.81zm1.81-3.619h-1.81v1.81h1.81zm1.81 0v1.81h1.809V6.57zm1.809 3.62h-1.81V12h1.81zm-4.524 4.523v4.524h3.62v-4.524zM21.5 7.843l-6.333-3.081v16.285H21.5z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M2 2h16v28H2zm5 19v7h6v-7zM8.5 7h-3v3h3zm-3 6v3h3v-3zm9-6h-3v3h3zm-3 6v3h3v-3zM20 7l10 4.351V30H20zm3.5 8v3h3v-3z"})})}return t(o,{})};h.metadata={name:"Building",isSvgIcon:!0,variants:["outline","fill"]};var c=({size:r,variant:l})=>{if("outline"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"m10.843 2.896-5.77 6.966L1.15 5.98l.845-.853 2.99 2.96L9.919 2.13z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M13.5 3.89 6.951 12 2.5 7.48l.958-.993 3.394 3.447L12.452 3z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M20.264 5.852 10.37 18.366l-6.642-6.89 1.295-1.249 5.213 5.407 8.616-10.898z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M30.19 6.341 13.677 26.276 2.803 15.509l1.688-1.706 9.012 8.922L28.341 4.81z"})})}if("fill"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"M10.985 2.883 5.081 10.01 1.01 5.98l.985-.996L4.98 7.94l4.928-5.95z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M13.593 4.502 6.968 12.5 2.4 7.978 3.505 6.86l3.348 3.315 5.53-6.676z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"m20.545 5.82-10.16 12.85-6.94-7.198 1.584-1.527 5.192 5.385L18.82 4.455z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M30.33 6.328 13.687 26.423 2.662 15.51l1.829-1.848 9.005 8.916 14.832-17.91z"})})}return t(o,{})};c.metadata={name:"Check",isSvgIcon:!0,variants:["outline","fill"]};var d=({size:r,variant:l})=>{if("outline"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"m9.745 3.099-2.9 2.898 2.901 2.9-.849.85-2.899-2.901-2.9 2.9-.848-.849 2.9-2.9L2.25 3.1l.848-.848L5.997 5.15l2.9-2.898z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"m12.526 4.465-.99-.99L8 7.01 4.465 3.475l-.99.99L7.01 8l-3.535 3.536.99.99L8 8.99l3.536 3.536.99-.99L8.99 8z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"m13.44 11.956 6.572-6.571L18.527 3.9l-6.571 6.57L5.385 3.9 3.9 5.385l6.57 6.57-6.57 6.572 1.485 1.485 6.57-6.571 6.572 6.57 1.485-1.484z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M17.702 15.934 28.818 4.818 27.05 3.05 15.934 14.166 4.818 3.05 3.05 4.818l11.116 11.116L3.05 27.05l1.768 1.768 11.116-11.116L27.05 28.818l1.768-1.768z"})})}if("fill"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"m9.888 3.099-2.9 2.898 2.899 2.9-.99.99-2.9-2.9-2.898 2.9-.99-.99 2.898-2.9L2.108 3.1l.99-.99 2.9 2.898 2.9-2.898z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"m9.131 8 3.536-3.536-1.131-1.131L8 6.869 4.464 3.333 3.333 4.464 6.869 8l-3.536 3.535 1.131 1.132L8 9.13l3.535 3.536 1.132-1.131z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"m12 13.768 6.337 6.337 1.768-1.768L13.768 12l6.337-6.337-1.768-1.768L12 10.232 5.663 3.895 3.895 5.663 10.232 12l-6.337 6.337 1.768 1.768z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M17.91 16 28.954 4.955l-1.91-1.91L16 14.091 4.955 3.045l-1.91 1.91L14.091 16 3.045 27.045l1.91 1.91L16 17.909l11.045 11.046 1.91-1.91z"})})}return t(o,{})};d.metadata={name:"Cross",isSvgIcon:!0,variants:["outline","fill"]};var s=({size:r,variant:l})=>{if("outline"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"m10.698 6.597-9.4.001v-1.2h9.4z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M12.7 8.7H3.3V7.3h9.4z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M2.97 10.75h17.838v2.1H2.97z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M27 17H4.7v-2.3H27z"})})}if("fill"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"M10.799 6.698h-9.6v-1.4h9.6z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M12.8 8.8H3.2V7.2h9.6z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M2.966 10.75h18.068v2.5H2.966z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M27.3 17.3H4.7v-2.6h22.6z"})})}return t(o,{})};s.metadata={name:"Minus",isSvgIcon:!0,variants:["outline","fill"]};var u=({size:r,variant:l})=>{if("outline"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"M6.9 3.375a.9.9 0 1 0-1.8 0 .9.9 0 0 0 1.8 0m1.35 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0m.53 4.643a2.2 2.2 0 0 0-1.104-.293H4.324a2.224 2.224 0 0 0-2.183 1.8h7.718a2.22 2.22 0 0 0-1.08-1.507M.75 9.95a3.574 3.574 0 0 1 3.574-3.574h3.352A3.574 3.574 0 0 1 11.25 9.95v.875a.05.05 0 0 1-.05.051H.8a.05.05 0 0 1-.05-.05z"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M9.2 4.5a1.2 1.2 0 1 0-2.4 0 1.2 1.2 0 0 0 2.4 0m1.8 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0m.706 6.19a2.97 2.97 0 0 0-1.472-.39H5.766a2.966 2.966 0 0 0-2.912 2.4h10.292a2.97 2.97 0 0 0-1.44-2.01M1 13.267A4.766 4.766 0 0 1 5.766 8.5h4.468A4.765 4.765 0 0 1 15 13.266v1.166c0 .038-.03.068-.068.068H1.068A.07.07 0 0 1 1 14.432z"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M14.25 7.95a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.8 0a4.05 4.05 0 1 1-8.1 0 4.05 4.05 0 0 1 8.1 0m.927 7.244A4.2 4.2 0 0 0 15 14.7H9a4.2 4.2 0 0 0-4.157 3.6h14.314a4.2 4.2 0 0 0-2.18-3.106M3 18.9a6 6 0 0 1 6-6h6a6 6 0 0 1 6 6v1.121a.08.08 0 0 1-.079.079H3.08a.08.08 0 0 1-.08-.08z"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M19.7 10a3.7 3.7 0 1 0-7.4 0 3.7 3.7 0 0 0 7.4 0m2.3 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0m8 17.043q0-.681-.1-1.343a9.044 9.044 0 0 0-8.943-7.7h-9.914A9.04 9.04 0 0 0 2 27.043V28h28zM8.144 20.955a6.74 6.74 0 0 1 2.9-.655h9.913a6.744 6.744 0 0 1 6.608 5.4H4.435a6.74 6.74 0 0 1 3.71-4.745"})})}if("fill"===l)switch(r){case"xs":return t(o,{children:t("path",{fill:"currentColor",d:"M6 5.625a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5m-3.45 1.22A3.57 3.57 0 0 0 .75 9.95v.875c0 .028.023.051.05.051h10.4a.05.05 0 0 0 .05-.05V9.95a3.574 3.574 0 0 0-3.574-3.574H4.324c-.622 0-1.233.162-1.773.47"})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M8 7.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6M3.401 9.128A4.77 4.77 0 0 0 1 13.266v1.166c0 .038.03.068.068.068h13.864c.038 0 .068-.03.068-.068v-1.166A4.766 4.766 0 0 0 10.234 8.5H5.766a4.76 4.76 0 0 0-2.365.628"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M12 12a4.05 4.05 0 1 0 0-8.1 4.05 4.05 0 0 0 0 8.1m-5.824 1.606A6 6 0 0 0 3 18.9v1.121c0 .044.035.079.079.079H20.92a.08.08 0 0 0 .08-.08V18.9a6 6 0 0 0-6-6H9a6 6 0 0 0-2.824.706"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M16 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12m-8.845 2.878A9.04 9.04 0 0 0 2 27.043V28h28v-.957A9.043 9.043 0 0 0 20.957 18h-9.914a9.05 9.05 0 0 0-3.888.878"})})}return t(o,{})};u.metadata={name:"Person",isSvgIcon:!0,variants:["outline","fill"]};var f=({size:r,variant:l})=>{if("outline"===l)switch(r){case"xs":return t(o,{children:t("g",{clipPath:"url(#Progress-outline-12_svg__a)",children:t("path",{fill:"currentColor",d:"M5.924 2.025a3.9 3.9 0 1 0 3.9 3.9h1.2a5.1 5.1 0 1 1-5.1-5.1.6.6 0 1 1 0 1.2"})})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===l)switch(r){case"xs":return t(o,{children:t("g",{clipPath:"url(#Progress-fill-12_svg__a)",children:t("path",{fill:"currentColor",d:"M6 2.175A3.825 3.825 0 1 0 9.823 6h1.35A5.175 5.175 0 1 1 6 .825a.675.675 0 0 1 0 1.35"})})});case"sm":return t(o,{children:t("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return t(o,{children:t("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return t(o,{children:t("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return t(o,{})};f.metadata={name:"Progress",isSvgIcon:!0,variants:["outline","fill"]};
|
2
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{n as Pressable,d as a,c as e,u as e2,s as o,f as o2,h as t};
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import{variants as o}from"./chunk-Z2ZVRADJ.js";import{textVariants as r,backgroundColors as t,foregroundColors as e,spectrumColors as n,borderRadii as i,borderWidths as a,lineColors as l}from"@yahoo/uds/fixtures";import{getFeatureFlags as s}from"@yahoo/uds/flags";import d from"clsx";import f from"imurmurhash";import{extendTailwindMerge as c}from"tailwind-merge";import{forwardRef as p,memo as u,isValidElement as b,cloneElement as m,Children as h}from"react";import{jsx as g}from"react/jsx-runtime";import{isFunction as S}from"lodash-es";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
function x(o){return"boolean"==typeof o?`${o}`:0===o?"0":o}function y(o){const r=Object.create(null),t=Object.keys(o);for(let e=0,n=t.length;e<n;e++){const n=t[e];void 0!==o[n]&&(r[n]=o[n])}return r}var C=c({extend:{theme:{borderColor:l,borderWidth:a,borderRadius:i}},override:{classGroups:{"text-color":[{text:[...e,...n]}],"bg-color":[{bg:t}],"font-family":[{font:["icons",...r]}],leading:[{leading:r}]},conflictingClassGroups:{}}}),w=(...o)=>{const r=d(o);return C(r)},W=o=>r=>{if(!o?.variants)return w(o?.base,r?.className);const{variants:t,defaultVariants:e}=o,n=Object.keys(t).map((o=>{const n=r?.[o],i=e?.[o],a=x(n)||x(i);return t[o][a]})),i={...e,...r&&y(r)},a=o?.compoundVariants?.reduce(((o,{className:r,...t})=>Object.entries(t).every((([o,r])=>i[o]===r))?w(o,r):o),"");return w(o?.base,n,a,r?.className)},v=W({variants:o}),B=new Map,T=o=>{const{useGetStylesCache:r}=s();if(r){const r=function(o){const r=Object.create(null),t=Object.keys(o).sort();for(let e=0,n=t.length;e<n;e++){const n=t[e];r[n]=o[n]}return r}(y(o)),t=(new f).hash(JSON.stringify(r)).result();if(B.has(t))return B.get(t);const e=v(r);return B.set(t,e),e}return v(o)};function E(...o){return r=>o.forEach((o=>function(o,r){"function"==typeof o?o(r):null!=o&&(o.current=r)}(o,r)))}function R(){const o=p(((o,t)=>{const{children:n,...i}=o,a=h.toArray(n),l=a.find(e);if(l){const o=l.props.children,e=a.map((r=>r===l?h.count(o)>1?h.only(null):b(o)?o.props.children:null:r));return g(r,{...i,ref:t,children:b(o)?m(o,void 0,e):null})}return g(r,{...i,ref:t,children:n})}));o.displayName="Slot";const r=p(((o,r)=>{const{children:t,...e}=o;return b(t)?m(t,{...n(e,t.props),ref:r?E(r,t.ref):t.ref}):h.count(t)>1?h.only(null):null}));r.displayName="SlotClone";const t=({children:o})=>o;function e(o){return b(o)&&o.type===t}function n(o,r){const t={...r};for(const e in r){const n=o[e],i=r[e];/^on[A-Z]/.test(e)?n&&i?t[e]=(...o)=>{i(...o),n(...o)}:n&&(t[e]=n):"style"===e&&(t[e]={...n,...i})}return{...o,...t}}return o}var N=R(),z=p((function({asChild:o,className:r,backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:b,borderHorizontalWidth:m,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:C,alignItems:w,alignSelf:W,flex:v,flexDirection:B,flexGrow:E,flexShrink:R,flexWrap:z,justifyContent:G,flexBasis:V,display:H="flex",overflow:j,overflowX:k,overflowY:O,position:I,spacing:A,spacingHorizontal:D,spacingVertical:X,spacingBottom:Y,spacingEnd:Z,spacingStart:$,spacingTop:F,offset:J,offsetVertical:M,offsetHorizontal:P,offsetBottom:_,offsetEnd:q,offsetStart:K,offsetTop:L,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,...no},io){const ao=T({backgroundColor:t,borderRadius:e,borderTopStartRadius:n,borderTopEndRadius:i,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:f,borderTopColor:c,borderBottomColor:p,borderWidth:u,borderVerticalWidth:b,borderHorizontalWidth:m,borderStartWidth:h,borderEndWidth:S,borderTopWidth:x,borderBottomWidth:y,alignContent:C,alignItems:w,alignSelf:W,flex:v,flexDirection:B,flexGrow:E,flexShrink:R,flexWrap:z,justifyContent:G,flexBasis:V,display:H,overflow:j,overflowX:k,overflowY:O,position:I,spacing:A,spacingHorizontal:D,spacingVertical:X,spacingBottom:Y,spacingEnd:Z,spacingStart:$,spacingTop:F,offset:J,offsetVertical:M,offsetHorizontal:P,offsetBottom:_,offsetEnd:q,offsetStart:K,offsetTop:L,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,className:r});return g(o?N:"div",{className:ao,ref:io,...no})}));z.displayName="Box";var G=R(),V={display1:"h1",display2:"h1",display3:"h1",title1:"h1",title2:"h2",title3:"h3",title4:"h4",headline1:"h5",body1:"p",label1:"p",label2:"p",label3:"p",label4:"p",caption1:"p",caption2:"p",legal1:"p",inherit:"p"},H=p((function({className:o,asChild:r,color:t="primary",variant:e="body1",as:n=V[e],fontFamily:i,fontSize:a,fontWeight:l,lineHeight:s,textTransform:d,textAlign:f,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:b,borderBottomStartRadius:m,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:C,borderBottomColor:w,borderWidth:W,borderVerticalWidth:v,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:R,borderTopWidth:N,borderBottomWidth:z,alignContent:H,alignItems:j,alignSelf:k,flex:O,flexDirection:I,flexGrow:A,flexShrink:D,flexWrap:X,justifyContent:Y,flexBasis:Z,display:$,overflow:F,overflowX:J,overflowY:M,position:P,spacing:_,spacingHorizontal:q,spacingVertical:K,spacingBottom:L,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo,...co},po){const uo={...t&&"inherit"!==t?{color:t}:{},...e&&"inherit"!==e?{fontFamily:i??e,fontSize:a??e,fontWeight:l??e,lineHeight:s??e,textTransform:d??e}:{},textAlign:f},bo=T({className:o,...uo,backgroundColor:c,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:b,borderBottomStartRadius:m,borderBottomEndRadius:h,borderColor:S,borderStartColor:x,borderEndColor:y,borderTopColor:C,borderBottomColor:w,borderWidth:W,borderVerticalWidth:v,borderHorizontalWidth:B,borderStartWidth:E,borderEndWidth:R,borderTopWidth:N,borderBottomWidth:z,alignContent:H,alignItems:j,alignSelf:k,flex:O,flexDirection:I,flexGrow:A,flexShrink:D,flexWrap:X,justifyContent:Y,flexBasis:Z,display:$,overflow:F,overflowX:J,overflowY:M,position:P,spacing:_,spacingHorizontal:q,spacingVertical:K,spacingBottom:L,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:no,offsetEnd:io,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:fo});return g(r?G:n,{className:bo,ref:po,...co})}));H.displayName="Text";var j={xs:12,sm:16,md:24,lg:32},k=p((function({name:o,size:r="md",variant:t="outline",color:e="primary",className:n,...i},a){const l=o.metadata?.variants??[],s=l.includes(t)?t:l[0]??"fill",d="multicolor"===s,f=T({flex:"none",color:d?void 0:e,className:w(n,!d&&"[&_path]:fill-current")}),c=j[r];return g("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:c,height:c,viewBox:`0 0 ${c} ${c}`,"aria-hidden":"true",focusable:"false",className:f,...i,children:g(o,{size:r,variant:s})})}));k.displayName="Icon";var O=u((function({icon:o,iconProps:r,...t}){if(!o)return null;const e=r??{},n=o;if(n.metadata?.isSvgIcon)return g(k,{name:n,...e,...t});if(S(o)){const r=o(e);return b(r)&&m(r,t)}return b(o)&&m(o,{...e,...o.props,...t})}));
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{z as Box,k as Icon,O as IconSlot,H as Text,R as createSlot,W as cva,w as cx,T as getStyles};
|
@@ -0,0 +1,2 @@
|
|
1
|
+
import{XXLARGE_SCALE_MODE_CLASSNAME as e,XXXLARGE_SCALE_MODE_CLASSNAME as t,XLARGE_SCALE_MODE_CLASSNAME as a,LARGE_SCALE_MODE_CLASSNAME as r,MEDIUM_SCALE_MODE_CLASSNAME as i,SMALL_SCALE_MODE_CLASSNAME as n,XSMALL_SCALE_MODE_CLASSNAME as o,LIGHT_COLOR_MODE_CLASSNAME as d,DARK_COLOR_MODE_CLASSNAME as s}from"./chunk-N4FHPR6Q.js";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
var l={color:{accent:"text-accent",alert:"text-alert","alert-secondary":"text-alert-secondary",black:"text-black",brand:"text-brand","brand-secondary":"text-brand-secondary",positive:"text-positive","positive-secondary":"text-positive-secondary",warning:"text-warning","warning-secondary":"text-warning-secondary",info:"text-info","info-secondary":"text-info-secondary",white:"text-white",transparent:"text-transparent",muted:"text-muted","on-color":"text-on-color",primary:"text-primary",secondary:"text-secondary",tertiary:"text-tertiary",current:"text-current"},placeholderColor:{accent:"placeholder:text-accent",alert:"placeholder:text-alert","alert-secondary":"placeholder:text-alert-secondary",black:"placeholder:text-black",brand:"placeholder:text-brand","brand-secondary":"placeholder:text-brand-secondary",positive:"placeholder:text-positive","positive-secondary":"placeholder:text-positive-secondary",warning:"placeholder:text-warning","warning-secondary":"placeholder:text-warning-secondary",info:"placeholder:text-info","info-secondary":"placeholder:text-info-secondary",white:"placeholder:text-white",transparent:"placeholder:text-transparent",muted:"placeholder:text-muted","on-color":"placeholder:text-on-color",primary:"placeholder:text-primary",secondary:"placeholder:text-secondary",tertiary:"placeholder:text-tertiary",current:"placeholder:text-current"},fontFamily:{sans:"font-sans","sans-alt":"font-sans-alt",serif:"font-serif","serif-alt":"font-serif-alt",mono:"font-mono",display1:"font-display1",display2:"font-display2",display3:"font-display3",title1:"font-title1",title2:"font-title2",title3:"font-title3",title4:"font-title4",headline1:"font-headline1",body1:"font-body1",label1:"font-label1",label2:"font-label2",label3:"font-label3",label4:"font-label4",caption1:"font-caption1",caption2:"font-caption2",legal1:"font-legal1"},fontSize:{display1:"font-size-display1",display2:"font-size-display2",display3:"font-size-display3",title1:"font-size-title1",title2:"font-size-title2",title3:"font-size-title3",title4:"font-size-title4",headline1:"font-size-headline1",body1:"font-size-body1",label1:"font-size-label1",label2:"font-size-label2",label3:"font-size-label3",label4:"font-size-label4",caption1:"font-size-caption1",caption2:"font-size-caption2",legal1:"font-size-legal1"},fontWeight:{thin:"font-weight-thin",extralight:"font-weight-extralight",light:"font-weight-light",regular:"font-weight-regular",medium:"font-weight-medium",semibold:"font-weight-semibold",bold:"font-weight-bold",extrabold:"font-weight-extrabold",black:"font-weight-black",display1:"font-weight-display1",display2:"font-weight-display2",display3:"font-weight-display3",title1:"font-weight-title1",title2:"font-weight-title2",title3:"font-weight-title3",title4:"font-weight-title4",headline1:"font-weight-headline1",body1:"font-weight-body1",label1:"font-weight-label1",label2:"font-weight-label2",label3:"font-weight-label3",label4:"font-weight-label4",caption1:"font-weight-caption1",caption2:"font-weight-caption2",legal1:"font-weight-legal1"},lineHeight:{display1:"leading-display1",display2:"leading-display2",display3:"leading-display3",title1:"leading-title1",title2:"leading-title2",title3:"leading-title3",title4:"leading-title4",headline1:"leading-headline1",body1:"leading-body1",label1:"leading-label1",label2:"leading-label2",label3:"leading-label3",label4:"leading-label4",caption1:"leading-caption1",caption2:"leading-caption2",legal1:"leading-legal1"},textAlign:{center:"text-center",justify:"text-justify",start:"text-start",end:"text-end"},textTransform:{display1:"case-display1",display2:"case-display2",display3:"case-display3",title1:"case-title1",title2:"case-title2",title3:"case-title3",title4:"case-title4",headline1:"case-headline1",body1:"case-body1",label1:"case-label1",label2:"case-label2",label3:"case-label3",label4:"case-label4",caption1:"case-caption1",caption2:"case-caption2",legal1:"case-legal1",none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},spacing:{0:"p-0",px:"p-px",.5:"p-0.5",1:"p-1",1.5:"p-1.5",2:"p-2",2.5:"p-2.5",3:"p-3",3.5:"p-3.5",4:"p-4",4.5:"p-4.5",5:"p-5",5.5:"p-5.5",6:"p-6",7:"p-7",8:"p-8",9:"p-9",10:"p-10",11:"p-11",12:"p-12",14:"p-14",16:"p-16",20:"p-20",24:"p-24",28:"p-28",32:"p-32",36:"p-36",40:"p-40",44:"p-44",48:"p-48",52:"p-52",56:"p-56",60:"p-60",64:"p-64",72:"p-72",80:"p-80",96:"p-96"},spacingHorizontal:{0:"px-0",px:"px-px",.5:"px-0.5",1:"px-1",1.5:"px-1.5",2:"px-2",2.5:"px-2.5",3:"px-3",3.5:"px-3.5",4:"px-4",4.5:"px-4.5",5:"px-5",5.5:"px-5.5",6:"px-6",7:"px-7",8:"px-8",9:"px-9",10:"px-10",11:"px-11",12:"px-12",14:"px-14",16:"px-16",20:"px-20",24:"px-24",28:"px-28",32:"px-32",36:"px-36",40:"px-40",44:"px-44",48:"px-48",52:"px-52",56:"px-56",60:"px-60",64:"px-64",72:"px-72",80:"px-80",96:"px-96"},spacingVertical:{0:"py-0",px:"py-px",.5:"py-0.5",1:"py-1",1.5:"py-1.5",2:"py-2",2.5:"py-2.5",3:"py-3",3.5:"py-3.5",4:"py-4",4.5:"py-4.5",5:"py-5",5.5:"py-5.5",6:"py-6",7:"py-7",8:"py-8",9:"py-9",10:"py-10",11:"py-11",12:"py-12",14:"py-14",16:"py-16",20:"py-20",24:"py-24",28:"py-28",32:"py-32",36:"py-36",40:"py-40",44:"py-44",48:"py-48",52:"py-52",56:"py-56",60:"py-60",64:"py-64",72:"py-72",80:"py-80",96:"py-96"},spacingBottom:{0:"pb-0",px:"pb-px",.5:"pb-0.5",1:"pb-1",1.5:"pb-1.5",2:"pb-2",2.5:"pb-2.5",3:"pb-3",3.5:"pb-3.5",4:"pb-4",4.5:"pb-4.5",5:"pb-5",5.5:"pb-5.5",6:"pb-6",7:"pb-7",8:"pb-8",9:"pb-9",10:"pb-10",11:"pb-11",12:"pb-12",14:"pb-14",16:"pb-16",20:"pb-20",24:"pb-24",28:"pb-28",32:"pb-32",36:"pb-36",40:"pb-40",44:"pb-44",48:"pb-48",52:"pb-52",56:"pb-56",60:"pb-60",64:"pb-64",72:"pb-72",80:"pb-80",96:"pb-96"},spacingEnd:{0:"pe-0",px:"pe-px",.5:"pe-0.5",1:"pe-1",1.5:"pe-1.5",2:"pe-2",2.5:"pe-2.5",3:"pe-3",3.5:"pe-3.5",4:"pe-4",4.5:"pe-4.5",5:"pe-5",5.5:"pe-5.5",6:"pe-6",7:"pe-7",8:"pe-8",9:"pe-9",10:"pe-10",11:"pe-11",12:"pe-12",14:"pe-14",16:"pe-16",20:"pe-20",24:"pe-24",28:"pe-28",32:"pe-32",36:"pe-36",40:"pe-40",44:"pe-44",48:"pe-48",52:"pe-52",56:"pe-56",60:"pe-60",64:"pe-64",72:"pe-72",80:"pe-80",96:"pe-96"},spacingStart:{0:"ps-0",px:"ps-px",.5:"ps-0.5",1:"ps-1",1.5:"ps-1.5",2:"ps-2",2.5:"ps-2.5",3:"ps-3",3.5:"ps-3.5",4:"ps-4",4.5:"ps-4.5",5:"ps-5",5.5:"ps-5.5",6:"ps-6",7:"ps-7",8:"ps-8",9:"ps-9",10:"ps-10",11:"ps-11",12:"ps-12",14:"ps-14",16:"ps-16",20:"ps-20",24:"ps-24",28:"ps-28",32:"ps-32",36:"ps-36",40:"ps-40",44:"ps-44",48:"ps-48",52:"ps-52",56:"ps-56",60:"ps-60",64:"ps-64",72:"ps-72",80:"ps-80",96:"ps-96"},spacingTop:{0:"pt-0",px:"pt-px",.5:"pt-0.5",1:"pt-1",1.5:"pt-1.5",2:"pt-2",2.5:"pt-2.5",3:"pt-3",3.5:"pt-3.5",4:"pt-4",4.5:"pt-4.5",5:"pt-5",5.5:"pt-5.5",6:"pt-6",7:"pt-7",8:"pt-8",9:"pt-9",10:"pt-10",11:"pt-11",12:"pt-12",14:"pt-14",16:"pt-16",20:"pt-20",24:"pt-24",28:"pt-28",32:"pt-32",36:"pt-36",40:"pt-40",44:"pt-44",48:"pt-48",52:"pt-52",56:"pt-56",60:"pt-60",64:"pt-64",72:"pt-72",80:"pt-80",96:"pt-96"},offset:{0:"-m-0",px:"-m-px",.5:"-m-0.5",1:"-m-1",1.5:"-m-1.5",2:"-m-2",2.5:"-m-2.5",3:"-m-3",3.5:"-m-3.5",4:"-m-4",4.5:"-m-4.5",5:"-m-5",5.5:"-m-5.5",6:"-m-6",7:"-m-7",8:"-m-8",9:"-m-9",10:"-m-10",11:"-m-11",12:"-m-12",14:"-m-14",16:"-m-16",20:"-m-20",24:"-m-24",28:"-m-28",32:"-m-32",36:"-m-36",40:"-m-40",44:"-m-44",48:"-m-48",52:"-m-52",56:"-m-56",60:"-m-60",64:"-m-64",72:"-m-72",80:"-m-80",96:"-m-96"},offsetVertical:{0:"-my-0",px:"-my-px",.5:"-my-0.5",1:"-my-1",1.5:"-my-1.5",2:"-my-2",2.5:"-my-2.5",3:"-my-3",3.5:"-my-3.5",4:"-my-4",4.5:"-my-4.5",5:"-my-5",5.5:"-my-5.5",6:"-my-6",7:"-my-7",8:"-my-8",9:"-my-9",10:"-my-10",11:"-my-11",12:"-my-12",14:"-my-14",16:"-my-16",20:"-my-20",24:"-my-24",28:"-my-28",32:"-my-32",36:"-my-36",40:"-my-40",44:"-my-44",48:"-my-48",52:"-my-52",56:"-my-56",60:"-my-60",64:"-my-64",72:"-my-72",80:"-my-80",96:"-my-96"},offsetHorizontal:{0:"-mx-0",px:"-mx-px",.5:"-mx-0.5",1:"-mx-1",1.5:"-mx-1.5",2:"-mx-2",2.5:"-mx-2.5",3:"-mx-3",3.5:"-mx-3.5",4:"-mx-4",4.5:"-mx-4.5",5:"-mx-5",5.5:"-mx-5.5",6:"-mx-6",7:"-mx-7",8:"-mx-8",9:"-mx-9",10:"-mx-10",11:"-mx-11",12:"-mx-12",14:"-mx-14",16:"-mx-16",20:"-mx-20",24:"-mx-24",28:"-mx-28",32:"-mx-32",36:"-mx-36",40:"-mx-40",44:"-mx-44",48:"-mx-48",52:"-mx-52",56:"-mx-56",60:"-mx-60",64:"-mx-64",72:"-mx-72",80:"-mx-80",96:"-mx-96"},offsetBottom:{0:"-mb-0",px:"-mb-px",.5:"-mb-0.5",1:"-mb-1",1.5:"-mb-1.5",2:"-mb-2",2.5:"-mb-2.5",3:"-mb-3",3.5:"-mb-3.5",4:"-mb-4",4.5:"-mb-4.5",5:"-mb-5",5.5:"-mb-5.5",6:"-mb-6",7:"-mb-7",8:"-mb-8",9:"-mb-9",10:"-mb-10",11:"-mb-11",12:"-mb-12",14:"-mb-14",16:"-mb-16",20:"-mb-20",24:"-mb-24",28:"-mb-28",32:"-mb-32",36:"-mb-36",40:"-mb-40",44:"-mb-44",48:"-mb-48",52:"-mb-52",56:"-mb-56",60:"-mb-60",64:"-mb-64",72:"-mb-72",80:"-mb-80",96:"-mb-96"},offsetEnd:{0:"-me-0",px:"-me-px",.5:"-me-0.5",1:"-me-1",1.5:"-me-1.5",2:"-me-2",2.5:"-me-2.5",3:"-me-3",3.5:"-me-3.5",4:"-me-4",4.5:"-me-4.5",5:"-me-5",5.5:"-me-5.5",6:"-me-6",7:"-me-7",8:"-me-8",9:"-me-9",10:"-me-10",11:"-me-11",12:"-me-12",14:"-me-14",16:"-me-16",20:"-me-20",24:"-me-24",28:"-me-28",32:"-me-32",36:"-me-36",40:"-me-40",44:"-me-44",48:"-me-48",52:"-me-52",56:"-me-56",60:"-me-60",64:"-me-64",72:"-me-72",80:"-me-80",96:"-me-96"},offsetStart:{0:"-ms-0",px:"-ms-px",.5:"-ms-0.5",1:"-ms-1",1.5:"-ms-1.5",2:"-ms-2",2.5:"-ms-2.5",3:"-ms-3",3.5:"-ms-3.5",4:"-ms-4",4.5:"-ms-4.5",5:"-ms-5",5.5:"-ms-5.5",6:"-ms-6",7:"-ms-7",8:"-ms-8",9:"-ms-9",10:"-ms-10",11:"-ms-11",12:"-ms-12",14:"-ms-14",16:"-ms-16",20:"-ms-20",24:"-ms-24",28:"-ms-28",32:"-ms-32",36:"-ms-36",40:"-ms-40",44:"-ms-44",48:"-ms-48",52:"-ms-52",56:"-ms-56",60:"-ms-60",64:"-ms-64",72:"-ms-72",80:"-ms-80",96:"-ms-96"},offsetTop:{0:"-mt-0",px:"-mt-px",.5:"-mt-0.5",1:"-mt-1",1.5:"-mt-1.5",2:"-mt-2",2.5:"-mt-2.5",3:"-mt-3",3.5:"-mt-3.5",4:"-mt-4",4.5:"-mt-4.5",5:"-mt-5",5.5:"-mt-5.5",6:"-mt-6",7:"-mt-7",8:"-mt-8",9:"-mt-9",10:"-mt-10",11:"-mt-11",12:"-mt-12",14:"-mt-14",16:"-mt-16",20:"-mt-20",24:"-mt-24",28:"-mt-28",32:"-mt-32",36:"-mt-36",40:"-mt-40",44:"-mt-44",48:"-mt-48",52:"-mt-52",56:"-mt-56",60:"-mt-60",64:"-mt-64",72:"-mt-72",80:"-mt-80",96:"-mt-96"},columnGap:{0:"gap-x-0",px:"gap-x-px",.5:"gap-x-0.5",1:"gap-x-1",1.5:"gap-x-1.5",2:"gap-x-2",2.5:"gap-x-2.5",3:"gap-x-3",3.5:"gap-x-3.5",4:"gap-x-4",4.5:"gap-x-4.5",5:"gap-x-5",5.5:"gap-x-5.5",6:"gap-x-6",7:"gap-x-7",8:"gap-x-8",9:"gap-x-9",10:"gap-x-10",11:"gap-x-11",12:"gap-x-12",14:"gap-x-14",16:"gap-x-16",20:"gap-x-20",24:"gap-x-24",28:"gap-x-28",32:"gap-x-32",36:"gap-x-36",40:"gap-x-40",44:"gap-x-44",48:"gap-x-48",52:"gap-x-52",56:"gap-x-56",60:"gap-x-60",64:"gap-x-64",72:"gap-x-72",80:"gap-x-80",96:"gap-x-96"},rowGap:{0:"gap-y-0",px:"gap-y-px",.5:"gap-y-0.5",1:"gap-y-1",1.5:"gap-y-1.5",2:"gap-y-2",2.5:"gap-y-2.5",3:"gap-y-3",3.5:"gap-y-3.5",4:"gap-y-4",4.5:"gap-y-4.5",5:"gap-y-5",5.5:"gap-y-5.5",6:"gap-y-6",7:"gap-y-7",8:"gap-y-8",9:"gap-y-9",10:"gap-y-10",11:"gap-y-11",12:"gap-y-12",14:"gap-y-14",16:"gap-y-16",20:"gap-y-20",24:"gap-y-24",28:"gap-y-28",32:"gap-y-32",36:"gap-y-36",40:"gap-y-40",44:"gap-y-44",48:"gap-y-48",52:"gap-y-52",56:"gap-y-56",60:"gap-y-60",64:"gap-y-64",72:"gap-y-72",80:"gap-y-80",96:"gap-y-96"},backgroundColor:{accent:"bg-accent",alert:"bg-alert",brand:"bg-brand",positive:"bg-positive",warning:"bg-warning",info:"bg-info","alert-secondary":"bg-alert-secondary","brand-secondary":"bg-brand-secondary","positive-secondary":"bg-positive-secondary","warning-secondary":"bg-warning-secondary","info-secondary":"bg-info-secondary",primary:"bg-primary",secondary:"bg-secondary",white:"bg-white",black:"bg-black",transparent:"bg-transparent",current:"bg-current"},borderColor:{accent:"border-accent",black:"border-black",brand:"border-brand",alert:"border-alert",positive:"border-positive",warning:"border-warning",info:"border-info","brand-secondary":"border-brand-secondary","alert-secondary":"border-alert-secondary","positive-secondary":"border-positive-secondary","warning-secondary":"border-warning-secondary","info-secondary":"border-info-secondary",white:"border-white",transparent:"border-transparent",muted:"border-muted",primary:"border-primary",secondary:"border-secondary",tertiary:"border-tertiary",current:"border-current"},borderStartColor:{accent:"border-s-accent",alert:"border-s-alert",brand:"border-s-brand",positive:"border-s-positive",warning:"border-s-warning",info:"border-s-info","alert-secondary":"border-s-alert-secondary","brand-secondary":"border-s-brand-secondary","positive-secondary":"border-s-positive-secondary","warning-secondary":"border-s-warning-secondary","info-secondary":"border-s-info-secondary",black:"border-s-black",white:"border-s-white",transparent:"border-s-transparent",muted:"border-s-muted",primary:"border-s-primary",secondary:"border-s-secondary",tertiary:"border-s-tertiary",current:"border-s-current"},borderEndColor:{accent:"border-e-accent",alert:"border-e-alert",black:"border-e-black",brand:"border-e-brand",positive:"border-e-positive",warning:"border-e-warning",info:"border-e-info","alert-secondary":"border-e-alert-secondary","brand-secondary":"border-e-brand-secondary","positive-secondary":"border-e-positive-secondary","warning-secondary":"border-e-warning-secondary","info-secondary":"border-e-info-secondary",white:"border-e-white",transparent:"border-e-transparent",muted:"border-e-muted",primary:"border-e-primary",secondary:"border-e-secondary",tertiary:"border-e-tertiary",current:"border-e-current"},borderBottomColor:{accent:"border-b-accent",alert:"border-b-alert",black:"border-b-black",brand:"border-b-brand",positive:"border-b-positive",warning:"border-b-warning",info:"border-b-info","alert-secondary":"border-b-alert-secondary","brand-secondary":"border-b-brand-secondary","positive-secondary":"border-b-positive-secondary","warning-secondary":"border-b-warning-secondary","info-secondary":"border-b-info-secondary",white:"border-b-white",transparent:"border-b-transparent",muted:"border-b-muted",primary:"border-b-primary",secondary:"border-b-secondary",tertiary:"border-b-tertiary",current:"border-b-current"},borderTopColor:{accent:"border-t-accent",alert:"border-t-alert",black:"border-t-black",brand:"border-t-brand",positive:"border-t-positive",warning:"border-t-warning",info:"border-t-info","alert-secondary":"border-t-alert-secondary","brand-secondary":"border-t-brand-secondary","positive-secondary":"border-t-positive-secondary","warning-secondary":"border-t-warning-secondary","info-secondary":"border-t-info-secondary",white:"border-t-white",transparent:"border-t-transparent",muted:"border-t-muted",primary:"border-t-primary",secondary:"border-t-secondary",tertiary:"border-t-tertiary",current:"border-t-current"},borderRadius:{none:"rounded-none",xs:"rounded-sm",sm:"rounded",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl",full:"rounded-full"},borderTopStartRadius:{none:"rounded-ss-none",xs:"rounded-ss-xs",sm:"rounded-ss-sm",md:"rounded-ss-md",lg:"rounded-ss-lg",xl:"rounded-ss-xl",full:"rounded-ss-full"},borderTopEndRadius:{none:"rounded-se-none",xs:"rounded-se-xs",sm:"rounded-se-sm",md:"rounded-se-md",lg:"rounded-se-lg",xl:"rounded-se-xl",full:"rounded-se-full"},borderBottomStartRadius:{none:"rounded-es-none",xs:"rounded-es-xs",sm:"rounded-es-sm",md:"rounded-es-md",lg:"rounded-es-lg",xl:"rounded-es-xl",full:"rounded-es-full"},borderBottomEndRadius:{none:"rounded-ee-none",xs:"rounded-ee-xs",sm:"rounded-ee-sm",md:"rounded-ee-md",lg:"rounded-ee-lg",xl:"rounded-ee-xl",full:"rounded-ee-full"},borderWidth:{none:"border-none",thin:"border-thin",medium:"border-medium",thick:"border-thick"},borderVerticalWidth:{none:"border-y-none",thin:"border-y-thin",medium:"border-y-medium",thick:"border-y-thick"},borderHorizontalWidth:{none:"border-x-none",thin:"border-x-thin",medium:"border-x-medium",thick:"border-x-thick"},borderStartWidth:{none:"border-s-none",thin:"border-s-thin",medium:"border-s-medium",thick:"border-s-thick"},borderEndWidth:{none:"border-e-none",thin:"border-e-thin",medium:"border-e-medium",thick:"border-e-thick"},borderTopWidth:{none:"border-t-none",thin:"border-t-thin",medium:"border-t-medium",thick:"border-t-thick"},borderBottomWidth:{none:"border-b-none",thin:"border-b-thin",medium:"border-b-medium",thick:"border-b-thick"},avatarSize:{xs:"avatarSize-xs",sm:"avatarSize-sm",md:"avatarSize-md",lg:"avatarSize-lg",xl:"avatarSize-xl"},iconSize:{xs:"iconSize-xs leading-none",sm:"iconSize-sm leading-none",md:"iconSize-md leading-none",lg:"iconSize-lg leading-none"},alignContent:{"flex-start":"content-start","flex-end":"content-end",center:"content-center",stretch:"content-stretch","space-between":"content-between","space-around":"content-around"},alignItems:{"flex-start":"items-start","flex-end":"items-end",center:"items-center",stretch:"items-stretch",baseline:"items-baseline"},alignSelf:{auto:"self-auto","flex-start":"self-start","flex-end":"self-end",center:"self-center",stretch:"self-stretch",baseline:"self-baseline"},flex:{1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"},flexDirection:{row:"flex-row",column:"flex-col","row-reverse":"flex-row-reverse","column-reverse":"flex-col-reverse"},flexGrow:{0:"grow-0",1:"grow",2:"grow-[2]",3:"grow-[3]"},flexShrink:{0:"shrink-0",1:"shrink"},flexWrap:{wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},justifyContent:{"flex-start":"justify-start","flex-end":"justify-end",center:"justify-center","space-between":"justify-between","space-around":"justify-around","space-evenly":"justify-evenly"},flexBasis:{"min-content":"basis-[min-content]"},display:{block:"block","inline-block":"inline-block",inline:"inline",flex:"flex","inline-flex":"inline-flex",table:"table","inline-table":"inline-table","table-caption":"table-caption","table-cell":"table-cell","table-column":"table-column","table-column-group":"table-column-group","table-footer-group":"table-footer-group","table-header-group":"table-header-group","table-row-group":"table-row-group","table-row":"table-row","flow-root":"flow-root",grid:"grid",contents:"contents"},overflow:{auto:"overflow-auto",hidden:"overflow-hidden",clip:"overflow-clip",visible:"overflow-visible",scroll:"overflow-scroll"},overflowX:{auto:"overflow-x-auto",hidden:"overflow-x-hidden",clip:"overflow-x-clip",visible:"overflow-x-visible",scroll:"overflow-x-scroll"},overflowY:{auto:"overflow-y-auto",hidden:"overflow-y-hidden",clip:"overflow-y-clip",visible:"overflow-y-visible",scroll:"overflow-y-scroll"},position:{static:"static",fixed:"fixed",absolute:"absolute",relative:"relative",sticky:"sticky"},contentFit:{contain:"object-contain",cover:"object-cover",fill:"object-fill",none:"object-none","scale-down":"object-scale-down"},colorMode:{dark:s,light:d},scaleMode:{xSmall:o,small:n,medium:i,large:r,xLarge:a,xxxLarge:t,xxLarge:e},buttonPalette:{accent:"uds-button-accent",brand:"uds-button-brand",alert:"uds-button-alert",positive:"uds-button-positive",warning:"uds-button-warning",info:"uds-button-info"},buttonVariant:{primary:"uds-button-primary",secondary:"uds-button-secondary",tertiary:"uds-button-tertiary"},buttonSize:{sm:"uds-button-sm",md:"uds-button-md",lg:"uds-button-lg"},iconButtonSize:{xs:"uds-icon-button-xs",sm:"uds-icon-button-sm",md:"uds-icon-button-md",lg:"uds-icon-button-lg",xl:"uds-icon-button-xl"},width:{full:"w-full",fit:"w-fit",screen:"w-screen"},height:{full:"h-full",fit:"h-fit",screen:"h-screen"},dropShadow:{none:"uds-drop-shadow-none",xs:"uds-drop-shadow-xs",sm:"uds-drop-shadow-sm",md:"uds-drop-shadow-md",lg:"uds-drop-shadow-lg",xl:"uds-drop-shadow-xl","2xl":"uds-drop-shadow-2xl"},insetShadow:{none:"uds-inset-shadow-none",xs:"uds-inset-shadow-xs",sm:"uds-inset-shadow-sm",md:"uds-inset-shadow-md",lg:"uds-inset-shadow-lg",xl:"uds-inset-shadow-xl","2xl":"uds-inset-shadow-2xl","xs-invert":"uds-inset-shadow-xs-invert","sm-invert":"uds-inset-shadow-sm-invert","md-invert":"uds-inset-shadow-md-invert","lg-invert":"uds-inset-shadow-lg-invert","xl-invert":"uds-inset-shadow-xl-invert","2xl-invert":"uds-inset-shadow-2xl-invert"},avatarSizeRoot:{xs:"uds-avatar-size-xs-root",sm:"uds-avatar-size-sm-root",md:"uds-avatar-size-md-root",lg:"uds-avatar-size-lg-root",xl:"uds-avatar-size-xl-root"},avatarSizeIcon:{xs:"uds-avatar-size-xs-icon",sm:"uds-avatar-size-sm-icon",md:"uds-avatar-size-md-icon",lg:"uds-avatar-size-lg-icon",xl:"uds-avatar-size-xl-icon"},avatarTextVariantRoot:{primary:"uds-avatar-text-variant-primary-root",secondary:"uds-avatar-text-variant-secondary-root"},avatarImageVariantRoot:{primary:"uds-avatar-image-variant-primary-root",secondary:"uds-avatar-image-variant-secondary-root"},avatarIconVariantRoot:{primary:"uds-avatar-icon-variant-primary-root",secondary:"uds-avatar-icon-variant-secondary-root"},badgeSizeRoot:{xs:"uds-badge-size-xs-root",sm:"uds-badge-size-sm-root",md:"uds-badge-size-md-root",lg:"uds-badge-size-lg-root"},badgeSizeIcon:{xs:"uds-badge-size-xs-icon",sm:"uds-badge-size-sm-icon",md:"uds-badge-size-md-icon",lg:"uds-badge-size-lg-icon"},badgeVariantRoot:{primary:"uds-badge-variant-primary-root",secondary:"uds-badge-variant-secondary-root",brand:"uds-badge-variant-brand-root","brand-secondary":"uds-badge-variant-brand-secondary-root",alert:"uds-badge-variant-alert-root","alert-secondary":"uds-badge-variant-alert-secondary-root",warning:"uds-badge-variant-warning-root","warning-secondary":"uds-badge-variant-warning-secondary-root",positive:"uds-badge-variant-positive-root","positive-secondary":"uds-badge-variant-positive-secondary-root",info:"uds-badge-variant-info-root","info-secondary":"uds-badge-variant-info-secondary-root"},badgeVariantIcon:{primary:"uds-badge-variant-primary-icon",secondary:"uds-badge-variant-secondary-icon",brand:"uds-badge-variant-brand-icon","brand-secondary":"uds-badge-variant-brand-secondary-icon",alert:"uds-badge-variant-alert-icon","alert-secondary":"uds-badge-variant-alert-secondary-icon",warning:"uds-badge-variant-warning-icon","warning-secondary":"uds-badge-variant-warning-secondary-icon",positive:"uds-badge-variant-positive-icon","positive-secondary":"uds-badge-variant-positive-secondary-icon",info:"uds-badge-variant-info-icon","info-secondary":"uds-badge-variant-info-secondary-icon"},checkboxSizeRoot:{sm:"uds-checkbox-size-sm-root",md:"uds-checkbox-size-md-root"},checkboxSizeCheckbox:{sm:"uds-checkbox-size-sm-checkbox",md:"uds-checkbox-size-md-checkbox"},checkboxVariantValueRoot:{checked:"uds-checkbox-variant-value-checked-root",unchecked:"uds-checkbox-variant-value-unchecked-root",indeterminate:"uds-checkbox-variant-value-indeterminate-root"},checkboxVariantRoot:{primary:"uds-checkbox-variant-primary-root",secondary:"uds-checkbox-variant-secondary-root",alert:"uds-checkbox-variant-alert-root","alert-secondary":"uds-checkbox-variant-alert-secondary-root"},checkboxVariantValueCheckbox:{checked:"uds-checkbox-variant-value-checked-checkbox",unchecked:"uds-checkbox-variant-value-unchecked-checkbox",indeterminate:"uds-checkbox-variant-value-indeterminate-checkbox"},checkboxVariantCheckbox:{primary:"uds-checkbox-variant-primary-checkbox",secondary:"uds-checkbox-variant-secondary-checkbox",alert:"uds-checkbox-variant-alert-checkbox","alert-secondary":"uds-checkbox-variant-alert-secondary-checkbox"},checkboxVariantValueCheckboxIcon:{checked:"uds-checkbox-variant-value-checked-checkbox-icon",unchecked:"uds-checkbox-variant-value-unchecked-checkbox-icon",indeterminate:"uds-checkbox-variant-value-indeterminate-checkbox-icon"},checkboxVariantCheckboxIcon:{primary:"uds-checkbox-variant-primary-checkbox-icon",secondary:"uds-checkbox-variant-secondary-checkbox-icon",alert:"uds-checkbox-variant-alert-checkbox-icon","alert-secondary":"uds-checkbox-variant-alert-secondary-checkbox-icon"},chipSizeRoot:{sm:"uds-chip-size-sm-root",md:"uds-chip-size-md-root"},chipSizeIcon:{sm:"uds-chip-size-sm-icon",md:"uds-chip-size-md-icon"},chipToggleVariantActiveRoot:{on:"uds-chip-toggle-variant-active-on-root",off:"uds-chip-toggle-variant-active-off-root"},chipToggleVariantRoot:{primary:"uds-chip-toggle-variant-primary-root",secondary:"uds-chip-toggle-variant-secondary-root",brand:"uds-chip-toggle-variant-brand-root","brand-secondary":"uds-chip-toggle-variant-brand-secondary-root"},chipToggleVariantActiveIcon:{on:"uds-chip-toggle-variant-active-on-icon",off:"uds-chip-toggle-variant-active-off-icon"},chipToggleVariantIcon:{primary:"uds-chip-toggle-variant-primary-icon",secondary:"uds-chip-toggle-variant-secondary-icon",brand:"uds-chip-toggle-variant-brand-icon","brand-secondary":"uds-chip-toggle-variant-brand-secondary-icon"},chipDismissibleVariantRoot:{primary:"uds-chip-dismissible-variant-primary-root",secondary:"uds-chip-dismissible-variant-secondary-root",brand:"uds-chip-dismissible-variant-brand-root","brand-secondary":"uds-chip-dismissible-variant-brand-secondary-root"},chipDismissibleVariantIcon:{primary:"uds-chip-dismissible-variant-primary-icon",secondary:"uds-chip-dismissible-variant-secondary-icon",brand:"uds-chip-dismissible-variant-brand-icon","brand-secondary":"uds-chip-dismissible-variant-brand-secondary-icon"},chipLinkVariantRoot:{primary:"uds-chip-link-variant-primary-root",secondary:"uds-chip-link-variant-secondary-root",brand:"uds-chip-link-variant-brand-root","brand-secondary":"uds-chip-link-variant-brand-secondary-root"},chipLinkVariantIcon:{primary:"uds-chip-link-variant-primary-icon",secondary:"uds-chip-link-variant-secondary-icon",brand:"uds-chip-link-variant-brand-icon","brand-secondary":"uds-chip-link-variant-brand-secondary-icon"},dividerVariantRoot:{primary:"uds-divider-variant-primary-root",secondary:"uds-divider-variant-secondary-root",tertiary:"uds-divider-variant-tertiary-root",muted:"uds-divider-variant-muted-root"},dividerVariantLine:{primary:"uds-divider-variant-primary-line",secondary:"uds-divider-variant-secondary-line",tertiary:"uds-divider-variant-tertiary-line",muted:"uds-divider-variant-muted-line"},dividerVariantLabel:{primary:"uds-divider-variant-primary-label",secondary:"uds-divider-variant-secondary-label",tertiary:"uds-divider-variant-tertiary-label",muted:"uds-divider-variant-muted-label"},inputSizeRoot:{md:"uds-input-size-md-root",lg:"uds-input-size-lg-root"},inputSizeInputWrapper:{md:"uds-input-size-md-input-wrapper",lg:"uds-input-size-lg-input-wrapper"},inputSizeInput:{md:"uds-input-size-md-input",lg:"uds-input-size-lg-input"},inputSizeStartIcon:{md:"uds-input-size-md-start-icon",lg:"uds-input-size-lg-start-icon"},inputSizeEndIcon:{md:"uds-input-size-md-end-icon",lg:"uds-input-size-lg-end-icon"},inputSizeLabel:{md:"uds-input-size-md-label",lg:"uds-input-size-lg-label"},inputSizeHelperIcon:{md:"uds-input-size-md-helper-icon",lg:"uds-input-size-lg-helper-icon"},inputSizeHelperText:{md:"uds-input-size-md-helper-text",lg:"uds-input-size-lg-helper-text"},inputVariantValueRoot:{filled:"uds-input-variant-value-filled-root",empty:"uds-input-variant-value-empty-root"},inputVariantRoot:{default:"uds-input-variant-default-root"},inputVariantValueInputWrapper:{filled:"uds-input-variant-value-filled-input-wrapper",empty:"uds-input-variant-value-empty-input-wrapper"},inputVariantInputWrapper:{default:"uds-input-variant-default-input-wrapper"},inputVariantValueInput:{filled:"uds-input-variant-value-filled-input",empty:"uds-input-variant-value-empty-input"},inputVariantInput:{default:"uds-input-variant-default-input"},inputVariantValueInputPlaceholder:{filled:"uds-input-variant-value-filled-input-placeholder",empty:"uds-input-variant-value-empty-input-placeholder"},inputVariantInputPlaceholder:{default:"uds-input-variant-default-input-placeholder"},inputVariantValueStartIcon:{filled:"uds-input-variant-value-filled-start-icon",empty:"uds-input-variant-value-empty-start-icon"},inputVariantStartIcon:{default:"uds-input-variant-default-start-icon"},inputVariantValueEndIcon:{filled:"uds-input-variant-value-filled-end-icon",empty:"uds-input-variant-value-empty-end-icon"},inputVariantEndIcon:{default:"uds-input-variant-default-end-icon"},inputVariantValueLabel:{filled:"uds-input-variant-value-filled-label",empty:"uds-input-variant-value-empty-label"},inputVariantLabel:{default:"uds-input-variant-default-label"},inputVariantValueLabelRequired:{filled:"uds-input-variant-value-filled-label-required",empty:"uds-input-variant-value-empty-label-required"},inputVariantLabelRequired:{default:"uds-input-variant-default-label-required"},inputVariantValueHelperIcon:{filled:"uds-input-variant-value-filled-helper-icon",empty:"uds-input-variant-value-empty-helper-icon"},inputVariantHelperIcon:{default:"uds-input-variant-default-helper-icon"},inputVariantValueHelperText:{filled:"uds-input-variant-value-filled-helper-text",empty:"uds-input-variant-value-empty-helper-text"},inputVariantHelperText:{default:"uds-input-variant-default-helper-text"},linkTextStyleRoot:{display1:"uds-link-text-style-display-1-root",display2:"uds-link-text-style-display-2-root",display3:"uds-link-text-style-display-3-root",title1:"uds-link-text-style-title-1-root",title2:"uds-link-text-style-title-2-root",title3:"uds-link-text-style-title-3-root",title4:"uds-link-text-style-title-4-root",headline1:"uds-link-text-style-headline-1-root",body1:"uds-link-text-style-body-1-root",label1:"uds-link-text-style-label-1-root",label2:"uds-link-text-style-label-2-root",label3:"uds-link-text-style-label-3-root",label4:"uds-link-text-style-label-4-root",caption1:"uds-link-text-style-caption-1-root",caption2:"uds-link-text-style-caption-2-root",legal1:"uds-link-text-style-legal-1-root"},linkTextStyleIcon:{display1:"uds-link-text-style-display-1-icon",display2:"uds-link-text-style-display-2-icon",display3:"uds-link-text-style-display-3-icon",title1:"uds-link-text-style-title-1-icon",title2:"uds-link-text-style-title-2-icon",title3:"uds-link-text-style-title-3-icon",title4:"uds-link-text-style-title-4-icon",headline1:"uds-link-text-style-headline-1-icon",body1:"uds-link-text-style-body-1-icon",label1:"uds-link-text-style-label-1-icon",label2:"uds-link-text-style-label-2-icon",label3:"uds-link-text-style-label-3-icon",label4:"uds-link-text-style-label-4-icon",caption1:"uds-link-text-style-caption-1-icon",caption2:"uds-link-text-style-caption-2-icon",legal1:"uds-link-text-style-legal-1-icon"},linkVariantRoot:{primary:"uds-link-variant-primary-root",secondary:"uds-link-variant-secondary-root",tertiary:"uds-link-variant-tertiary-root","on-color":"uds-link-variant-on-color-root"},linkVariantIconStart:{primary:"uds-link-variant-primary-icon-start",secondary:"uds-link-variant-secondary-icon-start",tertiary:"uds-link-variant-tertiary-icon-start","on-color":"uds-link-variant-on-color-icon-start"},linkVariantIconEnd:{primary:"uds-link-variant-primary-icon-end",secondary:"uds-link-variant-secondary-icon-end",tertiary:"uds-link-variant-tertiary-icon-end","on-color":"uds-link-variant-on-color-icon-end"},menuSizeRoot:{default:"uds-menu-size-default-root"},menuSizeStartIcon:{default:"uds-menu-size-default-start-icon"},menuSizeEndIcon:{default:"uds-menu-size-default-end-icon"},menuItemVariantActiveRoot:{on:"uds-menu-item-variant-active-on-root",off:"uds-menu-item-variant-active-off-root"},menuItemVariantRoot:{default:"uds-menu-item-variant-default-root"},menuItemVariantActiveText:{on:"uds-menu-item-variant-active-on-text",off:"uds-menu-item-variant-active-off-text"},menuItemVariantText:{default:"uds-menu-item-variant-default-text"},menuItemVariantActiveIcon:{on:"uds-menu-item-variant-active-on-icon",off:"uds-menu-item-variant-active-off-icon"},menuItemVariantIcon:{default:"uds-menu-item-variant-default-icon"},menuItemCheckboxVariantActiveRoot:{on:"uds-menu-item-checkbox-variant-active-on-root",off:"uds-menu-item-checkbox-variant-active-off-root"},menuItemCheckboxVariantRoot:{default:"uds-menu-item-checkbox-variant-default-root"},menuItemCheckboxVariantActiveText:{on:"uds-menu-item-checkbox-variant-active-on-text",off:"uds-menu-item-checkbox-variant-active-off-text"},menuItemCheckboxVariantText:{default:"uds-menu-item-checkbox-variant-default-text"},menuItemCheckboxVariantActiveStartIcon:{on:"uds-menu-item-checkbox-variant-active-on-start-icon",off:"uds-menu-item-checkbox-variant-active-off-start-icon"},menuItemCheckboxVariantStartIcon:{default:"uds-menu-item-checkbox-variant-default-start-icon"},menuItemCheckboxVariantActiveEndIcon:{on:"uds-menu-item-checkbox-variant-active-on-end-icon",off:"uds-menu-item-checkbox-variant-active-off-end-icon"},menuItemCheckboxVariantEndIcon:{default:"uds-menu-item-checkbox-variant-default-end-icon"},menuDividerVariantRoot:{default:"uds-menu-divider-variant-default-root"},menuDividerVariantText:{default:"uds-menu-divider-variant-default-text"},menuDividerVariantLine:{default:"uds-menu-divider-variant-default-line"},radioVariantValueRoot:{checked:"uds-radio-variant-value-checked-root",unchecked:"uds-radio-variant-value-unchecked-root"},radioVariantRoot:{primary:"uds-radio-variant-primary-root",secondary:"uds-radio-variant-secondary-root",alert:"uds-radio-variant-alert-root","alert-secondary":"uds-radio-variant-alert-secondary-root"},radioVariantValueRadio:{checked:"uds-radio-variant-value-checked-radio",unchecked:"uds-radio-variant-value-unchecked-radio"},radioVariantRadio:{primary:"uds-radio-variant-primary-radio",secondary:"uds-radio-variant-secondary-radio",alert:"uds-radio-variant-alert-radio","alert-secondary":"uds-radio-variant-alert-secondary-radio"},radioVariantValueRadioCircle:{checked:"uds-radio-variant-value-checked-radio-circle",unchecked:"uds-radio-variant-value-unchecked-radio-circle"},radioVariantRadioCircle:{primary:"uds-radio-variant-primary-radio-circle",secondary:"uds-radio-variant-secondary-radio-circle",alert:"uds-radio-variant-alert-radio-circle","alert-secondary":"uds-radio-variant-alert-secondary-radio-circle"},radioSizeRoot:{sm:"uds-radio-size-sm-root",md:"uds-radio-size-md-root"},radioSizeRadio:{sm:"uds-radio-size-sm-radio",md:"uds-radio-size-md-radio"},switchVariantActiveRoot:{on:"uds-switch-variant-active-on-root",off:"uds-switch-variant-active-off-root"},switchVariantRoot:{default:"uds-switch-variant-default-root"},switchVariantActiveSwitch:{on:"uds-switch-variant-active-on-switch",off:"uds-switch-variant-active-off-switch"},switchVariantSwitch:{default:"uds-switch-variant-default-switch"},switchVariantActiveHandle:{on:"uds-switch-variant-active-on-handle",off:"uds-switch-variant-active-off-handle"},switchVariantHandle:{default:"uds-switch-variant-default-handle"},switchVariantActiveHandleIcon:{on:"uds-switch-variant-active-on-handle-icon",off:"uds-switch-variant-active-off-handle-icon"},switchVariantHandleIcon:{default:"uds-switch-variant-default-handle-icon"},switchSizeRoot:{sm:"uds-switch-size-sm-root",md:"uds-switch-size-md-root"},switchSizeSwitch:{sm:"uds-switch-size-sm-switch",md:"uds-switch-size-md-switch"},switchSizeHandle:{sm:"uds-switch-size-sm-handle",md:"uds-switch-size-md-handle"},switchSizeHandleIcon:{sm:"uds-switch-size-sm-handle-icon",md:"uds-switch-size-md-handle-icon"}};export{l as variants};
|
package/dist/client/Menu.cjs
CHANGED
@@ -1,2 +1,2 @@
|
|
1
1
|
"use client";
|
2
|
-
"use strict";var e=require("../chunk-PN3UA6WB.cjs"),r=require("../chunk-AIZ2OTKW.cjs"),t=require("../chunk-HUFHYJ5T.cjs"),a=require("../chunk-YYFHF7KD.cjs"),d=require("../chunk-SQCEFYU5.cjs"),s=require("../chunk-NUEZVMWZ.cjs"),n=require("@ariakit/react/menu"),i=require("react"),c=require("use-sync-external-store/shim/index.js"),u=require("@yahoo/uds/fixtures"),o=require("motion/react"),l=require("react/jsx-runtime"),x=require("@ariakit/react");function m(e){return e&&e.__esModule?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var b=p(i),f=m(c),h={};function _(e){return e}function v(e,r){const t=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(t,"Invalid store"),t[r]}s.__export(h,{Content:()=>k,Divider:()=>N,Item:()=>R,ItemCheckbox:()=>P,Provider:()=>q,Trigger:()=>z,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var{useSyncExternalStore:g}=f.default;function y(e,r=_){const t=b.useCallback((r=>e?function(e,...r){if(e)return v(e,"subscribe")(...r)}(e,null,r):()=>{}),[e]),a=()=>{const t="string"==typeof r?r:null,a="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(a)return a(d);var s,n;if(d&&(t&&(s=d,n=t,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[t]};return g(t,a,a)}var I=o.m.create(t.VStack),S=5,w=.97,j={top:{x:0,y:S},bottom:{x:0,y:-5},left:{x:S,y:0},right:{x:-5,y:0}},C=e=>i.useMemo((()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...j[r],opacity:0,scale:w},open:{y:0,x:0,opacity:1,scale:1}}})(e)),[e]),k=i.forwardRef((function({gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:g,focusable:S,children:w,portalElement:j,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=n.useMenuContext(),R=y(E,"open"),P=y(E,"mounted"),A=y(E,"currentPlacement"),O=y(E,"placement"),[q,z]=i.useState(A),[T,B]=i.useState(A);i.useEffect((()=>{O!==T&&B(O)}),[O]),i.useEffect((()=>{A!==T&&B(A)}),[A]),i.useEffect((()=>{P&&T!==q&&z(T)}),[P,T,q]);const H=i.useMemo((()=>R&&P?"open":"closed"),[R,P]),D=i.useMemo((()=>R?_:"none"),[R,_]),F=C(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:g,focusable:S,store:E,ref:V,portalElement:j,portal:k,...M,render:l.jsx(I,{backgroundColor:m,gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:H,variants:F,dropShadow:D,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})})})})),N=i.forwardRef((function({role:r="separator",contentPosition:t="start",gap:a="4",children:s,spacingVertical:n=(s?"2":"0"),spacingHorizontal:i=(s?"4":"0"),className:c,...u},o){const x={root:d.getStyles({menuDividerVariantRoot:"default",className:c}),text:d.getStyles({menuDividerVariantText:"default"}),line:d.getStyles({menuDividerVariantLine:"default"})};return l.jsx(e.DividerInternal,{ref:o,role:r,variant:"inherit",contentPosition:t,gap:a,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...u,children:s})}));N.displayName="MenuDivider";var M="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=i.forwardRef((function({spacing:e="0",spacingBottom:a,spacingEnd:s,spacingHorizontal:n="4",spacingStart:c,spacingTop:u,spacingVertical:x="3.5",columnGap:m="2",className:p,children:b,endIcon:f,startIcon:h,hideEndIcon:_,active:v,disabled:g,as:y,rootProps:I,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:t})=>d.cx(M,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],r&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",t))({active:v,disabled:g,className:p}),P=d.getStyles({className:d.cx(`${M}-content truncate`,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:a,spacingEnd:s,spacingHorizontal:n,spacingStart:c,spacingTop:u,spacingVertical:x,columnGap:m,className:A.root,alignItems:w,justifyContent:j,children:l.jsxs(y,{render:l.jsx(r.Pressable,{ref:N,...k}),name:S??"",disabled:g,...I,children:[l.jsxs(t.HStack,{gap:m,alignItems:"center",width:"full",children:[l.jsx(o.AnimatePresence,{initial:!1,children:h&&l.jsx(o.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:l.jsx(d.IconSlot,{icon:h,className:A.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),l.jsx("span",{className:P,children:b})]}),l.jsx(o.AnimatePresence,{initial:!1,mode:"popLayout",children:!_&&f&&l.jsx(o.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:l.jsx(d.IconSlot,{icon:f,className:A.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})})),R=i.forwardRef((function({active:e,...r},t){const a={root:d.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:d.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:d.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return l.jsx(E,{ref:t,as:n.MenuItem,active:e,layerClassNames:a,...r})}));R.displayName="MenuItem";var P=i.forwardRef((function({name:e,endIcon:t=r.e,checked:a,defaultChecked:s,className:c,...u},o){const m=e,p=i.useRef(!1),b=n.useMenuContext(),f=x.useStoreState(b);i.useEffect((()=>{!p.current&&void 0!==s&&b&&(b.setValues((e=>({...e,[m]:s}))),p.current=!0)}),[b,s,m]);const h=i.useMemo((()=>{if(void 0!==a)return a;if(f?.items?.length){const e=f?.items.find((e=>e.element?.name===m));if(e?.element)return e.element.checked}const e=f?.values[m];return"boolean"==typeof e?e:s??!1}),[f?.items,f?.values,m,a,s]),_=i.useCallback((e=>{void 0===a&&b?.setValues((r=>({...r,[m]:e.target.checked})))}),[m,b,a]),v={root:d.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:d.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:d.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:d.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return l.jsx(E,{ref:o,as:n.MenuItemCheckbox,hideEndIcon:!h,endIcon:t,active:h,className:d.cx("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:e,onChange:_,defaultChecked:s,checked:void 0!==a?a:void 0},...u})}));P.displayName="MenuItemCheckbox";var A=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},O=e=>{const[r,t]=i.useState(A);return i.useEffect((()=>{if(e?.explicit)return void t(e.explicit);const r=(e=>{const r=new MutationObserver((r=>{r.some((e=>"attributes"===e.type&&"dir"===e.attributeName))&&e()}));return r.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),r})((()=>{t(A())}));return()=>r.disconnect()}),[e?.explicit]),r},q=function({placement:e="bottom",rtl:r,...t}){const d=O({explicit:r}),s=((e,r)=>{const t=r?.rtl;if("start"===e)return t?"right":"left";if("end"===e)return t?"left":"right";if(e?.includes("-")){const[r,a]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==a&&"bottom"!==a))return`${"start"===r?t?"right":"left":t?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===a?t?"end":"start":t?"start":"end"}`}return e})(e,{rtl:d});return l.jsx(a.SpringMotionConfig,{children:l.jsx(n.MenuProvider,{placement:s,rtl:d,...t})})},z=i.forwardRef((function({asChild:e,className:r,...t},a){const s=i.useRef(null),c=e?l.jsx(d.Box,{ref:s,className:"uds-ring h-fit w-fit"}):void 0,u=i.useCallback((()=>{const e=s.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()}),[s]);return l.jsx(n.MenuButton,{onFocus:u,onFocusVisible:u,ref:a,render:c,className:d.cx("uds-menu-trigger",r),...t})}));exports.Menu=h;
|
2
|
+
"use strict";var e=require("../chunk-PN3UA6WB.cjs"),r=require("../chunk-AIZ2OTKW.cjs"),t=require("../chunk-HUFHYJ5T.cjs"),a=require("../chunk-I5TC35WI.cjs"),d=require("../chunk-SQCEFYU5.cjs"),s=require("../chunk-NUEZVMWZ.cjs"),n=require("@ariakit/react/menu"),i=require("react"),c=require("use-sync-external-store/shim/index.js"),u=require("@yahoo/uds/fixtures"),o=require("motion/react"),l=require("react/jsx-runtime"),x=require("@ariakit/react");function m(e){return e&&e.__esModule?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var b=p(i),f=m(c),h={};function _(e){return e}function v(e,r){const t=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(t,"Invalid store"),t[r]}s.__export(h,{Content:()=>k,Divider:()=>N,Item:()=>R,ItemCheckbox:()=>P,Provider:()=>T,Trigger:()=>q,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var{useSyncExternalStore:g}=f.default;function I(e,r=_){const t=b.useCallback((r=>e?function(e,...r){if(e)return v(e,"subscribe")(...r)}(e,null,r):()=>{}),[e]),a=()=>{const t="string"==typeof r?r:null,a="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(a)return a(d);var s,n;if(d&&(t&&(s=d,n=t,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[t]};return g(t,a,a)}var y=o.m.create(t.VStack),S=5,w=.97,C={top:{x:0,y:S},bottom:{x:0,y:-5},left:{x:S,y:0},right:{x:-5,y:0}},j=e=>i.useMemo((()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...C[r],opacity:0,scale:w},open:{y:0,x:0,opacity:1,scale:1}}})(e)),[e]),k=i.forwardRef((function({gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,gutter:x="1",backgroundColor:m="primary",borderRadius:p="md",borderColor:b,borderWidth:f="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:g,focusable:S,children:w,portalElement:C,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=n.useMenuContext(),R=I(E,"open"),P=I(E,"mounted"),A=I(E,"currentPlacement"),O=I(E,"placement"),[T,q]=i.useState(A),[z,B]=i.useState(A);i.useEffect((()=>{O!==z&&B(O)}),[O]),i.useEffect((()=>{A!==z&&B(A)}),[A]),i.useEffect((()=>{P&&z!==T&&q(z)}),[P,z,T]);const H=i.useMemo((()=>R&&P?"open":"closed"),[R,P]),W=i.useMemo((()=>R?_:"none"),[R,_]),D=j(z),F=(({borderRadius:e,spacing:r})=>{if(void 0===r||"0"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===r||"0.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===r||"1.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===r||"2.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===r||"3.5"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===r)switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(e){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:p,spacing:r}),$=i.useMemo((()=>u.spacingMap[x]),[x]);return l.jsx(o.AnimatePresence,{initial:!1,children:l.jsx(n.Menu,{gutter:$,sameWidth:g,focusable:S,store:E,ref:V,portalElement:C,portal:k,...M,render:l.jsx(y,{backgroundColor:m,gap:e,spacing:r,spacingBottom:t,spacingEnd:a,spacingStart:s,spacingTop:c,borderRadius:p,borderColor:b,borderWidth:f,overflow:h,animate:H,variants:D,dropShadow:W,className:d.cx("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!N&&F,v),children:w})})})})),N=i.forwardRef((function({role:r="separator",contentPosition:t="start",gap:a="4",children:s,spacingVertical:n=(s?"2":"0"),spacingHorizontal:i=(s?"4":"0"),className:c,...u},o){const x={root:d.getStyles({menuDividerVariantRoot:"default",className:c}),text:d.getStyles({menuDividerVariantText:"default"}),line:d.getStyles({menuDividerVariantLine:"default"})};return l.jsx(e.DividerInternal,{ref:o,role:r,variant:"inherit",contentPosition:t,gap:a,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...u,children:s})}));N.displayName="MenuDivider";var M="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=i.forwardRef((function({spacing:e="0",spacingBottom:a,spacingEnd:s,spacingHorizontal:n="4",spacingStart:c,spacingTop:u,spacingVertical:x="3.5",columnGap:m="2",className:p,children:b,endIcon:f,startIcon:h,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:y,name:S,alignItems:w="center",justifyContent:C="space-between",layerClassNames:j,...k},N){const E=i.Children.count(b)>1,R=(({active:e,disabled:r,className:t})=>d.cx(M,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],r&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",t))({active:v,disabled:g,className:p}),P=d.getStyles({className:d.cx(`${M}-content truncate`,j?.text),textAlign:"start",...E&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),A=i.useMemo((()=>({root:d.getStyles({menuSizeRoot:"default",className:d.cx(j?.root,R)}),startIcon:d.getStyles({menuSizeStartIcon:"default",className:j?.startIcon}),endIcon:d.getStyles({menuSizeEndIcon:"default",className:j?.endIcon})})),[j,R]);return l.jsx(d.Box,{asChild:!0,spacing:e,spacingBottom:a,spacingEnd:s,spacingHorizontal:n,spacingStart:c,spacingTop:u,spacingVertical:x,columnGap:m,className:A.root,alignItems:w,justifyContent:C,children:l.jsxs(I,{render:l.jsx(r.Pressable,{ref:N,...k}),name:S??"",disabled:g,...y,children:[l.jsxs(t.HStack,{gap:m,alignItems:"center",width:"full",children:[l.jsx(o.AnimatePresence,{initial:!1,children:h&&l.jsx(o.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:l.jsx(d.IconSlot,{icon:h,className:A.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),l.jsx("span",{className:P,children:b})]}),l.jsx(o.AnimatePresence,{initial:!1,mode:"popLayout",children:!_&&f&&l.jsx(o.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:l.jsx(d.IconSlot,{icon:f,className:A.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})})),R=i.forwardRef((function({active:e,...r},t){const a={root:d.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:d.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:d.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return l.jsx(E,{ref:t,as:n.MenuItem,active:e,layerClassNames:a,...r})}));R.displayName="MenuItem";var P=i.forwardRef((function({name:e,endIcon:t=r.e,checked:a,defaultChecked:s,className:c,...u},o){const m=e,p=i.useRef(!1),b=n.useMenuContext(),f=x.useStoreState(b);i.useEffect((()=>{!p.current&&void 0!==s&&b&&(b.setValues((e=>({...e,[m]:s}))),p.current=!0)}),[b,s,m]);const h=i.useMemo((()=>{if(void 0!==a)return a;if(f?.items?.length){const e=f?.items.find((e=>e.element?.name===m));if(e?.element)return e.element.checked}const e=f?.values[m];return"boolean"==typeof e?e:s??!1}),[f?.items,f?.values,m,a,s]),_=i.useCallback((e=>{void 0===a&&b?.setValues((r=>({...r,[m]:e.target.checked})))}),[m,b,a]),v={root:d.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:d.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:d.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:d.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return l.jsx(E,{ref:o,as:n.MenuItemCheckbox,hideEndIcon:!h,endIcon:t,active:h,className:d.cx("uds-menu-item-checkbox",c),layerClassNames:v,rootProps:{name:e,onChange:_,defaultChecked:s,checked:void 0!==a?a:void 0},...u})}));P.displayName="MenuItemCheckbox";var A=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},O=e=>{const[r,t]=i.useState(A);return i.useEffect((()=>{if(e?.explicit)return void t(e.explicit);const r=(e=>{const r=new MutationObserver((r=>{r.some((e=>"attributes"===e.type&&"dir"===e.attributeName))&&e()}));return r.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),r})((()=>{t(A())}));return()=>r.disconnect()}),[e?.explicit]),r},T=function({placement:e="bottom",rtl:r,...t}){const d=O({explicit:r}),s=((e,r)=>{const t=r?.rtl;if("start"===e)return t?"right":"left";if("end"===e)return t?"left":"right";if(e?.includes("-")){const[r,a]=e.split("-");if(!("start"!==r&&"end"!==r||"top"!==a&&"bottom"!==a))return`${"start"===r?t?"right":"left":t?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===r||"bottom"===r)return`${r}-${"start"===a?t?"end":"start":t?"start":"end"}`}return e})(e,{rtl:d});return l.jsx(a.SpringMotionConfig,{children:l.jsx(n.MenuProvider,{placement:s,rtl:d,...t})})},q=i.forwardRef((function({asChild:e,className:r,...t},a){const s=i.useRef(null),c=e?l.jsx(d.Box,{ref:s,className:"uds-ring h-fit w-fit"}):void 0,u=i.useCallback((()=>{const e=s.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()}),[s]);return l.jsx(n.MenuButton,{onFocus:u,onFocusVisible:u,ref:a,render:c,className:d.cx("uds-menu-trigger",r),...t})}));exports.Menu=h;
|
package/dist/client/Menu.d.cts
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
import * as react from 'react';
|
2
2
|
import { AriaRole, HTMLAttributes, PropsWithChildren } from 'react';
|
3
3
|
import { MenuProps, MenuItemProps as MenuItemProps$1, MenuItemCheckboxProps as MenuItemCheckboxProps$1, MenuProviderProps as MenuProviderProps$1, MenuButtonProps, useMenuContext, useMenuStore } from '@ariakit/react/menu';
|
4
|
-
import { o as SpacingAlias, p 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 { o as SpacingAlias, p as UniversalMenuItemProps } from '../types-CDG_lMY2.cjs';
|
5
|
+
import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-CxNiBX7w.cjs';
|
6
|
+
import { P as PressableProps } from '../Pressable-F-zzCS7l.cjs';
|
7
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
8
8
|
import { useStoreState } from '@ariakit/react';
|
9
9
|
import '@yahoo/uds-icons/types';
|
package/dist/client/Menu.d.ts
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
import * as react from 'react';
|
2
2
|
import { AriaRole, HTMLAttributes, PropsWithChildren } from 'react';
|
3
3
|
import { MenuProps, MenuItemProps as MenuItemProps$1, MenuItemCheckboxProps as MenuItemCheckboxProps$1, MenuProviderProps as MenuProviderProps$1, MenuButtonProps, useMenuContext, useMenuStore } from '@ariakit/react/menu';
|
4
|
-
import { o as SpacingAlias, p 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 { o as SpacingAlias, p as UniversalMenuItemProps } from '../types-CDG_lMY2.js';
|
5
|
+
import { V as VStackProps, D as DividerProps, B as BoxProps } from '../VStack-DTlPpYIY.js';
|
6
|
+
import { P as PressableProps } from '../Pressable-Dih5zV3K.js';
|
7
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
8
8
|
import { useStoreState } from '@ariakit/react';
|
9
9
|
import '@yahoo/uds-icons/types';
|
package/dist/client/Menu.js
CHANGED
@@ -1,3 +1,3 @@
|
|
1
1
|
"use client";
|
2
|
-
import{DividerInternal as r}from"../chunk-ON6FCSMM.js";import{Pressable as e,e as a}from"../chunk-HN3QQ5PU.js";import{VStack as d,HStack as t}from"../chunk-4OQKZKM5.js";import{SpringMotionConfig as s}from"../chunk-
|
3
|
-
var R={};function P(r){return r}function T(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}u(R,{Content:()=>K,Divider:()=>L,Item:()=>U,ItemCheckbox:()=>J,Provider:()=>q,Trigger:()=>Y,useMenuContext:()=>m,useMenuStore:()=>l,useStoreState:()=>z});var{useSyncExternalStore:O}=k;function A(r,e=P){const a=_.useCallback((e=>r?function(r,...e){if(r)return T(r,"subscribe")(...e)}(r,null,e):()=>{}),[r]),d=()=>{const a="string"==typeof e?e:null,d="function"==typeof e?e:null,t=null==r?void 0:r.getState();if(d)return d(t);var s,i;if(t&&(a&&(s=t,i=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,i):Object.prototype.hasOwnProperty.call(s,i))))return t[a]};return O(a,d,d)}var B=S.create(d),H=5,D=.97,F={top:{x:0,y:H},bottom:{x:0,y:-5},left:{x:H,y:0},right:{x:-5,y:0}},$=r=>w((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...F[e],opacity:0,scale:D},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),K=v((function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,gutter:n="1",backgroundColor:c="primary",borderRadius:o="md",borderColor:u,borderWidth:l="thin",overflow:p,dropShadow:b="lg",className:h,sameWidth:f,focusable:_,children:v,portalElement:y,portal:N=!0,disableAutoBorderRadius:C,...k},S){const M=m(),z=A(M,"open"),R=A(M,"mounted"),P=A(M,"currentPlacement"),T=A(M,"placement"),[O,H]=g(P),[D,F]=g(P);I((()=>{T!==D&&F(T)}),[T]),I((()=>{P!==D&&F(P)}),[P]),I((()=>{R&&D!==O&&H(D)}),[R,D,O]);const K=w((()=>z&&R?"open":"closed"),[z,R]),L=w((()=>z?b:"none"),[z,b]),W=$(D),G=(({borderRadius:r,spacing:e})=>{if(void 0===e||"0"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===e||"0.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===e||"1.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===e||"2.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===e||"3.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:o,spacing:e}),Q=w((()=>V[n]),[n]);return j(E,{initial:!1,children:j(x,{gutter:Q,sameWidth:f,focusable:_,store:M,ref:S,portalElement:y,portal:N,...k,render:j(B,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,borderRadius:o,borderColor:u,borderWidth:l,overflow:p,animate:K,variants:W,dropShadow:L,className:i("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!C&&G,h),children:v})})})})),L=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})}));L.displayName="MenuDivider";var W="uds-menu-item",G={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},Q=v((function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:s="4",spacingStart:u,spacingTop:l,spacingVertical:m="3.5",columnGap:x="2",className:p,children:b,endIcon:h,startIcon:f,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:N,name:C,alignItems:k="center",justifyContent:V="space-between",layerClassNames:z,...R},P){const T=y.count(b)>1,O=(({active:r,disabled:e,className:a})=>i(W,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],e&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:v,disabled:g,className:p}),A=n({className:i(`${W}-content truncate`,z?.text),textAlign:"start",...T&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),B=w((()=>({root:n({menuSizeRoot:"default",className:i(z?.root,O)}),startIcon:n({menuSizeStartIcon:"default",className:z?.startIcon}),endIcon:n({menuSizeEndIcon:"default",className:z?.endIcon})})),[z,O]);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:M(I,{render:j(e,{ref:P,...R}),name:C??"",disabled:g,...N,children:[M(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:A,children:b})]}),j(E,{initial:!1,mode:"popLayout",children:!_&&h&&j(S.span,{variants:G,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:j(o,{icon:h,className:B.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})})),U=v((function({active:r,...e},a){const d={root:n({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:n({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:n({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return j(Q,{ref:a,as:p,active:r,layerClassNames:d,...e})}));U.displayName="MenuItem";var J=v((function({name:r,endIcon:e=a,checked:d,defaultChecked:t,className:s,...c},o){const u=r,l=N(!1),x=m(),p=z(x);I((()=>{!l.current&&void 0!==t&&x&&(x.setValues((r=>({...r,[u]:t}))),l.current=!0)}),[x,t,u]);const h=w((()=>{if(void 0!==d)return d;if(p?.items?.length){const r=p?.items.find((r=>r.element?.name===u));if(r?.element)return r.element.checked}const r=p?.values[u];return"boolean"==typeof r?r:t??!1}),[p?.items,p?.values,u,d,t]),f=C((r=>{void 0===d&&x?.setValues((e=>({...e,[u]:r.target.checked})))}),[u,x,d]),_={root:n({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:n({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:n({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:n({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return j(Q,{ref:o,as:b,hideEndIcon:!h,endIcon:e,active:h,className:i("uds-menu-item-checkbox",s),layerClassNames:_,rootProps:{name:r,onChange:f,defaultChecked:t,checked:void 0!==d?d:void 0},...c})}));J.displayName="MenuItemCheckbox";var X=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},Z=r=>{const[e,a]=g(X);return I((()=>{if(r?.explicit)return void a(r.explicit);const e=(r=>{const e=new MutationObserver((e=>{e.some((r=>"attributes"===r.type&&"dir"===r.attributeName))&&r()}));return e.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),e})((()=>{a(X())}));return()=>e.disconnect()}),[r?.explicit]),e},q=function({placement:r="bottom",rtl:e,...a}){const d=Z({explicit:e}),t=((r,e)=>{const a=e?.rtl;if("start"===r)return a?"right":"left";if("end"===r)return a?"left":"right";if(r?.includes("-")){const[e,d]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==d&&"bottom"!==d))return`${"start"===e?a?"right":"left":a?"left":"right"}-${"bottom"===d?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===d?a?"end":"start":a?"start":"end"}`}return r})(r,{rtl:d});return j(s,{children:j(h,{placement:t,rtl:d,...a})})},Y=v((function({asChild:r,className:e,...a},d){const t=N(null),s=r?j(c,{ref:t,className:"uds-ring h-fit w-fit"}):void 0,n=C((()=>{const r=t.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[t]);return j(f,{onFocus:n,onFocusVisible:n,ref:d,render:s,className:i("uds-menu-trigger",e),...a})}));export{R as Menu};
|
2
|
+
import{DividerInternal as r}from"../chunk-ON6FCSMM.js";import{Pressable as e,e as a}from"../chunk-HN3QQ5PU.js";import{VStack as d,HStack as t}from"../chunk-4OQKZKM5.js";import{SpringMotionConfig as s}from"../chunk-OGMNTWFW.js";import{cx as i,getStyles as n,Box as c,IconSlot as o}from"../chunk-OJB3FVN6.js";import{__export as u}from"../chunk-S5UKKXRV.js";import{useMenuStore as l,useMenuContext as m,Menu as x,MenuItem as p,MenuItemCheckbox as b,MenuProvider as h,MenuButton as f}from"@ariakit/react/menu";import*as _ from"react";import{forwardRef as v,useState as g,useEffect as I,useMemo as w,Children as y,useRef as N,useCallback as C}from"react";import k from"use-sync-external-store/shim/index.js";import{spacingMap as V}from"@yahoo/uds/fixtures";import{m as S,AnimatePresence as E}from"motion/react";import{jsx as M,jsxs as j}from"react/jsx-runtime";import{useStoreState as z}from"@ariakit/react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
3
|
+
var R={};function T(r){return r}function O(r,e){const a=r.__unstableInternals;return function(r,e){if(!r)throw new Error(e)}(a,"Invalid store"),a[e]}u(R,{Content:()=>$,Divider:()=>G,Item:()=>U,ItemCheckbox:()=>J,Provider:()=>q,Trigger:()=>Y,useMenuContext:()=>m,useMenuStore:()=>l,useStoreState:()=>z});var{useSyncExternalStore:P}=k;function A(r,e=T){const a=_.useCallback((e=>r?function(r,...e){if(r)return O(r,"subscribe")(...e)}(r,null,e):()=>{}),[r]),d=()=>{const a="string"==typeof e?e:null,d="function"==typeof e?e:null,t=null==r?void 0:r.getState();if(d)return d(t);var s,i;if(t&&(a&&(s=t,i=a,"function"==typeof Object.hasOwn?Object.hasOwn(s,i):Object.prototype.hasOwnProperty.call(s,i))))return t[a]};return P(a,d,d)}var B=S.create(d),F=5,H=.97,W={top:{x:0,y:F},bottom:{x:0,y:-5},left:{x:F,y:0},right:{x:-5,y:0}},D=r=>w((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...W[e],opacity:0,scale:H},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),$=v((function({gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,gutter:n="1",backgroundColor:c="primary",borderRadius:o="md",borderColor:u,borderWidth:l="thin",overflow:p,dropShadow:b="lg",className:h,sameWidth:f,focusable:_,children:v,portalElement:y,portal:N=!0,disableAutoBorderRadius:C,...k},S){const j=m(),z=A(j,"open"),R=A(j,"mounted"),T=A(j,"currentPlacement"),O=A(j,"placement"),[P,F]=g(T),[H,W]=g(T);I((()=>{O!==H&&W(O)}),[O]),I((()=>{T!==H&&W(T)}),[T]),I((()=>{R&&H!==P&&F(H)}),[R,H,P]);const $=w((()=>z&&R?"open":"closed"),[z,R]),G=w((()=>z?b:"none"),[z,b]),K=D(H),L=(({borderRadius:r,spacing:e})=>{if(void 0===e||"0"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xs)_-_var(--uds-border-width-thin))]";case"sm":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-sm)_-_var(--uds-border-width-thin))]";case"md":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-md)_-_var(--uds-border-width-thin))]";case"lg":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-lg)_-_var(--uds-border-width-thin))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_var(--uds-border-width-thin))]"}if("px"===e||"0.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_2px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_2px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_2px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_2px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xl)_-_2px))]"}if("1"===e||"1.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_4px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_4px)]"}if("2"===e||"2.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_8px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_8px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_8px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-lg)_-_8px))]";case"xl":return"[&>*:first-child]:rounded-t-[calc(var(--uds-border-radius-xl)_-_8px)] [&>*:last-child]:rounded-b-[calc(var(--uds-border-radius-xl)_-_8px)]"}if("3"===e||"3.5"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-xs)_-_6px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-sm)_-_6px))]";case"md":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-md)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-md)_-_6px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_6px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))] [&>*:last-child]:rounded-b-[min(20px,calc(var(--uds-border-radius-xl)_-_6px))]"}if("4"===e)switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_16px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_16px))]";case"md":return"[&>*:first-child]:rounded-t-[max(4px,calc(var(--uds-border-radius-md)_-_16px))] [&>*:last-child]:rounded-b-[max(4px,calc(var(--uds-border-radius-md)_-_16px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-lg)_-_16px))]";case"xl":return"[&>*:first-child]:rounded-t-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))] [&>*:last-child]:rounded-b-[max(6px,calc(var(--uds-border-radius-xl)_-_16px))]"}switch(r){case"xs":return"[&>*:first-child]:rounded-t-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))] [&>*:last-child]:rounded-b-[max(1px,calc(var(--uds-border-radius-xs)_-_4px))]";case"sm":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-sm)_-_4px))]";case"md":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-md)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-md)_-_4px))]";case"lg":return"[&>*:first-child]:rounded-t-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))] [&>*:last-child]:rounded-b-[max(2px,calc(var(--uds-border-radius-lg)_-_4px))]";case"xl":return"[&>*:first-child]:rounded-t-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))] [&>*:last-child]:rounded-b-[min(18px,calc(var(--uds-border-radius-xl)_-_4px))]"}})({borderRadius:o,spacing:e}),Q=w((()=>V[n]),[n]);return M(E,{initial:!1,children:M(x,{gutter:Q,sameWidth:f,focusable:_,store:j,ref:S,portalElement:y,portal:N,...k,render:M(B,{backgroundColor:c,gap:r,spacing:e,spacingBottom:a,spacingEnd:d,spacingStart:t,spacingTop:s,borderRadius:o,borderColor:u,borderWidth:l,overflow:p,animate:$,variants:K,dropShadow:G,className:i("uds-menu-content","transition-shadow","duration-200","ease-in-out","min-w-60","max-w-lg","max-h-96","overflow-auto","uds-ring","z-10","group",!C&&L,h),children:v})})})})),G=v((function({role:e="separator",contentPosition:a="start",gap:d="4",children:t,spacingVertical:s=(t?"2":"0"),spacingHorizontal:i=(t?"4":"0"),className:c,...o},u){const l={root:n({menuDividerVariantRoot:"default",className:c}),text:n({menuDividerVariantText:"default"}),line:n({menuDividerVariantLine:"default"})};return M(r,{ref:u,role:e,variant:"inherit",contentPosition:a,gap:d,spacingVertical:s,spacingHorizontal:i,className:l.root,layerClassNames:l,...o,children:t})}));G.displayName="MenuDivider";var K="uds-menu-item",L={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},Q=v((function({spacing:r="0",spacingBottom:a,spacingEnd:d,spacingHorizontal:s="4",spacingStart:u,spacingTop:l,spacingVertical:m="3.5",columnGap:x="2",className:p,children:b,endIcon:h,startIcon:f,hideEndIcon:_,active:v,disabled:g,as:I,rootProps:N,name:C,alignItems:k="center",justifyContent:V="space-between",layerClassNames:z,...R},T){const O=y.count(b)>1,P=(({active:r,disabled:e,className:a})=>i(K,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],e&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:v,disabled:g,className:p}),A=n({className:i(`${K}-content truncate`,z?.text),textAlign:"start",...O&&{columnGap:x,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),B=w((()=>({root:n({menuSizeRoot:"default",className:i(z?.root,P)}),startIcon:n({menuSizeStartIcon:"default",className:z?.startIcon}),endIcon:n({menuSizeEndIcon:"default",className:z?.endIcon})})),[z,P]);return M(c,{asChild:!0,spacing:r,spacingBottom:a,spacingEnd:d,spacingHorizontal:s,spacingStart:u,spacingTop:l,spacingVertical:m,columnGap:x,className:B.root,alignItems:k,justifyContent:V,children:j(I,{render:M(e,{ref:T,...R}),name:C??"",disabled:g,...N,children:[j(t,{gap:x,alignItems:"center",width:"full",children:[M(E,{initial:!1,children:f&&M(S.span,{variants:L,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:M(o,{icon:f,className:B.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),M("span",{className:A,children:b})]}),M(E,{initial:!1,mode:"popLayout",children:!_&&h&&M(S.span,{variants:L,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:M(o,{icon:h,className:B.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})})),U=v((function({active:r,...e},a){const d={root:n({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:n({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:n({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return M(Q,{ref:a,as:p,active:r,layerClassNames:d,...e})}));U.displayName="MenuItem";var J=v((function({name:r,endIcon:e=a,checked:d,defaultChecked:t,className:s,...c},o){const u=r,l=N(!1),x=m(),p=z(x);I((()=>{!l.current&&void 0!==t&&x&&(x.setValues((r=>({...r,[u]:t}))),l.current=!0)}),[x,t,u]);const h=w((()=>{if(void 0!==d)return d;if(p?.items?.length){const r=p?.items.find((r=>r.element?.name===u));if(r?.element)return r.element.checked}const r=p?.values[u];return"boolean"==typeof r?r:t??!1}),[p?.items,p?.values,u,d,t]),f=C((r=>{void 0===d&&x?.setValues((e=>({...e,[u]:r.target.checked})))}),[u,x,d]),_={root:n({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:h?"on":"off"}),text:n({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:h?"on":"off"}),startIcon:n({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:h?"on":"off"}),endIcon:n({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:h?"on":"off"})};return M(Q,{ref:o,as:b,hideEndIcon:!h,endIcon:e,active:h,className:i("uds-menu-item-checkbox",s),layerClassNames:_,rootProps:{name:r,onChange:f,defaultChecked:t,checked:void 0!==d?d:void 0},...c})}));J.displayName="MenuItemCheckbox";var X=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},Z=r=>{const[e,a]=g(X);return I((()=>{if(r?.explicit)return void a(r.explicit);const e=(r=>{const e=new MutationObserver((e=>{e.some((r=>"attributes"===r.type&&"dir"===r.attributeName))&&r()}));return e.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]}),e})((()=>{a(X())}));return()=>e.disconnect()}),[r?.explicit]),e},q=function({placement:r="bottom",rtl:e,...a}){const d=Z({explicit:e}),t=((r,e)=>{const a=e?.rtl;if("start"===r)return a?"right":"left";if("end"===r)return a?"left":"right";if(r?.includes("-")){const[e,d]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==d&&"bottom"!==d))return`${"start"===e?a?"right":"left":a?"left":"right"}-${"bottom"===d?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===d?a?"end":"start":a?"start":"end"}`}return r})(r,{rtl:d});return M(s,{children:M(h,{placement:t,rtl:d,...a})})},Y=v((function({asChild:r,className:e,...a},d){const t=N(null),s=r?M(c,{ref:t,className:"uds-ring h-fit w-fit"}):void 0,n=C((()=>{const r=t.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[t]);return M(f,{onFocus:n,onFocusVisible:n,ref:d,render:s,className:i("uds-menu-trigger",e),...a})}));export{R as Menu};
|