@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/_chunk/textfield.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"textfield.jsx","names":[],"sources":["../../src/textfield/s2-textarea-styles.ts","../../src/textfield/TextArea.tsx","../../src/textfield/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { centerPadding, controlSize } from \"../s2-internal/style-utils\" with { type: \"macro\" };\n\nexport const textAreaFieldGroupStyles = style({\n  alignItems: \"baseline\",\n  height: \"auto\",\n});\n\nexport const textAreaInputStyles = style({\n  paddingX: 0,\n  paddingY: centerPadding(),\n  minHeight: controlSize(),\n  boxSizing: \"border-box\",\n  backgroundColor: \"transparent\",\n  color: {\n    default: \"inherit\",\n    \"::placeholder\": {\n      default: \"gray-600\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  fontFamily: \"inherit\",\n  fontSize: \"inherit\",\n  fontWeight: \"inherit\",\n  lineHeight: \"inherit\",\n  flexGrow: 1,\n  minWidth: 0,\n  outlineStyle: \"none\",\n  borderStyle: \"none\",\n  resize: \"none\",\n  overflowX: \"hidden\",\n});\n","// @ts-nocheck\nimport {\n  type JSX,\n  createContext,\n  createEffect,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  onMount,\n  Show,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { getSlottedContextProps, type SpectrumContextValue } from \"../button/spectrum-context\";\nimport {\n  Label as HeadlessLabel,\n  TextArea as HeadlessTextArea,\n  TextField as HeadlessTextField,\n  TextFieldContext as HeadlessTextFieldContext,\n  type TextFieldProps as HeadlessTextFieldProps,\n  type TextFieldRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport {\n  control,\n  controlFont,\n  field,\n  fieldInput,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport { useProviderProps } from \"../provider\";\nimport { textAreaFieldGroupStyles, textAreaInputStyles } from \"./s2-textarea-styles\";\n\nexport type TextAreaSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2TextAreaSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type TextAreaVariant = \"outline\" | \"filled\";\nexport type TextAreaLabelPosition = \"top\" | \"side\";\nexport type TextAreaLabelAlign = \"start\" | \"end\";\nexport type TextAreaNecessityIndicator = \"icon\" | \"label\";\n\nexport interface TextAreaProps extends Omit<\n  HeadlessTextFieldProps,\n  \"class\" | \"style\" | \"children\" | \"type\" | \"pattern\"\n> {\n  /** The size of the text area. */\n  size?: TextAreaSize;\n  /** Legacy visual variant. S2 TextAreas do not expose visual variants. */\n  variant?: TextAreaVariant;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Label text for the textarea. */\n  label?: JSX.Element;\n  /** Description text shown below the textarea. */\n  description?: JSX.Element;\n  /** Error message shown when invalid. */\n  errorMessage?: JSX.Element;\n  /** Position of the label relative to the textarea. */\n  labelPosition?: TextAreaLabelPosition;\n  /** Text alignment for side labels. */\n  labelAlign?: TextAreaLabelAlign;\n  /** Whether required fields show an icon or text label. */\n  necessityIndicator?: TextAreaNecessityIndicator;\n}\n\nexport const TextAreaContext = createContext<SpectrumContextValue<TextAreaProps>>(null);\n\ninterface TextAreaStyleProps extends TextFieldRenderProps {\n  size?: S2TextAreaSize;\n  labelPosition?: TextAreaLabelPosition;\n  labelAlign?: TextAreaLabelAlign;\n  isFocusWithin?: boolean;\n  isStaticColor?: boolean;\n  isInForm?: boolean;\n  isQuiet?: boolean;\n}\n\nconst textAreaRoot = style<TextAreaStyleProps>(\n  {\n    ...field(),\n  },\n  getAllowedOverrides(),\n);\n\nconst textAreaLabelWrapper = style<TextAreaStyleProps>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n    isQuiet: \"none\",\n  },\n});\n\nconst textAreaLabel = style<TextAreaStyleProps>({\n  ...fieldLabel(),\n});\n\nconst fieldGroupStyles = style<TextAreaStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", register: \"matte\" }),\n  ...fieldInput(),\n  transition: \"default\",\n  borderColor: {\n    default: \"well-border\",\n    forcedColors: \"ButtonBorder\",\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isFocusWithin: {\n      default: \"gray-900\",\n      isInvalid: \"negative-1000\",\n      forcedColors: \"Highlight\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  backgroundColor: {\n    default: \"well\",\n    forcedColors: \"Field\",\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    forcedColors: \"ButtonText\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst helpTextStyles = style<TextAreaStyleProps>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  contain: \"inline-size\",\n  paddingTop: \"--field-gap\",\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst fieldErrorIcon = style({\n  size: fontRelative(20),\n  marginStart: \"text-to-visual\",\n  marginEnd: fontRelative(-2),\n  flexShrink: 0,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n  },\n});\n\nconst requiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst noWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\n// Byte-faithful to upstream Field.tsx HelpText: the description renders a RAC\n// `<Text slot=\"description\">` (a `<span>`), NOT a `<p>` (whose UA `margin` the\n// port previously had to zero out in `helpTextStyles`). The `slot` mirrors RAC's\n// Text; the id/aria wiring is read from the headless TextField context.\nfunction TextAreaDescription(props: {\n  class?: string;\n  children?: JSX.Element;\n}): JSX.Element | null {\n  const context = useContext(HeadlessTextFieldContext);\n  if (!context) return null;\n  const descriptionProps = () => {\n    const { ref: _ref, ...rest } = context.descriptionProps as Record<string, unknown>;\n    return rest;\n  };\n  return (\n    <span {...descriptionProps()} slot=\"description\" class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\n// Upstream renders the invalid message through a RAC `<FieldError>`, which is a\n// `<Text slot=\"errorMessage\">` (a `<span>`), not a `<p>`.\nfunction TextAreaError(props: { class?: string; children?: JSX.Element }): JSX.Element | null {\n  const context = useContext(HeadlessTextFieldContext);\n  if (!context) return null;\n  const errorMessageProps = () => {\n    const { ref: _ref, ...rest } = context.errorMessageProps as Record<string, unknown>;\n    return rest;\n  };\n  return (\n    <span {...errorMessageProps()} slot=\"errorMessage\" class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nfunction normalizeTextAreaSize(size: TextAreaSize | undefined): S2TextAreaSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction focusFieldInput(event: Event & { currentTarget: HTMLDivElement }) {\n  const target = event.target as Element | null;\n\n  if (target?.closest(\"button,input,textarea,[role='button']\")) {\n    return;\n  }\n\n  event.preventDefault();\n  event.currentTarget.querySelector<HTMLElement>(\"input, textarea\")?.focus();\n}\n\nfunction requiredIconStyle(size: S2TextAreaSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nfunction resizeTextArea(element: HTMLTextAreaElement | undefined) {\n  if (!element) {\n    return;\n  }\n\n  const previousAlignSelf = element.style.alignSelf;\n  const previousOverflow = element.style.overflow;\n  const isFirefox = \"MozAppearance\" in element.style;\n\n  if (!isFirefox) {\n    element.style.overflow = \"hidden\";\n  }\n  element.style.alignSelf = \"start\";\n  element.style.height = \"auto\";\n\n  const measuredHeight = element.scrollHeight + (element.offsetHeight - element.clientHeight);\n  if (measuredHeight > 0) {\n    element.style.height = `${measuredHeight}px`;\n  }\n\n  element.style.overflow = previousOverflow;\n  element.style.alignSelf = previousAlignSelf;\n}\n\n/**\n * TextAreas are multiline text inputs, useful for cases where users have\n * a sizable amount of text to enter.\n */\nexport function TextArea(props: TextAreaProps): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(useContext(TextAreaContext), props.slot);\n  const mergedProps = mergeProps(providerProps, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"variant\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n  ]);\n  const [isFocusWithin, setIsFocusWithin] = createSignal(false);\n  let textAreaElement: HTMLTextAreaElement | undefined;\n\n  const size = () => normalizeTextAreaSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n\n  onMount(() => {\n    const element = textAreaElement;\n    if (!element) {\n      return;\n    }\n\n    const resize = () => resizeTextArea(element);\n    element.addEventListener(\"input\", resize);\n    queueMicrotask(resize);\n    onCleanup(() => element.removeEventListener(\"input\", resize));\n  });\n\n  createEffect(() => {\n    headlessProps.value;\n    headlessProps.defaultValue;\n    queueMicrotask(() => resizeTextArea(textAreaElement));\n  });\n\n  const rootClassName = (renderProps: TextFieldRenderProps) =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      textAreaRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          isInForm: false,\n        },\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const labelWrapperClass = () =>\n    textAreaLabelWrapper({\n      size: size(),\n      labelPosition: labelPosition(),\n      labelAlign: labelAlign(),\n    });\n\n  const labelClass = (renderProps: TextFieldRenderProps) =>\n    textAreaLabel({\n      ...renderProps,\n      size: size(),\n      labelPosition: labelPosition(),\n      isStaticColor: false,\n    });\n\n  const groupClass = (renderProps: TextFieldRenderProps) =>\n    mergeStyles(\n      fieldGroupStyles({\n        ...renderProps,\n        size: size(),\n        isFocusWithin: isFocusWithin(),\n      }),\n      textAreaFieldGroupStyles,\n    );\n\n  // React S2 does not pass field size into TextAreaInput; it inherits font size\n  // from the group while keeping the default min-height and center padding.\n  const textAreaInputClass = () => textAreaInputStyles({});\n\n  const helpClass = (renderProps: TextFieldRenderProps, isInvalid: boolean) =>\n    helpTextStyles({\n      ...renderProps,\n      size: size(),\n      isInvalid,\n    });\n\n  return (\n    <HeadlessTextField\n      {...headlessProps}\n      label={local.label}\n      description={local.description}\n      errorMessage={local.errorMessage}\n      class={rootClassName}\n      style={local.UNSAFE_style}\n      children={(renderProps) => (\n        <>\n          <Show when={local.label}>\n            <div class={labelWrapperClass()}>\n              <HeadlessLabel class={labelClass(renderProps)}>\n                {local.label}\n                <Show when={renderProps.isRequired || necessityIndicator() === \"label\"}>\n                  <span class={noWrap}>\n                    &nbsp;\n                    <Show\n                      when={necessityIndicator() === \"icon\"}\n                      fallback={\n                        <span aria-hidden={renderProps.isRequired ? true : undefined}>\n                          {renderProps.isRequired ? \"(required)\" : \"(optional)\"}\n                        </span>\n                      }\n                    >\n                      <AsteriskIcon\n                        size={size() === \"S\" ? \"M\" : size()}\n                        styles={requiredIcon}\n                        style={requiredIconStyle(size())}\n                        aria-hidden=\"true\"\n                      />\n                    </Show>\n                  </span>\n                </Show>\n              </HeadlessLabel>\n            </div>\n          </Show>\n\n          <div\n            // Upstream FieldGroup renders a RAC `<Group>`, but RAC's `TextField`\n            // (which TextArea composes via `TextFieldBase` → `AriaTextField`)\n            // seeds `GroupContext` with `{role: 'presentation'}` (TextField.mjs),\n            // so the multiline input's visual wrapper is presentation, keeping the\n            // AX tree flat (the textbox stays a direct child of the field, no\n            // redundant group node). Matches the certified TextField finding.\n            role=\"presentation\"\n            class={groupClass(renderProps)}\n            onPointerDown={(event) => {\n              if (event.pointerType === \"mouse\") {\n                focusFieldInput(event);\n              }\n            }}\n            onTouchEnd={focusFieldInput}\n            onFocusIn={() => setIsFocusWithin(true)}\n            onFocusOut={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {\n                setIsFocusWithin(false);\n              }\n            }}\n            data-focused={isFocusWithin() ? \"true\" : undefined}\n            data-disabled={renderProps.isDisabled ? \"true\" : undefined}\n            data-invalid={renderProps.isInvalid ? \"true\" : undefined}\n          >\n            <HeadlessTextArea\n              class={textAreaInputClass()}\n              placeholder={headlessProps.placeholder ?? \" \"}\n              ref={(element) => {\n                textAreaElement = element;\n                resizeTextArea(element);\n              }}\n            />\n            <Show when={renderProps.isInvalid && !renderProps.isDisabled}>\n              <CenterBaseline>\n                <AlertTriangleIcon styles={fieldErrorIcon} />\n              </CenterBaseline>\n            </Show>\n          </div>\n\n          <Show when={local.description && !renderProps.isInvalid}>\n            <TextAreaDescription class={helpClass(renderProps, false)}>\n              {local.description}\n            </TextAreaDescription>\n          </Show>\n\n          <Show when={local.errorMessage && renderProps.isInvalid}>\n            <TextAreaError class={helpClass(renderProps, true)}>{local.errorMessage}</TextAreaError>\n          </Show>\n        </>\n      )}\n    />\n  );\n}\n","// @ts-nocheck\nimport {\n  type JSX,\n  createContext,\n  createUniqueId,\n  mergeProps,\n  splitProps,\n  Show,\n  useContext,\n} from \"solid-js\";\nimport {\n  TextField as HeadlessTextField,\n  Label as HeadlessLabel,\n  Input as HeadlessInput,\n  TextFieldContext as HeadlessTextFieldContext,\n  type TextFieldProps as HeadlessTextFieldProps,\n  type TextFieldRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { getSlottedContextProps, type SpectrumContextValue } from \"../button/spectrum-context\";\nimport { FieldPrefix, PrefixInputProvider } from \"../field/prefix\";\nimport { FieldSuffix } from \"../field/suffix\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport {\n  control,\n  controlFont,\n  field,\n  fieldInput,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport { useProviderProps } from \"../provider\";\nimport { useFormProps, useIsInForm } from \"../form\";\n\nexport type TextFieldSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2TextFieldSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type TextFieldVariant = \"outline\" | \"filled\";\nexport type TextFieldLabelPosition = \"top\" | \"side\";\nexport type TextFieldLabelAlign = \"start\" | \"end\";\nexport type TextFieldNecessityIndicator = \"icon\" | \"label\";\n/**\n * The matte surface the field sits on. `well` is the register's default field\n * surface; `tutor` is the AI-lane surface (`--surface-well-tutor`) — one step\n * deeper in dark, marking a tutor prompt apart from ordinary inputs.\n */\nexport type TextFieldSurface = \"well\" | \"tutor\";\n\nexport interface TextFieldProps extends Omit<\n  HeadlessTextFieldProps,\n  \"class\" | \"style\" | \"children\"\n> {\n  /** The size of the text field. */\n  size?: TextFieldSize;\n  /** Legacy visual variant. S2 TextFields do not expose visual variants. */\n  variant?: TextFieldVariant;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Label text for the input. */\n  label?: JSX.Element;\n  /** Description text shown below the input. */\n  description?: JSX.Element;\n  /** Error message shown when invalid. */\n  errorMessage?: JSX.Element;\n  /** Position of the label relative to the input. */\n  labelPosition?: TextFieldLabelPosition;\n  /** Text alignment for side labels. */\n  labelAlign?: TextFieldLabelAlign;\n  /** Whether required fields show an icon or text label. */\n  necessityIndicator?: TextFieldNecessityIndicator;\n  /** An icon or text rendered before the input, e.g. a unit or protocol. */\n  prefix?: JSX.Element;\n  /** An icon or text rendered after the input, e.g. a unit or key hint. */\n  suffix?: JSX.Element;\n  /** The matte surface family the field sits on. @default \"well\" */\n  surface?: TextFieldSurface;\n}\n\nexport const TextFieldContext = createContext<SpectrumContextValue<TextFieldProps>>(null);\n\ninterface TextFieldStyleProps extends TextFieldRenderProps {\n  size?: S2TextFieldSize;\n  labelPosition?: TextFieldLabelPosition;\n  labelAlign?: TextFieldLabelAlign;\n  isFocusWithin?: boolean;\n  isStaticColor?: boolean;\n  isInForm?: boolean;\n  isQuiet?: boolean;\n  surface?: TextFieldSurface;\n}\n\nconst textFieldRoot = style<TextFieldStyleProps>(\n  {\n    ...field(),\n  },\n  getAllowedOverrides(),\n);\n\nconst textFieldLabelWrapper = style<TextFieldStyleProps>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n    isQuiet: \"none\",\n  },\n});\n\nconst textFieldLabel = style<TextFieldStyleProps>({\n  ...fieldLabel(),\n});\n\nconst fieldGroupStyles = style<TextFieldStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", register: \"matte\" }),\n  ...fieldInput(),\n  transition: \"default\",\n  borderColor: {\n    default: \"well-border\",\n    forcedColors: \"ButtonBorder\",\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isFocusWithin: {\n      default: \"gray-900\",\n      isInvalid: \"negative-1000\",\n      forcedColors: \"Highlight\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  backgroundColor: {\n    default: \"well\",\n    /* The AI-lane surface (register panel 02). `surface` sits before\n     * `forcedColors` so forced colors keep the last word. */\n    surface: {\n      tutor: \"well-tutor\",\n    },\n    forcedColors: \"Field\",\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    /* The tutor well carries its own ink token (brighter in dark, where the\n     * deeper fill would otherwise mute the neutral ramp). */\n    surface: {\n      tutor: \"[var(--well-tutor-ink)]\",\n    },\n    forcedColors: \"ButtonText\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst textFieldInput = style({\n  padding: 0,\n  backgroundColor: \"transparent\",\n  color: {\n    default: \"inherit\",\n    \"::placeholder\": {\n      default: \"gray-600\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  fontFamily: \"inherit\",\n  fontSize: \"inherit\",\n  fontWeight: \"inherit\",\n  flexGrow: 1,\n  flexShrink: 1,\n  minWidth: 0,\n  width: \"full\",\n  outlineStyle: \"none\",\n  borderStyle: \"none\",\n  truncate: true,\n});\n\nconst helpTextStyles = style<TextFieldStyleProps>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  contain: \"inline-size\",\n  paddingTop: \"--field-gap\",\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst fieldErrorIcon = style({\n  size: fontRelative(20),\n  marginStart: \"text-to-visual\",\n  marginEnd: fontRelative(-2),\n  flexShrink: 0,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n  },\n});\n\nconst requiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst noWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\n// Byte-faithful to upstream Field.tsx HelpText: the description renders a RAC\n// `<Text slot=\"description\">` (a `<span>`), NOT a `<p>` (whose UA `margin` the\n// port previously had to zero out in `helpTextStyles`). The `slot` mirrors RAC's\n// Text; the id/aria wiring is read from the headless TextField context.\nfunction TextFieldDescription(props: {\n  class?: string;\n  children?: JSX.Element;\n}): JSX.Element | null {\n  const context = useContext(HeadlessTextFieldContext);\n  if (!context) return null;\n  const descriptionProps = () => {\n    const { ref: _ref, ...rest } = context.descriptionProps as Record<string, unknown>;\n    return rest;\n  };\n  return (\n    <span {...descriptionProps()} slot=\"description\" class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\n// Upstream renders the invalid message through a RAC `<FieldError>`, which is a\n// `<Text slot=\"errorMessage\">` (a `<span>`), not a `<p>`.\nfunction TextFieldError(props: { class?: string; children?: JSX.Element }): JSX.Element | null {\n  const context = useContext(HeadlessTextFieldContext);\n  if (!context) return null;\n  const errorMessageProps = () => {\n    const { ref: _ref, ...rest } = context.errorMessageProps as Record<string, unknown>;\n    return rest;\n  };\n  return (\n    <span {...errorMessageProps()} slot=\"errorMessage\" class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport { TextArea, TextAreaContext } from \"./TextArea\";\nexport type { TextAreaProps, TextAreaSize, TextAreaVariant } from \"./TextArea\";\n\nfunction normalizeTextFieldSize(size: TextFieldSize | undefined): S2TextFieldSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction focusFieldInput(event: Event & { currentTarget: HTMLDivElement }) {\n  const target = event.target as Element | null;\n\n  if (target?.closest(\"button,input,textarea,[role='button']\")) {\n    return;\n  }\n\n  event.preventDefault();\n  event.currentTarget.querySelector<HTMLElement>(\"input, textarea\")?.focus();\n}\n\nfunction requiredIconStyle(size: S2TextFieldSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nexport function TextField(props: TextFieldProps): JSX.Element {\n  const isInForm = useIsInForm();\n  // Slotted context props sit below explicit props; `useFormProps`/`useProviderProps`\n  // wrap the result so the form/Skeleton disabled-force stays outermost (mirrors\n  // upstream's `useSpectrumContextProps` → `useFormProps` order in TextField.tsx).\n  const contextProps = getSlottedContextProps(useContext(TextFieldContext), props.slot);\n  const mergedProps = useProviderProps(useFormProps(mergeProps(contextProps ?? {}, props)));\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"variant\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"validationState\",\n    \"prefix\",\n    \"suffix\",\n    \"surface\",\n  ]);\n\n  const prefixId = createUniqueId();\n  const suffixId = createUniqueId();\n  // Space-separated adornment ids appended to the input's `aria-labelledby`,\n  // visual order (prefix before suffix). Read live by PrefixInputProvider.\n  const adornmentIds = () =>\n    [local.prefix ? prefixId : null, local.suffix ? suffixId : null].filter(Boolean).join(\" \");\n  const size = () => normalizeTextFieldSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n  const normalizedHeadlessProps = mergeProps(headlessProps, {\n    get isInvalid() {\n      return headlessProps.isInvalid ?? local.validationState === \"invalid\";\n    },\n    get validationBehavior() {\n      return headlessProps.validationBehavior ?? (local.validationState ? \"aria\" : undefined);\n    },\n  });\n\n  const rootClassName = (renderProps: TextFieldRenderProps) =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      textFieldRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          isInForm,\n        },\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const labelWrapperClass = () =>\n    textFieldLabelWrapper({\n      size: size(),\n      labelPosition: labelPosition(),\n      labelAlign: labelAlign(),\n    });\n\n  const labelClass = (renderProps: TextFieldRenderProps) =>\n    textFieldLabel({\n      ...renderProps,\n      size: size(),\n      labelPosition: labelPosition(),\n      isStaticColor: false,\n    });\n\n  const groupClass = (renderProps: TextFieldRenderProps) =>\n    fieldGroupStyles({\n      ...renderProps,\n      size: size(),\n      isFocusWithin: renderProps.isFocused,\n      surface: local.surface ?? \"well\",\n    });\n\n  const helpClass = (renderProps: TextFieldRenderProps, isInvalid: boolean) =>\n    helpTextStyles({\n      ...renderProps,\n      size: size(),\n      isInvalid,\n    });\n\n  return (\n    <HeadlessTextField\n      {...normalizedHeadlessProps}\n      label={local.label}\n      description={local.description}\n      errorMessage={local.errorMessage}\n      class={rootClassName}\n      style={local.UNSAFE_style}\n      children={(renderProps) => (\n        <>\n          <Show when={local.label}>\n            <div class={labelWrapperClass()}>\n              <HeadlessLabel class={labelClass(renderProps)}>\n                {local.label}\n                <Show when={renderProps.isRequired || necessityIndicator() === \"label\"}>\n                  <span class={noWrap}>\n                    &nbsp;\n                    <Show\n                      when={necessityIndicator() === \"icon\"}\n                      fallback={\n                        <span aria-hidden={renderProps.isRequired ? true : undefined}>\n                          {renderProps.isRequired ? \"(required)\" : \"(optional)\"}\n                        </span>\n                      }\n                    >\n                      <AsteriskIcon\n                        size={size() === \"S\" ? \"M\" : size()}\n                        styles={requiredIcon}\n                        style={requiredIconStyle(size())}\n                        aria-hidden=\"true\"\n                      />\n                    </Show>\n                  </span>\n                </Show>\n              </HeadlessLabel>\n            </div>\n          </Show>\n\n          <div\n            // Upstream FieldGroup renders a RAC `<Group>`. RAC's `Group` defaults\n            // to `role={props.role ?? 'group'}`, but RAC's `TextField` seeds\n            // `GroupContext` with `{role: 'presentation'}` (TextField.mjs) — the\n            // input is directly labeled, so the visual wrapper is marked\n            // presentation to keep the AX tree flat (no redundant group node\n            // around the textbox). Verified against the rendered React DOM: the\n            // FieldGroup div is `role=\"presentation\"`. The hand-rolled `<div>`\n            // must carry it to match both the DOM and the accessibility tree.\n            role=\"presentation\"\n            class={groupClass(renderProps)}\n            onPointerDown={(event) => {\n              if (event.pointerType === \"mouse\") {\n                focusFieldInput(event);\n              }\n            }}\n            onTouchEnd={focusFieldInput}\n            data-focused={renderProps.isFocused ? \"true\" : undefined}\n            data-focus-visible={renderProps.isFocusVisible ? \"true\" : undefined}\n            data-disabled={renderProps.isDisabled ? \"true\" : undefined}\n            data-invalid={renderProps.isInvalid ? \"true\" : undefined}\n          >\n            <Show\n              when={local.prefix || local.suffix}\n              fallback={<HeadlessInput class={textFieldInput} />}\n            >\n              <Show when={local.prefix}>\n                <FieldPrefix id={prefixId}>{local.prefix}</FieldPrefix>\n              </Show>\n              <PrefixInputProvider context={HeadlessTextFieldContext} prefixId={adornmentIds()}>\n                <HeadlessInput class={textFieldInput} />\n              </PrefixInputProvider>\n              <Show when={local.suffix}>\n                <FieldSuffix id={suffixId}>{local.suffix}</FieldSuffix>\n              </Show>\n            </Show>\n            <Show when={renderProps.isInvalid && !renderProps.isDisabled}>\n              <CenterBaseline>\n                <AlertTriangleIcon styles={fieldErrorIcon} />\n              </CenterBaseline>\n            </Show>\n          </div>\n\n          <Show when={local.description && !renderProps.isInvalid}>\n            <TextFieldDescription class={helpClass(renderProps, false)}>\n              {local.description}\n            </TextFieldDescription>\n          </Show>\n\n          <Show when={local.errorMessage && renderProps.isInvalid}>\n            <TextFieldError class={helpClass(renderProps, true)}>\n              {local.errorMessage}\n            </TextFieldError>\n          </Show>\n        </>\n      )}\n    />\n  );\n}\n\nexport { TextField as TextFieldBase };\n"],"mappings":";;;;;;;;;;;;MACS,2BAA+B;AACxC,MAAS,sBAA0B,SAAS,UAAM,OAAS;;CAE3D,SAAa;CACX,SAAW;CACX,SAAS;CACT,SAAA;;CAEF,SAAa;CACX,SAAW;CACX,SAAU;CACV,SAAW;CACX,SAAW;CACX,SAAA;CACA,SAAO;CACL,SAAS;CACT,SAAG;CACH,SAAS;CACT,SAAE;CACF,SAAC;CACF,SAAA;CACD,SAAW;CACX,SAAW;CACX,SAAW;CACX,IAAA,MAAY,SAAS,MACrB,SAAW;MACF,IAAE,MAAA,SAAA,KACX,SAAe;MACf,IAAa,MAAM,SAAA,KACb,SAAQ;MACL,IAAG,MAAO,SAAA,MACnB,SAAA;;;;;;ACDF,MAAa,kBAAgB,cAA6B,IAAA;AAU1D,MAAM,eAAM,SAAkB,UAAU,OAAG,WAAO;CAClD,IAAO,QAAK;CACZ,IAAO,kBAAK;CACZ,IAAO,gBAAK;;CAEZ,KAAO,IAAA,KAAU,SAAA;EACf,IAAA,EAAA,OAAA,KAAsB,kBAAA;EAChB,IAAI,EAAC,OAAQ,KAAE,gBAAmB;EACxC,SAAA,EAAA;CACE;CACF,SAAO;CACL,IAAE,MAAO;MACD,CAAA,iBAAe,SAAA;CAAA;CAEzB,IAAM,MAAG;MACL,MAAW,kBAAmB;OAClC,CAAA,eAAyB,SAAA;EAAA;CAAA;CAGvB,IAAE,MAAQ,UACN,SAAQ;MAER,IAAE,MAAI,kBAAO,QACf,SAAY;MACH,IAAI,MAAC,kBAAO,OACf,SAAQ;CAGlB,IAAA,MAAA,kBAAgB,QACZ,SAAK;MACT,IAAa,MAAA,kBAAkB,OAC3B,SAAQ;CAEd,IAAA,MAAA,kBAAA,QAAA,SAAA;MAEO,IAAM,MAAA,kBAAkB,OAAA,SAAA;CAG7B,IAAM,MAAC,SAAc,MAAA;EACrB,SAAe;EACf,SAAa;CACb,OAAA,IAAa,MAAG,SAAO,KAAA;EACvB,SAAe;EACf,SAAW;CACX,OAAS,IAAC,MAAO,SAAA,KAAA;EACnB,SAAA;;CAEA,OAAM,IAAA,MAAe,SAAM,MAAA;EACzB,SAAA;EACK,SAAO;CACX,OAAA;EACD,SAAA;EACD,SAAA;;CAED,SAAM;CACJ,SAAW;CACX,SAAU;CACV,IAAA,MAAW,SAAA,MACT,SAAY;MACL,IAAG,MAAM,SAAA,KACd,SAAU;MACX,IAAA,MAAA,SAAA,KACF,SAAA;MACD,IAAa,MAAE,SAAA,MACb,SAAa;MAEZ,SAAA;CAEH,SAAS;CACP,SAAA;CACA,SAAQ;CACR,OAAC;AACL;AACA,MAAG,uBAAA,SAAA,UAAA,OAAA;CACD,IAAA,QAAA;;CAEF,SAAM;CACF,SAAC;CACH,SAAA;;CAEF,IAAM,MAAA,eAAmB,OACpB,SAAW;MACX,IAAU,MAAM,eAAY,SAC5B,SAAY;CAEf,IAAA,MAAY,kBAAC,OACX,SAAU;CAEV,IAAA,MAAU,SACR,SAAS;MACT,IAAA,MAAe,kBAAK,OACrB,SAAA;CAED,OAAE;AACN;AACA,MAAM,gBAAe,SAAU,UAAA,OAAA;CAC3B,IAAC,QAAA;CACD,SAAA;CACA,IAAE,MAAQ,SAAE,MAAS;EACnB,SAAA;EACD,SAAA;CACF,OAAA,IAAA,MAAA,SAAA,KAAA;EACD,SAAe;EACb,SAAU;CACV,OAAA,IAAA,MAAe,SAAM,KAAA;EACtB,SAAA;EACK,SAAC;CACL,OAAO,IAAE,MAAA,SAAW,MAAS;EAC7B,SAAa;EACb,SAAY;CACZ,OAAE;EACA,SAAA;EACD,SAAA;CACF;CACD,IAAM,MAAE,SAAA,MAAA;EACN,SAAU;EACV,SAAa;CACd,OAAA,IAAA,MAAA,SAAA,KAAA;EACD,SAAA;;CAEF,OAAM,IAAA,MAAe,SAAQ,KAAA;EAC3B,SAAW;EACX,SAAe;CACf,OAAA,IAAa,MAAA,SAAS,MAAA;EAChB,SAAQ;EACR,SAAA;CACN,OAAO;EACL,SAAU;EACV,SAAW;CACX;CACA,IAAE,MAAA,SAAe,MAAK;EACrB,SAAA;EACD,SAAY;CACZ,OAAE,IAAS,MAAC,SAAS,KAAA;EACnB,SAAA;EACD,SAAA;CACF,OAAA,IAAA,MAAA,SAAA,KAAA;EACE,SAAY;EACT,SAAQ;CACZ,OAAO,IAAC,MAAA,SAAa,MAAA;EACtB,SAAA;EACD,SAAU;CACV,OAAA;EACM,SAAE;EACN,SAAU;CACV;CACD,IAAA,MAAA,eACD,SAAA;4BAEI,SAAA;MAEJ,SAAc;CAEd,SAAW;CACT,SAAC;CACD,OAAO;AACX;AACA,MAAM,qBAAmB,SAAA,UAAA,OAAA;CACrB,IAAE,QAAA;CACF,IAAC,MAAA,gBACF,SAAA;;CAIC,SAAC;CACD,SAAO;CACP,SAAQ;CACT,SAAA;CACD,SAAA;;EAEI,SAAS;EACb,SAAa;CACb,OAAA,IAAA,MAAA,SAAA,KAAA;;EAEM,SAAS;CACb,OAAM,IAAK,MAAC,SAAc,KAAK;EAC3B,SAAA;EACA,SAAQ;CAChB,OAAS,IAAA,MAAA,SAAoB,MAAO;EAC5B,SAAQ;EACd,SAAe;CACb,OAAI;EACA,SAAS;EACV,SAAS;CACd;CACE,SAAQ;CACR,SAAO;CACR,IAAA,MAAA,SAAA,MAAA;EACK,SAAC;EACJ,SAAS;CACV,OAAG,IAAM,MAAQ,SAAA,KAAA;EACf,SAAI;EACP,SAAA;CACH,OAAA,IAAA,MAAA,SAAA,KAAA;;EAEG,SAAS;CACR,OAAM,IAAK,MAAC,SAAc,MAAM;EAC5B,SAAC;EACD,SAAS;CACb,OAAG;EACC,SAAA;EACJ,SAAa;CACb;CACD,IAAA,MAAA,YAAA;EACK,SAAC;EACJ,SAAS;CACV,OAAG;EACD,IAAI,MAAA,WACP,SAAA;OACH,IAAA,MAAA,gBAAA,SAAA;OAES,IAAA,MAAA,WACC,SAAM;OAEJ,SAAI;EAEV,SAAU;CACZ;CACA,SAAS;CACT,SAAQ;CACR,SAAQ;CACR,SAAQ;CACR,SAAS;CACT,IAAE,MAAO,SAAI,MACb,SAAO;MACL,IAAS,MAAC,SAAA,KACd,SAAA;MACF,IAAA,MAAA,SAAA,KAAA,SAAA;MAES,IAAA,MAAA,SAAqB,MACtB,SAAS;MAEX,SAAQ;CAEZ,SAAA;;CAEA,SAAM;CACN,SAAM;CACR,SAAA;;CAEA,SAAS;CACP,SAAM;CACN,SAAO;CACL,IAAA,MAAU,YAAY;EACtB,SAAW;EACZ,SAAA;CACH,OAAA,IAAA,MAAA,eAAA;uBAES,SAAA;OAEC,SAAA;;CAGR,OAAM,IAAA,MAAA,WAAoB;EACpB,IAAA,MAAA,WACA,SAAa;iCAEd,SAAW;OACN,IAAM,MAAA,WAChB,SAAA;OAEQ,SAAM;EAER,SAAA;CACJ,OAAE;EACF,SAAa;EACf,SAAA;;CAEA,SAAQ;CACR,SAAQ;CACV,SAAA;;CAEE,SAAA;CACC,SAAU;CACT,SAAS;CACX,SAAA;CACF,SAAO;CACL,SAAM;CACN,IAAM,MAAA,SACA,SAAA;MAEH,SAAK;CAEN,IAAC,MAAO,SAAA,MACP,SAAA;MACA,IAAA,MAAa,SAAA,KACb,SAAM;MACA,IAAA,MAAA,SAAA,KACN,SAAY;MAEZ,SAAA;CAED,SAAC;CACD,SAAA;CACF,SAAO;CACP,SAAI;uBAEE,SAAS;MAET,SAAA;0BAGN,SAAc;MACN,IAAA,MAAU,SAAA,KACZ,SAAS;MACX,IAAM,MAAA,SAAA,KACR,SAAA;+BAEA,SAAa;MAEb,SAAA;CAEA,SAAA;;CAEF,SAAA;CACE,SAAA;CACA,OAAA;AACJ;AACA,MAAI,mBAAA,SAAA,UAAA,OAAA;;CAEF,SAAM;CACJ,SAAA;CACA,SAAQ;CACR,SAAQ;CACR,SAAE;CACF,SAAI;CACJ,SAAS;CACT,SAAM;CACN,SAAM;CACN,SAAM;CACN,IAAI,MAAC,SAAA,MACD,SAAM;MACP,IAAA,MAAA,SAAA,KACH,SAAA;MACG,IAAO,MAAO,SAAA,KACd,SAAS;+BAER,SAAA;MAEF,SAAW;CAEb,IAAE,MAAA,SAAY,MAAW;EACvB,SAAA;;CAEJ,OAAM,IAAA,MAAa,SAAC,KAAa;EAC/B,SAAa;EACT,SAAC;CACL,OAAO,IAAC,MAAM,SAAA,KAAA;EACZ,SAAA;EACA,SAAA;CACF,OAAE,IAAA,MAAA,SAAA,MAAA;;EAEE,SAAA;CACJ,OAAA;EACE,SAAA;EACE,SAAG;CACP;CACA,IAAI,MAAA,SAAe,MAAA;EACf,SAAA;EACF,SAAA;CACF,OAAC,IAAA,MAAA,SAAA,KAAA;;EAEA,SAAS;CACV,OAAM,IAAI,MAAM,SAAM,KAAQ;EAC1B,SAAA;;CAEN,OAAM,IAAA,MAAa,SAAA,MAAa;EAC9B,SAAA;EACI,SAAC;CACL,OAAO;EACL,SAAS;EACT,SAAA;;CAEJ,IAAM,MAAC,SAAA,MAAA;EACJ,SAAA;EACG,SAAE;CACN,OAAO,IAAE,MAAM,SAAK,KAAA;EAClB,SAAW;EACX,SAAA;CACF,OAAO,IAAE,MAAA,SAAa,KAAA;EACpB,SAAO;EACP,SAAW;CACb,OAAK,IAAA,MAAA,SAAA,MAAA;EACD,SAAQ;EACR,SAAS;CACb,OAAO;EACH,SAAS;EACT,SAAS;CACb;CACA,IAAI,MAAM,YAAW;EACjB,SAAS;EACT,SAAS;CACb,OAAO,IAAI,MAAM,WAAU;EACvB,SAAS;EACT,SAAS;CACb,OACI,SAAS;CAEb,SAAS;CACT,SAAS;CACT,SAAS;CACT,IAAI,MAAM,YACN,SAAS;MAET,SAAS;CAEb,OAAO;AACX;AACA,MAAM,mBAAW;AACjB,MAAM,iBAAU;;AAMhB,SAAS,oBAAa,OAGJ;CACd,MAAM,UAAS,WAAW,gBAAY;CACtC,IAAI,CAAC,SAAG,OAAa;CACrB,MAAM,yBAAc;EAChB,MAAM,EAAE,KAAA,MAAA,GAAA,SAAsB,QAAA;EAC9B,OAAM;CACV;CACA,OAAQ,CAAA,SAAU,iBAAiB,GAAA,mBAAA,OAAA,MAAA,OAAA;OAChC,MAAK,SAAU;IAClB,EAAE;AACN;AAGA,SAAS,cAAI,OAGI;CACb,MAAM,UAAA,WAAA,gBAAA;CACN,IAAI,CAAC,SAAI,OAAA;CACT,MAAM,0BAAW;EACb,MAAM,EAAA,KAAA,MAAa,GAAA,SAAA,QAAc;EACjC,OAAM;CACV;CACA,OAAQ,CAAC,SAAG,kBAAuB,GAAA,oBAAA,OAAA,MAAA,OAAA;OAChC,MAAM,SAAE;IACX,EAAE;AACN;AACA,SAAS,sBAAoB,MAAA;CACzB,QAAO,MAAP;EACI,KAAK,MACD,OAAM;EACV,KAAI,MAAA,OAAA;EAEJ,KAAG,MACC,OAAC;EACL,KAAK;EACL,KAAK;EACL,KAAI;aAED,OAAK;EACR,SACI,OAAI;CACZ;AACJ;AACA,SAAK,kBAAA,OAEL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjdA,MAAY,qBAAA,cAAuC,IAAA;AAWnD,MAAE,gBAAA,SAAsB,UAAA,OAAA,WAAA;CACrB,IAAK,QAAK;CACX,IAAA,kBAAA;CACE,IAAE,gBAAgB;CACpB,IAAM,UAAC,OAAa,aAAA,EAAA,EAAA,SAAA,+EAAA;CAClB,KAAE,IAAO,KAAA,SAAO;EAClB,IAAU,EAAA,OAAA,KAAA,kBAAgB;EACtB,IAAA,EAAQ,OAAC,KAAQ,gBAAmB;EAClC,SAAG,EAAA;CACP;CACF,SAAA;CACE,IAAE,MAAA;MACJ,CAAA,iBAAmB,SAAa;CAAA;CAEhC,IAAM,MAAE;MACE,MAAK,kBAAgB;OACnB,CAAA,eAAO,SAAA;EAAA;CAAA;CAGjB,IAAE,MAAM,UACV,SAAe;MAEf,IAAA,MAAgB,kBAAA,QACP,SAAU;MACN,IAAA,MAAA,kBAAmB,OAC5B,SAAQ;CAGZ,IAAM,MAAM,kBAAQ,QACd,SAAS;MACN,IAAI,MAAA,kBAAO,OAChB,SAAU;CAEhB,IAAA,MAAA,kBAAA,QAAA,SAAA;MAEO,IAAM,MAAA,kBAAmB,OAAA,SAAA;CAG9B,IAAM,MAAC,SAAA,MAAe;EACtB,SAAe;EACf,SAAa;CACb,OAAA,IAAa,MAAG,SAAO,KAAA;EACvB,SAAe;EACf,SAAW;CACX,OAAS,IAAC,MAAO,SAAA,KAAA;EACjB,SAAU;EACZ,SAAA;;EAEM,SAAA;EACJ,SAAA;CACE,OAAG;EACJ,SAAA;EACD,SAAA;CACD;;CAED,SAAM;CACJ,SAAW;CACX,IAAA,MAAU,SAAO,MACjB,SAAW;MACT,IAAW,MAAC,SAAA,KACV,SAAQ;MACH,IAAI,MAAC,SAAA,KACX,SAAA;MACF,IAAA,MAAA,SAAA,MACD,SAAe;MAEX,SAAQ;CAEX,SAAA;CACD,SAAS;CACP,SAAA;CACA,OAAO;AACX;AACA,MAAI,wBAAe,SAAA,UAAA,OAAA;CAChB,IAAA,QAAA;CACD,SAAA;;CAEF,SAAM;CACF,SAAC;CACH,SAAA;iCAEI,SAAA;MACD,IAAU,MAAC,eAAA,SACX,SAAU;CAEb,IAAA,MAAY,kBAAS,OACrB,SAAa;CAEX,IAAA,MAAA,SACA,SAAW;MACT,IAAS,MAAA,kBAAqB,OAC9B,SAAA;CAEF,OAAA;AACJ;AACA,MAAM,iBAAY,SAAc,UAAA,OAAA;CAC5B,IAAE,QAAA;CACF,SAAC;CACD,IAAA,MAAU,SAAE,MAAA;EACV,SAAU;EACV,SAAA;CACF,OAAC,IAAA,MAAA,SAAA,KAAA;EACF,SAAA;EACD,SAAe;CACb,OAAO,IAAG,MAAK,SAAA,KAAA;EACZ,SAAO;EACN,SAAA;CACJ,OAAO,IAAE,MAAA,SAAA,MAAA;EACP,SAAQ;EACT,SAAA;CACD,OAAA;EACD,SAAA;EACK,SAAC;CACL;CACA,IAAG,MAAI,SAAW,MAAO;EACtB,SAAO;EACV,SAAS;CACT,OAAO,IAAI,MAAM,SAAK,KAAS;EAC9B,SAAA;EACD,SAAa;CACb,OAAA,IAAW,MAAC,SAAA,KAAA;EACV,SAAU;EACV,SAAA;CACF,OAAC,IAAA,MAAA,SAAA,MAAA;EACF,SAAA;EACK,SAAE;CACN,OAAO;EACP,SAAa;EACd,SAAA;CACD;;EAEI,SAAA;EACJ,SAAU;CACV,OAAA,IAAA,MAAkB,SAAA,KAAY;EACxB,SAAC;EACL,SAAU;CACV,OAAG,IAAA,MAAc,SAAA,KAAA;EACf,SAAU;EACV,SAAA;CACF,OAAC,IAAA,MAAA,SAAA,MAAA;EACF,SAAA;EACD,SAAa;CACb,OAAS;EACT,SAAa;EACb,SAAW;CACX;CACA,IAAA,MAAW,eACL,SAAO;MACb,IAAa,MAAM,YACnB,SAAc;MAEd,SAAA;CAEF,SAAM;CACJ,SAAW;CACX,OAAS;AACX;AACA,MAAM,mBAAiB,SAAA,UAAA,OAAA;CACrB,IAAM,QAAA;CACN,IAAM,MAAC,gBACL,SAAU;MAER,SAAU;CAEZ,SAAC;CACD,SAAA;CACA,SAAS;CACT,SAAE;CACF,SAAC;CACF,IAAA,MAAA,SAAA,MAAA;EACE,SAAY;EACT,SAAQ;CACZ,OAAO,IAAC,MAAA,SAAa,KAAA;EACtB,SAAA;EACD,SAAU;CACV,OAAA,IAAa,MAAE,SAAU,KAAA;EACnB,SAAE;EACN,SAAU;CACV,OAAA,IAAW,MAAE,SAAQ,MAAA;EACtB,SAAA;EACD,SAAA;;EAEI,SAAA;EACE,SAAA;CACN;CACA,SAAW;CACX,SAAW;CACT,IAAC,MAAA,SAAc,MAAA;EACX,SAAQ;EACZ,SAAO;CACP,OAAE,IAAS,MAAC,SAAS,KAAA;EACnB,SAAA;EACD,SAAA;CACF,OAAA,IAAA,MAAA,SAAA,KAAA;EACD,SAAA;;CAEF,OAAM,IAAA,MAAe,SAAM,MAAA;EACtB,SAAY;EACT,SAAQ;CACZ,OAAO;EACR,SAAA;EACD,SAAA;;CAEF,IAAM,MAAQ,YAAO;EACnB,SAAa;EACb,SAAA;;EAEM,IAAA,MAAS,YAAY,SACnB,SAAM;OAEJ,IAAI,MAAK,WACZ,SAAA;OACO,IAAA,MAAA,gBACA,SAAQ;OACN,IAAK,MAAA,WACP,SAAE;OAEV,SAAiB;EAGtB,SAAA;CACD;CACE,SAAS;CACT,SAAS;CACT,SAAM;CACP,SAAA;CACH,SAAA;0BAEG,SAAS;MACF,IAAK,MAAC,SAAc,KACtB,SAAC;MACD,IAAO,MAAG,SAAW,KACtB,SAAS;MACR,IAAA,MAAA,SAAsB,MAC1B,SAAa;MAEd,SAAA;CAEC,SAAS;CACT,SAAS;CACT,SAAM;CACP,SAAA;CACH,SAAA;;CAEA,SAAS;CACT,SAAa;;CAEb,IAAQ,MAAC,YAAA;EACD,SAAQ;EACR,SAAK;CACT,OAAE,IAAS,MAAC,eAAA;EACR,IAAI,MAAC,WACD,SAAI;OAEJ,SAAI;EAER,SAAI;CACR,OAAO,IAAC,MAAA,WAAA;EACJ,IAAI,MAAC,WACD,SAAK;OACN,IAAA,MAAA,gBACC,SAAI;OACd,IAAA,MAAA,WACF,SAAA;OAES,SAAA;;CAGL,OAAE;EACF,SAAM;EACR,SAAA;;CAEA,IAAM,MAAA,YAAgB,SAChB,SAAA;;CAIN,SAAM;CACN,SAAO;CACL,SAAS;CACT,SAAS;CACV,SAAA;CACH,SAAA;;CAEA,SAAO;CACL,SAAM;CACJ,IAAC,MAAQ,SACR,SAAS;MAEN,SAAA;CAEN,IAAM,MAAM,SAAE,MACX,SAAK;MACL,IAAQ,MAAA,SAAA,KACR,SAAO;MACP,IAAA,MAAgB,SAAC,KACjB,SAAY;MAEZ,SAAM;CAEP,SAAC;CACD,SAAC;CACD,SAAC;CACD,SAAC;CACD,IAAC,MAAA,YACA,SAAO;MAEP,SAAQ;0BAGL,SAAS;MACT,IAAA,MAAW,SAAA,KACd,SAAM;MACA,IAAC,MAAO,SAAO,KAClB,SAAA;MACG,IAAA,MAAS,SAAU,MACtB,SAAS;MAET,SAAA;CAEN,SAAM;CACJ,SAAI;CACJ,SAAS;CACT,SAAC;CACD,OAAI;AACR;AACA,MAAK,iBAAA;AACL,MAAI,iBAAA,SAAA,UAAA,OAAA;;CAEF,SAAM;CACJ,SAAA;CACA,SAAQ;CACR,SAAQ;CACR,SAAE;CACF,SAAI;CACJ,SAAS;CACT,SAAM;CACN,SAAM;CACN,SAAM;CACN,IAAI,MAAC,SAAA,MACD,SAAM;MACP,IAAA,MAAA,SAAA,KACH,SAAA;MACG,IAAO,MAAO,SAAA,KACd,SAAS;+BAER,SAAA;MAEF,SAAW;CAEb,IAAE,MAAA,SAAY,MAAW;EACvB,SAAA;;CAEJ,OAAM,IAAA,MAAa,SAAC,KAAa;EAC/B,SAAA;EACI,SAAC;CACL,OAAO,IAAC,MAAM,SAAA,KAAA;EACZ,SAAA;EACA,SAAA;CACF,OAAE,IAAA,MAAA,SAAA,MAAA;;EAEE,SAAA;CACJ,OAAA;EACI,SAAC;EACH,SAAW;CACb;CACA,IAAE,MAAQ,SAAO,MAAQ;EACvB,SAAA;;CAEJ,OAAM,IAAA,MAAa,SAAA,KAAa;EAC9B,SAAA;EACI,SAAC;CACL,OAAO,IAAC,MAAM,SAAA,KAAA;EACZ,SAAS;EACT,SAAA;;EAEE,SAAC;EACJ,SAAA;CACD,OAAM;EACJ,SAAO;EACP,SAAW;CACb;CACA,IAAE,MAAO,SAAA,MAAa;EACpB,SAAO;EACP,SAAW;CACb,OAAK,IAAA,MAAA,SAAA,KAAA;EACD,SAAQ;EACR,SAAS;CACb,OAAO,IAAI,MAAA,SAAc,KAAM;EAC3B,SAAS;EACT,SAAS;CACb,OAAO,IAAI,MAAI,SAAW,MAAC;EACvB,SAAS;EACT,SAAS;CACb,OAAO;EACH,SAAS;EACT,SAAS;CACb;CACA,IAAI,MAAM,YAAY;EAClB,SAAS;EACT,SAAS;CACb,OAAO,IAAI,MAAM,WAAE;EACf,SAAS;EACT,SAAS;CACb,OACI,SAAS;CAEb,SAAS;CACT,SAAS;CACT,SAAS;CACT,IAAI,MAAM,YACN,SAAS;;CAIb,OAAO;AACX;AACA,MAAM,iBAAU;AAChB,MAAM,eAAe;AACrB,MAAM,SAAS;AAKf,SAAS,qBAAqB,OAGd;CACZ,MAAM,UAAI,WAAA,gBAAA;CACV,IAAI,CAAC,SAAI,OAAA;CACT,MAAM,yBAAc;EAChB,MAAI,EAAI,KAAC,MAAS,GAAA,SAAY,QAAS;EACvC,OAAI;CACR;CACA,OAAQ,CAAA,SAAK,iBAAqB,GAAA,mBAAqB,OAAS,MAAA,OAAA;OAC7D,MAAG,SAAA;IACN,EAAE;AACN;AAGA,SAAS,eAAe,OAGT;CACX,MAAM,UAAO,WAAc,gBAAwB;CACnD,IAAI,CAAC,SAAO,OAAA;CACZ,MAAM,0BAAsB;EACxB,MAAM,EAAE,KAAC,MAAA,GAAY,SAAI,QAAW;EACpC,OAAO;CACX;CACA,OAAQ,CAAC,SAAS,kBAAc,GAAA,oBAA0B,OAAA,MAAW,OAAA;OAClE,MAAM,SAAE;IACX,EAAE;AACN;;CAII,QAAO,MAAP;EACI,KAAK,MACD,OAAG;EACP,KAAK,MACD,OAAI;aAEL,OAAK;EACR,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAI,MACF,OAAA;EACH,SACF,OAAA;CACF;AACH"}
+{"version":3,"file":"textfield.jsx","names":[],"sources":["../../src/textfield/s2-textarea-styles.ts","../../src/textfield/TextArea.tsx","../../src/textfield/index.tsx"],"sourcesContent":["// @ts-nocheck\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/TextField.tsx\n\n// Port of packages/@react-spectrum/s2/src/TextField.tsx.\n\nimport { style } from \"../style\" with { type: \"macro\" };\nimport { centerPadding, controlSize } from \"../s2-internal/style-utils\" with { type: \"macro\" };\n\nexport const textAreaFieldGroupStyles = style({\n  alignItems: \"baseline\",\n  height: \"auto\",\n});\n\nexport const textAreaInputStyles = style({\n  paddingX: 0,\n  paddingY: centerPadding(),\n  minHeight: controlSize(),\n  boxSizing: \"border-box\",\n  backgroundColor: \"transparent\",\n  color: {\n    default: \"inherit\",\n    \"::placeholder\": {\n      /* Register dim ink: placeholder copy is the well's quietest text. */\n      default: \"[var(--terminal-dim)]\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  fontFamily: \"inherit\",\n  fontSize: \"inherit\",\n  fontWeight: \"inherit\",\n  lineHeight: \"inherit\",\n  flexGrow: 1,\n  minWidth: 0,\n  outlineStyle: \"none\",\n  borderStyle: \"none\",\n  resize: \"none\",\n  overflowX: \"hidden\",\n});\n","// @ts-nocheck\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/TextField.tsx\n\n// Port of packages/@react-spectrum/s2/src/TextField.tsx.\n\nimport {\n  createContext,\n  createEffect,\n  createSignal,\n  onCleanup,\n  onSettled,\n  Show,\n  useContext,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { getSlottedContextProps, type SpectrumContextValue } from \"../button/spectrum-context\";\nimport {\n  Label as HeadlessLabel,\n  TextArea as HeadlessTextArea,\n  TextField as HeadlessTextField,\n  type TextFieldProps as HeadlessTextFieldProps,\n  type TextFieldRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport {\n  control,\n  field,\n  fieldInput,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport { mergeProps, createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport { s2IntlStrings } from \"../intl\";\nimport { useProviderProps } from \"../provider\";\nimport { textAreaFieldGroupStyles, textAreaInputStyles } from \"./s2-textarea-styles\";\nimport { HelpText } from \"../form/HelpText\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type TextAreaSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2TextAreaSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type TextAreaVariant = \"outline\" | \"filled\";\nexport type TextAreaLabelPosition = \"top\" | \"side\";\nexport type TextAreaLabelAlign = \"start\" | \"end\";\nexport type TextAreaNecessityIndicator = \"icon\" | \"label\";\n\nexport interface TextAreaProps extends Omit<\n  HeadlessTextFieldProps,\n  \"class\" | \"style\" | \"children\" | \"type\" | \"pattern\"\n> {\n  /** The size of the text area. */\n  size?: TextAreaSize;\n  /** Legacy visual variant. S2 TextAreas do not expose visual variants. */\n  variant?: TextAreaVariant;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Label text for the textarea. */\n  label?: JSX.Element;\n  /** Description text shown below the textarea. */\n  description?: JSX.Element;\n  /** Error message shown when invalid. */\n  errorMessage?: JSX.Element;\n  /** Position of the label relative to the textarea. */\n  labelPosition?: TextAreaLabelPosition;\n  /** Text alignment for side labels. */\n  labelAlign?: TextAreaLabelAlign;\n  /** Whether required fields show an icon or text label. */\n  necessityIndicator?: TextAreaNecessityIndicator;\n}\n\nexport const TextAreaContext = createContext<SpectrumContextValue<TextAreaProps>>(null);\n\ninterface TextAreaStyleProps extends TextFieldRenderProps {\n  size?: S2TextAreaSize;\n  labelPosition?: TextAreaLabelPosition;\n  labelAlign?: TextAreaLabelAlign;\n  isFocusWithin?: boolean;\n  isStaticColor?: boolean;\n  isInForm?: boolean;\n  isQuiet?: boolean;\n}\n\nconst textAreaRoot = style<TextAreaStyleProps>(\n  {\n    ...field(),\n  },\n  getAllowedOverrides(),\n);\n\nconst textAreaLabelWrapper = style<TextAreaStyleProps>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n    isQuiet: \"none\",\n  },\n});\n\nconst textAreaLabel = style<TextAreaStyleProps>({\n  ...fieldLabel(),\n});\n\nconst fieldGroupStyles = style<TextAreaStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", register: \"matte\" }),\n  ...fieldInput(),\n  transition: \"default\",\n  borderColor: {\n    default: \"well-border\",\n    forcedColors: \"ButtonBorder\",\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isFocusWithin: {\n      /* Viviana UI v2 (Glasselated): cyan/blue is the register's STRUCTURE colour, so a\n       * focused well rims in `--border-focus` instead of S2's near-black `gray-900`.\n       * Recolour only — the ring, its width and every other state stay as they were. */\n      default: \"[var(--border-focus)]\",\n      isInvalid: \"negative-1000\",\n      forcedColors: \"Highlight\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  backgroundColor: {\n    default: \"well\",\n    forcedColors: \"Field\",\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    forcedColors: \"ButtonText\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst fieldErrorIcon = style({\n  size: \"1lh\",\n  marginStart: \"text-to-visual\",\n  marginEnd: fontRelative(-2),\n  flexShrink: 0,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"negative-1000\",\n      forcedColors: \"Mark\",\n    },\n  },\n});\n\nconst requiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst noWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\nfunction normalizeTextAreaSize(size: TextAreaSize | undefined): S2TextAreaSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction focusFieldInput(event: Event & { currentTarget: HTMLDivElement }) {\n  const target = event.target as Element | null;\n\n  if (target?.closest(\"button,input,textarea,[role='button']\")) {\n    return;\n  }\n\n  event.preventDefault();\n  event.currentTarget.querySelector<HTMLElement>(\"input, textarea\")?.focus();\n}\n\nfunction requiredIconStyle(size: S2TextAreaSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nfunction resizeTextArea(element: HTMLTextAreaElement | undefined) {\n  if (!element) {\n    return;\n  }\n\n  const previousAlignSelf = element.style.alignSelf;\n  const previousOverflow = element.style.overflow;\n  const isFirefox = \"MozAppearance\" in element.style;\n\n  if (!isFirefox) {\n    element.style.overflow = \"hidden\";\n  }\n  element.style.alignSelf = \"start\";\n  element.style.height = \"auto\";\n\n  const measuredHeight = element.scrollHeight + (element.offsetHeight - element.clientHeight);\n  if (measuredHeight > 0) {\n    element.style.height = `${measuredHeight}px`;\n  }\n\n  element.style.overflow = previousOverflow;\n  element.style.alignSelf = previousAlignSelf;\n}\n\n/**\n * TextAreas are multiline text inputs, useful for cases where users have\n * a sizable amount of text to enter.\n */\nexport function TextArea(props: TextAreaProps): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useContext(TextAreaContext), props.slot);\n  const mergedProps = mergeProps(flags, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"variant\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n  ]);\n  const [isFocusWithin, setIsFocusWithin] = createSignal(false);\n  let textAreaElement: HTMLTextAreaElement | undefined;\n\n  const size = () => normalizeTextAreaSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n\n  onSettled(() => {\n    const element = textAreaElement;\n    if (!element) {\n      return;\n    }\n\n    const resize = () => resizeTextArea(element);\n    element.addEventListener(\"input\", resize);\n    queueMicrotask(resize);\n    return () => element.removeEventListener(\"input\", resize);\n  });\n\n  createTrackedEffect(() => {\n    headlessProps.value;\n    headlessProps.defaultValue;\n    queueMicrotask(() => resizeTextArea(textAreaElement));\n  });\n\n  const rootClassName = (renderProps: TextFieldRenderProps) =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      textAreaRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          isInForm: false,\n        },\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const labelWrapperClass = () =>\n    textAreaLabelWrapper({\n      size: size(),\n      labelPosition: labelPosition(),\n      labelAlign: labelAlign(),\n    });\n\n  const labelClass = (renderProps: TextFieldRenderProps) =>\n    textAreaLabel({\n      ...renderProps,\n      size: size(),\n      labelPosition: labelPosition(),\n      isStaticColor: false,\n    });\n\n  const groupClass = (renderProps: TextFieldRenderProps) =>\n    mergeStyles(\n      fieldGroupStyles({\n        ...renderProps,\n        size: size(),\n        isFocusWithin: isFocusWithin(),\n      }),\n      textAreaFieldGroupStyles,\n    );\n\n  // React S2 does not pass field size into TextAreaInput; it inherits font size\n  // from the group while keeping the default min-height and center padding.\n  const textAreaInputClass = () => textAreaInputStyles({});\n\n  return (\n    <HeadlessTextField\n      {...headlessProps}\n      label={local.label}\n      description={local.description}\n      errorMessage={local.errorMessage}\n      class={rootClassName}\n      style={local.UNSAFE_style}\n      children={(renderProps) => (\n        <>\n          <Show when={local.label}>\n            <div class={labelWrapperClass()}>\n              <HeadlessLabel class={labelClass(renderProps)}>\n                {local.label}\n                <Show when={renderProps.isRequired || necessityIndicator() === \"label\"}>\n                  <span class={noWrap}>\n                    &nbsp;\n                    <Show\n                      when={necessityIndicator() === \"icon\"}\n                      fallback={\n                        <span aria-hidden={renderProps.isRequired ? true : undefined}>\n                          {stringFormatter().format(\n                            renderProps.isRequired ? \"label.(required)\" : \"label.(optional)\",\n                          )}\n                        </span>\n                      }\n                    >\n                      <AsteriskIcon\n                        size={size() === \"S\" ? \"M\" : size()}\n                        styles={requiredIcon}\n                        style={requiredIconStyle(size())}\n                        aria-hidden=\"true\"\n                      />\n                    </Show>\n                  </span>\n                </Show>\n              </HeadlessLabel>\n            </div>\n          </Show>\n\n          <div\n            // Upstream FieldGroup renders a RAC `<Group>`, but RAC's `TextField`\n            // (which TextArea composes via `TextFieldBase` → `AriaTextField`)\n            // seeds `GroupContext` with `{role: 'presentation'}` (TextField.mjs),\n            // so the multiline input's visual wrapper is presentation, keeping the\n            // AX tree flat (the textbox stays a direct child of the field, no\n            // redundant group node). Matches the certified TextField finding.\n            role=\"presentation\"\n            class={groupClass(renderProps)}\n            onPointerDown={(event) => {\n              if (event.pointerType === \"mouse\") {\n                focusFieldInput(event);\n              }\n            }}\n            onTouchEnd={focusFieldInput}\n            onFocusIn={() => setIsFocusWithin(true)}\n            onFocusOut={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {\n                setIsFocusWithin(false);\n              }\n            }}\n            data-focused={isFocusWithin() ? \"true\" : undefined}\n            data-disabled={renderProps.isDisabled ? \"true\" : undefined}\n            data-invalid={renderProps.isInvalid ? \"true\" : undefined}\n          >\n            <HeadlessTextArea\n              class={textAreaInputClass()}\n              placeholder={headlessProps.placeholder ?? \" \"}\n              ref={(element) => {\n                textAreaElement = element;\n                resizeTextArea(element);\n              }}\n            />\n            <Show when={renderProps.isInvalid && !renderProps.isDisabled}>\n              <CenterBaseline>\n                <AlertTriangleIcon styles={fieldErrorIcon} />\n              </CenterBaseline>\n            </Show>\n          </div>\n\n          <HelpText\n            size={size()}\n            isDisabled={renderProps.isDisabled}\n            isInvalid={renderProps.isInvalid}\n            description={local.description}\n          >\n            {local.errorMessage}\n          </HelpText>\n        </>\n      )}\n    />\n  );\n}\n","// @ts-nocheck\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/TextField.tsx\n\n// Port of packages/@react-spectrum/s2/src/TextField.tsx.\n\nimport { children, createContext, createUniqueId, merge, Show, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  TextField as HeadlessTextField,\n  Label as HeadlessLabel,\n  Input as HeadlessInput,\n  TextFieldContext as HeadlessTextFieldContext,\n  type TextFieldProps as HeadlessTextFieldProps,\n  type TextFieldRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { getSlottedContextProps, type SpectrumContextValue } from \"../button/spectrum-context\";\nimport { FieldPrefix, PrefixInputProvider } from \"../field/prefix\";\nimport { FieldSuffix } from \"../field/suffix\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport {\n  control,\n  field,\n  fieldInput,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport { mergeProps as mergeAriaProps, createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport { s2IntlStrings } from \"../intl\";\nimport { useProviderProps } from \"../provider\";\nimport { useFormProps, useIsInForm } from \"../form\";\nimport { HelpText } from \"../form/HelpText\";\nimport { mergeProps, splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport type TextFieldSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2TextFieldSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type TextFieldVariant = \"outline\" | \"filled\";\nexport type TextFieldLabelPosition = \"top\" | \"side\";\nexport type TextFieldLabelAlign = \"start\" | \"end\";\nexport type TextFieldNecessityIndicator = \"icon\" | \"label\";\n/**\n * The matte surface the field sits on. `well` is the register's default field\n * surface; `tutor` is the AI-lane surface (`--surface-well-tutor`) — one step\n * deeper in dark, marking a tutor prompt apart from ordinary inputs.\n */\nexport type TextFieldSurface = \"well\" | \"tutor\";\n\nexport interface TextFieldProps extends Omit<\n  HeadlessTextFieldProps,\n  \"class\" | \"style\" | \"children\"\n> {\n  /** The size of the text field. */\n  size?: TextFieldSize;\n  /** Legacy visual variant. S2 TextFields do not expose visual variants. */\n  variant?: TextFieldVariant;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Label text for the input. */\n  label?: JSX.Element;\n  /** Description text shown below the input. */\n  description?: JSX.Element;\n  /** Error message shown when invalid. */\n  errorMessage?: JSX.Element;\n  /** Position of the label relative to the input. */\n  labelPosition?: TextFieldLabelPosition;\n  /** Text alignment for side labels. */\n  labelAlign?: TextFieldLabelAlign;\n  /** Whether required fields show an icon or text label. */\n  necessityIndicator?: TextFieldNecessityIndicator;\n  /** An icon or text rendered before the input, e.g. a unit or protocol. */\n  prefix?: JSX.Element;\n  /** An icon or text rendered after the input, e.g. a unit or key hint. */\n  suffix?: JSX.Element;\n  /** The matte surface family the field sits on. @default \"well\" */\n  surface?: TextFieldSurface;\n}\n\nexport const TextFieldContext = createContext<SpectrumContextValue<TextFieldProps>>(null);\n\ninterface TextFieldStyleProps extends TextFieldRenderProps {\n  size?: S2TextFieldSize;\n  labelPosition?: TextFieldLabelPosition;\n  labelAlign?: TextFieldLabelAlign;\n  isFocusWithin?: boolean;\n  isStaticColor?: boolean;\n  isInForm?: boolean;\n  isQuiet?: boolean;\n  surface?: TextFieldSurface;\n}\n\nconst textFieldRoot = style<TextFieldStyleProps>(\n  {\n    ...field(),\n  },\n  getAllowedOverrides(),\n);\n\nconst textFieldLabelWrapper = style<TextFieldStyleProps>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n    isQuiet: \"none\",\n  },\n});\n\nconst textFieldLabel = style<TextFieldStyleProps>({\n  ...fieldLabel(),\n});\n\nconst fieldGroupStyles = style<TextFieldStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", register: \"matte\" }),\n  ...fieldInput(),\n  transition: \"default\",\n  borderColor: {\n    default: \"well-border\",\n    forcedColors: \"ButtonBorder\",\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isFocusWithin: {\n      /* Viviana UI v2 (Glasselated): cyan/blue is the register's STRUCTURE colour, so a\n       * focused well rims in `--border-focus` instead of S2's near-black `gray-900`.\n       * Recolour only — the ring, its width and every other state stay as they were. */\n      default: \"[var(--border-focus)]\",\n      isInvalid: \"negative-1000\",\n      forcedColors: \"Highlight\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  backgroundColor: {\n    default: \"well\",\n    /* The AI-lane surface (register panel 02). `surface` sits before\n     * `forcedColors` so forced colors keep the last word. */\n    surface: {\n      tutor: \"well-tutor\",\n    },\n    forcedColors: \"Field\",\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    /* The tutor well carries its own ink token (brighter in dark, where the\n     * deeper fill would otherwise mute the neutral ramp). */\n    surface: {\n      tutor: \"[var(--well-tutor-ink)]\",\n    },\n    forcedColors: \"ButtonText\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst textFieldInput = style({\n  padding: 0,\n  backgroundColor: \"transparent\",\n  color: {\n    default: \"inherit\",\n    \"::placeholder\": {\n      /* Register dim ink: placeholder copy is the well's quietest text. */\n      default: \"[var(--terminal-dim)]\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  fontFamily: \"inherit\",\n  fontSize: \"inherit\",\n  fontWeight: \"inherit\",\n  flexGrow: 1,\n  flexShrink: 1,\n  minWidth: 0,\n  width: \"full\",\n  outlineStyle: \"none\",\n  borderStyle: \"none\",\n  truncate: true,\n});\n\nconst fieldErrorIcon = style({\n  size: \"1lh\",\n  marginStart: \"text-to-visual\",\n  marginEnd: fontRelative(-2),\n  flexShrink: 0,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"negative-1000\",\n      forcedColors: \"Mark\",\n    },\n  },\n});\n\nconst requiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst noWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\nexport { TextArea, TextAreaContext } from \"./TextArea\";\nexport type { TextAreaProps, TextAreaSize, TextAreaVariant } from \"./TextArea\";\n\nfunction normalizeTextFieldSize(size: TextFieldSize | undefined): S2TextFieldSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction focusFieldInput(event: Event & { currentTarget: HTMLDivElement }) {\n  const target = event.target as Element | null;\n\n  if (target?.closest(\"button,input,textarea,[role='button']\")) {\n    return;\n  }\n\n  event.preventDefault();\n  event.currentTarget.querySelector<HTMLElement>(\"input, textarea\")?.focus();\n}\n\nfunction requiredIconStyle(size: S2TextFieldSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nexport function TextField(props: TextFieldProps): JSX.Element {\n  const isInForm = useIsInForm();\n  // Slotted context props sit below explicit props; `useFormProps`/`useProviderProps`\n  // wrap the result so the form/Skeleton disabled-force stays outermost (mirrors\n  // upstream's `useSpectrumContextProps` → `useFormProps` order in TextField.tsx).\n  const contextProps = getSlottedContextProps(useContext(TextFieldContext), props.slot);\n  const mergedProps = useProviderProps(useFormProps(mergeAriaProps(contextProps ?? {}, props)));\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"variant\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"validationState\",\n    \"prefix\",\n    \"suffix\",\n    \"surface\",\n  ]);\n\n  const prefixId = createUniqueId();\n  const suffixId = createUniqueId();\n  // `prefix`/`suffix` are JSX props, so the compiler turns each into a getter\n  // that runs the component body on every read — `createComponent` is\n  // `untrack(() => Comp(props))`, not a cached node. `adornmentIds` is read\n  // through `PrefixInputProvider`'s thunk on every `inputProps` access, and one\n  // of those accesses happens inside the input's ref callback, which Solid 2\n  // applies with `getOwner() === null`; a context-reading adornment\n  // (`suffix={<Keyboard/>}` on /showcase/inputs) threw there and blanked the\n  // route (#545). `children()` resolves each node once, under this owner, and\n  // is then safe to read from anywhere. Upstream S2 gets this for free: a React\n  // element is inert, so re-reading the prop runs nothing.\n  const prefixNode = children(() => local.prefix);\n  const suffixNode = children(() => local.suffix);\n  // Space-separated adornment ids appended to the input's `aria-labelledby`,\n  // visual order (prefix before suffix). Read live by PrefixInputProvider.\n  const adornmentIds = () =>\n    [prefixNode() ? prefixId : null, suffixNode() ? suffixId : null].filter(Boolean).join(\" \");\n  const size = () => normalizeTextFieldSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const normalizedHeadlessProps = mergeProps(headlessProps, {\n    get isInvalid() {\n      // A boolean `false` is controlled and hides native displayValidation.\n      if (headlessProps.isInvalid !== undefined) {\n        return headlessProps.isInvalid;\n      }\n      if (local.validationState === \"invalid\") {\n        return true;\n      }\n      if (local.validationState === \"valid\") {\n        return false;\n      }\n      return undefined;\n    },\n    get validationBehavior() {\n      return headlessProps.validationBehavior ?? (local.validationState ? \"aria\" : undefined);\n    },\n  });\n\n  const rootClassName = (renderProps: TextFieldRenderProps) =>\n    [\n      local.UNSAFE_className,\n      local.class,\n      textFieldRoot(\n        {\n          ...renderProps,\n          size: size(),\n          labelPosition: labelPosition(),\n          isInForm,\n        },\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const labelWrapperClass = () =>\n    textFieldLabelWrapper({\n      size: size(),\n      labelPosition: labelPosition(),\n      labelAlign: labelAlign(),\n    });\n\n  const labelClass = (renderProps: TextFieldRenderProps) =>\n    textFieldLabel({\n      ...renderProps,\n      size: size(),\n      labelPosition: labelPosition(),\n      isStaticColor: false,\n    });\n\n  const groupClass = (renderProps: TextFieldRenderProps) =>\n    fieldGroupStyles({\n      ...renderProps,\n      size: size(),\n      isFocusWithin: renderProps.isFocused,\n      surface: local.surface ?? \"well\",\n    });\n\n  return (\n    <HeadlessTextField\n      {...normalizedHeadlessProps}\n      label={local.label}\n      description={local.description}\n      errorMessage={local.errorMessage}\n      class={rootClassName}\n      style={local.UNSAFE_style}\n      children={(renderProps) => (\n        <>\n          <Show when={local.label}>\n            <div class={labelWrapperClass()}>\n              <HeadlessLabel class={labelClass(renderProps)}>\n                {local.label}\n                <Show when={renderProps.isRequired || necessityIndicator() === \"label\"}>\n                  <span class={noWrap}>\n                    &nbsp;\n                    <Show\n                      when={necessityIndicator() === \"icon\"}\n                      fallback={\n                        <span aria-hidden={renderProps.isRequired ? true : undefined}>\n                          {stringFormatter().format(\n                            renderProps.isRequired ? \"label.(required)\" : \"label.(optional)\",\n                          )}\n                        </span>\n                      }\n                    >\n                      <AsteriskIcon\n                        size={size() === \"S\" ? \"M\" : size()}\n                        styles={requiredIcon}\n                        style={requiredIconStyle(size())}\n                        aria-hidden=\"true\"\n                      />\n                    </Show>\n                  </span>\n                </Show>\n              </HeadlessLabel>\n            </div>\n          </Show>\n\n          <div\n            // Upstream FieldGroup renders a RAC `<Group>`. RAC's `Group` defaults\n            // to `role={props.role ?? 'group'}`, but RAC's `TextField` seeds\n            // `GroupContext` with `{role: 'presentation'}` (TextField.mjs) — the\n            // input is directly labeled, so the visual wrapper is marked\n            // presentation to keep the AX tree flat (no redundant group node\n            // around the textbox). Verified against the rendered React DOM: the\n            // FieldGroup div is `role=\"presentation\"`. The hand-rolled `<div>`\n            // must carry it to match both the DOM and the accessibility tree.\n            role=\"presentation\"\n            class={groupClass(renderProps)}\n            onPointerDown={(event) => {\n              if (event.pointerType === \"mouse\") {\n                focusFieldInput(event);\n              }\n            }}\n            onTouchEnd={focusFieldInput}\n            data-focused={renderProps.isFocused ? \"true\" : undefined}\n            data-focus-visible={renderProps.isFocusVisible ? \"true\" : undefined}\n            data-disabled={renderProps.isDisabled ? \"true\" : undefined}\n            data-invalid={renderProps.isInvalid ? \"true\" : undefined}\n          >\n            <Show\n              when={prefixNode() || suffixNode()}\n              fallback={<HeadlessInput class={textFieldInput} />}\n            >\n              <Show when={prefixNode()}>\n                <FieldPrefix id={prefixId}>{prefixNode()}</FieldPrefix>\n              </Show>\n              <PrefixInputProvider context={HeadlessTextFieldContext} prefixId={adornmentIds()}>\n                <HeadlessInput class={textFieldInput} />\n              </PrefixInputProvider>\n              <Show when={suffixNode()}>\n                <FieldSuffix id={suffixId}>{suffixNode()}</FieldSuffix>\n              </Show>\n            </Show>\n            <Show when={renderProps.isInvalid && !renderProps.isDisabled}>\n              <CenterBaseline>\n                <AlertTriangleIcon styles={fieldErrorIcon} />\n              </CenterBaseline>\n            </Show>\n          </div>\n\n          <HelpText\n            size={size()}\n            isDisabled={renderProps.isDisabled}\n            isInvalid={renderProps.isInvalid}\n            description={local.description}\n          >\n            {local.errorMessage}\n          </HelpText>\n        </>\n      )}\n    />\n  );\n}\n\nexport { TextField as TextFieldBase };\n"],"mappings":"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"}