@yahoo/uds 3.58.2-beta.1 → 3.59.0-beta.1

package/dist/components/client/Input/InputHelpText.d.cts

@@ -0,0 +1,42 @@
+import { InputHelpTextInternalProps } from "./InputHelpTextInternal.cjs";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+
+//#region src/components/client/Input/InputHelpText.d.ts
+type InputHelpTextProps = InputHelpTextInternalProps;
+/**
+ * **📦 A component that displays helper text for input fields.**
+ *
+ * @componentType Client component
+ *
+ * @description
+ * A component that displays helper text for input fields.
+ *
+ * @see
+ * Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
+ *
+ * @usage
+ * - Help text that isn't tied to a specific Input.
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ * import { InputHelpText } from "@yahoo/uds";
+ *
+ * <InputHelpText>
+ *   This is some helper text for the input field.
+ * </InputHelpText>
+ *```
+ *
+ * @related [Input](https://uds.build/docs/components/input).
+ **/
+declare const InputHelpText: {
+  ({
+    size,
+    isFilled,
+    ...props
+  }: InputHelpTextProps): react_jsx_runtime4.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { InputHelpText, type InputHelpTextProps };
+//# sourceMappingURL=InputHelpText.d.cts.map

package/dist/components/client/Input/InputHelpText.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputHelpText.d.cts","names":[],"sources":["../../../../src/components/client/Input/InputHelpText.tsx"],"sourcesContent":[],"mappings":";;;;KAKK,kBAAA,CAAA,CAAA,CAAqB;;;AAHgD,CAAA;AAGtB,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA,MAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;cA4B9C;;;;;KAAsD,qBAAkB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/client/Input/InputHelpText.d.ts

@@ -0,0 +1,42 @@
+import { InputHelpTextInternalProps } from "./InputHelpTextInternal.js";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/components/client/Input/InputHelpText.d.ts
+type InputHelpTextProps = InputHelpTextInternalProps;
+/**
+ * **📦 A component that displays helper text for input fields.**
+ *
+ * @componentType Client component
+ *
+ * @description
+ * A component that displays helper text for input fields.
+ *
+ * @see
+ * Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
+ *
+ * @usage
+ * - Help text that isn't tied to a specific Input.
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ * import { InputHelpText } from "@yahoo/uds";
+ *
+ * <InputHelpText>
+ *   This is some helper text for the input field.
+ * </InputHelpText>
+ *```
+ *
+ * @related [Input](https://uds.build/docs/components/input).
+ **/
+declare const InputHelpText: {
+  ({
+    size,
+    isFilled,
+    ...props
+  }: InputHelpTextProps): react_jsx_runtime12.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { InputHelpText, type InputHelpTextProps };
+//# sourceMappingURL=InputHelpText.d.ts.map

package/dist/components/client/Input/InputHelpText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputHelpText.d.ts","names":[],"sources":["../../../../src/components/client/Input/InputHelpText.tsx"],"sourcesContent":[],"mappings":";;;;KAKK,kBAAA,CAAA,CAAA,CAAqB;;;AAHgD,CAAA;AAGtB,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA,MAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;cA4B9C;;;;;KAAsD,qBAAkB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/client/Input/InputHelpText.js

@@ -0,0 +1,55 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { getStyles } from "../../../styles/styler.js";
+import { Box } from "../../Box.js";
+import { InputHelpTextInternal as InputHelpTextInternalMemo } from "./InputHelpTextInternal.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/client/Input/InputHelpText.tsx
+/**
+* **📦 A component that displays helper text for input fields.**
+*
+* @componentType Client component
+*
+* @description
+* A component that displays helper text for input fields.
+*
+* @see
+* Check out the {@link https://uds.build/docs/components/input Input Docs} for more info
+*
+* @usage
+* - Help text that isn't tied to a specific Input.
+*
+* @example
+* ```tsx
+* 'use client';
+* import { InputHelpText } from "@yahoo/uds";
+*
+* <InputHelpText>
+*   This is some helper text for the input field.
+* </InputHelpText>
+*```
+*
+* @related [Input](https://uds.build/docs/components/input).
+**/
+const InputHelpText = ({ size = "md", isFilled,...props }) => {
+	return /* @__PURE__ */ jsx(Box, {
+		asChild: true,
+		spacingTop: "2",
+		className: { root: getStyles({
+			inputSizeRoot: size,
+			inputVariantRoot: "default",
+			inputVariantValueRoot: !isFilled ? "empty" : "filled"
+		}) }.root,
+		children: /* @__PURE__ */ jsx(InputHelpTextInternalMemo, {
+			size,
+			isFilled,
+			...props
+		})
+	});
+};
+InputHelpText.displayName = "InputHelpText";
+
+//#endregion
+export { InputHelpText };
+//# sourceMappingURL=InputHelpText.js.map

package/dist/components/client/Input/InputHelpText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputHelpText.js","names":["InputHelpTextInternal"],"sources":["../../../../src/components/client/Input/InputHelpText.tsx"],"sourcesContent":["import { getStyles } from '../../../styles/styler';\nimport { Box } from '../../Box';\nimport type { InputHelpTextInternalProps } from './InputHelpTextInternal';\nimport { InputHelpTextInternal } from './InputHelpTextInternal';\n\ntype InputHelpTextProps = InputHelpTextInternalProps;\n\n/**\n * **📦 A component that displays helper text for input fields.**\n *\n * @componentType Client component\n *\n * @description\n * A component that displays helper text for input fields.\n *\n * @see\n * Check out the {@link https://uds.build/docs/components/input Input Docs} for more info\n *\n * @usage\n * - Help text that isn't tied to a specific Input.\n *\n * @example\n * ```tsx\n * 'use client';\n * import { InputHelpText } from \"@yahoo/uds\";\n *\n * <InputHelpText>\n *   This is some helper text for the input field.\n * </InputHelpText>\n *```\n *\n * @related [Input](https://uds.build/docs/components/input).\n **/\nconst InputHelpText = ({ size = 'md', isFilled, ...props }: InputHelpTextProps) => {\n  const classNames = {\n    root: getStyles({\n      inputSizeRoot: size,\n      inputVariantRoot: 'default',\n      inputVariantValueRoot: !isFilled ? 'empty' : 'filled',\n    }),\n  };\n\n  return (\n    <Box asChild spacingTop=\"2\" className={classNames.root}>\n      <InputHelpTextInternal size={size} isFilled={isFilled} {...props} />\n    </Box>\n  );\n};\n\nInputHelpText.displayName = 'InputHelpText';\n\nexport { InputHelpText, type InputHelpTextProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAM,iBAAiB,EAAE,OAAO,MAAM,SAAU,GAAG,YAAgC;AASjF,QACE,oBAAC;EAAI;EAAQ,YAAW;EAAI,WATX,EACjB,MAAM,UAAU;GACd,eAAe;GACf,kBAAkB;GAClB,uBAAuB,CAAC,WAAW,UAAU;GAC9C,CAAC,EACH,CAGmD;YAChD,oBAACA;GAA4B;GAAgB;GAAU,GAAI;IAAS;GAChE;;AAIV,cAAc,cAAc"}

package/dist/components/client/Input/InputHelpTextInternal.cjs

@@ -0,0 +1,57 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_styles_styler = require('../../../styles/styler.cjs');
+const require_components_HStack = require('../../HStack.cjs');
+const require_components_IconSlot = require('../../IconSlot.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/client/Input/InputHelpTextInternal.tsx
+function InputHelpTextInternal({ startIcon, endIcon, iconProps, children, size, isFilled,...rest }) {
+	const defaultIconProps = { variant: "outline" };
+	const classNames = {
+		helperText: require_styles_styler.cx(require_styles_styler.getStyles({
+			inputSizeHelperText: size,
+			inputVariantHelperText: "default",
+			inputVariantValueHelperText: !isFilled ? "empty" : "filled"
+		})),
+		helperIcon: require_styles_styler.getStyles({
+			inputSizeHelperIcon: size,
+			inputVariantHelperIcon: "default",
+			inputVariantValueHelperIcon: !isFilled ? "empty" : "filled"
+		})
+	};
+	const props = {
+		...defaultIconProps,
+		...iconProps
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_HStack.HStack, {
+		gap: "1",
+		alignItems: "center",
+		...rest,
+		children: [
+			startIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+				icon: startIcon,
+				...props,
+				iconProps,
+				className: classNames.helperIcon
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: classNames.helperText,
+				children
+			}),
+			endIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+				icon: endIcon,
+				...props,
+				iconProps,
+				className: classNames.helperIcon
+			})
+		]
+	});
+}
+InputHelpTextInternal.displayName = "InputHelpTextInternal";
+const InputHelpTextInternalMemo = (0, react.memo)(InputHelpTextInternal);
+
+//#endregion
+exports.InputHelpTextInternal = InputHelpTextInternalMemo;

