@yahoo/uds 3.59.0-beta.1 → 3.59.0

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

@@ -1,208 +0,0 @@
-"use client";
-/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
-import { cx, getStyles } from "../../../styles/styler.js";
-import { Box } from "../../Box.js";
-import { HStack } from "../../HStack.js";
-import { VStack } from "../../VStack.js";
-import { IconSlot } from "../../IconSlot.js";
-import { AnimateHeightChange } from "../AnimateHeightChange.js";
-import { InputHelpTextInternal as InputHelpTextInternalMemo } from "./InputHelpTextInternal.js";
-import { forwardRef, memo, useCallback, useId, useImperativeHandle, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { isFunction } from "lodash-es";
-import { useReducedMotion } from "motion/react";
-
-//#region src/components/client/Input/Input.tsx
-const HelpTextContent = memo(function HelpTextContentOriginal({ helpText, helperTextIcon, spacingStart, spacingTop, size, isFilled,...rest }) {
-	if (!helpText) return null;
-	return /* @__PURE__ */ jsx(Box, {
-		spacingTop,
-		spacingStart,
-		...rest,
-		children: /* @__PURE__ */ jsx(InputHelpTextInternalMemo, {
-			startIcon: helperTextIcon,
-			size,
-			isFilled,
-			children: isFunction(helpText) ? helpText() : helpText
-		})
-	});
-});
-const StartIcon = memo(function StartIcon$1({ icon, className, iconProps }) {
-	if (!icon) return null;
-	return /* @__PURE__ */ jsx(IconSlot, {
-		icon,
-		iconProps: {
-			variant: "outline",
-			...iconProps
-		},
-		className
-	});
-});
-const EndIcon = memo(function EndIcon$1({ icon, className, iconProps }) {
-	if (!icon) return null;
-	return /* @__PURE__ */ jsx(IconSlot, {
-		icon,
-		iconProps: {
-			variant: "outline",
-			...iconProps
-		},
-		className
-	});
-});
-/**
-* **📦 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).
-**/
-const Input = forwardRef(function Input$1({ id, label, type = "text", size = "md", startIcon, endIcon, helpText, helperTextIcon, hasError, width: containerWidth = "full", defaultValue, required, readOnly, disabled, reduceMotion: forceReduceMotion, onChange, slotProps, className,...otherProps }, forwardedRef) {
-	const generatedId = useId();
-	const uid = id ?? `uds-input-${generatedId}`;
-	const helpTextId = `uds-input-${uid}-help-text`;
-	const { className: inputClassName,...inputProps } = slotProps?.input ?? {};
-	const { className: inputWrapperClassName,...inputWrapperProps } = slotProps?.inputWrapper ?? {};
-	const ref = useRef(null);
-	useImperativeHandle(forwardedRef, () => ref.current);
-	const [value, setValue] = useState(defaultValue ?? "");
-	const handleChange = useCallback((e) => {
-		setValue(e.target.value);
-		onChange?.(e);
-	}, [onChange]);
-	const layoutVariant = useReducedMotion() ? "smooth" : "bouncy";
-	const reduceMotion = forceReduceMotion ? "always" : "user";
-	const isInteractive = !readOnly && !disabled;
-	const classNames = {
-		root: getStyles({
-			inputSizeRoot: size,
-			inputVariantRoot: "default",
-			inputVariantValueRoot: !value ? "empty" : "filled",
-			className: cx([className, disabled ? "opacity-50" : ""])
-		}),
-		inputWrapper: cx(getStyles({
-			inputSizeInputWrapper: size,
-			inputVariantInputWrapper: "default",
-			inputVariantValueInputWrapper: !value ? "empty" : "filled"
-		}), "min-w-[200px]", inputWrapperClassName),
-		input: getStyles({
-			inputSizeInput: size,
-			inputVariantInput: "default",
-			inputVariantValueInput: !value ? "empty" : "filled",
-			inputVariantInputPlaceholder: "default",
-			inputVariantValueInputPlaceholder: !value ? "empty" : "filled",
-			className: cx("grow", "uds-hit-target", "bg-clip-text", "focus:outline-none", isInteractive ? "cursor-text" : "cursor-not-allowed", inputClassName)
-		}),
-		label: cx(getStyles({
-			inputSizeLabel: size,
-			inputVariantLabel: "default",
-			inputVariantValueLabel: !value ? "empty" : "filled"
-		})),
-		labelRequired: getStyles({
-			inputVariantLabelRequired: "default",
-			inputVariantValueLabelRequired: !value ? "empty" : "filled"
-		}),
-		startIcon: getStyles({
-			inputSizeStartIcon: size,
-			inputVariantStartIcon: "default",
-			inputVariantValueStartIcon: !value ? "empty" : "filled"
-		}),
-		endIcon: getStyles({
-			inputSizeEndIcon: size,
-			inputVariantEndIcon: "default",
-			inputVariantValueEndIcon: !value ? "empty" : "filled"
-		})
-	};
-	return /* @__PURE__ */ jsxs(VStack, {
-		width: containerWidth,
-		className: classNames.root,
-		children: [
-			label && /* @__PURE__ */ jsxs(Box, {
-				spacingBottom: "2",
-				columnGap: "0.5",
-				alignItems: "flex-end",
-				className: classNames.label,
-				children: [/* @__PURE__ */ jsx("label", {
-					htmlFor: uid,
-					children: isFunction(label) ? label() : label
-				}), required && /* @__PURE__ */ jsx("span", {
-					className: classNames.labelRequired,
-					children: "*"
-				})]
-			}),
-			/* @__PURE__ */ jsxs(Box, {
-				position: "relative",
-				alignItems: "center",
-				...inputWrapperProps,
-				className: classNames.inputWrapper,
-				children: [
-					/* @__PURE__ */ jsx(StartIcon, {
-						icon: startIcon,
-						className: classNames.startIcon,
-						iconProps: slotProps?.startIcon
-					}),
-					/* @__PURE__ */ jsx("input", {
-						ref,
-						id: uid,
-						type,
-						value,
-						required,
-						readOnly,
-						disabled,
-						"aria-describedby": helpTextId,
-						"aria-invalid": hasError,
-						onChange: handleChange,
-						className: classNames.input,
-						...otherProps,
-						...inputProps
-					}),
-					endIcon && /* @__PURE__ */ jsx(HStack, {
-						alignItems: "center",
-						gap: "1",
-						children: /* @__PURE__ */ jsx(EndIcon, {
-							icon: endIcon,
-							className: classNames.endIcon,
-							iconProps: slotProps?.endIcon
-						})
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx(AnimateHeightChange, {
-				reduceMotion,
-				layoutVariant,
-				children: /* @__PURE__ */ jsx(HelpTextContent, {
-					id: helpTextId,
-					helpText,
-					spacingTop: "2",
-					size,
-					isFilled: !!value,
-					helperTextIcon
-				})
-			})
-		]
-	});
-});
-Input.displayName = "Input";
-
-//#endregion
-export { Input };
-//# sourceMappingURL=Input.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","names":[],"sources":["../../../../src/components/client/Input/Input.tsx"],"sourcesContent":["/* eslint-disable react/no-multi-comp */\nimport type {\n  IconPropsWithSVGProps,\n  MotionVariant,\n  UniversalIconProps,\n  UniversalInputProps,\n} from '@yahoo/uds/tokens';\nimport { isFunction } from 'lodash';\nimport type { HTMLMotionProps } from 'motion/react';\nimport { useReducedMotion } from 'motion/react';\nimport type { ChangeEvent, InputHTMLAttributes } from 'react';\nimport { forwardRef, memo, useCallback, useId, useImperativeHandle, useRef, useState } from 'react';\n\nimport { cx, getStyles } from '../../../styles/styler';\nimport type { BoxProps } from '../../Box';\nimport { Box } from '../../Box';\nimport { HStack } from '../../HStack';\nimport { IconSlot } from '../../IconSlot';\nimport { VStack } from '../../VStack';\nimport { AnimateHeightChange } from '../AnimateHeightChange';\nimport { InputHelpTextInternal } from './InputHelpTextInternal';\n\ntype HtmlInputProps = React.InputHTMLAttributes<HTMLInputElement> & HTMLMotionProps<'input'>;\n\ntype NativeInputProps = Omit<HtmlInputProps, 'height' | 'size' | 'width' | 'color' | 'required'>;\n\n// Required because of: https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/69864\ntype DataAttributes = {\n  [name: `data-${string}`]: string;\n};\n\ninterface InputProps extends NativeInputProps, UniversalInputProps {\n  /** The type of the input element. Reduced set of options from the HTML input type attribute.\n   * @default 'text'\n   */\n  type?: Exclude<\n    NativeInputProps['type'],\n    'button' | 'checkbox' | 'color' | 'file' | 'radio' | 'range' | 'reset' | 'submit' | 'search'\n  >;\n\n  /** Props to be passed into various slots within the component. */\n  slotProps?: {\n    input?: Partial<InputHTMLAttributes<HTMLInputElement> & DataAttributes>;\n    inputWrapper?: Partial<BoxProps & DataAttributes>;\n    startIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;\n    endIcon?: Partial<IconPropsWithSVGProps & DataAttributes>;\n  };\n}\n\ntype InputChangeEvent = ChangeEvent<HTMLInputElement>;\n\ntype HelpTextContentProps = Pick<InputProps, 'helpText' | 'helperTextIcon'> &\n  BoxProps & {\n    size?: InputProps['size'];\n    isFilled?: boolean;\n  };\n\n// eslint-disable-next-line react/display-name\nconst HelpTextContent = memo(function HelpTextContentOriginal({\n  helpText,\n  helperTextIcon,\n  spacingStart,\n  spacingTop,\n  size,\n  isFilled,\n  ...rest\n}: HelpTextContentProps) {\n  if (!helpText) {\n    return null;\n  }\n\n  return (\n    <Box spacingTop={spacingTop} spacingStart={spacingStart} {...rest}>\n      <InputHelpTextInternal startIcon={helperTextIcon} size={size} isFilled={isFilled}>\n        {isFunction(helpText) ? helpText() : helpText}\n      </InputHelpTextInternal>\n    </Box>\n  );\n});\n\ninterface StartIconProps {\n  icon: InputProps['startIcon'];\n  className?: string;\n  iconProps?: Partial<UniversalIconProps>;\n}\n\n// eslint-disable-next-line react/display-name\nconst StartIcon = memo(function StartIcon({ icon, className, iconProps }: StartIconProps) {\n  if (!icon) {\n    return null;\n  }\n\n  return (\n    <IconSlot icon={icon} iconProps={{ variant: 'outline', ...iconProps }} className={className} />\n  );\n});\n\ninterface EndIconProps {\n  icon: InputProps['endIcon'];\n  className?: string;\n  iconProps?: Partial<UniversalIconProps>;\n}\n\n// eslint-disable-next-line react/display-name\nconst EndIcon = memo(function EndIcon({ icon, className, iconProps }: EndIconProps) {\n  if (!icon) {\n    return null;\n  }\n\n  return (\n    <IconSlot\n      icon={icon}\n      iconProps={{\n        variant: 'outline',\n        ...iconProps,\n      }}\n      className={className}\n    />\n  );\n});\n\n/**\n * **📦 An input that allows users to enter text and collect data.**\n *\n * @componentType Client component\n *\n * @description\n * 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.\n *\n * @see\n * Check out the {@link https://uds.build/docs/components/input Input Docs} for more info\n *\n * @usage\n * - Forms: For collecting data like names, emails, passwords, etc. (e.g., sign-up, login, or contact forms).\n * - Search Bars: Allowing users to enter search queries to find content.\n * - Filters/Settings: When users need to specify preferences, like selecting a date or adjusting a number value.\n * - Feedback/Comments: Letting users leave reviews, comments, or feedback.\n *\n * @example\n * ```tsx\n * 'use client';\n * import { Input } from \"@yahoo/uds\";\n *\n * <Input label=\"Name\" placeholder=\"Enter your name\" required />\n *```\n *\n * @related [Checkbox](https://uds.build/docs/components/checkbox), [Radio](https://uds.build/docs/components/radio).\n **/\nconst Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  {\n    id,\n    label,\n    type = 'text',\n    size = 'md',\n    startIcon,\n    endIcon,\n    helpText,\n    helperTextIcon,\n    hasError,\n    width: containerWidth = 'full',\n    defaultValue,\n    required,\n    readOnly,\n    disabled,\n    reduceMotion: forceReduceMotion,\n    onChange,\n    slotProps,\n    className, // extract it from otherProps\n    ...otherProps\n  }: InputProps,\n  forwardedRef,\n) {\n  const generatedId = useId();\n  const uid = id ?? `uds-input-${generatedId}`;\n  const helpTextId = `uds-input-${uid}-help-text`;\n\n  const { className: inputClassName, ...inputProps } = slotProps?.input ?? {};\n  const { className: inputWrapperClassName, ...inputWrapperProps } = slotProps?.inputWrapper ?? {};\n\n  const ref = useRef<HTMLInputElement>(null);\n  useImperativeHandle(forwardedRef, () => ref.current as HTMLInputElement);\n\n  const [value, setValue] = useState(defaultValue ?? '');\n\n  const handleChange = useCallback(\n    (e: InputChangeEvent) => {\n      setValue(e.target.value);\n      onChange?.(e);\n    },\n    [onChange],\n  );\n\n  // Motion\n  const prefersReducedMotion = useReducedMotion();\n  const layoutVariant: MotionVariant = prefersReducedMotion ? 'smooth' : 'bouncy';\n  const reduceMotion = forceReduceMotion ? 'always' : 'user';\n\n  // Internal \"states\".\n  const isInteractive = !readOnly && !disabled;\n\n  const classNames = {\n    root: getStyles({\n      inputSizeRoot: size,\n      inputVariantRoot: 'default',\n      inputVariantValueRoot: !value ? 'empty' : 'filled',\n      className: cx([className, disabled ? 'opacity-50' : '']),\n    }),\n\n    inputWrapper: cx(\n      getStyles({\n        inputSizeInputWrapper: size,\n        inputVariantInputWrapper: 'default',\n        inputVariantValueInputWrapper: !value ? 'empty' : 'filled',\n      }),\n      'min-w-[200px]',\n      inputWrapperClassName,\n    ),\n\n    input: getStyles({\n      inputSizeInput: size,\n      inputVariantInput: 'default',\n      inputVariantValueInput: !value ? 'empty' : 'filled',\n      inputVariantInputPlaceholder: 'default',\n      inputVariantValueInputPlaceholder: !value ? 'empty' : 'filled',\n\n      className: cx(\n        'grow',\n        'uds-hit-target', // Minimum hit target of 44px\n        'bg-clip-text', // Remove auto-fill background color\n        'focus:outline-none',\n        // Readonly & disabled styles.\n        isInteractive ? 'cursor-text' : 'cursor-not-allowed',\n        // User overrides\n        inputClassName,\n      ),\n    }),\n    label: cx(\n      getStyles({\n        inputSizeLabel: size,\n        inputVariantLabel: 'default',\n        inputVariantValueLabel: !value ? 'empty' : 'filled',\n      }),\n    ),\n    labelRequired: getStyles({\n      inputVariantLabelRequired: 'default',\n      inputVariantValueLabelRequired: !value ? 'empty' : 'filled',\n    }),\n    startIcon: getStyles({\n      inputSizeStartIcon: size,\n      inputVariantStartIcon: 'default',\n      inputVariantValueStartIcon: !value ? 'empty' : 'filled',\n    }),\n    endIcon: getStyles({\n      inputSizeEndIcon: size,\n      inputVariantEndIcon: 'default',\n      inputVariantValueEndIcon: !value ? 'empty' : 'filled',\n    }),\n  };\n\n  return (\n    <VStack width={containerWidth} className={classNames.root}>\n      {label && (\n        <Box spacingBottom=\"2\" columnGap=\"0.5\" alignItems=\"flex-end\" className={classNames.label}>\n          <label htmlFor={uid}>{isFunction(label) ? label() : label}</label>\n          {required && <span className={classNames.labelRequired}>*</span>}\n        </Box>\n      )}\n\n      <Box\n        position=\"relative\"\n        alignItems=\"center\"\n        {...inputWrapperProps}\n        className={classNames.inputWrapper}\n      >\n        <StartIcon\n          icon={startIcon}\n          className={classNames.startIcon}\n          iconProps={slotProps?.startIcon}\n        />\n\n        <input\n          ref={ref}\n          id={uid}\n          type={type}\n          value={value}\n          required={required}\n          readOnly={readOnly}\n          disabled={disabled}\n          aria-describedby={helpTextId}\n          aria-invalid={hasError}\n          onChange={handleChange}\n          className={classNames.input}\n          {...otherProps}\n          {...inputProps}\n        />\n\n        {/* Do not render the root element if endIcon is not present.\n        https://ouryahoo.atlassian.net/browse/UD-1447 */}\n        {endIcon && (\n          <HStack alignItems=\"center\" gap=\"1\">\n            <EndIcon icon={endIcon} className={classNames.endIcon} iconProps={slotProps?.endIcon} />\n          </HStack>\n        )}\n      </Box>\n\n      <AnimateHeightChange reduceMotion={reduceMotion} layoutVariant={layoutVariant}>\n        <HelpTextContent\n          id={helpTextId}\n          helpText={helpText}\n          spacingTop=\"2\"\n          size={size}\n          isFilled={!!value}\n          helperTextIcon={helperTextIcon}\n        />\n      </AnimateHeightChange>\n    </VStack>\n  );\n});\n\n// Need to re-set this because of the forwardRef wrapper\nInput.displayName = 'Input';\n\nexport { Input, type InputProps };\n"],"mappings":"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"}

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

@@ -1,55 +0,0 @@
-"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_Box = require('../../Box.cjs');
-const require_components_client_Input_InputHelpTextInternal = require('./InputHelpTextInternal.cjs');
-let react_jsx_runtime = require("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__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
-		asChild: true,
-		spacingTop: "2",
-		className: { root: require_styles_styler.getStyles({
-			inputSizeRoot: size,
-			inputVariantRoot: "default",
-			inputVariantValueRoot: !isFilled ? "empty" : "filled"
-		}) }.root,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Input_InputHelpTextInternal.InputHelpTextInternal, {
-			size,
-			isFilled,
-			...props
-		})
-	});
-};
-InputHelpText.displayName = "InputHelpText";
-
-//#endregion
-exports.InputHelpText = InputHelpText;

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

@@ -1,42 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,42 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,55 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,57 +0,0 @@
-"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

@@ -1,38 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,38 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,57 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"}