@yahoo/uds 3.45.0 → 3.46.1

package/cli/FlattenButtonVariant.mock.tsx

@@ -0,0 +1,17 @@
+import { Button, HStack, IconButton } from '@yahoo/uds';
+import { Cross } from '@yahoo/uds-icons';
+
+export const PageA = () => {
+  return (
+    <HStack>
+     <Button variant="brand-secondary">Click me</Button><IconButton name={Cross} />
+<Button variant="primary">Click me</Button><IconButton name={Cross} variant="primary" />
+<Button variant="secondary">Click me</Button><IconButton name={Cross} variant="brand" />
+<Button variant="warning-tertiary">Click me</Button><IconButton name={Cross} variant="brand-tertiary" />
+<Button>Click me</Button><IconButton name={Cross} />
+<Button variant="tertiary">Click me</Button><IconButton name={Cross} variant="brand-tertiary" />
+<Button variant="secondary">Click me</Button><IconButton name={Cross} variant="secondary" />
+<Button variant="tertiary">Click me</Button><IconButton name={Cross} variant="tertiary" />
+    </HStack>
+  );
+}

package/dist/{Box-BszUq90m.d.cts → Box-BFRDyWaq.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalBoxProps } from './types-BjC_7-k2.cjs';
+import { b as UniversalBoxProps } from './types-Da_DnBJy.cjs';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{Box-DEfrn3fl.d.cts → Box-CVbnF3KY.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalBoxProps } from './types-QcNiQpTN.cjs';
+import { b as UniversalBoxProps } from './types-D6kYghpa.cjs';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{Box-Bb7K7p9Y.d.ts → Box-KZ1-_3Y1.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalBoxProps } from './types-QcNiQpTN.js';
+import { b as UniversalBoxProps } from './types-D6kYghpa.js';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{Box-rp6YZjmu.d.ts → Box-MHJ0-0M3.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { a as UniversalBoxProps } from './types-BjC_7-k2.js';
+import { b as UniversalBoxProps } from './types-Da_DnBJy.js';
 
 type DivProps = React.HTMLAttributes<HTMLDivElement>;
 interface BoxProps extends UniversalBoxProps, DivProps {

package/dist/{Pressable-C63zG2kT.d.ts → Pressable-BCKijzW4.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { U as UniversalPressableProps } from './types-BjC_7-k2.js';
+import { a as UniversalPressableProps } from './types-D6kYghpa.js';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Pressable-DSib3hLU.d.cts → Pressable-DM2L9PzA.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { U as UniversalPressableProps } from './types-QcNiQpTN.cjs';
+import { a as UniversalPressableProps } from './types-D6kYghpa.cjs';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Pressable-D7DK0hiN.d.ts → Pressable-DVLHV--n.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { U as UniversalPressableProps } from './types-QcNiQpTN.js';
+import { a as UniversalPressableProps } from './types-Da_DnBJy.js';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Pressable-DxU9SkLC.d.cts → Pressable-GdByxoJg.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { U as UniversalPressableProps } from './types-BjC_7-k2.cjs';
+import { a as UniversalPressableProps } from './types-Da_DnBJy.cjs';
 
 type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
 interface PressableProps extends UniversalPressableProps, HtmlButtonProps {

package/dist/{Text-CKHZdXGr.d.ts → Text-774Va3iq.d.ts}

@@ -1,55 +1,6 @@
 import * as react from 'react';
-import { InputHTMLAttributes, Ref } from 'react';
-import { l as UniversalInputProps, m as IconPropsWithSVGProps, n as UniversalTextProps } from './types-QcNiQpTN.js';
-import { HTMLMotionProps } from 'motion/react';
-import { B as BoxProps } from './Box-Bb7K7p9Y.js';
-
-type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
-type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
-type DataAttributes = {
-    [name: `data-${string}`]: string;
-};
-interface InputProps extends NativeInputProps, UniversalInputProps {
-    /** The type of the input element. Reduced set of options from the HTML input type attribute.
-     * @default 'text'
-     */
-    type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
-    /** Props to be passed into various slots within the component. */
-    slotProps?: {
-        input?: Partial<InputHTMLAttributes<HTMLInputElement> & DataAttributes>;
-        inputWrapper?: Partial<BoxProps & DataAttributes>;
-        startIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
-        endIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
-    };
-}
-/**
- * **📦 An input that allows users to enter text and collect data.**
- *
- * @componentType Client component
- *
- * @description
- * 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.
- *
- * @see
- * Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
- *
- * @usage
- * - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
- * - Search Bars: Allowing users to enter search queries to find content.
- * - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
- * - Feedback/Comments: Letting users leave reviews, comments, or feedback.
- *
- * @example
- * ```tsx
- * 'use client';
- * import { Input } from "@yahoo/uds";
- *
- * <Input label="Name" placeholder="Enter your name" required />
- *```
- *
- * @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
- **/
-declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+import { Ref } from 'react';
+import { U as UniversalTextProps } from './types-D6kYghpa.js';
 
 type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
@@ -134,4 +85,4 @@ declare const Text: react.ForwardRefExoticComponent<(Omit<{
     color?: ColorWithInherit;
 } & react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react.RefAttributes<HTMLElement>>;
 
-export { type InputProps as I, Text as T, type TextProps as a, Input as b };
+export { Text as T, type TextProps as a };

package/dist/{Text-D7fDoySn.d.ts → Text-Bq5NiVYm.d.cts}

@@ -1,55 +1,6 @@
 import * as react from 'react';
-import { InputHTMLAttributes, Ref } from 'react';
-import { l as UniversalInputProps, m as IconPropsWithSVGProps, n as UniversalTextProps } from './types-BjC_7-k2.js';
-import { HTMLMotionProps } from 'motion/react';
-import { B as BoxProps } from './Box-rp6YZjmu.js';
-
-type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
-type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
-type DataAttributes = {
-    [name: `data-${string}`]: string;
-};
-interface InputProps extends NativeInputProps, UniversalInputProps {
-    /** The type of the input element. Reduced set of options from the HTML input type attribute.
-     * @default 'text'
-     */
-    type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
-    /** Props to be passed into various slots within the component. */
-    slotProps?: {
-        input?: Partial<InputHTMLAttributes<HTMLInputElement> & DataAttributes>;
-        inputWrapper?: Partial<BoxProps & DataAttributes>;
-        startIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
-        endIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
-    };
-}
-/**
- * **📦 An input that allows users to enter text and collect data.**
- *
- * @componentType Client component
- *
- * @description
- * 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.
- *
- * @see
- * Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
- *
- * @usage
- * - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
- * - Search Bars: Allowing users to enter search queries to find content.
- * - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
- * - Feedback/Comments: Letting users leave reviews, comments, or feedback.
- *
- * @example
- * ```tsx
- * 'use client';
- * import { Input } from "@yahoo/uds";
- *
- * <Input label="Name" placeholder="Enter your name" required />
- *```
- *
- * @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
- **/
-declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+import { Ref } from 'react';
+import { U as UniversalTextProps } from './types-Da_DnBJy.cjs';
 
 type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
@@ -134,4 +85,4 @@ declare const Text: react.ForwardRefExoticComponent<(Omit<{
     color?: ColorWithInherit;
 } & react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react.RefAttributes<HTMLElement>>;
 
-export { type InputProps as I, Text as T, type TextProps as a, Input as b };
+export { Text as T, type TextProps as a };

package/dist/{Text-C3CsZeMW.d.cts → Text-C58YvnSu.d.cts}

@@ -1,55 +1,6 @@
 import * as react from 'react';
-import { InputHTMLAttributes, Ref } from 'react';
-import { l as UniversalInputProps, m as IconPropsWithSVGProps, n as UniversalTextProps } from './types-QcNiQpTN.cjs';
-import { HTMLMotionProps } from 'motion/react';
-import { B as BoxProps } from './Box-DEfrn3fl.cjs';
-
-type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
-type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
-type DataAttributes = {
-    [name: `data-${string}`]: string;
-};
-interface InputProps extends NativeInputProps, UniversalInputProps {
-    /** The type of the input element. Reduced set of options from the HTML input type attribute.
-     * @default 'text'
-     */
-    type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
-    /** Props to be passed into various slots within the component. */
-    slotProps?: {
-        input?: Partial<InputHTMLAttributes<HTMLInputElement> & DataAttributes>;
-        inputWrapper?: Partial<BoxProps & DataAttributes>;
-        startIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
-        endIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
-    };
-}
-/**
- * **📦 An input that allows users to enter text and collect data.**
- *
- * @componentType Client component
- *
- * @description
- * 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.
- *
- * @see
- * Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
- *
- * @usage
- * - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
- * - Search Bars: Allowing users to enter search queries to find content.
- * - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
- * - Feedback/Comments: Letting users leave reviews, comments, or feedback.
- *
- * @example
- * ```tsx
- * 'use client';
- * import { Input } from "@yahoo/uds";
- *
- * <Input label="Name" placeholder="Enter your name" required />
- *```
- *
- * @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
- **/
-declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+import { Ref } from 'react';
+import { U as UniversalTextProps } from './types-D6kYghpa.cjs';
 
 type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
@@ -134,4 +85,4 @@ declare const Text: react.ForwardRefExoticComponent<(Omit<{
     color?: ColorWithInherit;
 } & react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react.RefAttributes<HTMLElement>>;
 
-export { type InputProps as I, Text as T, type TextProps as a, Input as b };
+export { Text as T, type TextProps as a };

package/dist/{Text-Lx0U-l_u.d.cts → Text-IGbWWF7a.d.ts}

@@ -1,55 +1,6 @@
 import * as react from 'react';
-import { InputHTMLAttributes, Ref } from 'react';
-import { l as UniversalInputProps, m as IconPropsWithSVGProps, n as UniversalTextProps } from './types-BjC_7-k2.cjs';
-import { HTMLMotionProps } from 'motion/react';
-import { B as BoxProps } from './Box-BszUq90m.cjs';
-
-type HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;
-type NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;
-type DataAttributes = {
-    [name: `data-${string}`]: string;
-};
-interface InputProps extends NativeInputProps, UniversalInputProps {
-    /** The type of the input element. Reduced set of options from the HTML input type attribute.
-     * @default 'text'
-     */
-    type?: Exclude<NativeInputProps['type'], 'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'>;
-    /** Props to be passed into various slots within the component. */
-    slotProps?: {
-        input?: Partial<InputHTMLAttributes<HTMLInputElement> & DataAttributes>;
-        inputWrapper?: Partial<BoxProps & DataAttributes>;
-        startIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
-        endIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;
-    };
-}
-/**
- * **📦 An input that allows users to enter text and collect data.**
- *
- * @componentType Client component
- *
- * @description
- * 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.
- *
- * @see
- * Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
- *
- * @usage
- * - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).
- * - Search Bars: Allowing users to enter search queries to find content.
- * - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.
- * - Feedback/Comments: Letting users leave reviews, comments, or feedback.
- *
- * @example
- * ```tsx
- * 'use client';
- * import { Input } from "@yahoo/uds";
- *
- * <Input label="Name" placeholder="Enter your name" required />
- *```
- *
- * @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).
- **/
-declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+import { Ref } from 'react';
+import { U as UniversalTextProps } from './types-Da_DnBJy.js';
 
 type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li' | 'sup';
 type ColorWithInherit = Exclude<UniversalTextProps['color'], undefined> | 'inherit';
@@ -134,4 +85,4 @@ declare const Text: react.ForwardRefExoticComponent<(Omit<{
     color?: ColorWithInherit;
 } & react.ClassAttributes<HTMLSpanElement> & react.HTMLAttributes<HTMLSpanElement> & Omit<UniversalTextProps, "color" | "variant">, "ref">) & react.RefAttributes<HTMLElement>>;
 
-export { type InputProps as I, Text as T, type TextProps as a, Input as b };
+export { Text as T, type TextProps as a };

package/dist/{VStack-87hTczLi.d.ts → VStack-4KrkGBKP.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { p as UniversalStackProps, q as UniversalDividerProps } from './types-QcNiQpTN.js';
-import { B as BoxProps, D as DivProps } from './Box-Bb7K7p9Y.js';
+import { n as UniversalStackProps, o as UniversalDividerProps } from './types-D6kYghpa.js';
+import { B as BoxProps, D as DivProps } from './Box-KZ1-_3Y1.js';
 
 interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
     layerClassNames?: {

package/dist/{VStack-DEZSzKwk.d.cts → VStack-AyF9g6Xi.d.cts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { p as UniversalStackProps, q as UniversalDividerProps } from './types-BjC_7-k2.cjs';
-import { B as BoxProps, D as DivProps } from './Box-BszUq90m.cjs';
+import { n as UniversalStackProps, o as UniversalDividerProps } from './types-D6kYghpa.cjs';
+import { B as BoxProps, D as DivProps } from './Box-CVbnF3KY.cjs';
 
 interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
     layerClassNames?: {

package/dist/{VStack-CHyGJrsT.d.ts → VStack-CppUZHJL.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { p as UniversalStackProps, q as UniversalDividerProps } from './types-BjC_7-k2.js';
-import { B as BoxProps, D as DivProps } from './Box-rp6YZjmu.js';
+import { n as UniversalStackProps, o as UniversalDividerProps } from './types-Da_DnBJy.js';
+import { B as BoxProps, D as DivProps } from './Box-MHJ0-0M3.js';
 
 interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
     layerClassNames?: {

package/dist/{VStack-DvWrNv1Y.d.cts → VStack-UmkAYRN1.d.cts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { p as UniversalStackProps, q as UniversalDividerProps } from './types-QcNiQpTN.cjs';
-import { B as BoxProps, D as DivProps } from './Box-DEfrn3fl.cjs';
+import { n as UniversalStackProps, o as UniversalDividerProps } from './types-Da_DnBJy.cjs';
+import { B as BoxProps, D as DivProps } from './Box-BFRDyWaq.cjs';
 
 interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
     layerClassNames?: {

package/dist/chunk-53CIH36M.js

@@ -0,0 +1 @@
+import{getStyles as o}from"./chunk-PMXAH4FA.js";import{jsx as r}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */function t({width:t,height:e,src:i,alt:d,contentFit:a,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:b,borderColor:c,borderStartColor:g,borderEndColor:h,borderTopColor:m,borderBottomColor:u,borderWidth:C,borderVerticalWidth:S,borderHorizontalWidth:W,borderStartWidth:x,borderEndWidth:B,borderTopWidth:w,borderBottomWidth:E,alignContent:T,alignItems:R,alignSelf:H,flex:v,flexDirection:z,flexGrow:G,flexShrink:V,flexWrap:k,justifyContent:y,flexBasis:j,display:F,overflow:X,overflowX:A,overflowY:D,position:I,spacing:Y,spacingHorizontal:M,spacingVertical:N,spacingBottom:P,spacingEnd:q,spacingStart:J,spacingTop:K,offset:L,offsetVertical:O,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro,...to}){const eo=o({contentFit:a,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:b,borderColor:c,borderStartColor:g,borderEndColor:h,borderTopColor:m,borderBottomColor:u,borderWidth:C,borderVerticalWidth:S,borderHorizontalWidth:W,borderStartWidth:x,borderEndWidth:B,borderTopWidth:w,borderBottomWidth:E,alignContent:T,alignItems:R,alignSelf:H,flex:v,flexDirection:z,flexGrow:G,flexShrink:V,flexWrap:k,justifyContent:y,flexBasis:j,display:F,overflow:X,overflowX:A,overflowY:D,position:I,spacing:Y,spacingHorizontal:M,spacingVertical:N,spacingBottom:P,spacingEnd:q,spacingStart:J,spacingTop:K,offset:L,offsetVertical:O,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro});return r("img",{src:i,alt:d,className:eo,style:{width:t,height:e},...to})}export{t as Image};

package/dist/chunk-H2XDX4D2.cjs

@@ -0,0 +1 @@
+"use strict";var o=require("./chunk-3VUEFW4X.cjs"),r=require("react/jsx-runtime");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Image=function({width:t,height:e,src:i,alt:d,contentFit:a,backgroundColor:n,borderRadius:s,borderTopStartRadius:l,borderTopEndRadius:f,borderBottomStartRadius:c,borderBottomEndRadius:p,borderColor:b,borderStartColor:g,borderEndColor:h,borderTopColor:u,borderBottomColor:m,borderWidth:S,borderVerticalWidth:W,borderHorizontalWidth:C,borderStartWidth:x,borderEndWidth:B,borderTopWidth:E,borderBottomWidth:w,alignContent:T,alignItems:R,alignSelf:v,flex:V,flexDirection:y,flexGrow:z,flexShrink:G,flexWrap:H,justifyContent:j,flexBasis:k,display:F,overflow:I,overflowX:X,overflowY:q,position:D,spacing:Y,spacingHorizontal:N,spacingVertical:U,spacingBottom:A,spacingEnd:J,spacingStart:K,spacingTop:L,offset:M,offsetVertical:O,offsetHorizontal:P,offsetBottom:Q,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro,...to}){const eo=o.getStyles({contentFit:a,backgroundColor:n,borderRadius:s,borderTopStartRadius:l,borderTopEndRadius:f,borderBottomStartRadius:c,borderBottomEndRadius:p,borderColor:b,borderStartColor:g,borderEndColor:h,borderTopColor:u,borderBottomColor:m,borderWidth:S,borderVerticalWidth:W,borderHorizontalWidth:C,borderStartWidth:x,borderEndWidth:B,borderTopWidth:E,borderBottomWidth:w,alignContent:T,alignItems:R,alignSelf:v,flex:V,flexDirection:y,flexGrow:z,flexShrink:G,flexWrap:H,justifyContent:j,flexBasis:k,display:F,overflow:I,overflowX:X,overflowY:q,position:D,spacing:Y,spacingHorizontal:N,spacingVertical:U,spacingBottom:A,spacingEnd:J,spacingStart:K,spacingTop:L,offset:M,offsetVertical:O,offsetHorizontal:P,offsetBottom:Q,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro});return r.jsx("img",{src:i,alt:d,className:eo,style:{width:t,height:e},...to})};

package/dist/chunk-HPXOQ4QK.js

@@ -0,0 +1 @@
+import{getStyles as o}from"./chunk-7IYNK6VF.js";import{jsx as r}from"react/jsx-runtime";/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */function t({width:t,height:e,src:i,alt:d,contentFit:a,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:b,borderColor:c,borderStartColor:g,borderEndColor:h,borderTopColor:m,borderBottomColor:u,borderWidth:C,borderVerticalWidth:S,borderHorizontalWidth:W,borderStartWidth:x,borderEndWidth:B,borderTopWidth:w,borderBottomWidth:E,alignContent:T,alignItems:R,alignSelf:V,flex:v,flexDirection:z,flexGrow:G,flexShrink:H,flexWrap:k,justifyContent:y,flexBasis:j,display:F,overflow:I,overflowX:Y,overflowY:D,position:N,spacing:X,spacingHorizontal:K,spacingVertical:q,spacingBottom:A,spacingEnd:J,spacingStart:L,spacingTop:M,offset:O,offsetVertical:P,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro,...to}){const eo=o({contentFit:a,backgroundColor:n,borderRadius:l,borderTopStartRadius:s,borderTopEndRadius:f,borderBottomStartRadius:p,borderBottomEndRadius:b,borderColor:c,borderStartColor:g,borderEndColor:h,borderTopColor:m,borderBottomColor:u,borderWidth:C,borderVerticalWidth:S,borderHorizontalWidth:W,borderStartWidth:x,borderEndWidth:B,borderTopWidth:w,borderBottomWidth:E,alignContent:T,alignItems:R,alignSelf:V,flex:v,flexDirection:z,flexGrow:G,flexShrink:H,flexWrap:k,justifyContent:y,flexBasis:j,display:F,overflow:I,overflowX:Y,overflowY:D,position:N,spacing:X,spacingHorizontal:K,spacingVertical:q,spacingBottom:A,spacingEnd:J,spacingStart:L,spacingTop:M,offset:O,offsetVertical:P,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro});return r("img",{src:i,alt:d,className:eo,style:{width:t,height:e},...to})}export{t as Image};

package/dist/chunk-W7AQRGI5.cjs

@@ -0,0 +1 @@
+"use strict";var o=require("./chunk-JD7PX7BB.cjs"),r=require("react/jsx-runtime");/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */exports.Image=function({width:t,height:e,src:i,alt:d,contentFit:a,backgroundColor:n,borderRadius:s,borderTopStartRadius:l,borderTopEndRadius:f,borderBottomStartRadius:c,borderBottomEndRadius:p,borderColor:b,borderStartColor:g,borderEndColor:h,borderTopColor:u,borderBottomColor:m,borderWidth:S,borderVerticalWidth:B,borderHorizontalWidth:C,borderStartWidth:W,borderEndWidth:x,borderTopWidth:w,borderBottomWidth:E,alignContent:T,alignItems:R,alignSelf:v,flex:y,flexDirection:z,flexGrow:G,flexShrink:H,flexWrap:V,justifyContent:j,flexBasis:k,display:D,overflow:I,overflowX:X,overflowY:q,position:F,spacing:Y,spacingHorizontal:J,spacingVertical:N,spacingBottom:P,spacingEnd:A,spacingStart:K,spacingTop:L,offset:M,offsetVertical:O,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro,...to}){const eo=o.getStyles({contentFit:a,backgroundColor:n,borderRadius:s,borderTopStartRadius:l,borderTopEndRadius:f,borderBottomStartRadius:c,borderBottomEndRadius:p,borderColor:b,borderStartColor:g,borderEndColor:h,borderTopColor:u,borderBottomColor:m,borderWidth:S,borderVerticalWidth:B,borderHorizontalWidth:C,borderStartWidth:W,borderEndWidth:x,borderTopWidth:w,borderBottomWidth:E,alignContent:T,alignItems:R,alignSelf:v,flex:y,flexDirection:z,flexGrow:G,flexShrink:H,flexWrap:V,justifyContent:j,flexBasis:k,display:D,overflow:I,overflowX:X,overflowY:q,position:F,spacing:Y,spacingHorizontal:J,spacingVertical:N,spacingBottom:P,spacingEnd:A,spacingStart:K,spacingTop:L,offset:M,offsetVertical:O,offsetHorizontal:Q,offsetBottom:U,offsetEnd:Z,offsetStart:$,offsetTop:_,columnGap:oo,rowGap:ro});return r.jsx("img",{src:i,alt:d,className:eo,style:{width:t,height:e},...to})};

package/dist/client/Menu.cjs

@@ -1,3 +1,3 @@
 "use client";
-"use strict";var e=require("../chunk-GMQZWDKV.cjs"),r=require("../chunk-H5RFGJT6.cjs"),t=require("../chunk-IWTF6VT4.cjs"),a=require("../chunk-TWH2EAVG.cjs"),d=require("../chunk-3VUEFW4X.cjs"),s=require("../chunk-QLXJH36U.cjs"),n=require("@ariakit/react/menu"),i=require("react"),c=require("use-sync-external-store/shim/index.js"),o=require("@yahoo/uds/fixtures"),u=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);function h(e){return e}function _(e,r){const t=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(t,"Invalid store"),t[r]}var{useSyncExternalStore:v}=f.default;function g(e,r=h){const t=b.useCallback(r=>e?function(e,...r){if(e)return _(e,"subscribe")(...r)}(e,null,r):()=>{},[e]),a=()=>{const t="string"==typeof r?r:null,a="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(a)return a(d);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-var s,n;if(d&&(t&&(s=d,n=t,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[t]};return v(t,a,a)}var y=u.m.create(t.VStack),I=5,S=.97,w={top:{x:0,y:I},bottom:{x:0,y:-5},left:{x:I,y:0},right:{x:-5,y:0}},C=e=>i.useMemo(()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...w[r],opacity:0,scale:S},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),j=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:I,focusable:S,children:w,portalElement:j,portal:k=!0,disableAutoBorderRadius:N,...V},M){const E=n.useMenuContext(),R=g(E,"open"),O=g(E,"mounted"),P=g(E,"currentPlacement"),T=g(E,"placement"),[q,z]=i.useState(P),[A,H]=i.useState(P);i.useEffect(()=>{T!==A&&H(T)},[T]),i.useEffect(()=>{P!==A&&H(P)},[P]),i.useEffect(()=>{O&&A!==q&&z(A)},[O,A,q]);const B=i.useMemo(()=>R&&O?"open":"closed",[R,O]),D=i.useMemo(()=>R?_:"none",[R,_]),W=C(A),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}),G=i.useMemo(()=>o.spacingMap[x],[x]);return l.jsx(u.AnimatePresence,{initial:!1,children:l.jsx(n.Menu,{gutter:G,sameWidth:I,focusable:S,store:E,ref:M,portalElement:j,portal:k,...V,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:B,variants:W,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&&F,v),children:w})})})}),k=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,...o},u){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:u,role:r,variant:"inherit",contentPosition:t,gap:a,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...o,children:s})});k.displayName="MenuDivider";var N={};s.__export(N,{Content:()=>j,Divider:()=>k,Item:()=>R,ItemCheckbox:()=>O,Provider:()=>q,Trigger:()=>z,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var V="uds-menu-item",M={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:o,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:C="space-between",layerClassNames:j,...k},N){const E=i.Children.count(b)>1,R=(({active:e,disabled:r,className:t})=>d.cx(V,"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}),O=d.getStyles({className:d.cx(`${V}-content truncate`,j?.text),textAlign:"start",...E&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),P=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:o,spacingVertical:x,columnGap:m,className:P.root,alignItems:w,justifyContent:C,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(u.AnimatePresence,{initial:!1,children:h&&l.jsx(u.m.span,{variants:M,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:l.jsx(d.IconSlot,{icon:h,className:P.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),l.jsx("span",{className:O,children:b})]}),l.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:!_&&f&&l.jsx(u.m.span,{variants:M,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:l.jsx(d.IconSlot,{icon:f,className:P.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})})}),R=i.forwardRef(function({active:e,hideOnClick:r,...t},a){const s={root:d.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:d.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:d.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return l.jsx(E,{ref:a,as:n.MenuItem,active:e,layerClassNames:s,rootProps:{hideOnClick:r},...t})});R.displayName="MenuItem";var O=i.forwardRef(function({name:e,endIcon:t=r.e,checked:a,defaultChecked:s,hideOnClick:c,className:o,...u},m){const p=e,b=i.useRef(!1),f=n.useMenuContext(),h=x.useStoreState(f);i.useEffect(()=>{!b.current&&void 0!==s&&f&&(f.setValues(e=>({...e,[p]:s})),b.current=!0)},[f,s,p]);const _=i.useMemo(()=>{if(void 0!==a)return a;if(h?.items?.length){const e=h?.items.find(e=>e.element?.name===p);if(e?.element)return e.element.checked}const e=h?.values[p];return"boolean"==typeof e?e:s??!1},[h?.items,h?.values,p,a,s]),v=i.useCallback(e=>{void 0===a&&f?.setValues(r=>({...r,[p]:e.target.checked}))},[p,f,a]),g={root:d.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:_?"on":"off"}),text:d.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:_?"on":"off"}),startIcon:d.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:_?"on":"off"}),endIcon:d.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:_?"on":"off"})};return l.jsx(E,{ref:m,as:n.MenuItemCheckbox,hideEndIcon:!_,endIcon:t,active:_,className:d.cx("uds-menu-item-checkbox",o),layerClassNames:g,rootProps:{name:e,onChange:v,defaultChecked:s,checked:void 0!==a?a:void 0,hideOnClick:c},...u})});O.displayName="MenuItemCheckbox";var P=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},T=e=>{const[r,t]=i.useState(P);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(P())});return()=>r.disconnect()},[e?.explicit]),r},q=function({placement:e="bottom",rtl:r,...t}){const d=T({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,children:r,className:t,...a},s){const c=i.useRef(null),o=e?{render:l.jsx(d.Box,{asChild:!0,ref:c,className:"uds-ring h-fit w-fit",children:r})}:{children:r},u=i.useCallback(()=>{const e=c.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()},[c]);return l.jsx(n.MenuButton,{onFocus:u,onFocusVisible:u,ref:s,className:d.cx("uds-menu-trigger",t),...o,...a})});exports.Menu=N;
+"use strict";var e=require("../chunk-GMQZWDKV.cjs"),r=require("../chunk-H5RFGJT6.cjs"),t=require("../chunk-IWTF6VT4.cjs"),a=require("../chunk-TWH2EAVG.cjs"),d=require("../chunk-3VUEFW4X.cjs"),s=require("../chunk-QLXJH36U.cjs"),n=require("@ariakit/react/menu"),i=require("react"),c=require("use-sync-external-store/shim/index.js"),o=require("@yahoo/uds/fixtures"),u=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 f=p(i),b=m(c);function h(e){return e}function _(e,r){const t=e.__unstableInternals;return function(e,r){if(!e)throw new Error(r)}(t,"Invalid store"),t[r]}var{useSyncExternalStore:v}=b.default;function g(e,r=h){const t=f.useCallback(r=>e?function(e,...r){if(e)return _(e,"subscribe")(...r)}(e,null,r):()=>{},[e]),a=()=>{const t="string"==typeof r?r:null,a="function"==typeof r?r:null,d=null==e?void 0:e.getState();if(a)return a(d);/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+var s,n;if(d&&(t&&(s=d,n=t,"function"==typeof Object.hasOwn?Object.hasOwn(s,n):Object.prototype.hasOwnProperty.call(s,n))))return d[t]};return v(t,a,a)}var I=u.m.create(t.VStack),y=5,S=.97,w={top:{x:0,y:y},bottom:{x:0,y:-5},left:{x:y,y:0},right:{x:-5,y:0}},C=e=>i.useMemo(()=>((e="bottom")=>{const[r="top"]=e?.split("-");return{closed:{...w[r],opacity:0,scale:S},open:{y:0,x:0,opacity:1,scale:1}}})(e),[e]),j=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:f,borderWidth:b="thin",overflow:h,dropShadow:_="lg",className:v,sameWidth:y,focusable:S,children:w,portalElement:j,portal:k=!0,disableAutoBorderRadius:N,...M},V){const E=n.useMenuContext(),R=g(E,"open"),O=g(E,"mounted"),P=g(E,"currentPlacement"),T=g(E,"placement"),[q,z]=i.useState(P),[A,D]=i.useState(P);i.useEffect(()=>{T!==A&&D(T)},[T]),i.useEffect(()=>{P!==A&&D(P)},[P]),i.useEffect(()=>{O&&A!==q&&z(A)},[O,A,q]);const H=i.useMemo(()=>R&&O?"open":"closed",[R,O]),B=i.useMemo(()=>R?_:"none",[R,_]),W=C(A),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}),G=i.useMemo(()=>o.spacingMap[x],[x]);return l.jsx(u.AnimatePresence,{initial:!1,children:l.jsx(n.Menu,{gutter:G,sameWidth:y,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:f,borderWidth:b,overflow:h,animate:H,variants:W,dropShadow:B,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})})})}),k=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,...o},u){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:u,role:r,variant:"inherit",contentPosition:t,gap:a,spacingVertical:n,spacingHorizontal:i,className:x.root,layerClassNames:x,...o,children:s})});k.displayName="MenuDivider";var N={};s.__export(N,{Content:()=>j,Divider:()=>k,Item:()=>R,ItemCheckbox:()=>O,Provider:()=>q,Trigger:()=>z,useMenuContext:()=>n.useMenuContext,useMenuStore:()=>n.useMenuStore,useStoreState:()=>x.useStoreState});var M="uds-menu-item",V={visible:{scale:1,opacity:1},hidden:{scale:.7,opacity:0}},E=i.forwardRef(function({spacing:e="0",spacingBottom:a,spacingEnd:s,spacingHorizontal:n="4",spacingStart:c,spacingTop:o,spacingVertical:x="3.5",columnGap:m="2",className:p,children:f,endIcon:b,startIcon:h,hideEndIcon:_,active:v,disabled:g,as:I,name:y,alignItems:S="center",justifyContent:w="space-between",layerClassNames:C,slots:j,rootProps:k,...N},E){const R=i.Children.count(f)>1,O=(({active:e,disabled:r,className:t})=>d.cx(M,"flex","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",...R&&{columnGap:m,display:"flex",alignItems:"center",width:"full",justifyContent:"space-between"}}),T=i.useMemo(()=>({root:d.getStyles({menuSizeRoot:"default",flexDirection:"row",spacing:e,spacingBottom:a,spacingEnd:s,spacingHorizontal:n,spacingStart:c,spacingTop:o,spacingVertical:x,columnGap:m,alignItems:S,justifyContent:w,className:d.cx(O,C?.root)}),startIcon:d.getStyles({menuSizeStartIcon:"default",className:C?.startIcon}),endIcon:d.getStyles({menuSizeEndIcon:"default",className:C?.endIcon})}),[S,m,w,C?.endIcon,C?.root,C?.startIcon,O,e,a,s,n,c,o,x]),q=j?.root??(e=>l.jsx(r.Pressable,{...e,...N}));return l.jsxs(I,{ref:E,name:y??"",...k,render:q,disabled:g,className:T.root,children:[l.jsxs(t.HStack,{gap:m,alignItems:"center",width:"full",children:[l.jsx(u.AnimatePresence,{initial:!1,children:h&&l.jsx(u.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-start-icon",children:l.jsx(d.IconSlot,{icon:h,className:T.startIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})}),l.jsx("span",{className:P,children:f})]}),l.jsx(u.AnimatePresence,{initial:!1,mode:"popLayout",children:!_&&b&&l.jsx(u.m.span,{variants:V,initial:"hidden",animate:"visible",exit:"hidden",className:"uds-end-icon",children:l.jsx(d.IconSlot,{icon:b,className:T.endIcon,iconProps:{size:"sm",variant:v?"fill":"outline",color:"current"}})})})]})});E.displayName="MenuItemBase";var R=i.forwardRef(function({active:e,hideOnClick:r,...t},a){const s={root:d.getStyles({menuItemVariantRoot:"default",menuItemVariantActiveRoot:e?"on":"off"}),text:d.getStyles({menuItemVariantText:"default",menuItemVariantActiveText:e?"on":"off"}),startIcon:d.getStyles({menuItemVariantIcon:"default",menuItemVariantActiveIcon:e?"on":"off"})};return l.jsx(E,{ref:a,as:n.MenuItem,active:e,layerClassNames:s,rootProps:{hideOnClick:r},...t})});R.displayName="MenuItem";var O=i.forwardRef(function({name:e,endIcon:t=r.e,checked:a,defaultChecked:s,hideOnClick:c,className:o,...u},m){const p=e,f=i.useRef(!1),b=n.useMenuContext(),h=x.useStoreState(b);i.useEffect(()=>{!f.current&&void 0!==s&&b&&(b.setValues(e=>({...e,[p]:s})),f.current=!0)},[b,s,p]);const _=i.useMemo(()=>{if(void 0!==a)return a;if(h?.items?.length){const e=h?.items.find(e=>e.element?.name===p);if(e?.element)return e.element.checked}const e=h?.values[p];return"boolean"==typeof e?e:s??!1},[h?.items,h?.values,p,a,s]),v=i.useCallback(e=>{void 0===a&&b?.setValues(r=>({...r,[p]:e.target.checked}))},[p,b,a]),g={root:d.getStyles({menuItemCheckboxVariantRoot:"default",menuItemCheckboxVariantActiveRoot:_?"on":"off"}),text:d.getStyles({menuItemCheckboxVariantText:"default",menuItemCheckboxVariantActiveText:_?"on":"off"}),startIcon:d.getStyles({menuItemCheckboxVariantStartIcon:"default",menuItemCheckboxVariantActiveStartIcon:_?"on":"off"}),endIcon:d.getStyles({menuItemCheckboxVariantEndIcon:"default",menuItemCheckboxVariantActiveEndIcon:_?"on":"off"})};return l.jsx(E,{ref:m,as:n.MenuItemCheckbox,hideEndIcon:!_,endIcon:t,active:_,className:d.cx("uds-menu-item-checkbox",o),layerClassNames:g,name:e,rootProps:{onChange:v,defaultChecked:s,checked:void 0!==a?a:void 0,hideOnClick:c},...u})});O.displayName="MenuItemCheckbox";var P=()=>{if("undefined"==typeof document)return!1;return"rtl"===getComputedStyle(document.documentElement).direction},T=e=>{const[r,t]=i.useState(P);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(P())});return()=>r.disconnect()},[e?.explicit]),r},q=function({placement:e="bottom",rtl:r,...t}){const d=T({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,children:r,className:t,...a},s){const c=i.useRef(null),o=e?{render:l.jsx(d.Box,{asChild:!0,ref:c,className:"uds-ring h-fit w-fit",children:r})}:{children:r},u=i.useCallback(()=>{const e=c.current?.firstChild;e instanceof HTMLElement&&"function"==typeof e.focus&&e.focus()},[c]);return l.jsx(n.MenuButton,{onFocus:u,onFocusVisible:u,ref:s,className:d.cx("uds-menu-trigger",t),...o,...a})});exports.Menu=N;

package/dist/client/Menu.d.cts

@@ -1,11 +1,11 @@
 import * as react from 'react';
 import { AriaRole, HTMLAttributes, PropsWithChildren } from 'react';
 import { MenuProps, MenuItemProps as MenuItemProps$1, MenuItemCheckboxProps as MenuItemCheckboxProps$1, MenuProviderProps as MenuProviderProps$1, MenuButtonProps, useMenuContext, useMenuStore } from '@ariakit/react/menu';
-import { v as SpacingAlias, w as UniversalMenuItemProps } from '../types-QcNiQpTN.cjs';
-import { V as VStackProps, D as DividerProps } from '../VStack-DvWrNv1Y.cjs';
-import { P as PressableProps } from '../Pressable-DSib3hLU.cjs';
+import { t as SpacingAlias, u as UniversalMenuItemProps } from '../types-Da_DnBJy.cjs';
+import { V as VStackProps, D as DividerProps } from '../VStack-UmkAYRN1.cjs';
+import { P as PressableProps } from '../Pressable-GdByxoJg.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BoxProps } from '../Box-DEfrn3fl.cjs';
+import { B as BoxProps } from '../Box-BFRDyWaq.cjs';
 import { useStoreState } from '@ariakit/react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
@@ -264,7 +264,7 @@ interface MenuDividerProps extends Omit<DividerProps, 'variant'> {
  **/
 declare const MenuDivider: react.ForwardRefExoticComponent<MenuDividerProps & react.RefAttributes<HTMLDivElement>>;
 
-interface MenuItemProps extends PressableProps, Omit<UniversalMenuItemProps, 'name'> {
+interface MenuItemProps extends Omit<PressableProps, 'asChild'>, Omit<UniversalMenuItemProps, 'name'> {
     /**
      * Object returned by the [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook.
      * If not provided, the closest [`Menu.Content`](https://uds.build/docs/components/menu#menu-content) or
@@ -331,10 +331,10 @@ interface MenuItemProps extends PressableProps, Omit<UniversalMenuItemProps, 'na
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.ItemCheckbox](https://uds.build/docs/components/menu-item-checkbox)
  **/
-declare const MenuItem: react.ForwardRefExoticComponent<MenuItemProps & react.RefAttributes<HTMLButtonElement>>;
+declare const MenuItem: react.ForwardRefExoticComponent<MenuItemProps & react.RefAttributes<HTMLDivElement>>;
 
 type HtmlButtonProps = HTMLAttributes<HTMLButtonElement>;
-interface MenuItemCheckboxProps extends PressableProps, HtmlButtonProps, UniversalMenuItemProps {
+interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlButtonProps, UniversalMenuItemProps {
     /**
      * The name of the field in the
      * [`values`](https://ariakit.org/reference/menu-provider#values) state.
@@ -414,7 +414,7 @@ interface MenuItemCheckboxProps extends PressableProps, HtmlButtonProps, Univers
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "as" | "hideEndIcon" | "rootProps"> & react.RefAttributes<HTMLButtonElement>>;
+declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & react.RefAttributes<HTMLDivElement>>;
 
 /** Valid vertical placement values for the menu */
 type VerticalPlacement = 'top' | 'bottom';

package/dist/client/Menu.d.ts

@@ -1,11 +1,11 @@
 import * as react from 'react';
 import { AriaRole, HTMLAttributes, PropsWithChildren } from 'react';
 import { MenuProps, MenuItemProps as MenuItemProps$1, MenuItemCheckboxProps as MenuItemCheckboxProps$1, MenuProviderProps as MenuProviderProps$1, MenuButtonProps, useMenuContext, useMenuStore } from '@ariakit/react/menu';
-import { v as SpacingAlias, w as UniversalMenuItemProps } from '../types-QcNiQpTN.js';
-import { V as VStackProps, D as DividerProps } from '../VStack-87hTczLi.js';
-import { P as PressableProps } from '../Pressable-D7DK0hiN.js';
+import { t as SpacingAlias, u as UniversalMenuItemProps } from '../types-Da_DnBJy.js';
+import { V as VStackProps, D as DividerProps } from '../VStack-CppUZHJL.js';
+import { P as PressableProps } from '../Pressable-DVLHV--n.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BoxProps } from '../Box-Bb7K7p9Y.js';
+import { B as BoxProps } from '../Box-MHJ0-0M3.js';
 import { useStoreState } from '@ariakit/react';
 import '@yahoo/uds-icons/types';
 import 'motion/react';
@@ -264,7 +264,7 @@ interface MenuDividerProps extends Omit<DividerProps, 'variant'> {
  **/
 declare const MenuDivider: react.ForwardRefExoticComponent<MenuDividerProps & react.RefAttributes<HTMLDivElement>>;
 
-interface MenuItemProps extends PressableProps, Omit<UniversalMenuItemProps, 'name'> {
+interface MenuItemProps extends Omit<PressableProps, 'asChild'>, Omit<UniversalMenuItemProps, 'name'> {
     /**
      * Object returned by the [`useMenuStore`](https://ariakit.org/reference/use-menu-store) hook.
      * If not provided, the closest [`Menu.Content`](https://uds.build/docs/components/menu#menu-content) or
@@ -331,10 +331,10 @@ interface MenuItemProps extends PressableProps, Omit<UniversalMenuItemProps, 'na
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.ItemCheckbox](https://uds.build/docs/components/menu-item-checkbox)
  **/
-declare const MenuItem: react.ForwardRefExoticComponent<MenuItemProps & react.RefAttributes<HTMLButtonElement>>;
+declare const MenuItem: react.ForwardRefExoticComponent<MenuItemProps & react.RefAttributes<HTMLDivElement>>;
 
 type HtmlButtonProps = HTMLAttributes<HTMLButtonElement>;
-interface MenuItemCheckboxProps extends PressableProps, HtmlButtonProps, UniversalMenuItemProps {
+interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlButtonProps, UniversalMenuItemProps {
     /**
      * The name of the field in the
      * [`values`](https://ariakit.org/reference/menu-provider#values) state.
@@ -414,7 +414,7 @@ interface MenuItemCheckboxProps extends PressableProps, HtmlButtonProps, Univers
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "as" | "hideEndIcon" | "rootProps"> & react.RefAttributes<HTMLButtonElement>>;
+declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & react.RefAttributes<HTMLDivElement>>;
 
 /** Valid vertical placement values for the menu */
 type VerticalPlacement = 'top' | 'bottom';