package/dist/components/client/Input/InputHelpTextInternal.d.cts

@@ -0,0 +1,38 @@
+import { IconPropsWithSVGProps, UniversalIconSlot } from "../../../tokens/types.cjs";
+import "../../../tokens/index.cjs";
+import "../../Icon.cjs";
+import { InputProps } from "./Input.cjs";
+import * as react30 from "react";
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+
+//#region src/components/client/Input/InputHelpTextInternal.d.ts
+interface InputHelpTextInternalProps extends PropsWithChildren {
+  /** Icon to render at the start of the content */
+  startIcon?: UniversalIconSlot;
+  /** Icon to render at the end of the content */
+  endIcon?: UniversalIconSlot;
+  /**
+   * Props to pass to the start/end icon. If color is not provided, the icons
+   * will inherit the color from the `color` prop.
+   */
+  iconProps?: Pick<IconPropsWithSVGProps, 'color' | 'size' | 'variant'>;
+  size?: InputProps['size'];
+  isFilled?: boolean;
+}
+declare function InputHelpTextInternal({
+  startIcon,
+  endIcon,
+  iconProps,
+  children,
+  size,
+  isFilled,
+  ...rest
+}: InputHelpTextInternalProps): react_jsx_runtime5.JSX.Element;
+declare namespace InputHelpTextInternal {
+  var displayName: string;
+}
+declare const InputHelpTextInternalMemo: react30.MemoExoticComponent<typeof InputHelpTextInternal>;
+//#endregion
+export { InputHelpTextInternalMemo as InputHelpTextInternal, type InputHelpTextInternalProps };
+//# sourceMappingURL=InputHelpTextInternal.d.cts.map

