@yahoo/uds 3.5.0-beta.2 → 3.5.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cli/bin/uds-darwin-arm64-baseline +0 -0
- package/cli/bin/uds-linux-arm64 +0 -0
- package/cli/bin/uds-linux-x64-baseline +0 -0
- package/dist/Input-DUqLl6jE.d.cts +42 -0
- package/dist/Input-Ur-Ht_GL.d.ts +42 -0
- package/dist/Menu-DR13-K-l.d.cts +662 -0
- package/dist/Menu-OM1LtJ1C.d.ts +662 -0
- package/dist/{VStack-CmraVolm.d.ts → VStack-cakCiiUo.d.cts} +2 -40
- package/dist/{VStack-dT3EJCu4.d.cts → VStack-vuPYMALn.d.ts} +2 -40
- package/dist/chunk-4NOF6FBP.cjs +3 -0
- package/dist/chunk-4VV7ZPAB.js +1 -0
- package/dist/chunk-6A3VCKKL.cjs +1 -0
- package/dist/chunk-N6WXVEVH.cjs +2 -0
- package/dist/chunk-R37JGXS5.js +3 -0
- package/dist/chunk-T52MLTTM.js +3 -0
- package/dist/client/Menu.cjs +2 -0
- package/dist/client/Menu.d.cts +10 -0
- package/dist/client/Menu.d.ts +10 -0
- package/dist/client/Menu.js +2 -0
- package/dist/client/index.cjs +1 -2
- package/dist/client/index.d.cts +12 -664
- package/dist/client/index.d.ts +12 -664
- package/dist/client/index.js +2 -3
- package/dist/{index-BOfq14yW.d.ts → index-39whUqBE.d.ts} +1 -1
- package/dist/{index-D1poGuo1.d.cts → index-CFlpXsuC.d.cts} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +6 -5
- package/dist/index.d.ts +6 -5
- package/dist/index.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.d.cts +1 -1
- package/dist/tailwind/plugin.d.ts +1 -1
- package/dist/tailwind/plugin.js +2 -2
- package/dist/tailwind/utils.cjs +1 -1
- package/dist/tailwind/utils.d.cts +1 -1
- package/dist/tailwind/utils.d.ts +1 -1
- package/dist/tailwind/utils.js +1 -1
- package/dist/tokens/automation/configs.cjs +1 -1
- package/dist/tokens/automation/configs.d.cts +2 -2
- package/dist/tokens/automation/configs.d.ts +2 -2
- package/dist/tokens/automation/configs.js +1 -1
- package/dist/tokens/automation/properties.cjs +1 -1
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/automation/properties.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/parseTokens.d.cts +1 -1
- package/dist/tokens/parseTokens.d.ts +1 -1
- package/dist/{types-B_jakWRK.d.cts → types-TxDF_k0q.d.cts} +1 -1
- package/dist/{types-B_jakWRK.d.ts → types-TxDF_k0q.d.ts} +1 -1
- package/package.json +11 -1
- package/dist/chunk-IQ4HRDIM.cjs +0 -3
- package/dist/chunk-KSHOOD3K.js +0 -3
@@ -1,6 +1,5 @@
|
|
1
1
|
import * as react from 'react';
|
2
|
-
import { e as UniversalBoxProps, f as UniversalStackProps, g as UniversalDividerProps
|
3
|
-
import { HTMLMotionProps } from 'motion/react';
|
2
|
+
import { e as UniversalBoxProps, f as UniversalStackProps, g as UniversalDividerProps } from './types-TxDF_k0q.cjs';
|
4
3
|
|
5
4
|
type DivProps = React.HTMLAttributes<HTMLDivElement>;
|
6
5
|
interface BoxProps extends UniversalBoxProps, DivProps {
|
@@ -73,43 +72,6 @@ interface DividerProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderW
|
|
73
72
|
*/
|
74
73
|
declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
|
75
74
|
|
76
|
-
type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
|
77
|
-
type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
|
78
|
-
interface InputProps extends NativeInputProps, UniversalInputProps {
|
79
|
-
/** The type of the input element. Reduced set of options from the HTML input type attribute.
|
80
|
-
* @default 'text'
|
81
|
-
*/
|
82
|
-
type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
|
83
|
-
}
|
84
|
-
/**
|
85
|
-
* **📦 An input that allows users to enter text and collect data.**
|
86
|
-
*
|
87
|
-
* @componentType Client component
|
88
|
-
*
|
89
|
-
* @description
|
90
|
-
* An input field is a component that takes text typed into it. It can also serve as a way to display a selection and trigger a dropdown menu. Inputs are interactive elements that users can click, tap, or otherwise engage with to collect data and open dropdowns, or both.
|
91
|
-
*
|
92
|
-
* @see
|
93
|
-
* Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
|
94
|
-
*
|
95
|
-
* @usage
|
96
|
-
* - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
|
97
|
-
* - Search Bars: Allowing users to enter search queries to find content.
|
98
|
-
* - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
|
99
|
-
* - Feedback/Comments: Letting users leave reviews, comments, or feedback.
|
100
|
-
*
|
101
|
-
* @example
|
102
|
-
* ```tsx
|
103
|
-
* 'use client';
|
104
|
-
* import { Input } from "@yahoo/uds";
|
105
|
-
*
|
106
|
-
* <Input label="Name" placeholder="Enter your name" required />
|
107
|
-
*```
|
108
|
-
*
|
109
|
-
* @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
|
110
|
-
**/
|
111
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
112
|
-
|
113
75
|
type VStackProps = UniversalStackProps & DivProps;
|
114
76
|
/**
|
115
77
|
* **🥞 A layout component that arranges its children in rows using flexbox**
|
@@ -142,4 +104,4 @@ type VStackProps = UniversalStackProps & DivProps;
|
|
142
104
|
**/
|
143
105
|
declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
|
144
106
|
|
145
|
-
export { Box as B, type DivProps as D,
|
107
|
+
export { Box as B, type DivProps as D, VStack as V, type BoxProps as a, Divider as b, type DividerProps as c, type VStackProps as d };
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import * as react from 'react';
|
2
|
-
import { e as UniversalBoxProps, f as UniversalStackProps, g as UniversalDividerProps
|
3
|
-
import { HTMLMotionProps } from 'motion/react';
|
2
|
+
import { e as UniversalBoxProps, f as UniversalStackProps, g as UniversalDividerProps } from './types-TxDF_k0q.js';
|
4
3
|
|
5
4
|
type DivProps = React.HTMLAttributes<HTMLDivElement>;
|
6
5
|
interface BoxProps extends UniversalBoxProps, DivProps {
|
@@ -73,43 +72,6 @@ interface DividerProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderW
|
|
73
72
|
*/
|
74
73
|
declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
|
75
74
|
|
76
|
-
type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
|
77
|
-
type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
|
78
|
-
interface InputProps extends NativeInputProps, UniversalInputProps {
|
79
|
-
/** The type of the input element. Reduced set of options from the HTML input type attribute.
|
80
|
-
* @default 'text'
|
81
|
-
*/
|
82
|
-
type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
|
83
|
-
}
|
84
|
-
/**
|
85
|
-
* **📦 An input that allows users to enter text and collect data.**
|
86
|
-
*
|
87
|
-
* @componentType Client component
|
88
|
-
*
|
89
|
-
* @description
|
90
|
-
* An input field is a component that takes text typed into it. It can also serve as a way to display a selection and trigger a dropdown menu. Inputs are interactive elements that users can click, tap, or otherwise engage with to collect data and open dropdowns, or both.
|
91
|
-
*
|
92
|
-
* @see
|
93
|
-
* Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
|
94
|
-
*
|
95
|
-
* @usage
|
96
|
-
* - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
|
97
|
-
* - Search Bars: Allowing users to enter search queries to find content.
|
98
|
-
* - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
|
99
|
-
* - Feedback/Comments: Letting users leave reviews, comments, or feedback.
|
100
|
-
*
|
101
|
-
* @example
|
102
|
-
* ```tsx
|
103
|
-
* 'use client';
|
104
|
-
* import { Input } from "@yahoo/uds";
|
105
|
-
*
|
106
|
-
* <Input label="Name" placeholder="Enter your name" required />
|
107
|
-
*```
|
108
|
-
*
|
109
|
-
* @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
|
110
|
-
**/
|
111
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
112
|
-
|
113
75
|
type VStackProps = UniversalStackProps & DivProps;
|
114
76
|
/**
|
115
77
|
* **🥞 A layout component that arranges its children in rows using flexbox**
|
@@ -142,4 +104,4 @@ type VStackProps = UniversalStackProps & DivProps;
|
|
142
104
|
**/
|
143
105
|
declare const VStack: react.ForwardRefExoticComponent<UniversalStackProps & DivProps & react.RefAttributes<HTMLDivElement>>;
|
144
106
|
|
145
|
-
export { Box as B, type DivProps as D,
|
107
|
+
export { Box as B, type DivProps as D, VStack as V, type BoxProps as a, Divider as b, type DividerProps as c, type VStackProps as d };
|
@@ -0,0 +1,3 @@
|
|
1
|
+
"use strict";var r=require("./chunk-IC335V3E.cjs"),o=require("@yahoo/uds/fixtures"),e=require("@yahoo/uds/flags"),t=require("clsx"),i=require("imurmurhash"),n=require("tailwind-merge"),a=require("react"),l=require("react/jsx-runtime"),s=require("lodash-es");function d(r){return r&&r.__esModule?r:{default:r}}var c=d(t),f=d(i);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
function p(r){return"boolean"==typeof r?`${r}`:0===r?"0":r}function u(r){const o=Object.create(null),e=Object.keys(r);for(let t=0,i=e.length;t<i;t++){const i=e[t];void 0!==r[i]&&(o[i]=r[i])}return o}var h=n.extendTailwindMerge({extend:{theme:{borderColor:o.lineColors,borderWidth:o.borderWidths,borderRadius:o.borderRadii}},override:{classGroups:{"text-color":[{text:[...o.foregroundColors,...o.spectrumColors]}],"bg-color":[{bg:o.backgroundColors}],"font-family":[{font:["icons",...o.textVariants]}],leading:[{leading:o.textVariants}]},conflictingClassGroups:{}}}),m=(...r)=>{const o=c.default(r);return h(o)},b=r=>o=>{if(!r?.variants)return m(r?.base,o?.className);const{variants:e,defaultVariants:t}=r,i=Object.keys(e).map((r=>{const i=o?.[r],n=t?.[r],a=p(i)||p(n);return e[r][a]})),n={...t,...o&&u(o)},a=r?.compoundVariants?.reduce(((r,{className:o,...e})=>Object.entries(e).every((([r,o])=>n[r]===o))?m(r,o):r),"");return m(r?.base,i,a,o?.className)},x=b({variants:r.variants}),g=new Map,v=r=>{const{useGetStylesCache:o}=e.getFeatureFlags();if(o){const o=function(r){const o=Object.create(null),e=Object.keys(r).sort();for(let t=0,i=e.length;t<i;t++){const i=e[t];o[i]=r[i]}return o}(u(r)),e=(new f.default).hash(JSON.stringify(o)).result();if(g.has(e))return g.get(e);const t=x(o);return g.set(e,t),t}return x(r)};function C(...r){return o=>r.forEach((r=>function(r,o){"function"==typeof r?r(o):null!=r&&(r.current=o)}(r,o)))}function S(){const r=a.forwardRef(((r,e)=>{const{children:i,...n}=r,s=a.Children.toArray(i),d=s.find(t);if(d){const r=d.props.children,t=s.map((o=>o===d?a.Children.count(r)>1?a.Children.only(null):a.isValidElement(r)?r.props.children:null:o));return l.jsx(o,{...n,ref:e,children:a.isValidElement(r)?a.cloneElement(r,void 0,t):null})}return l.jsx(o,{...n,ref:e,children:i})}));r.displayName="Slot";const o=a.forwardRef(((r,o)=>{const{children:e,...t}=r;return a.isValidElement(e)?a.cloneElement(e,{...i(t,e.props),ref:o?C(o,e.ref):e.ref}):a.Children.count(e)>1?a.Children.only(null):null}));o.displayName="SlotClone";const e=({children:r})=>r;function t(r){return a.isValidElement(r)&&r.type===e}function i(r,o){const e={...o};for(const t in o){const i=r[t],n=o[t];/^on[A-Z]/.test(t)?i&&n?e[t]=(...r)=>{n(...r),i(...r)}:i&&(e[t]=i):"style"===t&&(e[t]={...i,...n})}return{...r,...e}}return r}var y=S(),w=a.forwardRef((function({asChild:r,className:o,backgroundColor:e,borderRadius:t,borderTopStartRadius:i,borderTopEndRadius:n,borderBottomStartRadius:a,borderBottomEndRadius:s,borderColor:d,borderStartColor:c,borderEndColor:f,borderTopColor:p,borderBottomColor:u,borderWidth:h,borderVerticalWidth:m,borderHorizontalWidth:b,borderStartWidth:x,borderEndWidth:g,borderTopWidth:C,borderBottomWidth:S,alignContent:w,alignItems:W,alignSelf:E,flex:B,flexDirection:R,flexGrow:T,flexShrink:j,flexWrap:V,justifyContent:N,flexBasis:k,display:G="flex",overflow:z,overflowX:H,overflowY:I,position:q,spacing:D,spacingHorizontal:M,spacingVertical:F,spacingBottom:O,spacingEnd:A,spacingStart:X,spacingTop:Y,offset:$,offsetVertical:L,offsetHorizontal:_,offsetBottom:P,offsetEnd:J,offsetStart:Z,offsetTop:K,columnGap:Q,rowGap:U,width:rr,height:or,dropShadow:er,insetShadow:tr,...ir},nr){const ar=v({backgroundColor:e,borderRadius:t,borderTopStartRadius:i,borderTopEndRadius:n,borderBottomStartRadius:a,borderBottomEndRadius:s,borderColor:d,borderStartColor:c,borderEndColor:f,borderTopColor:p,borderBottomColor:u,borderWidth:h,borderVerticalWidth:m,borderHorizontalWidth:b,borderStartWidth:x,borderEndWidth:g,borderTopWidth:C,borderBottomWidth:S,alignContent:w,alignItems:W,alignSelf:E,flex:B,flexDirection:R,flexGrow:T,flexShrink:j,flexWrap:V,justifyContent:N,flexBasis:k,display:G,overflow:z,overflowX:H,overflowY:I,position:q,spacing:D,spacingHorizontal:M,spacingVertical:F,spacingBottom:O,spacingEnd:A,spacingStart:X,spacingTop:Y,offset:$,offsetVertical:L,offsetHorizontal:_,offsetBottom:P,offsetEnd:J,offsetStart:Z,offsetTop:K,columnGap:Q,rowGap:U,width:rr,height:or,dropShadow:er,insetShadow:tr,className:o}),lr=r?y:"div";return l.jsx(lr,{className:ar,ref:nr,...ir})}));w.displayName="Box";var W=(r,o)=>((r,o)=>{const e=s.isFunction(o)?o:()=>o;return r.flatMap(((r,o)=>0!==o?[e(o),r]:[r]))})(a.Children.toArray(r),(r=>{const e=s.isFunction(o)?o(r):o;return a.isValidElement(e)?a.cloneElement(e,{...e.props,key:e.key??`interspersed-${r}`}):null})),E=a.forwardRef((function({gap:r,children:o,separator:e,...t},i){return l.jsx(w,{ref:i,flexDirection:"row",rowGap:r,columnGap:r,...t,children:e?W(o,e):o})}));E.displayName="HStack";var B=S(),R={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"},T=a.forwardRef((function({className:r,asChild:o,color:e="primary",variant:t="body1",as:i=R[t],fontFamily:n,fontSize:a,fontWeight:s,lineHeight:d,textTransform:c,textAlign:f,backgroundColor:p,borderRadius:u,borderTopStartRadius:h,borderTopEndRadius:m,borderBottomStartRadius:b,borderBottomEndRadius:x,borderColor:g,borderStartColor:C,borderEndColor:S,borderTopColor:y,borderBottomColor:w,borderWidth:W,borderVerticalWidth:E,borderHorizontalWidth:T,borderStartWidth:j,borderEndWidth:V,borderTopWidth:N,borderBottomWidth:k,alignContent:G,alignItems:z,alignSelf:H,flex:I,flexDirection:q,flexGrow:D,flexShrink:M,flexWrap:F,justifyContent:O,flexBasis:A,display:X,overflow:Y,overflowX:$,overflowY:L,position:_,spacing:P,spacingHorizontal:J,spacingVertical:Z,spacingBottom:K,spacingEnd:Q,spacingStart:U,spacingTop:rr,offset:or,offsetVertical:er,offsetHorizontal:tr,offsetBottom:ir,offsetEnd:nr,offsetStart:ar,offsetTop:lr,columnGap:sr,rowGap:dr,...cr},fr){const pr={...e&&"inherit"!==e?{color:e}:{},...t&&"inherit"!==t?{fontFamily:n??t,fontSize:a??t,fontWeight:s??t,lineHeight:d??t,textTransform:c??t}:{},textAlign:f},ur=v({className:r,...pr,backgroundColor:p,borderRadius:u,borderTopStartRadius:h,borderTopEndRadius:m,borderBottomStartRadius:b,borderBottomEndRadius:x,borderColor:g,borderStartColor:C,borderEndColor:S,borderTopColor:y,borderBottomColor:w,borderWidth:W,borderVerticalWidth:E,borderHorizontalWidth:T,borderStartWidth:j,borderEndWidth:V,borderTopWidth:N,borderBottomWidth:k,alignContent:G,alignItems:z,alignSelf:H,flex:I,flexDirection:q,flexGrow:D,flexShrink:M,flexWrap:F,justifyContent:O,flexBasis:A,display:X,overflow:Y,overflowX:$,overflowY:L,position:_,spacing:P,spacingHorizontal:J,spacingVertical:Z,spacingBottom:K,spacingEnd:Q,spacingStart:U,spacingTop:rr,offset:or,offsetVertical:er,offsetHorizontal:tr,offsetBottom:ir,offsetEnd:nr,offsetStart:ar,offsetTop:lr,columnGap:sr,rowGap:dr}),hr=o?B:i;return l.jsx(hr,{className:ur,ref:fr,...cr})}));T.displayName="Text";var j=a.forwardRef((function({gap:r,children:o,separator:e,...t},i){return l.jsx(w,{ref:i,flexDirection:"column",columnGap:r,rowGap:r,...t,children:e?W(o,e):o})}));j.displayName="VStack";var V={horizontal:"w-full",vertical:""},N=a.forwardRef((function({vertical:r=!1,variant:o="primary",contentPosition:e="center",className:t,children:i,layerClassNames:n,...s},d){const c=r?"vertical":"horizontal",f=r?j:E,p=a.useMemo((()=>m(V[c],"inherit"!==o&&v({dividerVariantRoot:o}),t,n?.root)),[o,t,c,n]),u=a.useMemo((()=>m("inherit"!==o?v({dividerVariantLabel:o}):void 0,n?.text)),[o,n]),h=a.useMemo((()=>m("inherit"!==o&&v({dividerVariantLine:o}),n?.line)),[o,n]),b=a.useMemo((()=>"vertical"===c?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0}:{borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:0}),[c]),x=()=>l.jsx(w,{flex:"1",className:h,style:b});return i?l.jsxs(f,{flex:"1",alignItems:"center",className:p,ref:d,...s,children:["start"!==e&&l.jsx(x,{}),l.jsx(w,{flex:"none",children:l.jsx(T,{color:"inherit",variant:"inherit",className:u,children:i})}),"end"!==e&&l.jsx(x,{})]}):l.jsx(w,{display:"flex",flex:"none",className:p,ref:d,...s,children:l.jsx(x,{})})}));N.displayName="Divider";var k={sm:16,md:24,lg:32},G=a.forwardRef((function({name:r,size:o="md",variant:e="outline",color:t="primary",className:i,...n},a){const s=r.metadata?.variants??[],d=s.includes(e)?e:s[0]??"fill",c="multicolor"===d,f=v({flex:"none",color:c?void 0:t,className:m(i,!c&&"[&_path]:fill-current")}),p=k[o];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:f,...n,children:l.jsx(r,{size:o,variant:d})})}));G.displayName="Icon";var z=a.memo((function({icon:r,iconProps:o,...e}){if(!r)return null;const t=o??{},i=r;if(i.metadata?.isSvgIcon)return l.jsx(G,{name:i,...t,...e});if(s.isFunction(r)){const o=r(t);return a.isValidElement(o)&&a.cloneElement(o,e)}return a.isValidElement(r)&&a.cloneElement(r,{...t,...r.props,...e})}));
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Box=w,exports.Divider=N,exports.HStack=E,exports.Icon=G,exports.IconSlot=z,exports.Text=T,exports.VStack=j,exports.createSlot=S,exports.cva=b,exports.cx=m,exports.getStyles=v;
|
@@ -0,0 +1 @@
|
|
1
|
+
import{getStyles as o,HStack as r,IconSlot as t,Text as e,cx as i}from"./chunk-T52MLTTM.js";import{isFunction as a}from"lodash-es";import{jsxs as n,jsx as l}from"react/jsx-runtime";import{memo as d}from"react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var s=({htmlFor:o,required:r,label:t,children:d,color:s="muted",variant:c="label3",hasError:p=!1,showRequiredAsterisk:f=!1,as:h="label",className:u,...b})=>{const m=t?a(t)?t():t:d;return m?n(e,{variant:c,color:s,as:h,htmlFor:o,className:i("cursor-[inherit]",u),...b,children:[m,r&&f&&l(e,{as:"sup",color:p?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null};function c({width:r,height:t,src:e,alt:i,contentFit:a,backgroundColor:n,borderRadius:d,borderTopStartRadius:s,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:h,borderStartColor:u,borderEndColor:b,borderTopColor:m,borderBottomColor:g,borderWidth:T,borderVerticalWidth:x,borderHorizontalWidth:S,borderStartWidth:C,borderEndWidth:W,borderTopWidth:B,borderBottomWidth:w,alignContent:E,alignItems:v,alignSelf:H,flex:V,flexDirection:I,flexGrow:R,flexShrink:z,flexWrap:y,justifyContent:k,flexBasis:G,display:N,overflow:F,overflowX:j,overflowY:P,position:q,spacing:D,spacingHorizontal:M,spacingVertical:X,spacingBottom:Y,spacingEnd:A,spacingStart:L,spacingTop:J,offset:K,offsetVertical:O,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro,...to}){const eo=o({contentFit:a,backgroundColor:n,borderRadius:d,borderTopStartRadius:s,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:h,borderStartColor:u,borderEndColor:b,borderTopColor:m,borderBottomColor:g,borderWidth:T,borderVerticalWidth:x,borderHorizontalWidth:S,borderStartWidth:C,borderEndWidth:W,borderTopWidth:B,borderBottomWidth:w,alignContent:E,alignItems:v,alignSelf:H,flex:V,flexDirection:I,flexGrow:R,flexShrink:z,flexWrap:y,justifyContent:k,flexBasis:G,display:N,overflow:F,overflowX:j,overflowY:P,position:q,spacing:D,spacingHorizontal:M,spacingVertical:X,spacingBottom:Y,spacingEnd:A,spacingStart:L,spacingTop:J,offset:K,offsetVertical:O,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro});return l("img",{src:e,alt:i,className:eo,style:{width:r,height:t},...to})}var p=d((function({startIcon:e,endIcon:i,iconProps:a,children:d,size:s,isFilled:c,...p}){const f={helperText:o({inputSizeHelperText:s,inputVariantHelperText:"default",inputVariantValueHelperText:c?"filled":"empty"}),helperIcon:o({inputSizeHelperIcon:s,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:c?"filled":"empty"})},h={variant:"outline",...a};return n(r,{gap:"1",alignItems:"center",...p,children:[e&&l(t,{icon:e,...h,iconProps:a,className:f.helperIcon}),l("span",{className:f.helperText,children:d}),i&&l(t,{icon:i,...h,iconProps:a,className:f.helperIcon})]})}));export{s as FormLabel,c as Image,p as InputHelpTextMemo};
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";var r=require("./chunk-4NOF6FBP.cjs"),o=require("lodash-es"),e=require("react/jsx-runtime");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */var t=require("react").memo((function({startIcon:o,endIcon:t,iconProps:i,children:a,size:n,isFilled:l,...s}){const d={helperText:r.getStyles({inputSizeHelperText:n,inputVariantHelperText:"default",inputVariantValueHelperText:l?"filled":"empty"}),helperIcon:r.getStyles({inputSizeHelperIcon:n,inputVariantHelperIcon:"default",inputVariantValueHelperIcon:l?"filled":"empty"})},c={variant:"outline",...i};return e.jsxs(r.HStack,{gap:"1",alignItems:"center",...s,children:[o&&e.jsx(r.IconSlot,{icon:o,...c,iconProps:i,className:d.helperIcon}),e.jsx("span",{className:d.helperText,children:a}),t&&e.jsx(r.IconSlot,{icon:t,...c,iconProps:i,className:d.helperIcon})]})}));exports.FormLabel=({htmlFor:t,required:i,label:a,children:n,color:l="muted",variant:s="label3",hasError:d=!1,showRequiredAsterisk:c=!1,as:p="label",className:f,...u})=>{const h=a?o.isFunction(a)?a():a:n;return h?e.jsxs(r.Text,{variant:s,color:l,as:p,htmlFor:t,className:r.cx("cursor-[inherit]",f),...u,children:[h,i&&c&&e.jsx(r.Text,{as:"sup",color:d?"alert":"inherit",variant:"inherit",spacingStart:"0.5","aria-hidden":!0,children:"*"})]}):null},exports.Image=function({width:o,height:t,src:i,alt:a,contentFit:n,backgroundColor:l,borderRadius:s,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:u,borderStartColor:h,borderEndColor:b,borderTopColor:m,borderBottomColor:g,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:C,borderEndWidth:W,borderTopWidth:B,borderBottomWidth:I,alignContent:H,alignItems:w,alignSelf:E,flex:v,flexDirection:V,flexGrow:j,flexShrink:R,flexWrap:y,justifyContent:z,flexBasis:F,display:k,overflow:N,overflowX:q,overflowY:G,position:P,spacing:D,spacingHorizontal:X,spacingVertical:Y,spacingBottom:A,spacingEnd:L,spacingStart:M,spacingTop:O,offset:J,offsetVertical:K,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:rr,rowGap:or,...er}){const tr=r.getStyles({contentFit:n,backgroundColor:l,borderRadius:s,borderTopStartRadius:d,borderTopEndRadius:c,borderBottomStartRadius:p,borderBottomEndRadius:f,borderColor:u,borderStartColor:h,borderEndColor:b,borderTopColor:m,borderBottomColor:g,borderWidth:x,borderVerticalWidth:S,borderHorizontalWidth:T,borderStartWidth:C,borderEndWidth:W,borderTopWidth:B,borderBottomWidth:I,alignContent:H,alignItems:w,alignSelf:E,flex:v,flexDirection:V,flexGrow:j,flexShrink:R,flexWrap:y,justifyContent:z,flexBasis:F,display:k,overflow:N,overflowX:q,overflowY:G,position:P,spacing:D,spacingHorizontal:X,spacingVertical:Y,spacingBottom:A,spacingEnd:L,spacingStart:M,spacingTop:O,offset:J,offsetVertical:K,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:rr,rowGap:or});return e.jsx("img",{src:i,alt:a,className:tr,style:{width:o,height:t},...er})},exports.InputHelpTextMemo=t;
|
@@ -0,0 +1,2 @@
|
|
1
|
+
"use strict";var r=require("./chunk-4NOF6FBP.cjs"),e=require("./chunk-P4XGJJCM.cjs"),t=require("./chunk-NUEZVMWZ.cjs"),a=require("@ariakit/react/menu"),s=require("@ariakit/react-core/utils/store"),d=require("@yahoo/uds/fixtures"),n=require("motion/react"),i=require("react"),o=require("react/jsx-runtime"),l=require("@ariakit/react"),c={};/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */t.__export(c,{Content:()=>f,Divider:()=>g,Item:()=>S,ItemCheckbox:()=>F,Provider:()=>A,Trigger:()=>B,useMenuContext:()=>a.useMenuContext,useMenuStore:()=>a.useMenuStore,useStoreState:()=>l.useStoreState});var u=n.m.create(r.VStack),m=5,x=.97,h={top:{x:0,y:m},bottom:{x:0,y:-5},left:{x:m,y:0},right:{x:-5,y:0}},p=r=>i.useMemo((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...h[e],opacity:0,scale:x},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),f=i.forwardRef((function({gap:e,spacing:t,spacingBottom:l,spacingEnd:c,spacingStart:m,spacingTop:x,gutter:h="1",backgroundColor:f="primary",borderRadius:g="md",borderColor:v,borderWidth:b="thin",overflow:_,dropShadow:j="lg",className:C,sameWidth:S,focusable:z,children:M,portalElement:w,portal:V=!0,disableAutoBorderRadius:y,...I},F){const N=a.useMenuContext(),k=s.useStoreState(N,"open"),H=s.useStoreState(N,"mounted"),E=s.useStoreState(N,"currentPlacement"),R=s.useStoreState(N,"placement"),[A,B]=i.useState(E),[L,P]=i.useState(E);i.useEffect((()=>{R!==L&&P(R)}),[R]),i.useEffect((()=>{E!==L&&P(E)}),[E]),i.useEffect((()=>{H&&L!==A&&B(L)}),[H,L,A]);const T=i.useMemo((()=>k&&H?"open":"closed"),[k,H]),W=i.useMemo((()=>k?j:"none"),[k,j]),G=p(L),q=(({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:g,spacing:t}),D=i.useMemo((()=>d.spacingMap[h]),[h]);return o.jsx(n.AnimatePresence,{initial:!1,children:o.jsx(a.Menu,{gutter:D,sameWidth:S,focusable:z,store:N,ref:F,portalElement:w,portal:V,...I,render:o.jsx(u,{backgroundColor:f,gap:e,spacing:t,spacingBottom:l,spacingEnd:c,spacingStart:m,spacingTop:x,borderRadius:g,borderColor:v,borderWidth:b,overflow:_,animate:T,variants:G,dropShadow:W,className:r.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",!y&&q,C),children:M})})})})),g=i.forwardRef((function({role:e="separator",contentPosition:t="start",gap:a="4",children:s,spacingVertical:d=(s?"2":"0"),spacingHorizontal:n=(s?"4":"0"),className:i,...l},c){const u={root:r.getStyles({menuDividerVariantRoot:"default",className:i}),text:r.getStyles({menuDividerVariantText:"default"})};return o.jsx(r.Divider,{ref:c,role:e,variant:"inherit",contentPosition:t,gap:a,spacingVertical:d,spacingHorizontal:n,className:u.root,layerClassNames:u,...l,children:s})}));g.displayName="MenuDivider";var v=r.createSlot(),b=i.forwardRef((function({className:e,asChild:t,onPress:a,onClick:s=a,backgroundColor:d,borderRadius:n,borderTopStartRadius:i,borderTopEndRadius:l,borderBottomStartRadius:c,borderBottomEndRadius:u,borderColor:m,borderStartColor:x,borderEndColor:h,borderTopColor:p,borderBottomColor:f,borderWidth:g,borderVerticalWidth:b,borderHorizontalWidth:_,borderStartWidth:j,borderEndWidth:C,borderTopWidth:S,borderBottomWidth:z,alignContent:M,alignItems:w,alignSelf:V,flex:y,flexDirection:I,flexGrow:F,flexShrink:N,flexWrap:k,justifyContent:H,flexBasis:E,display:R,overflow:A,overflowX:B,overflowY:L,position:P,spacing:T,spacingHorizontal:W,spacingVertical:G,spacingBottom:q,spacingEnd:D,spacingStart:$,spacingTop:X,offset:J,offsetVertical:O,offsetHorizontal:Y,offsetBottom:Z,offsetEnd:U,offsetStart:K,offsetTop:Q,columnGap:rr,rowGap:er,dropShadow:tr,insetShadow:ar,...sr},dr){const nr=r.getStyles({backgroundColor:d,borderRadius:n,borderTopStartRadius:i,borderTopEndRadius:l,borderBottomStartRadius:c,borderBottomEndRadius:u,borderColor:m,borderStartColor:x,borderEndColor:h,borderTopColor:p,borderBottomColor:f,borderWidth:g,borderVerticalWidth:b,borderHorizontalWidth:_,borderStartWidth:j,borderEndWidth:C,borderTopWidth:S,borderBottomWidth:z,alignContent:M,alignItems:w,alignSelf:V,flex:y,flexDirection:I,flexGrow:F,flexShrink:N,flexWrap:k,justifyContent:H,flexBasis:E,display:R,overflow:A,overflowX:B,overflowY:L,position:P,spacing:T,spacingHorizontal:W,spacingVertical:G,spacingBottom:q,spacingEnd:D,spacingStart:$,spacingTop:X,offset:J,offsetVertical:O,offsetHorizontal:Y,offsetBottom:Z,offsetEnd:U,offsetStart:K,offsetTop:Q,columnGap:rr,rowGap:er,dropShadow:tr,insetShadow:ar,className:e}),ir=t?v:"button";return o.jsx(ir,{className:nr,ref:dr,onClick:s,...sr})})),_="uds-menu-item",j={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},C=i.forwardRef((function({spacing:e="0",spacingBottom:t,spacingEnd:a,spacingHorizontal:s="4",spacingStart:d,spacingTop:l,spacingVertical:c="3.5",columnGap:u="2",className:m,children:x,endIcon:h,startIcon:p,hideEndIcon:f,active:g,disabled:v,as:C,rootProps:S,name:z,alignItems:M="center",justifyContent:w="space-between",layerClassNames:V,...y},I){const F=i.Children.count(x)>1,N=(({active:e,disabled:t,className:a})=>r.cx(_,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",e&&["[&:not([aria-checked])]:cursor-default"],t&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",a))({active:g,disabled:v,className:m}),k=r.getStyles({className:r.cx(`${_}-content truncate`,V?.text),textAlign:"start",...F&&{columnGap:u,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),H=i.useMemo((()=>({root:r.getStyles({menuSizeRoot:"default",className:r.cx(V?.root,N)}),startIcon:r.getStyles({menuSizeStartIcon:"default",className:V?.startIcon}),endIcon:r.getStyles({menuSizeEndIcon:"default",className:V?.endIcon})})),[V,N]);return o.jsx(r.Box,{asChild:!0,spacing:e,spacingBottom:t,spacingEnd:a,spacingHorizontal:s,spacingStart:d,spacingTop:l,spacingVertical:c,columnGap:u,className:H.root,alignItems:M,justifyContent:w,children:o.jsxs(C,{render:o.jsx(b,{ref:I,...y}),name:z??"",disabled:v,...S,children:[o.jsxs(r.HStack,{gap:u,alignItems:"center",width:"full",children:[o.jsx(n.AnimatePresence,{initial:!1,children:p&&o.jsx(n.m.span,{variants:j,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:o.jsx(r.IconSlot,{icon:p,className:H.startIcon,iconProps:{size:"sm",variant:g?"fill":"outline",color:"current"}})})}),o.jsx("span",{className:k,children:x})]}),o.jsx(n.AnimatePresence,{initial:!1,mode:"popLayout",children:!f&&h&&o.jsx(n.m.span,{variants:j,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:o.jsx(r.IconSlot,{icon:h,className:H.endIcon,iconProps:{size:"sm",variant:g?"fill":"outline",color:"current"}})})})]})})})),S=i.forwardRef((function({active:e,...t},s){const d={root:r.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:r.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:r.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return o.jsx(C,{ref:s,as:a.MenuItem,active:e,layerClassNames:d,...t})}));S.displayName="MenuItem";var z=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M8.4 2.6H2.6v10.8H4V11h3v2.4h1.4zM1 15V1h9v2.524l5 1.746V15zm9.1-9.746V13.4h3.3V6.406zM4.5 4h2v2h-2zm2 3.5h-2v2h2z"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M13.367 4.752H4.3v14.495h2.724v-4.533h3.619v4.533h2.714V4.762l.01.003zM21.5 21.047h-19V2.952h12.667v2.494L21.5 7.843zm-1.8-1.8V9.087L15.167 7.37v11.876zM7.929 11.095h-1.81v1.81h1.81zm-1.81-3.619h1.81v1.81h-1.81zm5.429 0h-1.81v1.81h1.81zm-1.81 3.619h1.81v1.81h-1.81z"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M17.8 4.2H4.2v23.6H8V21h6v6.8h3.8zM2 30V2h18v5.725l10 3.626V30zm18.2-19.862V27.8h7.6V12.894zM10 8H7v3h3zm-3 6h3v3H7zm5-6h3v3h-3zm3 6h-3v3h3zm7.5 1h3v3h-3zm3 6h-3v3h3z"})})}if("fill"===e)switch(r){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M4.5 4v2h2V4zm2 3.5h-2v2h2zM12 4l3 1.27V15h-3zM1 1h9v14H1z"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M2.5 2.952h10.857v18.095H2.5zm2.714 7.238V12h1.81v-1.81zm1.81-3.619h-1.81v1.81h1.81zm1.81 0v1.81h1.809V6.57zm1.809 3.62h-1.81V12h1.81zm-4.524 4.523v4.524h3.62v-4.524zM21.5 7.843l-6.333-3.081v16.285H21.5z"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M2 2h16v28H2zm5 19v7h6v-7zM8.5 7h-3v3h3zm-3 6v3h3v-3zm9-6h-3v3h3zm-3 6v3h3v-3zM20 7l10 4.351V30H20zm3.5 8v3h3v-3z"})})}return o.jsx(o.Fragment,{})};z.metadata={name:"Building",isSvgIcon:!0,variants:["outline","fill"]};var M=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M13.5 3.89 6.951 12 2.5 7.48l.958-.993 3.394 3.447L12.452 3z"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M20.264 5.852 10.37 18.366l-6.642-6.89 1.295-1.249 5.213 5.407 8.616-10.898z"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M30.19 6.341 13.677 26.276 2.803 15.509l1.688-1.706 9.012 8.922L28.341 4.81z"})})}if("fill"===e)switch(r){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M13.593 4.502 6.968 12.5 2.4 7.978 3.505 6.86l3.348 3.315 5.53-6.676z"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"m20.545 5.82-10.16 12.85-6.94-7.198 1.584-1.527 5.192 5.385L18.82 4.455z"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M30.33 6.328 13.687 26.423 2.662 15.51l1.829-1.848 9.005 8.916 14.832-17.91z"})})}return o.jsx(o.Fragment,{})};M.metadata={name:"Check",isSvgIcon:!0,variants:["outline","fill"]};var w=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"m12.526 4.465-.99-.99L8 7.01 4.465 3.475l-.99.99L7.01 8l-3.535 3.536.99.99L8 8.99l3.536 3.536.99-.99L8.99 8z"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"m13.44 11.956 6.572-6.571L18.527 3.9l-6.571 6.57L5.385 3.9 3.9 5.385l6.57 6.57-6.57 6.572 1.485 1.485 6.57-6.571 6.572 6.57 1.485-1.484z"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M17.702 15.934 28.818 4.818 27.05 3.05 15.934 14.166 4.818 3.05 3.05 4.818l11.116 11.116L3.05 27.05l1.768 1.768 11.116-11.116L27.05 28.818l1.768-1.768z"})})}if("fill"===e)switch(r){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"m9.131 8 3.536-3.536-1.131-1.131L8 6.869 4.464 3.333 3.333 4.464 6.869 8l-3.536 3.535 1.131 1.132L8 9.13l3.535 3.536 1.132-1.131z"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"m12 13.768 6.337 6.337 1.768-1.768L13.768 12l6.337-6.337-1.768-1.768L12 10.232 5.663 3.895 3.895 5.663 10.232 12l-6.337 6.337 1.768 1.768z"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M17.91 16 28.954 4.955l-1.91-1.91L16 14.091 4.955 3.045l-1.91 1.91L14.091 16 3.045 27.045l1.91 1.91L16 17.909l11.045 11.046 1.91-1.91z"})})}return o.jsx(o.Fragment,{})};w.metadata={name:"Cross",isSvgIcon:!0,variants:["outline","fill"]};var V=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M12.7 8.7H3.3V7.3h9.4z"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M2.97 10.75h17.838v2.1H2.97z"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M27 17H4.7v-2.3H27z"})})}if("fill"===e)switch(r){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M12.8 8.8H3.2V7.2h9.6z"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M2.966 10.75h18.068v2.5H2.966z"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M27.3 17.3H4.7v-2.6h22.6z"})})}return o.jsx(o.Fragment,{})};V.metadata={name:"Minus",isSvgIcon:!0,variants:["outline","fill"]};var y=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M9.2 4.5a1.2 1.2 0 1 0-2.4 0 1.2 1.2 0 0 0 2.4 0m1.8 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0m.706 6.19a2.97 2.97 0 0 0-1.472-.39H5.766a2.966 2.966 0 0 0-2.912 2.4h10.292a2.97 2.97 0 0 0-1.44-2.01M1 13.267A4.766 4.766 0 0 1 5.766 8.5h4.468A4.765 4.765 0 0 1 15 13.266v1.166c0 .038-.03.068-.068.068H1.068A.07.07 0 0 1 1 14.432z"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M14.25 7.95a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0m1.8 0a4.05 4.05 0 1 1-8.1 0 4.05 4.05 0 0 1 8.1 0m.927 7.244A4.2 4.2 0 0 0 15 14.7H9a4.2 4.2 0 0 0-4.157 3.6h14.314a4.2 4.2 0 0 0-2.18-3.106M3 18.9a6 6 0 0 1 6-6h6a6 6 0 0 1 6 6v1.121a.08.08 0 0 1-.079.079H3.08a.08.08 0 0 1-.08-.08z"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M19.7 10a3.7 3.7 0 1 0-7.4 0 3.7 3.7 0 0 0 7.4 0m2.3 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0m8 17.043q0-.681-.1-1.343a9.044 9.044 0 0 0-8.943-7.7h-9.914A9.04 9.04 0 0 0 2 27.043V28h28zM8.144 20.955a6.74 6.74 0 0 1 2.9-.655h9.913a6.744 6.744 0 0 1 6.608 5.4H4.435a6.74 6.74 0 0 1 3.71-4.745"})})}if("fill"===e)switch(r){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M8 7.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6M3.401 9.128A4.77 4.77 0 0 0 1 13.266v1.166c0 .038.03.068.068.068h13.864c.038 0 .068-.03.068-.068v-1.166A4.766 4.766 0 0 0 10.234 8.5H5.766a4.76 4.76 0 0 0-2.365.628"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M12 12a4.05 4.05 0 1 0 0-8.1 4.05 4.05 0 0 0 0 8.1m-5.824 1.606A6 6 0 0 0 3 18.9v1.121c0 .044.035.079.079.079H20.92a.08.08 0 0 0 .08-.08V18.9a6 6 0 0 0-6-6H9a6 6 0 0 0-2.824.706"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M16 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12m-8.845 2.878A9.04 9.04 0 0 0 2 27.043V28h28v-.957A9.043 9.043 0 0 0 20.957 18h-9.914a9.05 9.05 0 0 0-3.888.878"})})}return o.jsx(o.Fragment,{})};y.metadata={name:"Person",isSvgIcon:!0,variants:["outline","fill"]};var I=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M7.9 2.7a5.2 5.2 0 1 0 5.2 5.2h1.6a6.8 6.8 0 1 1-6.8-6.8.8.8 0 1 1 0 1.6"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M12 4a8 8 0 1 0 8 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a1 1 0 1 1 0 2"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M16.15 4.3C9.605 4.3 4.3 9.605 4.3 16.15S9.605 28 16.15 28 28 22.695 28 16.15h2.3c0 7.815-6.335 14.15-14.15 14.15S2 23.965 2 16.15 8.335 2 16.15 2a1.15 1.15 0 0 1 0 2.3"})})}if("fill"===e)switch(r){case"sm":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M8 2.9A5.1 5.1 0 1 0 13.1 8h1.8A6.9 6.9 0 1 1 8 1.1a.9.9 0 1 1 0 1.8"})});case"md":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M12.15 4.3A7.85 7.85 0 1 0 20 12.15h2.3c0 5.606-4.544 10.15-10.15 10.15S2 17.756 2 12.15 6.544 2 12.15 2a1.15 1.15 0 0 1 0 2.3"})});case"lg":return o.jsx(o.Fragment,{children:o.jsx("path",{fill:"currentColor",d:"M16.35 4.7C9.916 4.7 4.7 9.916 4.7 16.35S9.916 28 16.35 28 28 22.784 28 16.35h2.7c0 7.925-6.425 14.35-14.35 14.35S2 24.275 2 16.35 8.425 2 16.35 2a1.35 1.35 0 1 1 0 2.7"})})}return o.jsx(o.Fragment,{})};I.metadata={name:"Progress",isSvgIcon:!0,variants:["outline","fill"]};var F=i.forwardRef((function({name:e,endIcon:t=M,checked:s,defaultChecked:d,className:n,...c},u){const m=e,x=i.useRef(!1),h=a.useMenuContext(),p=l.useStoreState(h);i.useEffect((()=>{!x.current&&void 0!==d&&h&&(h.setValues((r=>({...r,[m]:d}))),x.current=!0)}),[h,d,m]);const f=i.useMemo((()=>{if(void 0!==s)return s;if(p?.items?.length){const r=p?.items.find((r=>r.element?.name===m));if(r?.element)return r.element.checked}const r=p?.values[m];return"boolean"==typeof r?r:d??!1}),[p?.items,p?.values,m,s,d]),g=i.useCallback((r=>{void 0===s&&h?.setValues((e=>({...e,[m]:r.target.checked})))}),[m,h,s]),v={root:r.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:f?"on":"off"}),text:r.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:f?"on":"off"}),startIcon:r.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:f?"on":"off"}),endIcon:r.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:f?"on":"off"})};return o.jsx(C,{ref:u,as:a.MenuItemCheckbox,hideEndIcon:!f,endIcon:t,active:f,className:r.cx("uds-menu-item-checkbox",n),layerClassNames:v,rootProps:{name:e,onChange:g,defaultChecked:d,checked:void 0!==s?s:void 0},...c})}));F.displayName="MenuItemCheckbox";var N=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},k=r=>{const[e,t]=i.useState(N);return i.useEffect((()=>{if(r?.explicit)return void t(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})((()=>{t(N())}));return()=>e.disconnect()}),[r?.explicit]),e},H={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}}},E=()=>import("./motionFeatures-6LIGGXPL.cjs").then((({domAnimation:r})=>r));function R({reducedMotion:r="user",children:t,layoutVariant:a="subtle",layoutSpeed:s="3",colorVariant:d="smooth",colorSpeed:l="3"}){const c=H[a][s],u=H[d][l],[m,x]=i.useState(c),[h,p]=i.useState(u),f={variant:d,speed:l},g=e.getMotionVar({...f,control:"stiffness"}),v=e.getMotionVar({...f,control:"damping"}),b={variant:a,speed:s},_=e.getMotionVar({...b,control:"stiffness"}),j=e.getMotionVar({...b,control:"damping"});i.useEffect((()=>{const r=getComputedStyle(document.documentElement),e={damping:Number(r.getPropertyValue(j)),stiffness:Number(r.getPropertyValue(_))},t={damping:Number(r.getPropertyValue(v)),stiffness:Number(r.getPropertyValue(g))};x(e),p(t)}),[v,g,j,_]);const C=i.useMemo((()=>({type:"spring",mass:1,...m,layout:m,opacity:h,color:h,borderColor:h,backgroundColor:h})),[h,m]);return o.jsx(n.LazyMotion,{features:E,strict:!0,children:o.jsx(n.MotionConfig,{transition:C,reducedMotion:r,children:t})})}var A=function({placement:r="bottom",rtl:e,...t}){const s=k({explicit:e}),d=((r,e)=>{const t=e?.rtl;if("start"===r)return t?"right":"left";if("end"===r)return t?"left":"right";if(r?.includes("-")){const[e,a]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==a&&"bottom"!==a))return`${"start"===e?t?"right":"left":t?"left":"right"}-${"bottom"===a?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===a?t?"end":"start":t?"start":"end"}`}return r})(r,{rtl:s});return o.jsx(R,{children:o.jsx(a.MenuProvider,{placement:d,rtl:s,...t})})},B=i.forwardRef((function({asChild:e,className:t,...s},d){const n=i.useRef(null),l=e?o.jsx(r.Box,{ref:n,className:"uds-ring h-fit w-fit"}):void 0,c=i.useCallback((()=>{const r=n.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[n]);return o.jsx(a.MenuButton,{onFocus:c,onFocusVisible:c,ref:d,render:l,className:r.cx("uds-menu-trigger",t),...s})}));
|
2
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Menu_index_exports=c,exports.Pressable=b,exports.SpringMotionConfig=R,exports.a=M,exports.a2=w,exports.e=y,exports.e2=I,exports.l=V,exports.t=z;
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import{VStack as r,cx as e,getStyles as a,Divider as t,createSlot as d,Box as i,HStack as s,IconSlot as n}from"./chunk-T52MLTTM.js";import{getMotionVar as o}from"./chunk-EE3DM7SS.js";import{__export as l}from"./chunk-S5UKKXRV.js";import{useMenuStore as c,useMenuContext as u,Menu as m,MenuItem as h,MenuItemCheckbox as p,MenuProvider as f,MenuButton as x}from"@ariakit/react/menu";import{useStoreState as v}from"@ariakit/react-core/utils/store";import{spacingMap as b}from"@yahoo/uds/fixtures";import{m as g,AnimatePresence as _,LazyMotion as C,MotionConfig as z}from"motion/react";import{forwardRef as M,useState as V,useEffect as w,useMemo as S,Children as I,useRef as y,useCallback as H}from"react";import{jsx as N,jsxs as k,Fragment as E}from"react/jsx-runtime";import{useStoreState as T}from"@ariakit/react";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
var L={};l(L,{Content:()=>j,Divider:()=>G,Item:()=>Y,ItemCheckbox:()=>rr,Provider:()=>sr,Trigger:()=>nr,useMenuContext:()=>u,useMenuStore:()=>c,useStoreState:()=>T});var A=g.create(r),R=5,B=.97,W={top:{x:0,y:R},bottom:{x:0,y:-5},left:{x:R,y:0},right:{x:-5,y:0}},P=r=>S((()=>((r="bottom")=>{const[e="top"]=r?.split("-");return{closed:{...W[e],opacity:0,scale:B},open:{y:0,x:0,opacity:1,scale:1}}})(r)),[r]),j=M((function({gap:r,spacing:a,spacingBottom:t,spacingEnd:d,spacingStart:i,spacingTop:s,gutter:n="1",backgroundColor:o="primary",borderRadius:l="md",borderColor:c,borderWidth:h="thin",overflow:p,dropShadow:f="lg",className:x,sameWidth:g,focusable:C,children:z,portalElement:M,portal:I=!0,disableAutoBorderRadius:y,...H},k){const E=u(),T=v(E,"open"),L=v(E,"mounted"),R=v(E,"currentPlacement"),B=v(E,"placement"),[W,j]=V(R),[G,D]=V(R);w((()=>{B!==G&&D(B)}),[B]),w((()=>{R!==G&&D(R)}),[R]),w((()=>{L&&G!==W&&j(G)}),[L,G,W]);const $=S((()=>T&&L?"open":"closed"),[T,L]),F=S((()=>T?f:"none"),[T,f]),X=P(G),K=(({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:l,spacing:a}),Y=S((()=>b[n]),[n]);return N(_,{initial:!1,children:N(m,{gutter:Y,sameWidth:g,focusable:C,store:E,ref:k,portalElement:M,portal:I,...H,render:N(A,{backgroundColor:o,gap:r,spacing:a,spacingBottom:t,spacingEnd:d,spacingStart:i,spacingTop:s,borderRadius:l,borderColor:c,borderWidth:h,overflow:p,animate:$,variants:X,dropShadow:F,className:e("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",!y&&K,x),children:z})})})})),G=M((function({role:r="separator",contentPosition:e="start",gap:d="4",children:i,spacingVertical:s=(i?"2":"0"),spacingHorizontal:n=(i?"4":"0"),className:o,...l},c){const u={root:a({menuDividerVariantRoot:"default",className:o}),text:a({menuDividerVariantText:"default"})};return N(t,{ref:c,role:r,variant:"inherit",contentPosition:e,gap:d,spacingVertical:s,spacingHorizontal:n,className:u.root,layerClassNames:u,...l,children:i})}));G.displayName="MenuDivider";var D=d(),$=M((function({className:r,asChild:e,onPress:t,onClick:d=t,backgroundColor:i,borderRadius:s,borderTopStartRadius:n,borderTopEndRadius:o,borderBottomStartRadius:l,borderBottomEndRadius:c,borderColor:u,borderStartColor:m,borderEndColor:h,borderTopColor:p,borderBottomColor:f,borderWidth:x,borderVerticalWidth:v,borderHorizontalWidth:b,borderStartWidth:g,borderEndWidth:_,borderTopWidth:C,borderBottomWidth:z,alignContent:M,alignItems:V,alignSelf:w,flex:S,flexDirection:I,flexGrow:y,flexShrink:H,flexWrap:k,justifyContent:E,flexBasis:T,display:L,overflow:A,overflowX:R,overflowY:B,position:W,spacing:P,spacingHorizontal:j,spacingVertical:G,spacingBottom:$,spacingEnd:F,spacingStart:X,spacingTop:K,offset:Y,offsetVertical:q,offsetHorizontal:J,offsetBottom:O,offsetEnd:Q,offsetStart:U,offsetTop:Z,columnGap:rr,rowGap:er,dropShadow:ar,insetShadow:tr,...dr},ir){const sr=a({backgroundColor:i,borderRadius:s,borderTopStartRadius:n,borderTopEndRadius:o,borderBottomStartRadius:l,borderBottomEndRadius:c,borderColor:u,borderStartColor:m,borderEndColor:h,borderTopColor:p,borderBottomColor:f,borderWidth:x,borderVerticalWidth:v,borderHorizontalWidth:b,borderStartWidth:g,borderEndWidth:_,borderTopWidth:C,borderBottomWidth:z,alignContent:M,alignItems:V,alignSelf:w,flex:S,flexDirection:I,flexGrow:y,flexShrink:H,flexWrap:k,justifyContent:E,flexBasis:T,display:L,overflow:A,overflowX:R,overflowY:B,position:W,spacing:P,spacingHorizontal:j,spacingVertical:G,spacingBottom:$,spacingEnd:F,spacingStart:X,spacingTop:K,offset:Y,offsetVertical:q,offsetHorizontal:J,offsetBottom:O,offsetEnd:Q,offsetStart:U,offsetTop:Z,columnGap:rr,rowGap:er,dropShadow:ar,insetShadow:tr,className:r});return N(e?D:"button",{className:sr,ref:ir,onClick:d,...dr})})),F="uds-menu-item",X={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},K=M((function({spacing:r="0",spacingBottom:t,spacingEnd:d,spacingHorizontal:o="4",spacingStart:l,spacingTop:c,spacingVertical:u="3.5",columnGap:m="2",className:h,children:p,endIcon:f,startIcon:x,hideEndIcon:v,active:b,disabled:C,as:z,rootProps:M,name:V,alignItems:w="center",justifyContent:y="space-between",layerClassNames:H,...E},T){const L=I.count(p)>1,A=(({active:r,disabled:a,className:t})=>e(F,"focus-visible:text-brand","focus-visible:bg-brand-secondary","focus-visible:z-10","uds-ring","!-outline-offset-2",r&&["[&:not([aria-checked])]:cursor-default"],a&&"opacity-25 cursor-not-allowed","duration-20 transition-[font-variation-settings] ease-in-out","z-0",t))({active:b,disabled:C,className:h}),R=a({className:e(`${F}-content truncate`,H?.text),textAlign:"start",...L&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),B=S((()=>({root:a({menuSizeRoot:"default",className:e(H?.root,A)}),startIcon:a({menuSizeStartIcon:"default",className:H?.startIcon}),endIcon:a({menuSizeEndIcon:"default",className:H?.endIcon})})),[H,A]);return N(i,{asChild:!0,spacing:r,spacingBottom:t,spacingEnd:d,spacingHorizontal:o,spacingStart:l,spacingTop:c,spacingVertical:u,columnGap:m,className:B.root,alignItems:w,justifyContent:y,children:k(z,{render:N($,{ref:T,...E}),name:V??"",disabled:C,...M,children:[k(s,{gap:m,alignItems:"center",width:"full",children:[N(_,{initial:!1,children:x&&N(g.span,{variants:X,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:N(n,{icon:x,className:B.startIcon,iconProps:{size:"sm",variant:b?"fill":"outline",color:"current"}})})}),N("span",{className:R,children:p})]}),N(_,{initial:!1,mode:"popLayout",children:!v&&f&&N(g.span,{variants:X,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:N(n,{icon:f,className:B.endIcon,iconProps:{size:"sm",variant:b?"fill":"outline",color:"current"}})})})]})})})),Y=M((function({active:r,...e},t){const d={root:a({menuItemVariantRoot:"default",menuItemVariantActiveRoot:r?"on":"off"}),text:a({menuItemVariantText:"default",menuItemVariantActiveText:r?"on":"off"}),startIcon:a({menuItemVariantIcon:"default",menuItemVariantActiveIcon:r?"on":"off"})};return N(K,{ref:t,as:h,active:r,layerClassNames:d,...e})}));Y.displayName="MenuItem";var q=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return N(E,{children:N("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 N(E,{children:N("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 N(E,{children:N("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"===e)switch(r){case"sm":return N(E,{children:N("path",{fill:"currentColor",d:"M4.5 4v2h2V4zm2 3.5h-2v2h2zM12 4l3 1.27V15h-3zM1 1h9v14H1z"})});case"md":return N(E,{children:N("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 N(E,{children:N("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 N(E,{})};q.metadata={name:"Building",isSvgIcon:!0,variants:["outline","fill"]};var J=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return N(E,{children:N("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 N(E,{children:N("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 N(E,{children:N("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"===e)switch(r){case"sm":return N(E,{children:N("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 N(E,{children:N("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 N(E,{children:N("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 N(E,{})};J.metadata={name:"Check",isSvgIcon:!0,variants:["outline","fill"]};var O=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return N(E,{children:N("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 N(E,{children:N("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 N(E,{children:N("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"===e)switch(r){case"sm":return N(E,{children:N("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 N(E,{children:N("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 N(E,{children:N("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 N(E,{})};O.metadata={name:"Cross",isSvgIcon:!0,variants:["outline","fill"]};var Q=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return N(E,{children:N("path",{fill:"currentColor",d:"M12.7 8.7H3.3V7.3h9.4z"})});case"md":return N(E,{children:N("path",{fill:"currentColor",d:"M2.97 10.75h17.838v2.1H2.97z"})});case"lg":return N(E,{children:N("path",{fill:"currentColor",d:"M27 17H4.7v-2.3H27z"})})}if("fill"===e)switch(r){case"sm":return N(E,{children:N("path",{fill:"currentColor",d:"M12.8 8.8H3.2V7.2h9.6z"})});case"md":return N(E,{children:N("path",{fill:"currentColor",d:"M2.966 10.75h18.068v2.5H2.966z"})});case"lg":return N(E,{children:N("path",{fill:"currentColor",d:"M27.3 17.3H4.7v-2.6h22.6z"})})}return N(E,{})};Q.metadata={name:"Minus",isSvgIcon:!0,variants:["outline","fill"]};var U=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return N(E,{children:N("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 N(E,{children:N("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 N(E,{children:N("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"===e)switch(r){case"sm":return N(E,{children:N("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 N(E,{children:N("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 N(E,{children:N("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 N(E,{})};U.metadata={name:"Person",isSvgIcon:!0,variants:["outline","fill"]};var Z=({size:r,variant:e})=>{if("outline"===e)switch(r){case"sm":return N(E,{children:N("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 N(E,{children:N("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 N(E,{children:N("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"===e)switch(r){case"sm":return N(E,{children:N("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 N(E,{children:N("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 N(E,{children:N("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 N(E,{})};Z.metadata={name:"Progress",isSvgIcon:!0,variants:["outline","fill"]};var rr=M((function({name:r,endIcon:t=J,checked:d,defaultChecked:i,className:s,...n},o){const l=r,c=y(!1),m=u(),h=T(m);w((()=>{!c.current&&void 0!==i&&m&&(m.setValues((r=>({...r,[l]:i}))),c.current=!0)}),[m,i,l]);const f=S((()=>{if(void 0!==d)return d;if(h?.items?.length){const r=h?.items.find((r=>r.element?.name===l));if(r?.element)return r.element.checked}const r=h?.values[l];return"boolean"==typeof r?r:i??!1}),[h?.items,h?.values,l,d,i]),x=H((r=>{void 0===d&&m?.setValues((e=>({...e,[l]:r.target.checked})))}),[l,m,d]),v={root:a({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:f?"on":"off"}),text:a({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:f?"on":"off"}),startIcon:a({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:f?"on":"off"}),endIcon:a({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:f?"on":"off"})};return N(K,{ref:o,as:p,hideEndIcon:!f,endIcon:t,active:f,className:e("uds-menu-item-checkbox",s),layerClassNames:v,rootProps:{name:r,onChange:x,defaultChecked:i,checked:void 0!==d?d:void 0},...n})}));rr.displayName="MenuItemCheckbox";var er=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},ar=r=>{const[e,a]=V(er);return w((()=>{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(er())}));return()=>e.disconnect()}),[r?.explicit]),e},tr={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}}},dr=()=>import("./motionFeatures-SJISLQ4M.js").then((({domAnimation:r})=>r));function ir({reducedMotion:r="user",children:e,layoutVariant:a="subtle",layoutSpeed:t="3",colorVariant:d="smooth",colorSpeed:i="3"}){const s=tr[a][t],n=tr[d][i],[l,c]=V(s),[u,m]=V(n),h={variant:d,speed:i},p=o({...h,control:"stiffness"}),f=o({...h,control:"damping"}),x={variant:a,speed:t},v=o({...x,control:"stiffness"}),b=o({...x,control:"damping"});w((()=>{const r=getComputedStyle(document.documentElement),e={damping:Number(r.getPropertyValue(b)),stiffness:Number(r.getPropertyValue(v))},a={damping:Number(r.getPropertyValue(f)),stiffness:Number(r.getPropertyValue(p))};c(e),m(a)}),[f,p,b,v]);const g=S((()=>({type:"spring",mass:1,...l,layout:l,opacity:u,color:u,borderColor:u,backgroundColor:u})),[u,l]);return N(C,{features:dr,strict:!0,children:N(z,{transition:g,reducedMotion:r,children:e})})}var sr=function({placement:r="bottom",rtl:e,...a}){const t=ar({explicit:e}),d=((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,t]=r.split("-");if(!("start"!==e&&"end"!==e||"top"!==t&&"bottom"!==t))return`${"start"===e?a?"right":"left":a?"left":"right"}-${"bottom"===t?"end":"start"}`;if("top"===e||"bottom"===e)return`${e}-${"start"===t?a?"end":"start":a?"start":"end"}`}return r})(r,{rtl:t});return N(ir,{children:N(f,{placement:d,rtl:t,...a})})},nr=M((function({asChild:r,className:a,...t},d){const s=y(null),n=r?N(i,{ref:s,className:"uds-ring h-fit w-fit"}):void 0,o=H((()=>{const r=s.current?.firstChild;r instanceof HTMLElement&&"function"==typeof r.focus&&r.focus()}),[s]);return N(x,{onFocus:o,onFocusVisible:o,ref:d,render:n,className:e("uds-menu-trigger",a),...t})}));
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{L as Menu_index_exports,$ as Pressable,ir as SpringMotionConfig,J as a,O as a2,U as e,Z as e2,Q as l,q as t};
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import{variants as o}from"./chunk-GSO3MC65.js";import{textVariants as r,backgroundColors as t,foregroundColors as e,spectrumColors as i,borderRadii as n,borderWidths as a,lineColors as l}from"@yahoo/uds/fixtures";import{getFeatureFlags as s}from"@yahoo/uds/flags";import d from"clsx";import c from"imurmurhash";import{extendTailwindMerge as f}from"tailwind-merge";import{forwardRef as p,useMemo as u,memo as h,isValidElement as m,cloneElement as b,Children as g}from"react";import{jsx as x,jsxs as v}from"react/jsx-runtime";import{isFunction as y}from"lodash-es";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
|
2
|
+
function S(o){return"boolean"==typeof o?`${o}`:0===o?"0":o}function W(o){const r=Object.create(null),t=Object.keys(o);for(let e=0,i=t.length;e<i;e++){const i=t[e];void 0!==o[i]&&(r[i]=o[i])}return r}var C=f({extend:{theme:{borderColor:l,borderWidth:a,borderRadius:n}},override:{classGroups:{"text-color":[{text:[...e,...i]}],"bg-color":[{bg:t}],"font-family":[{font:["icons",...r]}],leading:[{leading:r}]},conflictingClassGroups:{}}}),w=(...o)=>{const r=d(o);return C(r)},B=o=>r=>{if(!o?.variants)return w(o?.base,r?.className);const{variants:t,defaultVariants:e}=o,i=Object.keys(t).map((o=>{const i=r?.[o],n=e?.[o],a=S(i)||S(n);return t[o][a]})),n={...e,...r&&W(r)},a=o?.compoundVariants?.reduce(((o,{className:r,...t})=>Object.entries(t).every((([o,r])=>n[o]===r))?w(o,r):o),"");return w(o?.base,i,a,r?.className)},T=B({variants:o}),N=new Map,E=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,i=t.length;e<i;e++){const i=t[e];r[i]=o[i]}return r}(W(o)),t=(new c).hash(JSON.stringify(r)).result();if(N.has(t))return N.get(t);const e=T(r);return N.set(t,e),e}return T(o)};function R(...o){return r=>o.forEach((o=>function(o,r){"function"==typeof o?o(r):null!=o&&(o.current=r)}(o,r)))}function G(){const o=p(((o,t)=>{const{children:i,...n}=o,a=g.toArray(i),l=a.find(e);if(l){const o=l.props.children,e=a.map((r=>r===l?g.count(o)>1?g.only(null):m(o)?o.props.children:null:r));return x(r,{...n,ref:t,children:m(o)?b(o,void 0,e):null})}return x(r,{...n,ref:t,children:i})}));o.displayName="Slot";const r=p(((o,r)=>{const{children:t,...e}=o;return m(t)?b(t,{...i(e,t.props),ref:r?R(r,t.ref):t.ref}):g.count(t)>1?g.only(null):null}));r.displayName="SlotClone";const t=({children:o})=>o;function e(o){return m(o)&&o.type===t}function i(o,r){const t={...r};for(const e in r){const i=o[e],n=r[e];/^on[A-Z]/.test(e)?i&&n?t[e]=(...o)=>{n(...o),i(...o)}:i&&(t[e]=i):"style"===e&&(t[e]={...i,...n})}return{...o,...t}}return o}var z=G(),V=p((function({asChild:o,className:r,backgroundColor:t,borderRadius:e,borderTopStartRadius:i,borderTopEndRadius:n,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:c,borderTopColor:f,borderBottomColor:p,borderWidth:u,borderVerticalWidth:h,borderHorizontalWidth:m,borderStartWidth:b,borderEndWidth:g,borderTopWidth:v,borderBottomWidth:y,alignContent:S,alignItems:W,alignSelf:C,flex:w,flexDirection:B,flexGrow:T,flexShrink:N,flexWrap:R,justifyContent:G,flexBasis:V,display:k="flex",overflow:H,overflowX:j,overflowY:O,position:D,spacing:I,spacingHorizontal:A,spacingVertical:X,spacingBottom:Y,spacingEnd:$,spacingStart:L,spacingTop:M,offset:F,offsetVertical:P,offsetHorizontal:J,offsetBottom:Z,offsetEnd:_,offsetStart:q,offsetTop:K,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,...io},no){const ao=E({backgroundColor:t,borderRadius:e,borderTopStartRadius:i,borderTopEndRadius:n,borderBottomStartRadius:a,borderBottomEndRadius:l,borderColor:s,borderStartColor:d,borderEndColor:c,borderTopColor:f,borderBottomColor:p,borderWidth:u,borderVerticalWidth:h,borderHorizontalWidth:m,borderStartWidth:b,borderEndWidth:g,borderTopWidth:v,borderBottomWidth:y,alignContent:S,alignItems:W,alignSelf:C,flex:w,flexDirection:B,flexGrow:T,flexShrink:N,flexWrap:R,justifyContent:G,flexBasis:V,display:k,overflow:H,overflowX:j,overflowY:O,position:D,spacing:I,spacingHorizontal:A,spacingVertical:X,spacingBottom:Y,spacingEnd:$,spacingStart:L,spacingTop:M,offset:F,offsetVertical:P,offsetHorizontal:J,offsetBottom:Z,offsetEnd:_,offsetStart:q,offsetTop:K,columnGap:Q,rowGap:U,width:oo,height:ro,dropShadow:to,insetShadow:eo,className:r});return x(o?z:"div",{className:ao,ref:no,...io})}));V.displayName="Box";var k=(o,r)=>((o,r)=>{const t=y(r)?r:()=>r;return o.flatMap(((o,r)=>0!==r?[t(r),o]:[o]))})(g.toArray(o),(o=>{const t=y(r)?r(o):r;return m(t)?b(t,{...t.props,key:t.key??`interspersed-${o}`}):null})),H=p((function({gap:o,children:r,separator:t,...e},i){return x(V,{ref:i,flexDirection:"row",rowGap:o,columnGap:o,...e,children:t?k(r,t):r})}));H.displayName="HStack";var j=G(),O={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"},D=p((function({className:o,asChild:r,color:t="primary",variant:e="body1",as:i=O[e],fontFamily:n,fontSize:a,fontWeight:l,lineHeight:s,textTransform:d,textAlign:c,backgroundColor:f,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:h,borderBottomStartRadius:m,borderBottomEndRadius:b,borderColor:g,borderStartColor:v,borderEndColor:y,borderTopColor:S,borderBottomColor:W,borderWidth:C,borderVerticalWidth:w,borderHorizontalWidth:B,borderStartWidth:T,borderEndWidth:N,borderTopWidth:R,borderBottomWidth:G,alignContent:z,alignItems:V,alignSelf:k,flex:H,flexDirection:D,flexGrow:I,flexShrink:A,flexWrap:X,justifyContent:Y,flexBasis:$,display:L,overflow:M,overflowX:F,overflowY:P,position:J,spacing:Z,spacingHorizontal:_,spacingVertical:q,spacingBottom:K,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:io,offsetEnd:no,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:co,...fo},po){const uo={...t&&"inherit"!==t?{color:t}:{},...e&&"inherit"!==e?{fontFamily:n??e,fontSize:a??e,fontWeight:l??e,lineHeight:s??e,textTransform:d??e}:{},textAlign:c},ho=E({className:o,...uo,backgroundColor:f,borderRadius:p,borderTopStartRadius:u,borderTopEndRadius:h,borderBottomStartRadius:m,borderBottomEndRadius:b,borderColor:g,borderStartColor:v,borderEndColor:y,borderTopColor:S,borderBottomColor:W,borderWidth:C,borderVerticalWidth:w,borderHorizontalWidth:B,borderStartWidth:T,borderEndWidth:N,borderTopWidth:R,borderBottomWidth:G,alignContent:z,alignItems:V,alignSelf:k,flex:H,flexDirection:D,flexGrow:I,flexShrink:A,flexWrap:X,justifyContent:Y,flexBasis:$,display:L,overflow:M,overflowX:F,overflowY:P,position:J,spacing:Z,spacingHorizontal:_,spacingVertical:q,spacingBottom:K,spacingEnd:Q,spacingStart:U,spacingTop:oo,offset:ro,offsetVertical:to,offsetHorizontal:eo,offsetBottom:io,offsetEnd:no,offsetStart:ao,offsetTop:lo,columnGap:so,rowGap:co});return x(r?j:i,{className:ho,ref:po,...fo})}));D.displayName="Text";var I=p((function({gap:o,children:r,separator:t,...e},i){return x(V,{ref:i,flexDirection:"column",columnGap:o,rowGap:o,...e,children:t?k(r,t):r})}));I.displayName="VStack";var A={horizontal:"w-full",vertical:""},X=p((function({vertical:o=!1,variant:r="primary",contentPosition:t="center",className:e,children:i,layerClassNames:n,...a},l){const s=o?"vertical":"horizontal",d=o?I:H,c=u((()=>w(A[s],"inherit"!==r&&E({dividerVariantRoot:r}),e,n?.root)),[r,e,s,n]),f=u((()=>w("inherit"!==r?E({dividerVariantLabel:r}):void 0,n?.text)),[r,n]),p=u((()=>w("inherit"!==r&&E({dividerVariantLine:r}),n?.line)),[r,n]),h=u((()=>"vertical"===s?{borderTopWidth:0,borderRightWidth:0,borderBottomWidth:0}:{borderLeftWidth:0,borderRightWidth:0,borderBottomWidth:0}),[s]),m=()=>x(V,{flex:"1",className:p,style:h});return i?v(d,{flex:"1",alignItems:"center",className:c,ref:l,...a,children:["start"!==t&&x(m,{}),x(V,{flex:"none",children:x(D,{color:"inherit",variant:"inherit",className:f,children:i})}),"end"!==t&&x(m,{})]}):x(V,{display:"flex",flex:"none",className:c,ref:l,...a,children:x(m,{})})}));X.displayName="Divider";var Y={sm:16,md:24,lg:32},$=p((function({name:o,size:r="md",variant:t="outline",color:e="primary",className:i,...n},a){const l=o.metadata?.variants??[],s=l.includes(t)?t:l[0]??"fill",d="multicolor"===s,c=E({flex:"none",color:d?void 0:e,className:w(i,!d&&"[&_path]:fill-current")}),f=Y[r];return x("svg",{ref:a,xmlns:"http://www.w3.org/2000/svg",width:f,height:f,viewBox:`0 0 ${f} ${f}`,"aria-hidden":"true",focusable:"false",className:c,...n,children:x(o,{size:r,variant:s})})}));$.displayName="Icon";var L=h((function({icon:o,iconProps:r,...t}){if(!o)return null;const e=r??{},i=o;if(i.metadata?.isSvgIcon)return x($,{name:i,...e,...t});if(y(o)){const r=o(e);return m(r)&&b(r,t)}return m(o)&&b(o,{...e,...o.props,...t})}));
|
3
|
+
/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */export{V as Box,X as Divider,H as HStack,$ as Icon,L as IconSlot,D as Text,I as VStack,G as createSlot,B as cva,w as cx,E as getStyles};
|
@@ -0,0 +1,2 @@
|
|
1
|
+
"use client";
|
2
|
+
"use strict";var e=require("../chunk-N6WXVEVH.cjs");require("../chunk-4NOF6FBP.cjs"),require("../chunk-P4XGJJCM.cjs"),require("../chunk-J7PUOUXC.cjs"),require("../chunk-IC335V3E.cjs"),require("../chunk-HTL6WRXY.cjs"),require("../chunk-NUEZVMWZ.cjs"),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return e.Menu_index_exports}});
|
@@ -0,0 +1,10 @@
|
|
1
|
+
export { M as Menu, a as MenuContentProps, b as MenuDividerProps, c as MenuItemCheckboxProps, d as MenuItemProps, e as MenuPlacement, f as MenuProviderProps, g as MenuTriggerProps } from '../Menu-DR13-K-l.cjs';
|
2
|
+
import 'react';
|
3
|
+
import '@ariakit/react/menu';
|
4
|
+
import '../types-TxDF_k0q.cjs';
|
5
|
+
import '@yahoo/uds-icons/types';
|
6
|
+
import 'motion/react';
|
7
|
+
import 'type-fest';
|
8
|
+
import '../VStack-cakCiiUo.cjs';
|
9
|
+
import 'react/jsx-runtime';
|
10
|
+
import '@ariakit/react';
|
@@ -0,0 +1,10 @@
|
|
1
|
+
export { M as Menu, a as MenuContentProps, b as MenuDividerProps, c as MenuItemCheckboxProps, d as MenuItemProps, e as MenuPlacement, f as MenuProviderProps, g as MenuTriggerProps } from '../Menu-OM1LtJ1C.js';
|
2
|
+
import 'react';
|
3
|
+
import '@ariakit/react/menu';
|
4
|
+
import '../types-TxDF_k0q.js';
|
5
|
+
import '@yahoo/uds-icons/types';
|
6
|
+
import 'motion/react';
|
7
|
+
import 'type-fest';
|
8
|
+
import '../VStack-vuPYMALn.js';
|
9
|
+
import 'react/jsx-runtime';
|
10
|
+
import '@ariakit/react';
|