@launchpad-ui/form 0.6.5-alpha.0 → 0.6.5-alpha.2

package/dist/index.es.js

@@ -0,0 +1,468 @@
+import './style.css';
+import { forwardRef, useState, useRef, Children, isValidElement, cloneElement } from "react";
+import { cx } from "classix";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { VisuallyHidden } from "@react-aria/visually-hidden";
+const RequiredAsterisk$1 = "";
+const RequiredAsterisk = ({
+  className,
+  "data-test-id": testId = "required-asterisk",
+  ...rest
+}) => {
+  const classes = cx("RequiredAsterisk", className);
+  return /* @__PURE__ */ jsx("span", {
+    ...rest,
+    "data-test-id": testId,
+    className: classes,
+    children: "*"
+  });
+};
+const Form$1 = "";
+const Label = ({
+  disabled,
+  className,
+  children,
+  required = false,
+  optional = false,
+  "data-test-id": testId = "label",
+  ...rest
+}) => {
+  const classes = cx("Form-label", className, disabled && "Form-label--disabled");
+  return /* @__PURE__ */ jsxs("label", {
+    ...rest,
+    "data-test-id": testId,
+    className: classes,
+    children: [children, optional && !required && /* @__PURE__ */ jsx("small", {
+      className: "Form-labelOptional",
+      children: "(optional)"
+    }), required && !optional && /* @__PURE__ */ jsx(RequiredAsterisk, {})]
+  });
+};
+const Checkbox = forwardRef(({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  children,
+  disabled,
+  checked,
+  labelClassName,
+  "data-test-id": testId = "checkbox",
+  ...rest
+}, ref) => {
+  const hasAriaLabel = ariaLabel !== void 0 || ariaLabelledby !== void 0;
+  if (!children && !hasAriaLabel) {
+    console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+  }
+  return /* @__PURE__ */ jsxs(Label, {
+    className: labelClassName,
+    children: [/* @__PURE__ */ jsx("input", {
+      ...rest,
+      ref,
+      checked,
+      "aria-checked": checked ? "true" : "false",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledby,
+      className: "Form-checkbox",
+      disabled,
+      type: "checkbox",
+      "data-test-id": testId
+    }), " ", disabled ? /* @__PURE__ */ jsx("span", {
+      className: "Form-label--disabled",
+      children
+    }) : children]
+  });
+});
+Checkbox.displayName = "Checkbox";
+const FormInput = "";
+const createFieldErrorId = (fieldIdentifier) => fieldIdentifier ? `${[...fieldIdentifier].join("")}-err` : void 0;
+const TextField = forwardRef(({
+  className,
+  type = "text",
+  tiny = false,
+  readOnly,
+  tabIndex = 0,
+  suffix,
+  overrideWidth,
+  "data-test-id": testId = "text-field",
+  ...rest
+}, ref) => {
+  const classes = overrideWidth ? className : cx("FormInput", `FormInput-${type}`, className, tiny && "FormInput--tiny");
+  if (suffix) {
+    return /* @__PURE__ */ jsxs("div", {
+      className: "FormInput-suffixContainer",
+      children: [/* @__PURE__ */ jsx("input", {
+        ...rest,
+        type,
+        "data-test-id": testId,
+        className: cx(classes, "FormInput-suffix"),
+        readOnly,
+        ref,
+        "aria-describedby": rest["aria-describedby"] || createFieldErrorId(rest.id)
+      }), /* @__PURE__ */ jsx("label", {
+        className: "FormInput-suffix",
+        htmlFor: rest.id,
+        children: suffix
+      })]
+    });
+  }
+  return /* @__PURE__ */ jsx("input", {
+    ...rest,
+    type,
+    className: classes,
+    readOnly,
+    tabIndex,
+    ref,
+    "data-test-id": testId,
+    style: overrideWidth ? {
+      width: overrideWidth
+    } : void 0,
+    "aria-describedby": rest["aria-describedby"] || createFieldErrorId(rest.id)
+  });
+});
+TextField.displayName = "TextField";
+const CompactTextField$1 = "";
+const CompactTextField = forwardRef(({
+  className,
+  id,
+  label,
+  needsErrorFeedback,
+  value,
+  onFocus,
+  onBlur,
+  "data-test-id": testId = "compact-text-field",
+  ...rest
+}, ref) => {
+  const [isActive, setIsActive] = useState((typeof value === "boolean" || value ? value.toString() : "").trim().length !== 0);
+  const isActiveState = isActive || needsErrorFeedback;
+  const classes = cx("CompactTextField", className, isActiveState && "is-active");
+  const placeholder = isActiveState ? "" : label;
+  const handleFocus = (event) => {
+    setIsActive(true);
+    if (onFocus) {
+      onFocus(event);
+    }
+  };
+  const handleBlur = (event) => {
+    const value2 = event.target.value || "";
+    setIsActive(value2.trim().length !== 0);
+    if (onBlur) {
+      onBlur(event);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", {
+    className: classes,
+    "data-test-id": testId,
+    children: [/* @__PURE__ */ jsx(Label, {
+      htmlFor: id,
+      children: label
+    }), /* @__PURE__ */ jsx(TextField, {
+      ...rest,
+      id,
+      placeholder,
+      value,
+      ref,
+      onFocus: handleFocus,
+      onBlur: handleBlur
+    })]
+  });
+});
+CompactTextField.displayName = "CompactTextField";
+const FieldError = ({
+  name,
+  errorMessage,
+  className,
+  "data-test-id": testId = "field-error",
+  ...rest
+}) => {
+  if (!errorMessage) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("span", {
+    ...rest,
+    className: cx("Form-fieldError", className),
+    "aria-live": "polite",
+    "data-test-id": testId,
+    id: createFieldErrorId(name),
+    children: `Error - ${errorMessage}`
+  });
+};
+const FieldSet$1 = "";
+const FieldSet = ({
+  children,
+  className,
+  "data-test-id": testId = "field-set",
+  ...rest
+}) => {
+  const classes = cx("FieldSet", className);
+  return /* @__PURE__ */ jsx("fieldset", {
+    "data-test-id": testId,
+    className: classes,
+    ...rest,
+    children
+  });
+};
+const Form = (props) => {
+  const {
+    className,
+    inline,
+    children,
+    hasIncreasedErrorMargin,
+    "data-test-id": testId = "form",
+    ...rest
+  } = props;
+  const classes = cx("Form", className, inline && "Form--inline", !!hasIncreasedErrorMargin && "Form--increasedErrorMargin");
+  return /* @__PURE__ */ jsx("form", {
+    ...rest,
+    "data-test-id": testId,
+    className: classes,
+    children
+  });
+};
+const FormGroup = (props) => {
+  const {
+    className,
+    name,
+    ignoreValidation,
+    isInvalid,
+    children,
+    "data-test-id": testId = "form-group",
+    ...rest
+  } = props;
+  const classes = cx("Form-group", className, !ignoreValidation && isInvalid && "is-invalid");
+  return /* @__PURE__ */ jsx("div", {
+    className: classes,
+    "data-test-id": testId,
+    ...rest,
+    children
+  });
+};
+const FormHint$1 = "";
+const FormHint = ({
+  className,
+  children,
+  "data-test-id": testId = "form-hint",
+  ...rest
+}) => {
+  const classes = cx("Form-hint", className);
+  return /* @__PURE__ */ jsx("div", {
+    ...rest,
+    "data-test-id": testId,
+    className: classes,
+    children
+  });
+};
+const FormField$1 = "";
+const FormField = ({
+  isRequired,
+  label,
+  name,
+  htmlFor,
+  hint,
+  errorMessage,
+  ignoreValidation,
+  isInvalid,
+  children,
+  className,
+  onBlur,
+  "data-test-id": testId = "form-field"
+}) => {
+  const handleBlur = () => {
+    onBlur && onBlur(name);
+  };
+  return /* @__PURE__ */ jsxs(FormGroup, {
+    className: cx("FormField", className),
+    name,
+    ignoreValidation,
+    isInvalid,
+    onBlur: handleBlur,
+    "data-test-id": testId,
+    children: [label && /* @__PURE__ */ jsxs("label", {
+      htmlFor,
+      children: [label, isRequired && /* @__PURE__ */ jsx(RequiredAsterisk, {})]
+    }), hint && /* @__PURE__ */ jsx(FormHint, {
+      className: "FormField-hint",
+      children: hint
+    }), children, /* @__PURE__ */ jsx(FieldError, {
+      className: "FormField-errorMessage",
+      name,
+      errorMessage
+    })]
+  });
+};
+const IconField$1 = "";
+const IconField = ({
+  icon,
+  children,
+  className,
+  "data-test-id": testId = "icon-field",
+  ...rest
+}) => {
+  const Icon = icon;
+  const classes = cx("IconField", className);
+  return /* @__PURE__ */ jsxs("div", {
+    className: classes,
+    "data-test-id": testId,
+    ...rest,
+    children: [children, /* @__PURE__ */ jsx(Icon, {
+      size: "small"
+    })]
+  });
+};
+const Radio = ({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  checked = false,
+  children,
+  className,
+  disabled = false,
+  id,
+  labelClassName,
+  labelStyle,
+  "data-test-id": testId = "radio",
+  ...rest
+}) => {
+  const hasAriaLabel = ariaLabel !== void 0 || ariaLabelledby !== void 0;
+  if (!children && !hasAriaLabel) {
+    console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+  }
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsx("input", {
+      ...rest,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledby,
+      className: cx("Form-radio", className),
+      checked,
+      disabled,
+      id,
+      "data-test-id": testId,
+      type: "radio"
+    }), /* @__PURE__ */ jsx(Label, {
+      className: labelClassName,
+      htmlFor: id,
+      style: labelStyle,
+      children: disabled ? /* @__PURE__ */ jsx("span", {
+        className: "Form-label--disabled",
+        children
+      }) : children
+    })]
+  });
+};
+const RadioGroup = (props) => {
+  const {
+    name,
+    value,
+    onChange,
+    children,
+    disabled,
+    legend,
+    "data-test-id": testId = "radio-group",
+    ...rest
+  } = props;
+  const fieldsetRef = useRef(null);
+  function updateRadioElems(elem) {
+    var _a, _b;
+    if (!isValidElement(elem)) {
+      return elem;
+    }
+    const item = elem;
+    if ((item == null ? void 0 : item.type) && item.type === Radio) {
+      return cloneElement(item, {
+        ...item.props,
+        name,
+        checked: item.props.value === value,
+        onChange,
+        disabled: typeof ((_a = item.props) == null ? void 0 : _a.disabled) !== "undefined" ? item.props.disabled : disabled
+      });
+    }
+    if ((item == null ? void 0 : item.type) && item.type === Label) {
+      return cloneElement(item, {
+        ...item.props,
+        onChange,
+        disabled
+      });
+    }
+    const elemChildren = (_b = item == null ? void 0 : item.props) == null ? void 0 : _b.children;
+    if (elemChildren) {
+      if (Array.isArray(elemChildren)) {
+        return cloneElement(item, {
+          children: Children.map(elemChildren, (elemChild) => updateRadioElems(elemChild))
+        });
+      }
+      return cloneElement(item, {
+        children: updateRadioElems(elemChildren)
+      });
+    }
+    if ((item == null ? void 0 : item.type) && item.type !== Radio && item.type !== Label) {
+      return item;
+    }
+    return null;
+  }
+  const radios = Children.map(children, (child) => updateRadioElems(child));
+  return /* @__PURE__ */ jsxs("fieldset", {
+    "data-test-id": testId,
+    ref: fieldsetRef,
+    children: [legend && /* @__PURE__ */ jsx("legend", {
+      children: /* @__PURE__ */ jsx(VisuallyHidden, {
+        children: legend
+      })
+    }), /* @__PURE__ */ jsx("div", {
+      ...rest,
+      children: radios
+    })]
+  });
+};
+const Select = ({
+  className,
+  children,
+  "data-test-id": testId = "select",
+  ...rest
+}) => {
+  const classes = cx("FormInput", "FormInput-select", className);
+  return /* @__PURE__ */ jsx("select", {
+    ...rest,
+    "data-test-id": testId,
+    className: classes,
+    children
+  });
+};
+const TextArea = forwardRef(({
+  className,
+  "data-test-id": testId = "text-area",
+  ...props
+}, ref) => {
+  const onKeyDown = (e) => {
+    if (e.key === "ArrowRight" || e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "ArrowLeft") {
+      e.stopPropagation();
+    }
+    if (e.key === "Escape") {
+      e.nativeEvent.stopImmediatePropagation();
+    }
+  };
+  return /* @__PURE__ */ jsx("textarea", {
+    ...props,
+    className: cx("FormInput", className),
+    ref,
+    "data-test-id": testId,
+    "aria-describedby": props["aria-describedby"] || createFieldErrorId(props.id),
+    onKeyDown
+  });
+});
+TextArea.displayName = "TextArea";
+export {
+  Checkbox,
+  CompactTextField,
+  FieldError,
+  FieldSet,
+  Form,
+  FormField,
+  FormGroup,
+  FormHint,
+  IconField,
+  Label,
+  Radio,
+  RadioGroup,
+  RequiredAsterisk,
+  Select,
+  TextArea,
+  TextField
+};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.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  'data-test-id'?: string;\n};\n\nconst RequiredAsterisk = ({\n  className,\n  'data-test-id': testId = 'required-asterisk',\n  ...rest\n}: RequiredAsteriskProps) => {\n  const classes = cx('RequiredAsterisk', className);\n\n  return (\n    <span {...rest} data-test-id={testId} 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  'data-test-id'?: string;\n};\n\nconst Label = ({\n  disabled,\n  className,\n  children,\n  required = false,\n  optional = false,\n  'data-test-id': testId = 'label',\n  ...rest\n}: LabelProps) => {\n  const classes = cx('Form-label', className, disabled && 'Form-label--disabled');\n\n  return (\n    <label {...rest} data-test-id={testId} 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  'data-test-id'?: 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      'data-test-id': testId = 'checkbox',\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          data-test-id={testId}\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  'data-test-id'?: 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      'data-test-id': testId = 'text-field',\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            data-test-id={testId}\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        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    {\n      className,\n      id,\n      label,\n      needsErrorFeedback,\n      value,\n      onFocus,\n      onBlur,\n      'data-test-id': testId = 'compact-text-field',\n      ...rest\n    },\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} data-test-id={testId}>\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  'data-test-id'?: string;\n};\n\nconst FieldError = ({\n  name,\n  errorMessage,\n  className,\n  'data-test-id': testId = 'field-error',\n  ...rest\n}: 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      data-test-id={testId}\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  'data-test-id'?: string;\n};\n\nconst FieldSet = ({\n  children,\n  className,\n  'data-test-id': testId = 'field-set',\n  ...rest\n}: FieldSetProps) => {\n  const classes = cx('FieldSet', className);\n\n  return (\n    <fieldset data-test-id={testId} 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  'data-test-id'?: string;\n};\n\nconst Form = (props: FormProps) => {\n  const {\n    className,\n    inline,\n    children,\n    hasIncreasedErrorMargin,\n    'data-test-id': testId = 'form',\n    ...rest\n  } = 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} data-test-id={testId} 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  'data-test-id'?: string;\n};\n\nconst FormGroup = (props: FormGroupProps) => {\n  const {\n    className,\n    name,\n    ignoreValidation,\n    isInvalid,\n    children,\n    'data-test-id': testId = 'form-group',\n    ...rest\n  } = props;\n\n  const classes = cx('Form-group', className, !ignoreValidation && isInvalid && 'is-invalid');\n\n  return (\n    <div className={classes} data-test-id={testId} {...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  'data-test-id'?: string;\n};\n\nconst FormHint = ({\n  className,\n  children,\n  'data-test-id': testId = 'form-hint',\n  ...rest\n}: FormHintProps) => {\n  const classes = cx('Form-hint', className);\n\n  return (\n    <div {...rest} data-test-id={testId} 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 = 'form-field',\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 { 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  'data-test-id'?: string;\n};\n\nconst IconField = ({\n  icon,\n  children,\n  className,\n  'data-test-id': testId = 'icon-field',\n  ...rest\n}: IconFieldProps) => {\n  const Icon = icon;\n\n  const classes = cx('IconField', className);\n\n  return (\n    <div className={classes} data-test-id={testId} {...rest}>\n      {children}\n      <Icon size=\"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  'data-test-id'?: 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  labelStyle,\n  'data-test-id': testId = 'radio',\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        data-test-id={testId}\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  'data-test-id'?: string;\n};\n\nconst RadioGroup = (props: RadioGroupProps) => {\n  const {\n    name,\n    value,\n    onChange,\n    children,\n    disabled,\n    legend,\n    'data-test-id': testId = 'radio-group',\n    ...rest\n  } = 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 data-test-id={testId} 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  'data-test-id'?: string;\n};\n\nconst Select = ({\n  className,\n  children,\n  'data-test-id': testId = 'select',\n  ...rest\n}: SelectProps) => {\n  const classes = cx('FormInput', 'FormInput-select', className);\n\n  return (\n    <select {...rest} data-test-id={testId} 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  'data-test-id'?: string;\n};\n\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  ({ className, 'data-test-id': testId = 'text-area', ...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        data-test-id={testId}\n        aria-describedby={props['aria-describedby'] || createFieldErrorId(props.id)}\n        onKeyDown={onKeyDown}\n      />\n    );\n  }\n);\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\nexport type { TextAreaProps };\n"],"names":["RequiredAsterisk","className","testId","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","_jsxs","IconField","icon","Icon","Radio","labelStyle","_Fragment","RadioGroup","onChange","legend","fieldsetRef","useRef","updateRadioElems","elem","isValidElement","item","cloneElement","elemChildren","Array","isArray","Children","map","elemChild","radios","child","Select","TextArea","onKeyDown","e","key","stopPropagation","nativeEvent","stopImmediatePropagation"],"mappings":";;;;;AAUA,MAAMA,mBAAmB,CAAC;AAAA,EACxBC;AAAAA,EACA,gBAAgBC,SAAS;AAAA,KACtBC;AAHqB,MAIG;AACrBC,QAAAA,UAAUC,GAAG,oBAAoBJ,SAArB;AAElB;OACYE;AAAAA,IAAM,gBAAcD;AAAAA,IAAQ,WAAWE;AAAAA,IAAjD,UAAA;AAAA,EAAA,CADF;AAKD;;ACRD,MAAME,QAAQ,CAAC;AAAA,EACbC;AAAAA,EACAN;AAAAA,EACAO;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACX,gBAAgBR,SAAS;AAAA,KACtBC;AAPU,MAQG;AAChB,QAAMC,UAAUC,GAAG,cAAcJ,WAAWM,YAAY,sBAAtC;AAElB;OACaJ;AAAAA,IAAM,gBAAcD;AAAAA,IAAQ,WAAWE;AAAAA,IAAlD,UAAA,CACGI,UACAE,YAAY,CAACD,gCAAY,SAAA;AAAA,MAAO,WAAU;AAAA,MAAjB,UAAA;AAAA,IAAA,CAF5B,GAGGA,YAAY,CAACC,YAAaC,oBAAA,kBAH7B,CAAA,CAAA,CAAA;AAAA,EAAA,CADF;AAOD;ACjBKC,MAAAA,WAAWC,WACf,CACE;AAAA,EACE,cAAcC;AAAAA,EACd,mBAAmBC;AAAAA,EACnBP;AAAAA,EACAD;AAAAA,EACAS;AAAAA,EACAC;AAAAA,EACA,gBAAgBf,SAAS;AAAA,KACtBC;AARL,GAUAe,QACG;AACGC,QAAAA,eAAeL,cAAcM,UAAaL,mBAAmBK;AAC/D,MAAA,CAACZ,YAAY,CAACW,cAAc;AAC9BE,YAAQC,KACN,kFADF;AAAA,EAGD;AAED,8BACG,OAAD;AAAA,IAAO,WAAWL;AAAAA,IAAlB,UAAA,CACEN;SACMR;AAAAA,MACJ;AAAA,MACA;AAAA,MACA,gBAAca,UAAU,SAAS;AAAA,MACjC,cAAYF;AAAAA,MACZ,mBAAiBC;AAAAA,MACjB,WAAU;AAAA,MACV;AAAA,MACA,MAAK;AAAA,MACL,gBAAcb;AAAAA,IAVhB,CAAA,GAWG,KACFK,+BAAW,QAAA;AAAA,MAAM,WAAU;AAAA,MAAhB;AAAA,IAAA,CAAA,IAA2DC,QAbzE;AAAA,EAAA,CADF;AAiBD,CAtCwB;AAyC3BI,SAASW,cAAc;;ACtDvB,MAAM,qBAAqB,CAAC,oBAC1B,kBAAkB,GAAG,CAAC,GAAG,eAAe,EAAE,KAAK,EAAE,UAAU;ACYvDC,MAAAA,YAAYX,WAChB,CACE;AAAA,EACEZ;AAAAA,EACAwB,OAAO;AAAA,EACPC,OAAO;AAAA,EACPC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACA,gBAAgB5B,SAAS;AAAA,KACtBC;AATL,GAWAe,QACG;AACGd,QAAAA,UAAU0B,gBACZ7B,YACAI,GAAG,aAAc,aAAYoB,QAAQxB,WAAWyB,QAAQ,iBAAtD;AAEN,MAAIG,QAAQ;AACV,gCACE,OAAA;AAAA,MAAK,WAAU;AAAA,MAAf,UAAA,CACElB;WACMR;AAAAA,QACJ;AAAA,QACA,gBAAcD;AAAAA,QACd,WAAWG,GAAGD,SAAS,kBAAV;AAAA,QACb;AAAA,QACA;AAAA,QACA,oBAAkBD,KAAK,uBAAuB4B,mBAAmB5B,KAAK6B,EAAN;AAAA,MAAA,CAPlE,GASArB,oBAAA,SAAA;AAAA,QAAO,WAAU;AAAA,QAAmB,SAASR,KAAK6B;AAAAA,QAAlD,UACGH;AAAAA,MAAAA,CAXL,CAAA;AAAA,IAAA,CADF;AAAA,EAgBD;AAED;OAEQ1B;AAAAA,IACJ;AAAA,IACA,WAAWC;AAAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAcF;AAAAA,IACd,OACE4B,gBACI;AAAA,MACEG,OAAOH;AAAAA,IAETV,IAAAA;AAAAA,IAEN,oBAAkBjB,KAAK,uBAAuB4B,mBAAmB5B,KAAK6B,EAAN;AAAA,EAAA,CAhBpE;AAmBD,CAzDyB;AA4D5BR,UAAUD,cAAc;;AC3DlBW,MAAAA,mBAAmBrB,WACvB,CACE;AAAA,EACEZ;AAAAA,EACA+B;AAAAA,EACAG;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,gBAAgBrC,SAAS;AAAA,KACtBC;AATL,GAWAe,QACG;AACH,QAAM,CAACsB,UAAUC,WAAX,IAA0BC,UAC7B,OAAOL,UAAU,aAAaA,QAAQA,MAAMM,aAAa,IAAIC,KAAOC,EAAAA,WAAW,CAD1C;AAIxC,QAAMC,gBAAgBN,YAAYJ;AAElC,QAAMhC,UAAUC,GAAG,oBAAoBJ,WAAW6C,iBAAiB,WAAjD;AAEZC,QAAAA,cAAcD,gBAAgB,KAAKX;AAEnCa,QAAAA,cAAc,CAACC,UAAwC;AAC3DR,gBAAY,IAAD;AACX,QAAIH,SAAS;AACXA,cAAQW,KAAD;AAAA,IACR;AAAA,EAAA;AAGGC,QAAAA,aAAa,CAACD,UAAwC;AACpDZ,UAAAA,SAAQY,MAAME,OAAOd,SAAS;AACpCI,gBAAYJ,OAAMO,KAAOC,EAAAA,WAAW,CAAzB;AACX,QAAIN,QAAQ;AACVA,aAAOU,KAAD;AAAA,IACP;AAAA,EAAA;AAGH,8BACE,OAAA;AAAA,IAAK,WAAW7C;AAAAA,IAAS,gBAAcF;AAAAA,IAAvC,UAAA,CACES,oBAAC,OAAD;AAAA,MAAO,SAASqB;AAAAA,MAAhB,UAAqBG;AAAAA,IAAAA,CAArB,GACAxB,oBAAC,WAAD;AAAA,MAAA,GACMR;AAAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS6C;AAAAA,MACT,QAAQE;AAAAA,IAAAA,CATZ,CAAA;AAAA,EAAA,CADF;AAcD,CAtDgC;AAyDnChB,iBAAiBX,cAAc;AC3D/B,MAAM6B,aAAa,CAAC;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACArD;AAAAA,EACA,gBAAgBC,SAAS;AAAA,KACtBC;AALe,MAMG;AACrB,MAAI,CAACmD,cAAc;AACV,WAAA;AAAA,EACR;AAED;OAEQnD;AAAAA,IACJ,WAAWE,GAAG,mBAAmBJ,SAApB;AAAA,IACb,aAAU;AAAA,IACV,gBAAcC;AAAAA,IACd,IAAI6B,mBAAmBsB,IAAD;AAAA,IALxB,UAOI,WAAUC;AAAAA,EAAAA,CARhB;AAWD;;AC1BD,MAAMC,WAAW,CAAC;AAAA,EAChB/C;AAAAA,EACAP;AAAAA,EACA,gBAAgBC,SAAS;AAAA,KACtBC;AAJa,MAKG;AACbC,QAAAA,UAAUC,GAAG,YAAYJ,SAAb;AAElB,6BACE,YAAA;AAAA,IAAU,gBAAcC;AAAAA,IAAQ,WAAWE;AAAAA,IAA3C,GAAwDD;AAAAA,IAAxD;AAAA,EAAA,CADF;AAKD;ACPKqD,MAAAA,OAAO,CAACC,UAAqB;AAC3B,QAAA;AAAA,IACJxD;AAAAA,IACAyD;AAAAA,IACAlD;AAAAA,IACAmD;AAAAA,IACA,gBAAgBzD,SAAS;AAAA,OACtBC;AAAAA,EACDsD,IAAAA;AAEErD,QAAAA,UAAUC,GACd,QACAJ,WACAyD,UAAU,gBACV,CAAC,CAACC,2BAA2B,4BAJb;AAOlB;OACYxD;AAAAA,IAAM,gBAAcD;AAAAA,IAAQ,WAAWE;AAAAA,IAAjD;AAAA,EAAA,CADF;AAKD;ACzBKwD,MAAAA,YAAY,CAACH,UAA0B;AACrC,QAAA;AAAA,IACJxD;AAAAA,IACAoD;AAAAA,IACAQ;AAAAA,IACAC;AAAAA,IACAtD;AAAAA,IACA,gBAAgBN,SAAS;AAAA,OACtBC;AAAAA,EACDsD,IAAAA;AAEJ,QAAMrD,UAAUC,GAAG,cAAcJ,WAAW,CAAC4D,oBAAoBC,aAAa,YAA5D;AAElB,6BACE,OAAA;AAAA,IAAK,WAAW1D;AAAAA,IAAS,gBAAcF;AAAAA,IAAvC,GAAmDC;AAAAA,IAAnD;AAAA,EAAA,CADF;AAKD;;ACrBD,MAAM4D,WAAW,CAAC;AAAA,EAChB9D;AAAAA,EACAO;AAAAA,EACA,gBAAgBN,SAAS;AAAA,KACtBC;AAJa,MAKG;AACbC,QAAAA,UAAUC,GAAG,aAAaJ,SAAd;AAElB;OACWE;AAAAA,IAAM,gBAAcD;AAAAA,IAAQ,WAAWE;AAAAA,IAAhD;AAAA,EAAA,CADF;AAKD;;ACAD,MAAM4D,YAAY,CAAC;AAAA,EACjBC;AAAAA,EACA9B;AAAAA,EACAkB;AAAAA,EACAa;AAAAA,EACAC;AAAAA,EACAb;AAAAA,EACAO;AAAAA,EACAC;AAAAA,EACAtD;AAAAA,EACAP;AAAAA,EACAsC;AAAAA,EACA,gBAAgBrC,SAAS;AAZR,MAaG;AACpB,QAAMgD,aAAa,MAAM;AACvBX,cAAUA,OAAOc,IAAD;AAAA,EAAA;AAGlB,8BACG,WAAD;AAAA,IACE,WAAWhD,GAAG,aAAaJ,SAAd;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQiD;AAAAA,IACR,gBAAchD;AAAAA,IANhB,UAAA,CAQGiC,SACCiC,qBAAA,SAAA;AAAA,MAAO;AAAA,MAAP,UAAA,CACGjC,OACA8B,kCAAe,kBAFlB,CAAA,CAAA,CAAA;AAAA,IAAA,CAAA,GAKDE,QAAQxD,oBAAC,UAAD;AAAA,MAAU,WAAU;AAAA,MAApB,UAAsCwD;AAAAA,IAAAA,CAAtC,GACR3D,UACDG,oBAAC,YAAD;AAAA,MAAY,WAAU;AAAA,MAAyB;AAAA,MAAY;AAAA,IAAA,CAhB7D,CAAA;AAAA,EAAA,CADF;AAoBD;;AChDD,MAAM0D,YAAY,CAAC;AAAA,EACjBC;AAAAA,EACA9D;AAAAA,EACAP;AAAAA,EACA,gBAAgBC,SAAS;AAAA,KACtBC;AALc,MAMG;AACpB,QAAMoE,OAAOD;AAEPlE,QAAAA,UAAUC,GAAG,aAAaJ,SAAd;AAElB,8BACE,OAAA;AAAA,IAAK,WAAWG;AAAAA,IAAS,gBAAcF;AAAAA,IAAvC,GAAmDC;AAAAA,IAAnD,UACGK,CAAAA,UACDG,oBAAC,MAAD;AAAA,MAAM,MAAK;AAAA,IAAA,CAFb,CAAA;AAAA,EAAA,CADF;AAMD;ACjBD,MAAM6D,QAAQ,CAAC;AAAA,EACb,cAAc1D;AAAAA,EACd,mBAAmBC;AAAAA,EACnBC,UAAU;AAAA,EACVR;AAAAA,EACAP;AAAAA,EACAM,WAAW;AAAA,EACXyB;AAAAA,EACAf;AAAAA,EACAwD;AAAAA,EACA,gBAAgBvE,SAAS;AAAA,KACtBC;AAXU,MAYG;AACVgB,QAAAA,eAAeL,cAAcM,UAAaL,mBAAmBK;AAE/D,MAAA,CAACZ,YAAY,CAACW,cAAc;AAC9BE,YAAQC,KACN,kFADF;AAAA,EAGD;AAED,8BACEoD,UAAA;AAAA,IAAA,UAAA,CACE/D;SACMR;AAAAA,MACJ,cAAYW;AAAAA,MACZ,mBAAiBC;AAAAA,MACjB,WAAWV,GAAG,cAAcJ,SAAf;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAcC;AAAAA,MACd,MAAK;AAAA,IAAA,CAVT,GAYES,oBAAC,OAAD;AAAA,MAAO,WAAWM;AAAAA,MAAgB,SAASe;AAAAA,MAAI,OAAOyC;AAAAA,MAAtD,UACGlE,WAAWI,oBAAA,QAAA;AAAA,QAAM,WAAU;AAAA,QAAhB;AAAA,MAAA,CAAA,IAA2DH;AAAAA,IAAAA,CAb3E,CAAA;AAAA,EAAA,CADF;AAkBD;ACLKmE,MAAAA,aAAa,CAAClB,UAA2B;AACvC,QAAA;AAAA,IACJJ;AAAAA,IACAhB;AAAAA,IACAuC;AAAAA,IACApE;AAAAA,IACAD;AAAAA,IACAsE;AAAAA,IACA,gBAAgB3E,SAAS;AAAA,OACtBC;AAAAA,EACDsD,IAAAA;AACEqB,QAAAA,cAAcC,OAA4B,IAAtB;AAE1B,WAASC,iBAAiBC,MAA4B;;AAChD,QAAA,CAACC,eAAeD,IAAD,GAAQ;AAClBA,aAAAA;AAAAA,IACR;AAED,UAAME,OAAOF;AAEb,SAAIE,6BAAM1D,SAAQ0D,KAAK1D,SAAS+C,OAAO;AACrC,aAAOY,aAAaD,MAAM;AAAA,QACxB,GAAGA,KAAK1B;AAAAA,QACRJ;AAAAA,QACArC,SAASmE,KAAK1B,MAAMpB,UAAUA;AAAAA,QAC9BuC;AAAAA,QACArE,UAAU,SAAO4E,UAAK1B,UAAL0B,mBAAY5E,cAAa,cAAc4E,KAAK1B,MAAMlD,WAAWA;AAAAA,MAAAA,CAL7D;AAAA,IAOpB;AAED,SAAI4E,6BAAM1D,SAAQ0D,KAAK1D,SAASnB,OAAO;AACrC,aAAO8E,aAAaD,MAAM;AAAA,QACxB,GAAGA,KAAK1B;AAAAA,QACRmB;AAAAA,QACArE;AAAAA,MAAAA,CAHiB;AAAA,IAKpB;AAEK8E,UAAAA,gBAAeF,kCAAM1B,UAAN0B,mBAAa3E;AAClC,QAAI6E,cAAc;AACZC,UAAAA,MAAMC,QAAQF,YAAd,GAA6B;AAC/B,eAAOD,aAAaD,MAAM;AAAA,UACxB3E,UAAUgF,SAASC,IAAIJ,cAAeK,CAAcV,cAAAA,iBAAiBU,SAAD,CAA1D;AAAA,QAAA,CADO;AAAA,MAGpB;AACD,aAAON,aAAaD,MAAM;AAAA,QACxB3E,UAAUwE,iBAAiBK,YAAD;AAAA,MAAA,CADT;AAAA,IAGpB;AAED,SAAIF,6BAAM1D,SAAQ0D,KAAK1D,SAAS+C,SAASW,KAAK1D,SAASnB,OAAO;AACrD6E,aAAAA;AAAAA,IACR;AAEM,WAAA;AAAA,EACR;AAED,QAAMQ,SAASH,SAASC,IAAIjF,UAAWoF,CAAUZ,UAAAA,iBAAiBY,KAAD,CAAlD;AACf,8BACE,YAAA;AAAA,IAAU,gBAAc1F;AAAAA,IAAQ,KAAK4E;AAAAA,IAArC,UAAA,CACGD,UACClE,oBAAA,UAAA;AAAA,MAAA,8BACG,gBAAD;AAAA,QAAA,UAAiBkE;AAAAA,MAAAA,CAAjB;AAAA,IAAA,CAHN,GAMElE;SAASR;AAAAA,MAAT,UAAgBwF;AAAAA,IAAAA,CANlB,CAAA;AAAA,EAAA,CADF;AAUD;ACzGD,MAAME,SAAS,CAAC;AAAA,EACd5F;AAAAA,EACAO;AAAAA,EACA,gBAAgBN,SAAS;AAAA,KACtBC;AAJW,MAKG;AACjB,QAAMC,UAAUC,GAAG,aAAa,oBAAoBJ,SAAlC;AAElB;OACcE;AAAAA,IAAM,gBAAcD;AAAAA,IAAQ,WAAWE;AAAAA,IAAnD;AAAA,EAAA,CADF;AAKD;ACXK0F,MAAAA,WAAWjF,WACf,CAAC;AAAA,EAAEZ;AAAAA,EAAW,gBAAgBC,SAAS;AAAA,KAAgBuD;AAAtD,GAA+DvC,QAAQ;AAChE6E,QAAAA,YAAY,CAACC,MAA0C;AAEzDA,QAAAA,EAAEC,QAAQ,gBACVD,EAAEC,QAAQ,eACVD,EAAEC,QAAQ,aACVD,EAAEC,QAAQ,aACV;AACAD,QAAEE,gBAAF;AAAA,IACD;AACGF,QAAAA,EAAEC,QAAQ,UAAU;AACtBD,QAAEG,YAAYC;IACf;AAAA,EAAA;AAGH;OAEQ3C;AAAAA,IACJ,WAAWpD,GAAG,aAAaJ,SAAd;AAAA,IACb;AAAA,IACA,gBAAcC;AAAAA,IACd,oBAAkBuD,MAAM,uBAAuB1B,mBAAmB0B,MAAMzB,EAAP;AAAA,IACjE;AAAA,EAAA,CAPJ;AAUD,CA1BwB;AA6B3B8D,SAASvE,cAAc;"}