package/dist/components/client/Input/InputHelpTextInternal.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputHelpTextInternal.d.cts","names":[],"sources":["../../../../src/components/client/Input/InputHelpTextInternal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;UAUU,0BAAA,CAAA,OAAA,CAAmC;;cAE/B;;YAEF;EAJF,CAAA,CAAA;;;;EASI,SAAA,CAAA,CAAA,CAAA,IAAA,CAAK,qBAAL,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;EACL,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,IAAA,CAAA,CAAA;EAVoC,QAAA,CAAA,CAAA,CAAA,OAAA;;AAAiB,OAAA,CAAA,QAAA,CAcrD,qBAAA,CAAqB;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,QAAA;EAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAQ3B,0BAR2B,CAAA,CAAA,CAQD,kBAAA,CAAA,GAAA,CAAA,OARC;kBAArB,qBAAA,CACP;EACA,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA;;cAoDI,yBAlDJ,CAAA,CAkD6B,OAAA,CAAA,mBAlD7B,CAAA,MAAA,CAkD6B,qBAlD7B,CAAA"}

package/dist/components/client/Input/InputHelpTextInternal.d.ts

@@ -0,0 +1,38 @@
+import { IconPropsWithSVGProps, UniversalIconSlot } from "../../../tokens/types.js";
+import "../../../tokens/index.js";
+import "../../Icon.js";
+import { InputProps } from "./Input.js";
+import * as react46 from "react";
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/components/client/Input/InputHelpTextInternal.d.ts
+interface InputHelpTextInternalProps extends PropsWithChildren {
+  /** Icon to render at the start of the content */
+  startIcon?: UniversalIconSlot;
+  /** Icon to render at the end of the content */
+  endIcon?: UniversalIconSlot;
+  /**
+   * Props to pass to the start/end icon. If color is not provided, the icons
+   * will inherit the color from the `color` prop.
+   */
+  iconProps?: Pick<IconPropsWithSVGProps, 'color' | 'size' | 'variant'>;
+  size?: InputProps['size'];
+  isFilled?: boolean;
+}
+declare function InputHelpTextInternal({
+  startIcon,
+  endIcon,
+  iconProps,
+  children,
+  size,
+  isFilled,
+  ...rest
+}: InputHelpTextInternalProps): react_jsx_runtime13.JSX.Element;
+declare namespace InputHelpTextInternal {
+  var displayName: string;
+}
+declare const InputHelpTextInternalMemo: react46.MemoExoticComponent<typeof InputHelpTextInternal>;
+//#endregion
+export { InputHelpTextInternalMemo as InputHelpTextInternal, type InputHelpTextInternalProps };
+//# sourceMappingURL=InputHelpTextInternal.d.ts.map

