@launchpad-ui/form 0.4.0 → 0.5.0

package/dist/index.js

@@ -9,32 +9,28 @@ const visuallyHidden = require("@react-aria/visually-hidden");
 const RequiredAsterisk$1 = "";
 const RequiredAsterisk = ({
   className,
-  testId,
   ...rest
 }) => {
-  const classes = classix.cx("RequiredAsterisk");
+  const classes = classix.cx("RequiredAsterisk", className);
   return /* @__PURE__ */ jsxRuntime.jsx("span", {
-    className: classes,
-    "data-test-id": testId,
     ...rest,
+    className: classes,
     children: "*"
   });
 };
 const Form$1 = "";
 const Label = ({
-  htmlFor,
   disabled,
   className,
   children,
   required = false,
   optional = false,
-  ...other
+  ...rest
 }) => {
   const classes = classix.cx("Form-label", className, disabled && "Form-label--disabled");
   return /* @__PURE__ */ jsxRuntime.jsxs("label", {
-    ...other,
+    ...rest,
     className: classes,
-    htmlFor,
     children: [children, optional && !required && /* @__PURE__ */ jsxRuntime.jsx("small", {
       className: "Form-labelOptional",
       children: "(optional)"
@@ -46,10 +42,9 @@ const Checkbox = react.forwardRef(({
   "aria-labelledby": ariaLabelledby,
   children,
   disabled,
-  testId,
   checked,
   labelClassName,
-  ...other
+  ...rest
 }, ref) => {
   const hasAriaLabel = ariaLabel !== void 0 || ariaLabelledby !== void 0;
   if (!children && !hasAriaLabel) {
@@ -58,7 +53,7 @@ const Checkbox = react.forwardRef(({
   return /* @__PURE__ */ jsxRuntime.jsxs(Label, {
     className: labelClassName,
     children: [/* @__PURE__ */ jsxRuntime.jsx("input", {
-      ...other,
+      ...rest,
       ref,
       checked,
       "aria-checked": checked ? "true" : "false",
@@ -66,7 +61,6 @@ const Checkbox = react.forwardRef(({
       "aria-labelledby": ariaLabelledby,
       className: "Form-checkbox",
       disabled,
-      "data-test-id": testId,
       type: "checkbox"
     }), " ", disabled ? /* @__PURE__ */ jsxRuntime.jsx("span", {
       className: "Form-label--disabled",
@@ -83,7 +77,6 @@ const TextField = react.forwardRef(({
   tiny = false,
   readOnly,
   tabIndex = 0,
-  testId,
   suffix,
   overrideWidth,
   ...rest
@@ -98,7 +91,6 @@ const TextField = react.forwardRef(({
         className: classix.cx(classes, "FormInput-suffix"),
         readOnly,
         ref,
-        "data-test-id": testId,
         "aria-describedby": rest["aria-describedby"] || createFieldErrorId(rest.id)
       }), /* @__PURE__ */ jsxRuntime.jsx("label", {
         className: "FormInput-suffix",
@@ -114,7 +106,6 @@ const TextField = react.forwardRef(({
     readOnly,
     tabIndex,
     ref,
-    "data-test-id": testId,
     style: overrideWidth ? {
       width: overrideWidth
     } : void 0,
@@ -126,9 +117,7 @@ const CompactTextField$1 = "";
 const CompactTextField = react.forwardRef(({
   className,
   id,
-  name,
   label,
-  type,
   needsErrorFeedback,
   value,
   onFocus,
@@ -160,8 +149,6 @@ const CompactTextField = react.forwardRef(({
     }), /* @__PURE__ */ jsxRuntime.jsx(TextField, {
       ...rest,
       id,
-      name,
-      type,
       placeholder,
       value,
       ref,
@@ -174,12 +161,14 @@ CompactTextField.displayName = "CompactTextField";
 const FieldError = ({
   name,
   errorMessage,
-  className
+  className,
+  ...rest
 }) => {
   if (!errorMessage) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsx("span", {
+    ...rest,
     className: classix.cx("Form-fieldError", className),
     "aria-live": "polite",
     id: createFieldErrorId(name),
@@ -189,30 +178,26 @@ const FieldError = ({
 const FieldSet$1 = "";
 const FieldSet = ({
   children,
-  testId
+  className,
+  ...rest
 }) => {
+  const classes = classix.cx("FieldSet", className);
   return /* @__PURE__ */ jsxRuntime.jsx("fieldset", {
-    className: "FieldSet",
-    "data-test-id": testId,
+    className: classes,
+    ...rest,
     children
   });
 };
 const Form = (props) => {
   const {
-    id,
-    name,
     className,
     inline,
     children,
-    ariaLabel,
     hasIncreasedErrorMargin,
     ...rest
   } = props;
   const classes = classix.cx("Form", className, inline && "Form--inline", !!hasIncreasedErrorMargin && "Form--increasedErrorMargin");
   return /* @__PURE__ */ jsxRuntime.jsx("form", {
-    id,
-    name,
-    "aria-label": ariaLabel,
     ...rest,
     className: classes,
     children
@@ -225,14 +210,12 @@ const FormGroup = (props) => {
     ignoreValidation,
     isInvalid,
     children,
-    testId,
-    ...other
+    ...rest
   } = props;
   const classes = classix.cx("Form-group", className, !ignoreValidation && isInvalid && "is-invalid");
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
     className: classes,
-    "data-test-id": testId,
-    ...other,
+    ...rest,
     children
   });
 };
@@ -261,7 +244,8 @@ const FormField = ({
   isInvalid,
   children,
   className,
-  onBlur
+  onBlur,
+  "data-test-id": testId
 }) => {
   const handleBlur = () => {
     onBlur && onBlur(name);
@@ -272,6 +256,7 @@ const FormField = ({
     ignoreValidation,
     isInvalid,
     onBlur: handleBlur,
+    "data-test-id": testId,
     children: [label && /* @__PURE__ */ jsxRuntime.jsxs("label", {
       htmlFor,
       children: [label, isRequired && /* @__PURE__ */ jsxRuntime.jsx(RequiredAsterisk, {})]
@@ -288,29 +273,20 @@ const FormField = ({
 const IconField$1 = "";
 const IconField = ({
   icon,
-  children
+  children,
+  className,
+  ...rest
 }) => {
   const Icon = icon;
+  const classes = classix.cx("IconField", className);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: "IconField",
+    className: classes,
+    ...rest,
     children: [children, /* @__PURE__ */ jsxRuntime.jsx(Icon, {
       size: icons.IconSize.SMALL
     })]
   });
 };
-const InputGroup$1 = "";
-const InputGroup = ({
-  className,
-  children,
-  ...other
-}) => {
-  const classes = classix.cx("InputGroup", className);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    ...other,
-    className: classes,
-    children
-  });
-};
 const Radio = ({
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledby,
@@ -320,11 +296,8 @@ const Radio = ({
   disabled = false,
   id,
   labelClassName,
-  name,
-  onChange = () => void 0,
   labelStyle,
-  value,
-  ...props
+  ...rest
 }) => {
   const hasAriaLabel = ariaLabel !== void 0 || ariaLabelledby !== void 0;
   if (!children && !hasAriaLabel) {
@@ -332,17 +305,14 @@ const Radio = ({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/* @__PURE__ */ jsxRuntime.jsx("input", {
+      ...rest,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledby,
       className: classix.cx("Form-radio", className),
       checked,
       disabled,
       id,
-      name,
-      onChange,
-      type: "radio",
-      value,
-      ...props
+      type: "radio"
     }), /* @__PURE__ */ jsxRuntime.jsx(Label, {
       className: labelClassName,
       htmlFor: id,
@@ -362,7 +332,7 @@ const RadioGroup = (props) => {
     children,
     disabled,
     legend,
-    ...other
+    ...rest
   } = props;
   const fieldsetRef = react.useRef(null);
   function updateRadioElems(elem) {
@@ -411,7 +381,7 @@ const RadioGroup = (props) => {
         children: legend
       })
     }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-      ...other,
+      ...rest,
       children: radios
     })]
   });
@@ -419,14 +389,12 @@ const RadioGroup = (props) => {
 const Select = ({
   className,
   children,
-  testId,
   ...rest
 }) => {
   const classes = classix.cx("FormInput", "FormInput-select", className);
   return /* @__PURE__ */ jsxRuntime.jsx("select", {
     ...rest,
     className: classes,
-    "data-test-id": testId,
     children
   });
 };
@@ -460,7 +428,6 @@ exports.FormField = FormField;
 exports.FormGroup = FormGroup;
 exports.FormHint = FormHint;
 exports.IconField = IconField;
-exports.InputGroup = InputGroup;
 exports.Label = Label;
 exports.Radio = Radio;
 exports.RadioGroup = RadioGroup;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/RequiredAsterisk.tsx","../src/Label.tsx","../src/Checkbox.tsx","../src/utils/index.ts","../src/TextField.tsx","../src/CompactTextField.tsx","../src/FieldError.tsx","../src/FieldSet.tsx","../src/Form.tsx","../src/FormGroup.tsx","../src/FormHint.tsx","../src/FormField.tsx","../src/IconField.tsx","../src/InputGroup.tsx","../src/Radio.tsx","../src/RadioGroup.tsx","../src/Select.tsx","../src/TextArea.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\n\nimport './styles/RequiredAsterisk.css';\n\ntype RequiredAsteriskProps = HTMLAttributes<HTMLSpanElement> & {\n  testId?: string;\n};\n\nconst RequiredAsterisk = ({ className, testId, ...rest }: RequiredAsteriskProps) => {\n  const classes = cx('RequiredAsterisk');\n\n  return (\n    <span className={classes} data-test-id={testId} {...rest}>\n      *\n    </span>\n  );\n};\n\nexport { RequiredAsterisk };\nexport type { RequiredAsteriskProps };\n","import type { CSSProperties, ReactNode } from 'react';\n\nimport { cx } from 'classix';\n\nimport { RequiredAsterisk } from './RequiredAsterisk';\nimport './styles/Form.css';\n\ntype LabelProps = {\n  htmlFor?: string;\n  required?: boolean;\n  optional?: boolean;\n  disabled?: boolean;\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n  hidden?: boolean;\n};\n\nconst Label = ({\n  htmlFor,\n  disabled,\n  className,\n  children,\n  required = false,\n  optional = false,\n  ...other\n}: LabelProps) => {\n  const classes = cx('Form-label', className, disabled && 'Form-label--disabled');\n  return (\n    <label {...other} className={classes} htmlFor={htmlFor}>\n      {children}\n      {optional && !required && <small className=\"Form-labelOptional\">(optional)</small>}\n      {required && !optional && <RequiredAsterisk />}\n    </label>\n  );\n};\n\nexport { Label };\nexport type { LabelProps };\n","import type { InputHTMLAttributes, ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport { Label } from './Label';\nimport './styles/Form.css';\n\ntype CheckboxProps = InputHTMLAttributes<HTMLInputElement> & {\n  /**\n   * Use an aria-label if you don't pass in children and don't have a visible label to associate with the input element.\n   */\n  'aria-label'?: string;\n  /**\n   * id attribute of the label text elsewhere in the app, used for screen reader support\n   * Use this for cases where you have a visible label on the page that is not close to\n   * the input. https://tink.uk/the-difference-between-aria-label-and-aria-labelledby/\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Label for the Checkbox\n   */\n  children?: ReactNode;\n  /**\n   * The className to pass into the Checkbox's Label component\n   */\n  labelClassName?: string;\n  /**\n   * The test id for the data-test-id attribute for React Testing Library support\n   */\n  testId?: string;\n};\n\nconst Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      children,\n      disabled,\n      testId,\n      checked,\n      labelClassName,\n      ...other\n    },\n    ref\n  ) => {\n    const hasAriaLabel = ariaLabel !== undefined || ariaLabelledby !== undefined;\n    if (!children && !hasAriaLabel) {\n      console.warn(\n        'If you do not provide children, you must specify an aria-label for accessibility'\n      );\n    }\n\n    return (\n      <Label className={labelClassName}>\n        <input\n          {...other}\n          ref={ref}\n          checked={checked}\n          aria-checked={checked ? 'true' : 'false'}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          className=\"Form-checkbox\"\n          disabled={disabled}\n          data-test-id={testId}\n          type=\"checkbox\"\n        />{' '}\n        {disabled ? <span className=\"Form-label--disabled\">{children}</span> : children}\n      </Label>\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\nexport type { CheckboxProps };\n","type FieldPath = string | string[];\n\nconst createFieldErrorId = (fieldIdentifier?: FieldPath) =>\n  fieldIdentifier ? `${[...fieldIdentifier].join('')}-err` : undefined;\n\nexport { createFieldErrorId };\nexport type { FieldPath };\n","import type { InputHTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\nimport { forwardRef } from 'react';\n\nimport './styles/FormInput.css';\nimport { createFieldErrorId } from './utils';\n\ntype TextFieldProps = InputHTMLAttributes<HTMLInputElement> & {\n  suffix?: string;\n  testId?: string;\n  tiny?: boolean;\n  overrideWidth?: string;\n};\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      className,\n      type = 'text',\n      tiny = false,\n      readOnly,\n      tabIndex = 0,\n      testId,\n      suffix,\n      overrideWidth,\n      ...rest\n    },\n    ref\n  ) => {\n    const classes = overrideWidth\n      ? className\n      : cx('FormInput', `FormInput-${type}`, className, tiny && 'FormInput--tiny');\n    if (suffix) {\n      return (\n        <div className=\"FormInput-suffixContainer\">\n          <input\n            {...rest}\n            type={type}\n            className={cx(classes, 'FormInput-suffix')}\n            readOnly={readOnly}\n            ref={ref}\n            data-test-id={testId}\n            aria-describedby={rest['aria-describedby'] || createFieldErrorId(rest.id)}\n          />\n          <label className=\"FormInput-suffix\" htmlFor={rest.id}>\n            {suffix}\n          </label>\n        </div>\n      );\n    }\n\n    return (\n      <input\n        {...rest}\n        type={type}\n        className={classes}\n        readOnly={readOnly}\n        tabIndex={tabIndex}\n        ref={ref}\n        data-test-id={testId}\n        style={\n          overrideWidth\n            ? {\n                width: overrideWidth,\n              }\n            : undefined\n        }\n        aria-describedby={rest['aria-describedby'] || createFieldErrorId(rest.id)}\n      />\n    );\n  }\n);\n\nTextField.displayName = 'TextField';\n\nexport { TextField };\nexport type { TextFieldProps };\n","import type { TextFieldProps } from './TextField';\nimport type { FocusEvent } from 'react';\n\nimport { cx } from 'classix';\nimport { forwardRef, useState } from 'react';\n\nimport { Label } from './Label';\nimport { TextField } from './TextField';\nimport './styles/CompactTextField.css';\nimport './styles/FormInput.css';\n\ntype CompactTextFieldProps = TextFieldProps & {\n  label: string;\n  needsErrorFeedback?: boolean;\n};\n\nconst CompactTextField = forwardRef<HTMLInputElement, CompactTextFieldProps>(\n  (\n    { className, id, name, label, type, needsErrorFeedback, value, onFocus, onBlur, ...rest },\n    ref\n  ) => {\n    const [isActive, setIsActive] = useState(\n      (typeof value === 'boolean' || value ? value.toString() : '').trim().length !== 0\n    );\n\n    const isActiveState = isActive || needsErrorFeedback;\n\n    const classes = cx('CompactTextField', className, isActiveState && 'is-active');\n\n    const placeholder = isActiveState ? '' : label;\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      setIsActive(true);\n      if (onFocus) {\n        onFocus(event);\n      }\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const value = event.target.value || '';\n      setIsActive(value.trim().length !== 0);\n      if (onBlur) {\n        onBlur(event);\n      }\n    };\n\n    return (\n      <div className={classes}>\n        <Label htmlFor={id}>{label}</Label>\n        <TextField\n          {...rest}\n          id={id}\n          name={name}\n          type={type}\n          placeholder={placeholder}\n          value={value}\n          ref={ref}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n        />\n      </div>\n    );\n  }\n);\n\nCompactTextField.displayName = 'CompactTextField';\n\nexport { CompactTextField };\nexport type { CompactTextFieldProps };\n","import type { FieldPath } from './utils';\n\nimport { cx } from 'classix';\n\nimport './styles/Form.css';\nimport { createFieldErrorId } from './utils';\n\ntype FieldErrorProps = {\n  name: FieldPath;\n  errorMessage?: string;\n  className?: string;\n};\n\nconst FieldError = ({ name, errorMessage, className }: FieldErrorProps) => {\n  if (!errorMessage) {\n    return null;\n  }\n\n  return (\n    <span\n      className={cx('Form-fieldError', className)}\n      aria-live=\"polite\"\n      id={createFieldErrorId(name)}\n    >\n      {`Error - ${errorMessage}`}\n    </span>\n  );\n};\n\nexport { FieldError };\nexport type { FieldErrorProps };\n","import type { ReactNode } from 'react';\n\nimport './styles/FieldSet.css';\n\ntype FieldSetProps = {\n  children?: ReactNode;\n  testId?: string;\n};\n\nconst FieldSet = ({ children, testId }: FieldSetProps) => {\n  return (\n    <fieldset className=\"FieldSet\" data-test-id={testId}>\n      {children}\n    </fieldset>\n  );\n};\n\nexport { FieldSet };\nexport type { FieldSetProps };\n","import type { FocusEvent, FormEvent, ReactNode } from 'react';\n\nimport { cx } from 'classix';\n\nimport './styles/Form.css';\n\ntype FormProps = {\n  id?: string;\n  name?: string;\n  action?: string;\n  className?: string;\n  inline?: boolean;\n  method?: string;\n  // Increases margin between form fields to make room for error messages.\n  // This prevents the form from shifting when rendering a field error.\n  // This may be desired when the form contains external links that will\n  // shift while clicking if the form shifts from validation.\n  hasIncreasedErrorMargin?: boolean;\n  onBlurCapture?(e: FocusEvent): void;\n  onSubmit?(e: FormEvent<EventTarget>): void;\n  ariaLabel?: string;\n  children: ReactNode;\n};\n\nconst Form = (props: FormProps) => {\n  const { id, name, className, inline, children, ariaLabel, hasIncreasedErrorMargin, ...rest } =\n    props;\n  const classes = cx(\n    'Form',\n    className,\n    inline && 'Form--inline',\n    !!hasIncreasedErrorMargin && 'Form--increasedErrorMargin'\n  );\n\n  return (\n    <form id={id} name={name} aria-label={ariaLabel} {...rest} className={classes}>\n      {children}\n    </form>\n  );\n};\n\nexport { Form };\nexport type { FormProps };\n","import type { ReactNode } from 'react';\n\nimport { cx } from 'classix';\n\nimport './styles/Form.css';\n\ntype FormGroupProps = {\n  name?: string | string[];\n  ignoreValidation?: boolean;\n  isInvalid?: boolean;\n  className?: string;\n  onBlur?: () => void;\n  testId?: string;\n  children: ReactNode;\n};\n\nconst FormGroup = (props: FormGroupProps) => {\n  const { className, name, ignoreValidation, isInvalid, children, testId, ...other } = props;\n\n  const classes = cx('Form-group', className, !ignoreValidation && isInvalid && 'is-invalid');\n\n  return (\n    <div className={classes} data-test-id={testId} {...other}>\n      {children}\n    </div>\n  );\n};\n\nexport { FormGroup };\nexport type { FormGroupProps };\n","import type { ReactNode } from 'react';\n\nimport { cx } from 'classix';\n\nimport './styles/FormHint.css';\n\ntype FormHintProps = {\n  children: ReactNode;\n  className?: string;\n  id?: string;\n};\n\nconst FormHint = ({ className, children, ...rest }: FormHintProps) => {\n  const classes = cx('Form-hint', className);\n\n  return (\n    <div {...rest} className={classes}>\n      {children}\n    </div>\n  );\n};\n\nexport { FormHint };\nexport type { FormHintProps };\n","import { cx } from 'classix';\n\nimport { FieldError } from './FieldError';\nimport { FormGroup } from './FormGroup';\nimport { FormHint } from './FormHint';\nimport { RequiredAsterisk } from './RequiredAsterisk';\nimport './styles/FormField.css';\n\ntype FormFieldProps = {\n  isRequired: boolean;\n  label?: string;\n  name: string;\n  htmlFor: string;\n  hint?: string;\n  errorMessage?: string;\n  ignoreValidation?: boolean;\n  isInvalid?: boolean;\n  children: JSX.Element;\n  className?: string;\n  onBlur?: (field: string) => void;\n};\n\nconst FormField = ({\n  isRequired,\n  label,\n  name,\n  htmlFor,\n  hint,\n  errorMessage,\n  ignoreValidation,\n  isInvalid,\n  children,\n  className,\n  onBlur,\n}: FormFieldProps) => {\n  const handleBlur = () => {\n    onBlur && onBlur(name);\n  };\n\n  return (\n    <FormGroup\n      className={cx('FormField', className)}\n      name={name}\n      ignoreValidation={ignoreValidation}\n      isInvalid={isInvalid}\n      onBlur={handleBlur}\n    >\n      {label && (\n        <label htmlFor={htmlFor}>\n          {label}\n          {isRequired && <RequiredAsterisk />}\n        </label>\n      )}\n      {hint && <FormHint className=\"FormField-hint\">{hint}</FormHint>}\n      {children}\n      <FieldError className=\"FormField-errorMessage\" name={name} errorMessage={errorMessage} />\n    </FormGroup>\n  );\n};\n\nexport type { FormFieldProps };\nexport { FormField };\n","import type { IconProps } from '@launchpad-ui/icons';\n\nimport { IconSize } from '@launchpad-ui/icons';\n\nimport './styles/IconField.css';\n\ntype IconFieldProps = {\n  icon({ ...other }: IconProps): JSX.Element;\n  children: JSX.Element | JSX.Element[];\n};\n\nconst IconField = ({ icon, children }: IconFieldProps) => {\n  const Icon = icon;\n\n  return (\n    <div className=\"IconField\">\n      {children}\n      <Icon size={IconSize.SMALL} />\n    </div>\n  );\n};\n\nexport { IconField };\nexport type { IconFieldProps };\n","import type { ComponentPropsWithRef } from 'react';\n\nimport { cx } from 'classix';\n\nimport './styles/InputGroup.css';\n\ntype InputGroupProps = ComponentPropsWithRef<'div'>;\n\nconst InputGroup = ({ className, children, ...other }: InputGroupProps) => {\n  const classes = cx('InputGroup', className);\n\n  return (\n    <div {...other} className={classes}>\n      {children}\n    </div>\n  );\n};\n\nexport { InputGroup };\nexport type { InputGroupProps };\n","import type { ChangeEvent, CSSProperties, ReactNode } from 'react';\n\nimport { cx } from 'classix';\n\nimport { Label } from './Label';\nimport './styles/Form.css';\n\ntype RadioProps = {\n  /**\n   * Use an aria-label if you don't pass in children and don't have a visible label to associate with the input element.\n   */\n  'aria-label'?: string;\n  /**\n   * id attribute of the label text elsewhere in the app, used for screen reader support. Use this for cases where you have a visible label on the page that **is not close to** to the input. https://tink.uk/the-difference-between-aria-label-and-aria-labelledby/\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Is the Radio checked?\n   */\n  checked?: boolean;\n  /**\n   * Label for the Checkbox\n   */\n  children?: ReactNode;\n  /**\n   * Custom classname(s) to add to the Radio.\n   */\n  className?: string;\n  /**\n   * Is the Radio disabled?\n   */\n  disabled?: boolean;\n  /**\n   * The id to pair the Radio input with the label for screen reader support.\n   */\n  id?: string;\n  /**\n   * The className to pass into the Radio's Label component\n   */\n  labelClassName?: string;\n  /**\n   * Name to apply to the underlying Radio. Pass in the same name value to each Radio when grouping in a RadioGroup for screen reader support.\n   */\n  name?: string;\n  /**\n   * The function to pass into the Radio onChange synthetic event handler.\n   */\n  onChange?(e: ChangeEvent): void;\n  /**\n   * Optional inline CSS styles to add to the Radio label.\n   */\n  labelStyle?: CSSProperties;\n  /**\n   * The value passed into Radio.\n   */\n  value: number | string;\n};\n\nconst Radio = ({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  checked = false,\n  children,\n  className,\n  disabled = false,\n  id,\n  labelClassName,\n  name,\n  onChange = () => undefined,\n  labelStyle,\n  value,\n  ...props\n}: RadioProps) => {\n  const hasAriaLabel = ariaLabel !== undefined || ariaLabelledby !== undefined;\n\n  if (!children && !hasAriaLabel) {\n    console.warn(\n      'If you do not provide children, you must specify an aria-label for accessibility'\n    );\n  }\n\n  return (\n    <>\n      <input\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        className={cx('Form-radio', className)}\n        checked={checked}\n        disabled={disabled}\n        id={id}\n        name={name}\n        onChange={onChange}\n        type=\"radio\"\n        value={value}\n        {...props}\n      />\n      <Label className={labelClassName} htmlFor={id} style={labelStyle}>\n        {disabled ? <span className=\"Form-label--disabled\">{children}</span> : children}\n      </Label>\n    </>\n  );\n};\n\nexport { Radio };\nexport type { RadioProps };\n","import type { ChangeEvent, FormEvent, ReactElement, ReactNode } from 'react';\n\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\nimport { Children, cloneElement, isValidElement, useRef } from 'react';\n\nimport { Label } from './Label';\nimport { Radio } from './Radio';\nimport './styles/Form.css';\n\ntype RadioGroupProps = {\n  /**\n   * The legend that describes this groups of radio buttons. The legend\n   * is important for screen reader users.\n   */\n  legend?: string;\n  /**\n   * The children passed into the RadioGroup.\n   */\n  children?: ReactNode;\n  /**\n   * Custom classname(s) passed to the fieldset inner div.\n   */\n  className?: string;\n  /**\n   * Set the underlying Radio to disabled if the Radio's disabled prop is undefined.\n   */\n  disabled?: boolean;\n  /**\n   * The RadioGroup's id.\n   */\n  id?: string;\n  /**\n   * Name to apply to the underlying Radio. The same name value is passed to each Radio when grouping in a RadioGroup for screen reader support.\n   */\n  name: string;\n  /**\n   * This function is passed into each Radio onChange synthetic event handler.\n   */\n  onChange?(e: ChangeEvent | FormEvent<HTMLInputElement>): void;\n  /**\n   * The value to compare against the Radio's value to determine if the Radio will be checked.\n   */\n  value: string;\n};\n\nconst RadioGroup = (props: RadioGroupProps) => {\n  const { name, value, onChange, children, disabled, legend, ...other } = props;\n  const fieldsetRef = useRef<HTMLFieldSetElement>(null);\n\n  function updateRadioElems(elem: ReactNode): ReactNode {\n    if (!isValidElement(elem)) {\n      return elem;\n    }\n\n    const item = elem as ReactElement;\n\n    if (item?.type && item.type === Radio) {\n      return cloneElement(item, {\n        ...item.props,\n        name,\n        checked: item.props.value === value,\n        onChange,\n        disabled: typeof item.props?.disabled !== 'undefined' ? item.props.disabled : disabled,\n      });\n    }\n\n    if (item?.type && item.type === Label) {\n      return cloneElement(item, {\n        ...item.props,\n        onChange,\n        disabled,\n      });\n    }\n\n    const elemChildren = item?.props?.children;\n    if (elemChildren) {\n      if (Array.isArray(elemChildren)) {\n        return cloneElement(item, {\n          children: Children.map(elemChildren, (elemChild) => updateRadioElems(elemChild)),\n        });\n      }\n      return cloneElement(item, {\n        children: updateRadioElems(elemChildren),\n      });\n    }\n\n    if (item?.type && item.type !== Radio && item.type !== Label) {\n      return item;\n    }\n\n    return null;\n  }\n\n  const radios = Children.map(children, (child) => updateRadioElems(child));\n  return (\n    <fieldset ref={fieldsetRef}>\n      {legend && (\n        <legend>\n          <VisuallyHidden>{legend}</VisuallyHidden>\n        </legend>\n      )}\n      <div {...other}>{radios}</div>\n    </fieldset>\n  );\n};\n\nexport { RadioGroup };\nexport type { RadioGroupProps };\n","import type { ChangeEvent, FocusEvent, ReactNode } from 'react';\n\nimport { cx } from 'classix';\n\nimport './styles/FormInput.css';\n\ntype SelectProps = {\n  children: ReactNode;\n  className?: string;\n  disabled?: boolean;\n  id?: string;\n  name?: string;\n  onChange?(event: ChangeEvent<HTMLInputElement> | ChangeEvent<HTMLSelectElement>): void;\n  onBlur?(event: FocusEvent<HTMLSelectElement, HTMLElement>): void;\n  testId?: string;\n  value?: number | string;\n  placeholder?: string;\n  'aria-label'?: string;\n};\n\nconst Select = ({ className, children, testId, ...rest }: SelectProps) => {\n  const classes = cx('FormInput', 'FormInput-select', className);\n\n  return (\n    <select {...rest} className={classes} data-test-id={testId}>\n      {children}\n    </select>\n  );\n};\n\nexport { Select };\nexport type { SelectProps };\n","import type { KeyboardEvent, TextareaHTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\nimport { forwardRef } from 'react';\n\nimport './styles/FormInput.css';\nimport { createFieldErrorId } from './utils';\n\ntype TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(({ className, ...props }, ref) => {\n  const onKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (\n      e.key === 'ArrowRight' ||\n      e.key === 'ArrowDown' ||\n      e.key === 'ArrowUp' ||\n      e.key === 'ArrowLeft'\n    ) {\n      e.stopPropagation();\n    }\n    if (e.key === 'Escape') {\n      e.nativeEvent.stopImmediatePropagation();\n    }\n  };\n\n  return (\n    <textarea\n      {...props}\n      className={cx('FormInput', className)}\n      ref={ref}\n      aria-describedby={props['aria-describedby'] || createFieldErrorId(props.id)}\n      onKeyDown={onKeyDown}\n    />\n  );\n});\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\nexport type { TextAreaProps };\n"],"names":["RequiredAsterisk","className","testId","rest","classes","cx","Label","htmlFor","disabled","children","required","optional","other","_jsx","Checkbox","forwardRef","ariaLabel","ariaLabelledby","checked","labelClassName","ref","hasAriaLabel","undefined","console","warn","displayName","TextField","type","tiny","readOnly","tabIndex","suffix","overrideWidth","createFieldErrorId","id","width","CompactTextField","name","label","needsErrorFeedback","value","onFocus","onBlur","isActive","setIsActive","useState","toString","trim","length","isActiveState","placeholder","handleFocus","event","handleBlur","target","FieldError","errorMessage","FieldSet","Form","props","inline","hasIncreasedErrorMargin","FormGroup","ignoreValidation","isInvalid","FormHint","FormField","isRequired","hint","_jsxs","IconField","icon","Icon","IconSize","SMALL","InputGroup","Radio","onChange","labelStyle","_Fragment","RadioGroup","legend","fieldsetRef","useRef","elem","isValidElement","item","cloneElement","elemChildren","Array","isArray","Children","map","elemChild","updateRadioElems","radios","child","VisuallyHidden","Select","TextArea","onKeyDown","e","key","stopPropagation","nativeEvent","stopImmediatePropagation"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/RequiredAsterisk.tsx","../src/Label.tsx","../src/Checkbox.tsx","../src/utils/index.ts","../src/TextField.tsx","../src/CompactTextField.tsx","../src/FieldError.tsx","../src/FieldSet.tsx","../src/Form.tsx","../src/FormGroup.tsx","../src/FormHint.tsx","../src/FormField.tsx","../src/IconField.tsx","../src/Radio.tsx","../src/RadioGroup.tsx","../src/Select.tsx","../src/TextArea.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\n\nimport './styles/RequiredAsterisk.css';\n\ntype RequiredAsteriskProps = HTMLAttributes<HTMLSpanElement>;\n\nconst RequiredAsterisk = ({ className, ...rest }: RequiredAsteriskProps) => {\n  const classes = cx('RequiredAsterisk', className);\n\n  return (\n    <span {...rest} className={classes}>\n      *\n    </span>\n  );\n};\n\nexport { RequiredAsterisk };\nexport type { RequiredAsteriskProps };\n","import type { LabelHTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\n\nimport { RequiredAsterisk } from './RequiredAsterisk';\nimport './styles/Form.css';\n\ntype LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {\n  required?: boolean;\n  optional?: boolean;\n  disabled?: boolean;\n};\n\nconst Label = ({\n  disabled,\n  className,\n  children,\n  required = false,\n  optional = false,\n  ...rest\n}: LabelProps) => {\n  const classes = cx('Form-label', className, disabled && 'Form-label--disabled');\n\n  return (\n    <label {...rest} className={classes}>\n      {children}\n      {optional && !required && <small className=\"Form-labelOptional\">(optional)</small>}\n      {required && !optional && <RequiredAsterisk />}\n    </label>\n  );\n};\n\nexport { Label };\nexport type { LabelProps };\n","import type { InputHTMLAttributes } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport { Label } from './Label';\nimport './styles/Form.css';\n\ntype CheckboxProps = InputHTMLAttributes<HTMLInputElement> & {\n  /**\n   * The className to pass into the Checkbox's Label component\n   */\n  labelClassName?: string;\n};\n\nconst Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      children,\n      disabled,\n      checked,\n      labelClassName,\n      ...rest\n    },\n    ref\n  ) => {\n    const hasAriaLabel = ariaLabel !== undefined || ariaLabelledby !== undefined;\n    if (!children && !hasAriaLabel) {\n      console.warn(\n        'If you do not provide children, you must specify an aria-label for accessibility'\n      );\n    }\n\n    return (\n      <Label className={labelClassName}>\n        <input\n          {...rest}\n          ref={ref}\n          checked={checked}\n          aria-checked={checked ? 'true' : 'false'}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          className=\"Form-checkbox\"\n          disabled={disabled}\n          type=\"checkbox\"\n        />{' '}\n        {disabled ? <span className=\"Form-label--disabled\">{children}</span> : children}\n      </Label>\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\nexport type { CheckboxProps };\n","type FieldPath = string | string[];\n\nconst createFieldErrorId = (fieldIdentifier?: FieldPath) =>\n  fieldIdentifier ? `${[...fieldIdentifier].join('')}-err` : undefined;\n\nexport { createFieldErrorId };\nexport type { FieldPath };\n","import type { InputHTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\nimport { forwardRef } from 'react';\n\nimport './styles/FormInput.css';\nimport { createFieldErrorId } from './utils';\n\ntype TextFieldProps = InputHTMLAttributes<HTMLInputElement> & {\n  suffix?: string;\n  tiny?: boolean;\n  overrideWidth?: string;\n};\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      className,\n      type = 'text',\n      tiny = false,\n      readOnly,\n      tabIndex = 0,\n      suffix,\n      overrideWidth,\n      ...rest\n    },\n    ref\n  ) => {\n    const classes = overrideWidth\n      ? className\n      : cx('FormInput', `FormInput-${type}`, className, tiny && 'FormInput--tiny');\n\n    if (suffix) {\n      return (\n        <div className=\"FormInput-suffixContainer\">\n          <input\n            {...rest}\n            type={type}\n            className={cx(classes, 'FormInput-suffix')}\n            readOnly={readOnly}\n            ref={ref}\n            aria-describedby={rest['aria-describedby'] || createFieldErrorId(rest.id)}\n          />\n          <label className=\"FormInput-suffix\" htmlFor={rest.id}>\n            {suffix}\n          </label>\n        </div>\n      );\n    }\n\n    return (\n      <input\n        {...rest}\n        type={type}\n        className={classes}\n        readOnly={readOnly}\n        tabIndex={tabIndex}\n        ref={ref}\n        style={\n          overrideWidth\n            ? {\n                width: overrideWidth,\n              }\n            : undefined\n        }\n        aria-describedby={rest['aria-describedby'] || createFieldErrorId(rest.id)}\n      />\n    );\n  }\n);\n\nTextField.displayName = 'TextField';\n\nexport { TextField };\nexport type { TextFieldProps };\n","import type { TextFieldProps } from './TextField';\nimport type { FocusEvent } from 'react';\n\nimport { cx } from 'classix';\nimport { forwardRef, useState } from 'react';\n\nimport { Label } from './Label';\nimport { TextField } from './TextField';\nimport './styles/CompactTextField.css';\nimport './styles/FormInput.css';\n\ntype CompactTextFieldProps = TextFieldProps & {\n  label: string;\n  needsErrorFeedback?: boolean;\n};\n\nconst CompactTextField = forwardRef<HTMLInputElement, CompactTextFieldProps>(\n  ({ className, id, label, needsErrorFeedback, value, onFocus, onBlur, ...rest }, ref) => {\n    const [isActive, setIsActive] = useState(\n      (typeof value === 'boolean' || value ? value.toString() : '').trim().length !== 0\n    );\n\n    const isActiveState = isActive || needsErrorFeedback;\n\n    const classes = cx('CompactTextField', className, isActiveState && 'is-active');\n\n    const placeholder = isActiveState ? '' : label;\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      setIsActive(true);\n      if (onFocus) {\n        onFocus(event);\n      }\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const value = event.target.value || '';\n      setIsActive(value.trim().length !== 0);\n      if (onBlur) {\n        onBlur(event);\n      }\n    };\n\n    return (\n      <div className={classes}>\n        <Label htmlFor={id}>{label}</Label>\n        <TextField\n          {...rest}\n          id={id}\n          placeholder={placeholder}\n          value={value}\n          ref={ref}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n        />\n      </div>\n    );\n  }\n);\n\nCompactTextField.displayName = 'CompactTextField';\n\nexport { CompactTextField };\nexport type { CompactTextFieldProps };\n","import type { FieldPath } from './utils';\nimport type { HTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\n\nimport './styles/Form.css';\nimport { createFieldErrorId } from './utils';\n\ntype FieldErrorProps = HTMLAttributes<HTMLSpanElement> & {\n  name: FieldPath;\n  errorMessage?: string;\n};\n\nconst FieldError = ({ name, errorMessage, className, ...rest }: FieldErrorProps) => {\n  if (!errorMessage) {\n    return null;\n  }\n\n  return (\n    <span\n      {...rest}\n      className={cx('Form-fieldError', className)}\n      aria-live=\"polite\"\n      id={createFieldErrorId(name)}\n    >\n      {`Error - ${errorMessage}`}\n    </span>\n  );\n};\n\nexport { FieldError };\nexport type { FieldErrorProps };\n","import type { HTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\n\nimport './styles/FieldSet.css';\n\ntype FieldSetProps = HTMLAttributes<HTMLFieldSetElement>;\n\nconst FieldSet = ({ children, className, ...rest }: FieldSetProps) => {\n  const classes = cx('FieldSet', className);\n\n  return (\n    <fieldset className={classes} {...rest}>\n      {children}\n    </fieldset>\n  );\n};\n\nexport { FieldSet };\nexport type { FieldSetProps };\n","import type { FormHTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\n\nimport './styles/Form.css';\n\ntype FormProps = FormHTMLAttributes<HTMLFormElement> & {\n  inline?: boolean;\n  // Increases margin between form fields to make room for error messages.\n  // This prevents the form from shifting when rendering a field error.\n  // This may be desired when the form contains external links that will\n  // shift while clicking if the form shifts from validation.\n  hasIncreasedErrorMargin?: boolean;\n};\n\nconst Form = (props: FormProps) => {\n  const { className, inline, children, hasIncreasedErrorMargin, ...rest } = props;\n\n  const classes = cx(\n    'Form',\n    className,\n    inline && 'Form--inline',\n    !!hasIncreasedErrorMargin && 'Form--increasedErrorMargin'\n  );\n\n  return (\n    <form {...rest} className={classes}>\n      {children}\n    </form>\n  );\n};\n\nexport { Form };\nexport type { FormProps };\n","import type { HTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\n\nimport './styles/Form.css';\n\ntype FormGroupProps = HTMLAttributes<HTMLDivElement> & {\n  name?: string | string[];\n  ignoreValidation?: boolean;\n  isInvalid?: boolean;\n};\n\nconst FormGroup = (props: FormGroupProps) => {\n  const { className, name, ignoreValidation, isInvalid, children, ...rest } = props;\n\n  const classes = cx('Form-group', className, !ignoreValidation && isInvalid && 'is-invalid');\n\n  return (\n    <div className={classes} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nexport { FormGroup };\nexport type { FormGroupProps };\n","import type { HTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\n\nimport './styles/FormHint.css';\n\ntype FormHintProps = HTMLAttributes<HTMLDivElement>;\n\nconst FormHint = ({ className, children, ...rest }: FormHintProps) => {\n  const classes = cx('Form-hint', className);\n\n  return (\n    <div {...rest} className={classes}>\n      {children}\n    </div>\n  );\n};\n\nexport { FormHint };\nexport type { FormHintProps };\n","import { cx } from 'classix';\n\nimport { FieldError } from './FieldError';\nimport { FormGroup } from './FormGroup';\nimport { FormHint } from './FormHint';\nimport { RequiredAsterisk } from './RequiredAsterisk';\nimport './styles/FormField.css';\n\ntype FormFieldProps = {\n  isRequired: boolean;\n  label?: string;\n  name: string;\n  htmlFor: string;\n  hint?: string;\n  errorMessage?: string;\n  ignoreValidation?: boolean;\n  isInvalid?: boolean;\n  children: JSX.Element;\n  className?: string;\n  onBlur?: (field: string) => void;\n  'data-test-id': string;\n};\n\nconst FormField = ({\n  isRequired,\n  label,\n  name,\n  htmlFor,\n  hint,\n  errorMessage,\n  ignoreValidation,\n  isInvalid,\n  children,\n  className,\n  onBlur,\n  'data-test-id': testId,\n}: FormFieldProps) => {\n  const handleBlur = () => {\n    onBlur && onBlur(name);\n  };\n\n  return (\n    <FormGroup\n      className={cx('FormField', className)}\n      name={name}\n      ignoreValidation={ignoreValidation}\n      isInvalid={isInvalid}\n      onBlur={handleBlur}\n      data-test-id={testId}\n    >\n      {label && (\n        <label htmlFor={htmlFor}>\n          {label}\n          {isRequired && <RequiredAsterisk />}\n        </label>\n      )}\n      {hint && <FormHint className=\"FormField-hint\">{hint}</FormHint>}\n      {children}\n      <FieldError className=\"FormField-errorMessage\" name={name} errorMessage={errorMessage} />\n    </FormGroup>\n  );\n};\n\nexport type { FormFieldProps };\nexport { FormField };\n","import type { IconProps } from '@launchpad-ui/icons';\nimport type { HTMLAttributes } from 'react';\n\nimport { IconSize } from '@launchpad-ui/icons';\nimport { cx } from 'classix';\n\nimport './styles/IconField.css';\n\ntype IconFieldProps = HTMLAttributes<HTMLDivElement> & {\n  icon(args: IconProps): JSX.Element;\n  children: JSX.Element | JSX.Element[];\n};\n\nconst IconField = ({ icon, children, className, ...rest }: IconFieldProps) => {\n  const Icon = icon;\n\n  const classes = cx('IconField', className);\n\n  return (\n    <div className={classes} {...rest}>\n      {children}\n      <Icon size={IconSize.SMALL} />\n    </div>\n  );\n};\n\nexport { IconField };\nexport type { IconFieldProps };\n","import type { CSSProperties, InputHTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\n\nimport { Label } from './Label';\nimport './styles/Form.css';\n\ntype RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {\n  labelClassName?: string;\n  labelStyle?: CSSProperties;\n};\n\nconst Radio = ({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  checked = false,\n  children,\n  className,\n  disabled = false,\n  id,\n  labelClassName,\n  labelStyle,\n  ...rest\n}: RadioProps) => {\n  const hasAriaLabel = ariaLabel !== undefined || ariaLabelledby !== undefined;\n\n  if (!children && !hasAriaLabel) {\n    console.warn(\n      'If you do not provide children, you must specify an aria-label for accessibility'\n    );\n  }\n\n  return (\n    <>\n      <input\n        {...rest}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        className={cx('Form-radio', className)}\n        checked={checked}\n        disabled={disabled}\n        id={id}\n        type=\"radio\"\n      />\n      <Label className={labelClassName} htmlFor={id} style={labelStyle}>\n        {disabled ? <span className=\"Form-label--disabled\">{children}</span> : children}\n      </Label>\n    </>\n  );\n};\n\nexport { Radio };\nexport type { RadioProps };\n","import type { ChangeEvent, FormEvent, ReactElement, ReactNode } from 'react';\n\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\nimport { Children, cloneElement, isValidElement, useRef } from 'react';\n\nimport { Label } from './Label';\nimport { Radio } from './Radio';\nimport './styles/Form.css';\n\ntype RadioGroupProps = {\n  /**\n   * The legend that describes this groups of radio buttons. The legend\n   * is important for screen reader users.\n   */\n  legend?: string;\n  /**\n   * The children passed into the RadioGroup.\n   */\n  children?: ReactNode;\n  /**\n   * Custom classname(s) passed to the fieldset inner div.\n   */\n  className?: string;\n  /**\n   * Set the underlying Radio to disabled if the Radio's disabled prop is undefined.\n   */\n  disabled?: boolean;\n  /**\n   * The RadioGroup's id.\n   */\n  id?: string;\n  /**\n   * Name to apply to the underlying Radio. The same name value is passed to each Radio when grouping in a RadioGroup for screen reader support.\n   */\n  name: string;\n  /**\n   * This function is passed into each Radio onChange synthetic event handler.\n   */\n  onChange?(e: ChangeEvent | FormEvent<HTMLInputElement>): void;\n  /**\n   * The value to compare against the Radio's value to determine if the Radio will be checked.\n   */\n  value: string;\n};\n\nconst RadioGroup = (props: RadioGroupProps) => {\n  const { name, value, onChange, children, disabled, legend, ...rest } = props;\n  const fieldsetRef = useRef<HTMLFieldSetElement>(null);\n\n  function updateRadioElems(elem: ReactNode): ReactNode {\n    if (!isValidElement(elem)) {\n      return elem;\n    }\n\n    const item = elem as ReactElement;\n\n    if (item?.type && item.type === Radio) {\n      return cloneElement(item, {\n        ...item.props,\n        name,\n        checked: item.props.value === value,\n        onChange,\n        disabled: typeof item.props?.disabled !== 'undefined' ? item.props.disabled : disabled,\n      });\n    }\n\n    if (item?.type && item.type === Label) {\n      return cloneElement(item, {\n        ...item.props,\n        onChange,\n        disabled,\n      });\n    }\n\n    const elemChildren = item?.props?.children;\n    if (elemChildren) {\n      if (Array.isArray(elemChildren)) {\n        return cloneElement(item, {\n          children: Children.map(elemChildren, (elemChild) => updateRadioElems(elemChild)),\n        });\n      }\n      return cloneElement(item, {\n        children: updateRadioElems(elemChildren),\n      });\n    }\n\n    if (item?.type && item.type !== Radio && item.type !== Label) {\n      return item;\n    }\n\n    return null;\n  }\n\n  const radios = Children.map(children, (child) => updateRadioElems(child));\n  return (\n    <fieldset ref={fieldsetRef}>\n      {legend && (\n        <legend>\n          <VisuallyHidden>{legend}</VisuallyHidden>\n        </legend>\n      )}\n      <div {...rest}>{radios}</div>\n    </fieldset>\n  );\n};\n\nexport { RadioGroup };\nexport type { RadioGroupProps };\n","import type { SelectHTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\n\nimport './styles/FormInput.css';\n\ntype SelectProps = SelectHTMLAttributes<HTMLSelectElement>;\n\nconst Select = ({ className, children, ...rest }: SelectProps) => {\n  const classes = cx('FormInput', 'FormInput-select', className);\n\n  return (\n    <select {...rest} className={classes}>\n      {children}\n    </select>\n  );\n};\n\nexport { Select };\nexport type { SelectProps };\n","import type { KeyboardEvent, TextareaHTMLAttributes } from 'react';\n\nimport { cx } from 'classix';\nimport { forwardRef } from 'react';\n\nimport './styles/FormInput.css';\nimport { createFieldErrorId } from './utils';\n\ntype TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(({ className, ...props }, ref) => {\n  const onKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (\n      e.key === 'ArrowRight' ||\n      e.key === 'ArrowDown' ||\n      e.key === 'ArrowUp' ||\n      e.key === 'ArrowLeft'\n    ) {\n      e.stopPropagation();\n    }\n    if (e.key === 'Escape') {\n      e.nativeEvent.stopImmediatePropagation();\n    }\n  };\n\n  return (\n    <textarea\n      {...props}\n      className={cx('FormInput', className)}\n      ref={ref}\n      aria-describedby={props['aria-describedby'] || createFieldErrorId(props.id)}\n      onKeyDown={onKeyDown}\n    />\n  );\n});\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\nexport type { TextAreaProps };\n"],"names":["RequiredAsterisk","className","rest","classes","cx","Label","disabled","children","required","optional","_jsx","Checkbox","forwardRef","ariaLabel","ariaLabelledby","checked","labelClassName","ref","hasAriaLabel","undefined","console","warn","displayName","TextField","type","tiny","readOnly","tabIndex","suffix","overrideWidth","createFieldErrorId","id","width","CompactTextField","label","needsErrorFeedback","value","onFocus","onBlur","isActive","setIsActive","useState","toString","trim","length","isActiveState","placeholder","handleFocus","event","handleBlur","target","FieldError","name","errorMessage","FieldSet","Form","props","inline","hasIncreasedErrorMargin","FormGroup","ignoreValidation","isInvalid","FormHint","FormField","isRequired","htmlFor","hint","testId","_jsxs","IconField","icon","Icon","IconSize","SMALL","Radio","labelStyle","_Fragment","RadioGroup","onChange","legend","fieldsetRef","useRef","updateRadioElems","elem","isValidElement","item","cloneElement","elemChildren","Array","isArray","Children","map","elemChild","radios","child","VisuallyHidden","Select","TextArea","onKeyDown","e","key","stopPropagation","nativeEvent","stopImmediatePropagation"],"mappings":"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"}

package/dist/style.css

@@ -400,10 +400,3 @@ input.FormInput-suffix[type='number'] {
   transform: translateY(-50%);
   left: 1rem;
 }
-.InputGroup {
-  display: flex;
-}
-
-.InputGroup > * + * {
-  margin-left: 1rem;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/form",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "status": "beta",
   "publishConfig": {
     "access": "public"

package/dist/InputGroup.d.ts

@@ -1,7 +0,0 @@
-import type { ComponentPropsWithRef } from 'react';
-import './styles/InputGroup.css';
-declare type InputGroupProps = ComponentPropsWithRef<'div'>;
-declare const InputGroup: ({ className, children, ...other }: InputGroupProps) => JSX.Element;
-export { InputGroup };
-export type { InputGroupProps };
-//# sourceMappingURL=InputGroup.d.ts.map

package/dist/InputGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../src/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,yBAAyB,CAAC;AAEjC,aAAK,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEpD,QAAA,MAAM,UAAU,sCAAuC,eAAe,gBAQrE,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}