package/dist/components/client/Input/InputHelpTextInternal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputHelpTextInternal.d.ts","names":[],"sources":["../../../../src/components/client/Input/InputHelpTextInternal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;UAUU,0BAAA,CAAA,OAAA,CAAmC;;cAE/B;;YAEF;EAJF,CAAA,CAAA;;;;EASI,SAAA,CAAA,CAAA,CAAA,IAAA,CAAK,qBAAL,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;EACL,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,IAAA,CAAA,CAAA;EAVoC,QAAA,CAAA,CAAA,CAAA,OAAA;;AAAiB,OAAA,CAAA,QAAA,CAcrD,qBAAA,CAAqB;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,QAAA;EAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAQ3B,0BAR2B,CAAA,CAAA,CAQD,mBAAA,CAAA,GAAA,CAAA,OARC;kBAArB,qBAAA,CACP;EACA,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA;;cAoDI,yBAlDJ,CAAA,CAkD6B,OAAA,CAAA,mBAlD7B,CAAA,MAAA,CAkD6B,qBAlD7B,CAAA"}

package/dist/components/client/Input/InputHelpTextInternal.js

@@ -0,0 +1,57 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { cx, getStyles } from "../../../styles/styler.js";
+import { HStack } from "../../HStack.js";
+import { IconSlot } from "../../IconSlot.js";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/client/Input/InputHelpTextInternal.tsx
+function InputHelpTextInternal({ startIcon, endIcon, iconProps, children, size, isFilled,...rest }) {
+	const defaultIconProps = { variant: "outline" };
+	const classNames = {
+		helperText: cx(getStyles({
+			inputSizeHelperText: size,
+			inputVariantHelperText: "default",
+			inputVariantValueHelperText: !isFilled ? "empty" : "filled"
+		})),
+		helperIcon: getStyles({
+			inputSizeHelperIcon: size,
+			inputVariantHelperIcon: "default",
+			inputVariantValueHelperIcon: !isFilled ? "empty" : "filled"
+		})
+	};
+	const props = {
+		...defaultIconProps,
+		...iconProps
+	};
+	return /* @__PURE__ */ jsxs(HStack, {
+		gap: "1",
+		alignItems: "center",
+		...rest,
+		children: [
+			startIcon && /* @__PURE__ */ jsx(IconSlot, {
+				icon: startIcon,
+				...props,
+				iconProps,
+				className: classNames.helperIcon
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: classNames.helperText,
+				children
+			}),
+			endIcon && /* @__PURE__ */ jsx(IconSlot, {
+				icon: endIcon,
+				...props,
+				iconProps,
+				className: classNames.helperIcon
+			})
+		]
+	});
+}
+InputHelpTextInternal.displayName = "InputHelpTextInternal";
+const InputHelpTextInternalMemo = memo(InputHelpTextInternal);
+
+//#endregion
+export { InputHelpTextInternalMemo as InputHelpTextInternal };
+//# sourceMappingURL=InputHelpTextInternal.js.map

package/dist/components/client/Input/InputHelpTextInternal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputHelpTextInternal.js","names":[],"sources":["../../../../src/components/client/Input/InputHelpTextInternal.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport { memo } from 'react';\n\nimport { cx, getStyles } from '../../../styles/styler';\nimport type { UniversalIconSlot } from '../../../tokens';\nimport { HStack } from '../../HStack';\nimport type { IconProps } from '../../Icon';\nimport { IconSlot } from '../../IconSlot';\nimport type { InputProps } from './Input';\n\ninterface InputHelpTextInternalProps extends PropsWithChildren {\n  /** Icon to render at the start of the content */\n  startIcon?: UniversalIconSlot;\n  /** Icon to render at the end of the content */\n  endIcon?: UniversalIconSlot;\n  /**\n   * Props to pass to the start/end icon. If color is not provided, the icons\n   * will inherit the color from the `color` prop.\n   */\n  iconProps?: Pick<IconProps, 'color' | 'size' | 'variant'>;\n  size?: InputProps['size'];\n  isFilled?: boolean;\n}\n\nfunction InputHelpTextInternal({\n  startIcon,\n  endIcon,\n  iconProps,\n  children,\n  size,\n  isFilled,\n  ...rest\n}: InputHelpTextInternalProps) {\n  const defaultIconProps = {\n    variant: 'outline',\n  } satisfies InputHelpTextInternalProps['iconProps'];\n\n  const classNames = {\n    helperText: cx(\n      getStyles({\n        inputSizeHelperText: size,\n        inputVariantHelperText: 'default',\n        inputVariantValueHelperText: !isFilled ? 'empty' : 'filled',\n      }),\n    ),\n    helperIcon: getStyles({\n      inputSizeHelperIcon: size,\n      inputVariantHelperIcon: 'default',\n      inputVariantValueHelperIcon: !isFilled ? 'empty' : 'filled',\n    }),\n  };\n\n  const props = { ...defaultIconProps, ...iconProps };\n  return (\n    <HStack gap=\"1\" alignItems=\"center\" {...rest}>\n      {startIcon && (\n        <IconSlot\n          icon={startIcon}\n          {...props}\n          iconProps={iconProps}\n          className={classNames.helperIcon}\n        />\n      )}\n      <span className={classNames.helperText}>{children}</span>\n      {endIcon && (\n        <IconSlot\n          icon={endIcon}\n          {...props}\n          iconProps={iconProps}\n          className={classNames.helperIcon}\n        />\n      )}\n    </HStack>\n  );\n}\n\nInputHelpTextInternal.displayName = 'InputHelpTextInternal';\n\nconst InputHelpTextInternalMemo = memo(InputHelpTextInternal);\n\nexport { InputHelpTextInternalMemo as InputHelpTextInternal, type InputHelpTextInternalProps };\n"],"mappings":";;;;;;;;AAwBA,SAAS,sBAAsB,EAC7B,WACA,SACA,WACA,UACA,MACA,SACA,GAAG,QAC0B;CAC7B,MAAM,mBAAmB,EACvB,SAAS,WACV;CAED,MAAM,aAAa;EACjB,YAAY,GACV,UAAU;GACR,qBAAqB;GACrB,wBAAwB;GACxB,6BAA6B,CAAC,WAAW,UAAU;GACpD,CAAC,CACH;EACD,YAAY,UAAU;GACpB,qBAAqB;GACrB,wBAAwB;GACxB,6BAA6B,CAAC,WAAW,UAAU;GACpD,CAAC;EACH;CAED,MAAM,QAAQ;EAAE,GAAG;EAAkB,GAAG;EAAW;AACnD,QACE,qBAAC;EAAO,KAAI;EAAI,YAAW;EAAS,GAAI;;GACrC,aACC,oBAAC;IACC,MAAM;IACN,GAAI;IACO;IACX,WAAW,WAAW;KACtB;GAEJ,oBAAC;IAAK,WAAW,WAAW;IAAa;KAAgB;GACxD,WACC,oBAAC;IACC,MAAM;IACN,GAAI;IACO;IACX,WAAW,WAAW;KACtB;;GAEG;;AAIb,sBAAsB,cAAc;AAEpC,MAAM,4BAA4B,KAAK,sBAAsB"}

package/dist/components/client/Input/index.cjs

@@ -0,0 +1,7 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_components_client_Input_Input = require('./Input.cjs');
+const require_components_client_Input_InputHelpText = require('./InputHelpText.cjs');
+
+exports.Input = require_components_client_Input_Input.Input;
+exports.InputHelpText = require_components_client_Input_InputHelpText.InputHelpText;

package/dist/components/client/Input/index.d.cts

@@ -0,0 +1,3 @@
+import { Input, InputProps } from "./Input.cjs";
+import { InputHelpText, InputHelpTextProps } from "./InputHelpText.cjs";
+export { Input, InputHelpText, type InputHelpTextProps, type InputProps };

package/dist/components/client/Input/index.d.ts

@@ -0,0 +1,3 @@
+import { Input, InputProps } from "./Input.js";
+import { InputHelpText, InputHelpTextProps } from "./InputHelpText.js";
+export { Input, InputHelpText, type InputHelpTextProps, type InputProps };

package/dist/components/client/Input/index.js

@@ -0,0 +1,6 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { Input } from "./Input.js";
+import { InputHelpText } from "./InputHelpText.js";
+
+export { Input, InputHelpText };

package/dist/components/client/Menu/Menu.Content.cjs

@@ -0,0 +1,163 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_styles_styler = require('../../../styles/styler.cjs');
+const require_components_VStack = require('../../VStack.cjs');
+const require_hooks_useNestedBorderRadius = require('../../../hooks/useNestedBorderRadius.cjs');
+let react = require("react");
+let __yahoo_uds_fixtures = require("@yahoo/uds/fixtures");
+let react_jsx_runtime = require("react/jsx-runtime");
+let motion_react = require("motion/react");
+let __ariakit_react_menu = require("@ariakit/react/menu");
+let __ariakit_react_core_utils_store = require("@ariakit/react-core/utils/store");
+
+//#region src/components/client/Menu/Menu.Content.tsx
+const MotionVStack = motion_react.m.create(require_components_VStack.VStack);
+const ANIMATION_CONFIG = {
+	distance: 5,
+	scale: .97
+};
+const variants = {
+	top: {
+		x: 0,
+		y: ANIMATION_CONFIG.distance
+	},
+	bottom: {
+		x: 0,
+		y: -ANIMATION_CONFIG.distance
+	},
+	left: {
+		x: ANIMATION_CONFIG.distance,
+		y: 0
+	},
+	right: {
+		x: -ANIMATION_CONFIG.distance,
+		y: 0
+	}
+};
+const getMenuAnimationVariants = (placement = "bottom") => {
+	const [base = "top"] = placement?.split("-");
+	return {
+		closed: {
+			...variants[base],
+			opacity: 0,
+			scale: ANIMATION_CONFIG.scale
+		},
+		open: {
+			y: 0,
+			x: 0,
+			opacity: 1,
+			scale: 1
+		}
+	};
+};
+const useMenuAnimationVariants = (placement) => {
+	return (0, react.useMemo)(() => getMenuAnimationVariants(placement), [placement]);
+};
+/**
+* **📦 A Menu Content component**
+*
+* @componentType Client component
+*
+* @description
+* A content component for the menu, which is used to provide the menu context to the menu items.
+*
+* @see The {@link https://uds.build/docs/components/menu-content Menu.Content Docs} for more info
+*
+* @example
+* ```tsx
+* 'use client'; // Next.js client component
+*
+* import { Menu, Button } from "@yahoo/uds";
+* import { Calendar, Clipboard } from "@yahoo/uds-icons";
+*
+* export function MenuProviderExample() {
+*   return (
+*     <Menu.Provider>
+*       <Menu.Trigger asChild>
+*         <Button>Menu Options</Button>
+*       </Menu.Trigger>
+*       <Menu.Content>
+*         <Menu.Item startIcon={Calendar}>Calendar</Menu.Item>
+*         <Menu.Item startIcon={Clipboard} endIcon={DiagonalRightUp}>
+*           Clipboard
+*         </Menu.Item>
+*         <Menu.Item active>Active Item</Menu.Item>
+*       </Menu.Content>
+*     </Menu.Provider>
+*   )
+* }
+* ```
+*
+* @usage
+* Using Menu.Content is required to use Menu.Item and Menu.ItemCheckbox. It acts as the actual menu container.
+*
+* @related [Menu](https://uds.build/docs/components/menu), [Menu.ItemCheckbox](https://uds.build/docs/components/menu-item-checkbox)
+**/
+const MenuContent = (0, react.forwardRef)(function MenuContent$1({ gap, spacing, spacingBottom, spacingEnd, spacingStart, spacingTop, gutter = "1", backgroundColor = "primary", borderRadius = "md", borderColor, borderWidth = "thin", overflow, dropShadow = "lg", className, sameWidth, focusable, children, portalElement, portal = true, disableAutoBorderRadius,...props }, ref) {
+	const context = (0, __ariakit_react_menu.useMenuContext)();
+	const open = (0, __ariakit_react_core_utils_store.useStoreState)(context, "open");
+	const mounted = (0, __ariakit_react_core_utils_store.useStoreState)(context, "mounted");
+	const currentPlacement = (0, __ariakit_react_core_utils_store.useStoreState)(context, "currentPlacement");
+	const placement = (0, __ariakit_react_core_utils_store.useStoreState)(context, "placement");
+	const [prevPlacement, setPrevPlacement] = (0, react.useState)(currentPlacement);
+	const [nextPlacement, setNextPlacement] = (0, react.useState)(currentPlacement);
+	(0, react.useEffect)(() => {
+		if (placement !== nextPlacement) setNextPlacement(placement);
+	}, [placement]);
+	(0, react.useEffect)(() => {
+		if (currentPlacement !== nextPlacement) setNextPlacement(currentPlacement);
+	}, [currentPlacement]);
+	(0, react.useEffect)(() => {
+		if (mounted && nextPlacement !== prevPlacement) setPrevPlacement(nextPlacement);
+	}, [
+		mounted,
+		nextPlacement,
+		prevPlacement
+	]);
+	const motionState = (0, react.useMemo)(() => {
+		if (!open || !mounted) return "closed";
+		return "open";
+	}, [open, mounted]);
+	const shadowVariant = (0, react.useMemo)(() => open ? dropShadow : "none", [open, dropShadow]);
+	const variants$1 = useMenuAnimationVariants(nextPlacement);
+	const borderRadiusClassName = require_hooks_useNestedBorderRadius.useNestedBorderRadius({
+		borderRadius,
+		spacing
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.AnimatePresence, {
+		initial: false,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ariakit_react_menu.Menu, {
+			gutter: (0, react.useMemo)(() => __yahoo_uds_fixtures.spacingMap[gutter], [gutter]),
+			sameWidth,
+			focusable,
+			store: context,
+			ref,
+			portalElement,
+			portal,
+			...props,
+			render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MotionVStack, {
+				backgroundColor,
+				gap,
+				spacing,
+				spacingBottom,
+				spacingEnd,
+				spacingStart,
+				spacingTop,
+				borderRadius,
+				borderColor,
+				borderWidth,
+				overflow,
+				animate: motionState,
+				variants: variants$1,
+				dropShadow: shadowVariant,
+				className: require_styles_styler.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", !disableAutoBorderRadius && borderRadiusClassName, className),
+				children
+			})
+		})
+	});
+});
+MenuContent.displayName = "MenuContent";
+
+//#endregion
+exports.MenuContent = MenuContent;