@cube-dev/ui-kit 0.201.0 → 0.203.0

package/dist/components/fields/TextInput/TextInputBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputBase.js","names":["useObjectRef","createFocusableRef","BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","COLOR_STYLES","ColorStyleProps","mergeStyles","OUTER_STYLES","OuterStyleProps","Styles","tasty","FocusEventHandler","forwardRef","MouseEvent","ReactElement","ReactNode","RefObject","useImperativeHandle","useMemo","AriaNumberFieldProps","AriaTextFieldProps","useHover","FieldBaseProps","TextFieldKeyboardProps","mergeProps","useCombinedRefs","useFocus","extractStyles","getValidationMods","hasValidationIndicator","ValidationIndicator","wrapWithField","Props","ADD_STYLES","$","display","placeContent","placeItems","gridRows","flow","gap","cursor","opacity","disabled","INPUT_WRAPPER_STYLES","position","gridColumns","prefix","suffix","fill","border","valid","invalid","focused","preset","radius","color","zIndex","boxSizing","transition","backgroundClip","height","multiline","$size","Prefix","Suffix","State","InputIcon","width","fontSize","ValidationIcon","InputWrapperElement","qa","styles","PROP_STYLES","DEFAULT_INPUT_STYLES","recipe","placeSelf","padding","textAlign","flexGrow","margin","resize","userSelect","Placeholder","InputElement","INTERACTIVE_ELEMENTS","focusInputOnBoxPress","event","HTMLElement","input","HTMLInputElement","HTMLTextAreaElement","button","defaultPrevented","box","currentTarget","target","Element","contains","interactive","closest","preventDefault","focus","CubeTextInputBaseProps","Omit","validate","onFocus","onBlur","icon","suffixPosition","actions","multiLine","autoFocus","inputProps","wrapperProps","inputRef","wrapperRef","HTMLDivElement","isLoading","loadingIndicator","inputStyles","rows","size","autoComplete","autocomplete","CubeBufferedValueProps","isBuffered","_TextInputBase","props","ref","mods","isInvalid","isValid","isDisabled","value","maxLength","minLength","form","otherProps","type","ElementType","isFocused","focusProps","hoverProps","isHovered","domRef","select","current","getInputElement","showValidationIndicator","placeholder","modifiers","loadable","hovered","resolvedAutoComplete","resolvedAutoFocus","hasTextSecurity","textSecurityStyles","length","fontFamily","textField","onMouseDown","undefined","TextInputBase","useFocus","mergeProps"],"sources":["../../../../src/components/fields/TextInput/TextInputBase.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { createFocusableRef } from '@react-spectrum/utils';\nimport {\n  BASE_STYLES,\n  BaseProps,\n  BaseStyleProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  mergeStyles,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  FocusEventHandler,\n  forwardRef,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useImperativeHandle,\n  useMemo,\n} from 'react';\nimport { AriaNumberFieldProps, AriaTextFieldProps, useHover } from 'react-aria';\n\nimport { FieldBaseProps, TextFieldKeyboardProps } from '../../../shared';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { extractStyles } from '../../../utils/styles';\nimport {\n  getValidationMods,\n  hasValidationIndicator,\n  ValidationIndicator,\n  wrapWithField,\n} from '../../form';\n\nimport type { Props } from '../../../props';\n\nconst ADD_STYLES = {\n  $: '>',\n  display: 'grid',\n  placeContent: 'stretch',\n  placeItems: 'center',\n  gridRows: '1sf',\n  flow: 'column',\n  gap: 0,\n  cursor: 'inherit',\n  opacity: {\n    '': 1,\n    disabled: '$disabled-opacity',\n  },\n};\n\nexport const INPUT_WRAPPER_STYLES: Styles = {\n  display: 'grid',\n  flow: 'row',\n  position: 'relative',\n  gridColumns: {\n    '': '1sf',\n    prefix: 'max-content 1sf',\n    suffix: '1sf max-content',\n    'prefix & suffix': 'max-content 1sf max-content',\n  },\n  gridRows: '1sf',\n  placeItems: 'stretch',\n  fill: {\n    '': '#surface',\n    disabled: '#disabled-surface',\n  },\n  border: {\n    '': true,\n    valid: '#success-text.50',\n    invalid: '#danger-text.50',\n    focused: '#primary-text',\n    'valid & focused': '#success-text',\n    'invalid & focused': '#danger-text',\n    disabled: true,\n  },\n  preset: 't3',\n  radius: true,\n  cursor: 'text',\n  color: {\n    '': '#dark-02',\n    focused: '#dark-02',\n    invalid: '#danger-text',\n    disabled: '#dark.30',\n  },\n  zIndex: {\n    '': 'initial',\n    focused: 1,\n  },\n  boxSizing: 'border-box',\n  transition: 'theme',\n  backgroundClip: 'content-box',\n  height: {\n    '': '$size $size',\n    multiline: 'min $size',\n  },\n\n  $size: {\n    '': '$size-md',\n    'size=small': '$size-sm',\n    'size=medium': '$size-md',\n    'size=large': '$size-lg',\n  },\n\n  Prefix: ADD_STYLES,\n\n  Suffix: ADD_STYLES,\n\n  State: {\n    $: '> Suffix >',\n    display: 'flex',\n  },\n\n  InputIcon: {\n    display: 'grid',\n    placeItems: 'center',\n    width: 'min $size-sm',\n    color: 'inherit',\n    fontSize: '$icon-size',\n  },\n\n  ValidationIcon: {\n    $: '> Suffix > State >',\n    display: 'grid',\n    placeItems: 'center',\n    width: {\n      '': 'min $size-sm',\n      suffix: 'min $size-xs',\n    },\n    fontSize: '$icon-size',\n  },\n};\n\nconst InputWrapperElement = tasty({\n  qa: 'InputWrapper',\n  styles: INPUT_WRAPPER_STYLES,\n});\n\nconst PROP_STYLES = [\n  ...BASE_STYLES,\n  ...OUTER_STYLES,\n  ...BLOCK_STYLES,\n  ...COLOR_STYLES,\n];\n\nexport const DEFAULT_INPUT_STYLES: Styles = {\n  recipe: 'reset input / input-autofill',\n  placeSelf: 'stretch',\n  width: 'initial 100% 100%',\n  transition: 'theme',\n  radius: true,\n  padding: '$vertical-padding $right-padding $vertical-padding $left-padding',\n  textAlign: 'left',\n  preset: 't3',\n  flexGrow: 1,\n  margin: {\n    '': 0,\n    multiline: '((($size-md - 1lh) / 2) - 1bw) 0',\n    'multiline & size=small': '((($size-sm - 1lh) / 2) - 1bw) 0',\n    'multiline & size=large': '((($size-lg - 1lh) / 2) - 1bw) 0',\n  },\n  resize: 'none',\n  userSelect: 'auto',\n\n  Placeholder: {\n    $: '&::placeholder',\n    recipe: 'input-placeholder',\n  },\n  '&::-webkit-search-cancel-button': {\n    recipe: 'input-search-cancel-button',\n  },\n\n  '$vertical-padding': 0,\n  '$left-padding': {\n    '': '(1x - 1bw)',\n    'size=small': '(1x - 1bw)',\n    'size=large': '(1.25x - 1bw)',\n    'size=xlarge': '(1.5x - 1bw)',\n    prefix: '0',\n  },\n  '$right-padding': {\n    '': '(1x - 1bw)',\n    'size=small': '(1x - 1bw)',\n    'size=large': '(1.25x - 1bw)',\n    'size=xlarge': '(1.5x - 1bw)',\n    suffix: '0',\n  },\n};\n\nconst InputElement = tasty({ qa: 'Input', styles: DEFAULT_INPUT_STYLES });\n\nconst INTERACTIVE_ELEMENTS =\n  'a[href], button, input, select, textarea, [tabindex], [contenteditable]';\n\n/**\n * A press inside the field box but outside the input — the prefix or suffix area, an icon, a\n * textarea's margins — focuses the input, as a press anywhere in a native field does. Presses on\n * the input itself and on interactive children, such as a clear button or the steppers, stay\n * theirs.\n */\nfunction focusInputOnBoxPress(\n  event: MouseEvent<HTMLElement>,\n  input: HTMLInputElement | HTMLTextAreaElement | null | undefined,\n) {\n  if (event.button !== 0 || event.defaultPrevented) return;\n  if (!input || input.disabled) return;\n\n  const box = event.currentTarget;\n  const target = event.target as Element;\n\n  // React bubbles presses from a portal (a popover opened from a field action)\n  // through the box; those belong to the portal.\n  if (!box.contains(target)) return;\n\n  const interactive = target.closest(INTERACTIVE_ELEMENTS);\n\n  if (interactive && box.contains(interactive)) return;\n\n  // The default action would move focus to the press target first, blurring the input.\n  event.preventDefault();\n  input.focus();\n}\n\nexport interface CubeTextInputBaseProps\n  extends\n    BaseProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    BaseStyleProps,\n    ColorStyleProps,\n    Omit<\n      AriaTextFieldProps<HTMLInputElement | HTMLTextAreaElement>,\n      | 'validate'\n      | 'form'\n      | 'name'\n      | 'errorMessage'\n      | 'onKeyDown'\n      | 'onKeyUp'\n      | 'onFocus'\n      | 'onBlur'\n    >,\n    TextFieldKeyboardProps,\n    FieldBaseProps {\n  validate?: AriaTextFieldProps['validate'] | AriaNumberFieldProps['validate'];\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /** Left input icon */\n  icon?: ReactElement | null;\n  /** Input decoration before the main input */\n  prefix?: ReactNode;\n  /** Input decoration after the main input */\n  suffix?: ReactNode;\n  /** Suffix position goes before or after the validation and loading statuses */\n  suffixPosition?: 'before' | 'after';\n  /**\n   * Controls placed last in the suffix, after the validation and loading\n   * statuses and after `suffix` whatever its position, such as a popover\n   * trigger.\n   */\n  actions?: ReactNode;\n  /** Whether the input is multiline */\n  multiLine?: boolean;\n  /** Whether the input should have autofocus */\n  autoFocus?: boolean;\n  /**\n   * Direct input props. The explicit props above (`isDisabled`, `maxLength`, `minLength`,\n   * `autoFocus`, `rows`, `autoComplete`) win over the same attributes here when they are set; an\n   * unset one leaves the value given here in place.\n   */\n  inputProps?: Props;\n  /** Direct input wrapper props */\n  wrapperProps?: Props;\n  /** The input ref */\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n  /** The wrapper ref */\n  wrapperRef?: RefObject<HTMLDivElement | null>;\n  /** Whether the input has the loading status */\n  isLoading?: boolean;\n  /** Rendered in place of the default loading icon while `isLoading` is set */\n  loadingIndicator?: ReactNode;\n  /** Style map for the input */\n  inputStyles?: Styles;\n  /** The number of rows for the input. Only applies to textarea. */\n  rows?: number;\n  /** The resize CSS property sets whether an element is resizable, and if so, in which directions. */\n  resize?: Styles['resize'];\n  /** The size of the input */\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  /**\n   * What kind of autofill the browser may offer for the input, as the HTML `autocomplete` token\n   * (`email`, `current-password`, `off`, …). See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).\n   */\n  autoComplete?: string;\n  /**\n   * @deprecated Use `autoComplete` instead. Kept as an alias so existing callers keep working;\n   * `autoComplete` wins when both are set.\n   */\n  autocomplete?: string;\n}\n\n/**\n * Mixed into the fields that actually buffer their value — `TextInput`, `TextArea`,\n * `PasswordInput`, `SearchInput` — rather than declared on `CubeTextInputBaseProps`. Every field\n * built on that base would otherwise inherit the prop, including `NumberInput` and\n * `CommandTextArea`, which keep their own text and ignore it: a public API that accepts a flag and\n * does nothing with it.\n */\nexport interface CubeBufferedValueProps {\n  /**\n   * Whether the typed text is held locally until the controlled `value` catches up. On by default,\n   * which is what keeps the caret in place when the value round-trips through a store that\n   * re-renders a pass late. Set to `false` for a caller that must see the value snap back to its\n   * own `value` prop the instant it declines a keystroke. See `useBufferedValue`.\n   */\n  isBuffered?: boolean;\n}\n\n/**\n * The presentational base for text-like inputs. It renders the input chrome and the field wrapper, but\n * never wires form state — that is the job of the component rendering it (`TextInput`, `TextArea`,\n * `PasswordInput`, `NumberInput`, `SearchInput`, `CommandTextArea`).\n */\nfunction _TextInputBase(props: CubeTextInputBaseProps, ref) {\n  let {\n    qa,\n    mods,\n    isInvalid,\n    isValid,\n    prefix,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputProps,\n    wrapperProps,\n    inputRef,\n    isLoading,\n    loadingIndicator,\n    value,\n    inputStyles = {},\n    suffix,\n    suffixPosition = 'before',\n    actions,\n    wrapperRef,\n    rows,\n    size = 'medium',\n    autoComplete,\n    autocomplete,\n    icon,\n    maxLength,\n    minLength,\n    form,\n    resize,\n    ...otherProps\n  } = props;\n\n  let styles = extractStyles(otherProps, PROP_STYLES);\n  let type = otherProps.type;\n\n  if (resize) {\n    // oxlint-disable-next-line tasty/no-runtime-styles-mutation -- forwards the consumer's `resize` prop\n    inputStyles = mergeStyles(inputStyles, { resize });\n  }\n\n  let ElementType: 'textarea' | 'input' = multiLine ? 'textarea' : 'input';\n  let { isFocused, focusProps } = useFocus();\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n  // The input box, with or without the field chrome, so the field's ref never\n  // resolves to `null`; `wrapperRef` reaches the same element.\n  let domRef = useObjectRef(wrapperRef);\n\n  inputRef = useCombinedRefs(inputRef);\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef?.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef?.current;\n    },\n  }));\n\n  const showValidationIndicator = hasValidationIndicator({\n    isInvalid,\n    isValid,\n    isLoading,\n  });\n\n  // Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270\n  if (!inputProps?.placeholder) {\n    if (!inputProps) {\n      inputProps = {};\n    }\n\n    inputProps.placeholder = ' ';\n  }\n\n  if (icon) {\n    icon = <div data-element=\"InputIcon\">{icon}</div>;\n\n    if (prefix) {\n      prefix = (\n        <>\n          {icon}\n          {prefix}\n        </>\n      );\n    } else {\n      prefix = icon;\n    }\n  }\n\n  const modifiers = useMemo(\n    () => ({\n      ...getValidationMods({ isInvalid, isValid }),\n      loadable: !!loadingIndicator,\n      focused: isFocused,\n      hovered: isHovered,\n      disabled: isDisabled,\n      multiline: multiLine,\n      prefix: !!prefix,\n      suffix: showValidationIndicator || !!suffix || !!actions,\n      ...mods,\n    }),\n    [\n      mods,\n      isInvalid,\n      isValid,\n      showValidationIndicator,\n      loadingIndicator,\n      isFocused,\n      isDisabled,\n      isHovered,\n      multiLine,\n      prefix,\n      suffix,\n      actions,\n    ],\n  );\n\n  // The explicit props win when they are set; an unset one falls back to the merged `inputProps`\n  // instead of overwriting it with `undefined`. For `autoComplete` that keeps both a caller's\n  // `inputProps={{ autoComplete }}` and `useNumberField`'s own `off`. `autocomplete` is the\n  // deprecated alias.\n  const resolvedAutoComplete =\n    autoComplete ?? autocomplete ?? inputProps.autoComplete;\n  const resolvedAutoFocus = autoFocus ?? inputProps.autoFocus;\n\n  const hasTextSecurity = multiLine && type === 'password';\n  const textSecurityStyles =\n    hasTextSecurity && inputProps.value?.length\n      ? {\n          fontFamily: 'text-security-disc',\n        }\n      : {};\n\n  const textField = (\n    <InputWrapperElement\n      ref={domRef}\n      mods={modifiers}\n      data-size={size}\n      styles={styles}\n      {...mergeProps(wrapperProps, {\n        onMouseDown: (event: MouseEvent<HTMLElement>) =>\n          focusInputOnBoxPress(event, inputRef?.current),\n      })}\n    >\n      {prefix ? <div data-element=\"Prefix\">{prefix}</div> : null}\n      <InputElement\n        qa={qa || 'Input'}\n        as={ElementType}\n        data-input-type=\"textinput\"\n        {...mergeProps(inputProps, focusProps, hoverProps)}\n        ref={inputRef}\n        rows={multiLine ? (rows ?? inputProps.rows ?? 1) : inputProps.rows}\n        mods={modifiers}\n        // oxlint-disable-next-line tasty/no-style-prop -- `preset` owns font-family, and a `fontFamily` state map would replace the preset's in every state\n        style={textSecurityStyles}\n        {...(resolvedAutoFocus ? { 'data-autofocus': '' } : undefined)}\n        autoFocus={resolvedAutoFocus}\n        data-size={size}\n        autoComplete={resolvedAutoComplete}\n        styles={inputStyles}\n        disabled={!!(isDisabled ?? inputProps.disabled)}\n        maxLength={maxLength ?? inputProps.maxLength}\n        minLength={minLength ?? inputProps.minLength}\n      />\n      {showValidationIndicator || suffix || actions ? (\n        <div data-element=\"Suffix\">\n          {suffixPosition === 'before' ? suffix : null}\n          {isLoading && loadingIndicator ? (\n            <div data-element=\"State\">{loadingIndicator}</div>\n          ) : (\n            <ValidationIndicator\n              isInvalid={isInvalid}\n              isValid={isValid}\n              isLoading={isLoading}\n            />\n          )}\n          {suffixPosition === 'after' ? suffix : null}\n          {actions}\n        </div>\n      ) : null}\n    </InputWrapperElement>\n  );\n\n  return wrapWithField(textField, props);\n}\n\nconst TextInputBase = forwardRef(_TextInputBase);\n\nexport { TextInputBase };\nexport type { AriaTextFieldProps };\n"],"mappings":"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"}
+{"version":3,"file":"TextInputBase.js","names":["useObjectRef","createFocusableRef","BaseProps","mergeStyles","Styles","tasty","FocusEventHandler","forwardRef","MouseEvent","ReactElement","ReactNode","RefObject","useImperativeHandle","AriaNumberFieldProps","AriaTextFieldProps","useHover","FieldBaseProps","TextFieldKeyboardProps","mergeProps","mergeRefs","useCombinedRefs","getDisabledElementProps","getInertInputProps","useFocus","useAutoTooltip","getValidationMods","hasValidationIndicator","ValidationIndicator","wrapWithField","FieldLayoutStyleProps","splitFieldLayout","mergeTooltipFocusProps","splitTooltipTriggerProps","Props","CubeTooltipProviderProps","ADD_STYLES","$","display","placeContent","placeItems","gridRows","flow","gap","cursor","opacity","disabled","INPUT_RADIUS","INPUT_WRAPPER_STYLES","position","gridColumns","prefix","suffix","fill","readonly","border","valid","invalid","focused","preset","radius","color","zIndex","boxSizing","transition","backgroundClip","height","multiline","$size","Prefix","Suffix","State","InputIcon","width","fontSize","ValidationIcon","InputWrapperElement","qa","styles","DEFAULT_INPUT_STYLES","recipe","placeSelf","padding","textAlign","flexGrow","margin","resize","userSelect","Placeholder","InputElement","INTERACTIVE_ELEMENTS","focusInputOnBoxPress","event","HTMLElement","input","HTMLInputElement","HTMLTextAreaElement","button","defaultPrevented","getAttribute","box","currentTarget","target","Element","contains","interactive","closest","preventDefault","focus","preventPointerFocus","CubeTextInputBaseProps","Omit","validate","onFocus","onBlur","icon","suffixPosition","actions","multiLine","autoFocus","inputProps","wrapperProps","inputRef","wrapperRef","HTMLDivElement","isLoading","loadingIndicator","inputStyles","rows","size","shape","autoComplete","autocomplete","tooltip","CubeBufferedValueProps","isBuffered","TextInputBase","props","ref","_c","mods","isInvalid","isValid","t0","isDisabled","isReadOnly","t1","t2","value","t3","t4","t5","t6","maxLength","minLength","form","children","otherProps","undefined","field","fillHeightOnFlex","type","ElementType","isFocused","focusProps","t7","t8","hoverProps","isHovered","domRef","t9","renderWithTooltip","isTooltipActive","select","current","getInputElement","t10","showValidationIndicator","placeholder","t11","t12","t13","t14","t15","t16","loadable","hovered","modifiers","resolvedAutoComplete","resolvedAutoFocus","hasTextSecurity","textSecurityStyles","length","fontFamily","isInputDisabled","t17","keepEvents","as","isInert","ownInputProps","excludeFromTabOrder","readOnly","onMouseDown","textField","tooltipTriggerProps","tooltipRef","pointerProps","tooltipFocusProps","labelProps","htmlFor","for","_TextInputBase","_c","useFocus","mergeProps","mergeRefs"],"sources":["../../../../src/components/fields/TextInput/TextInputBase.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { createFocusableRef } from '@react-spectrum/utils';\nimport { BaseProps, mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport {\n  FocusEventHandler,\n  forwardRef,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useImperativeHandle,\n} from 'react';\nimport { AriaNumberFieldProps, AriaTextFieldProps, useHover } from 'react-aria';\n\nimport { FieldBaseProps, TextFieldKeyboardProps } from '../../../shared';\nimport { mergeProps, mergeRefs, useCombinedRefs } from '../../../utils/react';\nimport {\n  getDisabledElementProps,\n  getInertInputProps,\n} from '../../../utils/react/disabledProps';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { useAutoTooltip } from '../../content/use-auto-tooltip';\nimport {\n  getValidationMods,\n  hasValidationIndicator,\n  ValidationIndicator,\n  wrapWithField,\n} from '../../form';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\nimport {\n  mergeTooltipFocusProps,\n  splitTooltipTriggerProps,\n} from '../../overlays/Tooltip/split-trigger-props';\n\nimport type { Props } from '../../../props';\nimport type { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\n\nconst ADD_STYLES = {\n  $: '>',\n  display: 'grid',\n  placeContent: 'stretch',\n  placeItems: 'center',\n  gridRows: '1sf',\n  flow: 'column',\n  gap: 0,\n  cursor: 'inherit',\n  opacity: {\n    '': 1,\n    disabled: '$disabled-opacity',\n  },\n};\n\n// The field box and its input share the corners: a plain box is square.\nconst INPUT_RADIUS = {\n  '': true,\n  'shape=plain': 0,\n};\n\nexport const INPUT_WRAPPER_STYLES: Styles = {\n  display: 'grid',\n  flow: 'row',\n  position: 'relative',\n  gridColumns: {\n    '': '1sf',\n    prefix: 'max-content 1sf',\n    suffix: '1sf max-content',\n    'prefix & suffix': 'max-content 1sf max-content',\n  },\n  gridRows: '1sf',\n  placeItems: 'stretch',\n  fill: {\n    '': '#surface',\n    readonly: '#surface-2',\n    disabled: '#disabled-surface',\n  },\n  border: {\n    '': true,\n    readonly: '#border.5',\n    // High contrast keeps the full outline it raises for every field.\n    'readonly & @hc': true,\n    // A plain field sits flush in a container that draws its edges. Its border\n    // keeps its width, so nothing shifts, and shows only to mark focus or\n    // validity, and in high contrast.\n    'shape=plain': '#clear',\n    'shape=plain & @hc': true,\n    valid: '#success-text.50',\n    invalid: '#danger-text.50',\n    focused: '#primary-text',\n    'valid & focused': '#success-text',\n    'invalid & focused': '#danger-text',\n    disabled: true,\n    'disabled & shape=plain': '#clear',\n    'disabled & shape=plain & @hc': true,\n    // Only an input kept focusable for its tooltip is focused while disabled,\n    // and only from the keyboard: the pointer can't focus it.\n    'disabled & focused': '#primary-text',\n  },\n  preset: 't3',\n  radius: INPUT_RADIUS,\n  cursor: 'text',\n  color: {\n    '': '#dark-02',\n    focused: '#dark-02',\n    invalid: '#danger-text',\n    disabled: '#dark.30',\n  },\n  zIndex: {\n    '': 'initial',\n    focused: 1,\n  },\n  boxSizing: 'border-box',\n  transition: 'theme',\n  backgroundClip: 'content-box',\n  height: {\n    '': '$size $size',\n    multiline: 'min $size',\n  },\n\n  $size: {\n    '': '$size-md',\n    'size=small': '$size-sm',\n    'size=medium': '$size-md',\n    'size=large': '$size-lg',\n  },\n\n  Prefix: ADD_STYLES,\n\n  Suffix: ADD_STYLES,\n\n  State: {\n    $: '> Suffix >',\n    display: 'flex',\n  },\n\n  InputIcon: {\n    display: 'grid',\n    placeItems: 'center',\n    width: 'min $size-sm',\n    color: 'inherit',\n    fontSize: '$icon-size',\n  },\n\n  ValidationIcon: {\n    $: '> Suffix > State >',\n    display: 'grid',\n    placeItems: 'center',\n    width: {\n      '': 'min $size-sm',\n      suffix: 'min $size-xs',\n    },\n    fontSize: '$icon-size',\n  },\n};\n\nconst InputWrapperElement = tasty({\n  qa: 'InputWrapper',\n  styles: INPUT_WRAPPER_STYLES,\n});\n\nexport const DEFAULT_INPUT_STYLES: Styles = {\n  recipe: 'reset input / input-autofill',\n  placeSelf: 'stretch',\n  width: 'initial 100% 100%',\n  transition: 'theme',\n  radius: INPUT_RADIUS,\n  padding: '$vertical-padding $right-padding $vertical-padding $left-padding',\n  textAlign: 'left',\n  preset: 't3',\n  flexGrow: 1,\n  margin: {\n    '': 0,\n    multiline: '((($size-md - 1lh) / 2) - 1bw) 0',\n    'multiline & size=small': '((($size-sm - 1lh) / 2) - 1bw) 0',\n    'multiline & size=large': '((($size-lg - 1lh) / 2) - 1bw) 0',\n  },\n  resize: 'none',\n  userSelect: 'auto',\n  // The browser's own for a disabled input, which an input kept focusable for\n  // its tooltip doesn't get: it is read-only, not natively disabled.\n  cursor: {\n    '': 'text',\n    disabled: 'default',\n  },\n\n  Placeholder: {\n    $: '&::placeholder',\n    recipe: 'input-placeholder',\n  },\n  '&::-webkit-search-cancel-button': {\n    recipe: 'input-search-cancel-button',\n  },\n\n  '$vertical-padding': 0,\n  '$left-padding': {\n    '': '(1x - 1bw)',\n    'size=small': '(1x - 1bw)',\n    'size=large': '(1.25x - 1bw)',\n    'size=xlarge': '(1.5x - 1bw)',\n    prefix: '0',\n  },\n  '$right-padding': {\n    '': '(1x - 1bw)',\n    'size=small': '(1x - 1bw)',\n    'size=large': '(1.25x - 1bw)',\n    'size=xlarge': '(1.5x - 1bw)',\n    suffix: '0',\n  },\n};\n\nconst InputElement = tasty({ qa: 'Input', styles: DEFAULT_INPUT_STYLES });\n\nconst INTERACTIVE_ELEMENTS =\n  'a[href], button, input, select, textarea, [tabindex], [contenteditable]';\n\n/**\n * A press inside the field box but outside the input — the prefix or suffix area, an icon, a\n * textarea's margins — focuses the input, as a press anywhere in a native field does. Presses on\n * the input itself and on interactive children, such as a clear button or the steppers, stay\n * theirs.\n */\nfunction focusInputOnBoxPress(\n  event: MouseEvent<HTMLElement>,\n  input: HTMLInputElement | HTMLTextAreaElement | null | undefined,\n) {\n  if (event.button !== 0 || event.defaultPrevented) return;\n  // An input kept focusable for its tooltip is still disabled to the pointer.\n  if (\n    !input ||\n    input.disabled ||\n    input.getAttribute('aria-disabled') === 'true'\n  ) {\n    return;\n  }\n\n  const box = event.currentTarget;\n  const target = event.target as Element;\n\n  // React bubbles presses from a portal (a popover opened from a field action)\n  // through the box; those belong to the portal.\n  if (!box.contains(target)) return;\n\n  const interactive = target.closest(INTERACTIVE_ELEMENTS);\n\n  if (interactive && box.contains(interactive)) return;\n\n  // The default action would move focus to the press target first, blurring the input.\n  event.preventDefault();\n  input.focus();\n}\n\n/** A press doesn't focus a natively disabled input, so it doesn't focus an inert one either. */\nfunction preventPointerFocus(event: MouseEvent<HTMLElement>) {\n  event.preventDefault();\n}\n\nexport interface CubeTextInputBaseProps\n  extends\n    BaseProps,\n    FieldLayoutStyleProps,\n    Omit<\n      AriaTextFieldProps<HTMLInputElement | HTMLTextAreaElement>,\n      | 'validate'\n      | 'form'\n      | 'name'\n      | 'errorMessage'\n      | 'onKeyDown'\n      | 'onKeyUp'\n      | 'onFocus'\n      | 'onBlur'\n    >,\n    TextFieldKeyboardProps,\n    FieldBaseProps {\n  validate?: AriaTextFieldProps['validate'] | AriaNumberFieldProps['validate'];\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /** Left input icon */\n  icon?: ReactElement | null;\n  /** Input decoration before the main input */\n  prefix?: ReactNode;\n  /** Input decoration after the main input */\n  suffix?: ReactNode;\n  /** Suffix position goes before or after the validation and loading statuses */\n  suffixPosition?: 'before' | 'after';\n  /**\n   * Controls placed last in the suffix, after the validation and loading\n   * statuses and after `suffix` whatever its position, such as a popover\n   * trigger.\n   */\n  actions?: ReactNode;\n  /** Whether the input is multiline */\n  multiLine?: boolean;\n  /** Whether the input should have autofocus */\n  autoFocus?: boolean;\n  /**\n   * Direct input props. The explicit props above (`isDisabled`, `maxLength`, `minLength`,\n   * `autoFocus`, `rows`, `autoComplete`) win over the same attributes here when they are set; an\n   * unset one leaves the value given here in place.\n   */\n  inputProps?: Props;\n  /** Direct input wrapper props */\n  wrapperProps?: Props;\n  /** The input ref */\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n  /** The wrapper ref */\n  wrapperRef?: RefObject<HTMLDivElement | null>;\n  /** Whether the input has the loading status */\n  isLoading?: boolean;\n  /** Rendered in place of the default loading icon while `isLoading` is set */\n  loadingIndicator?: ReactNode;\n  /** Style map for the input */\n  inputStyles?: Styles;\n  /** The number of rows for the input. Only applies to textarea. */\n  rows?: number;\n  /** The resize CSS property sets whether an element is resizable, and if so, in which directions. */\n  resize?: Styles['resize'];\n  /** The size of the input */\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  /**\n   * The shape of the field box.\n   * - `default` - rounded, with a border.\n   * - `plain` - square, with no border at rest, for a field set flush in a\n   *   container that draws its edges, such as a toolbar or a panel header. The\n   *   border keeps its width, and shows on focus and in a valid or invalid\n   *   state.\n   * @default \"default\"\n   */\n  shape?: 'default' | 'plain';\n  /**\n   * What kind of autofill the browser may offer for the input, as the HTML `autocomplete` token\n   * (`email`, `current-password`, `off`, …). See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).\n   */\n  autoComplete?: string;\n  /**\n   * @deprecated Use `autoComplete` instead. Kept as an alias so existing callers keep working;\n   * `autoComplete` wins when both are set.\n   */\n  autocomplete?: string;\n  /**\n   * The input's own tooltip: a short hint, such as what the value means or defaults to, or why the\n   * field is disabled. It opens on hover over the field box and on keyboard focus, and describes\n   * the input. A disabled input with a tooltip stays focusable, so the keyboard reaches it too. A\n   * string, or `TooltipProvider` props (`title`, `placement`, …). Never the field's name, an error\n   * or anything needed to fill the field in: touch users don't see it. The info badge next to a\n   * field label is `labelTooltip`.\n   */\n  tooltip?: string | Omit<CubeTooltipProviderProps, 'children'>;\n}\n\n/**\n * Mixed into the fields that actually buffer their value — `TextInput`, `TextArea`,\n * `PasswordInput`, `SearchInput` — rather than declared on `CubeTextInputBaseProps`. Every field\n * built on that base would otherwise inherit the prop, including `NumberInput` and\n * `CommandTextArea`, which keep their own text and ignore it: a public API that accepts a flag and\n * does nothing with it.\n */\nexport interface CubeBufferedValueProps {\n  /**\n   * Whether the typed text is held locally until the controlled `value` catches up. On by default,\n   * which is what keeps the caret in place when the value round-trips through a store that\n   * re-renders a pass late. Set to `false` for a caller that must see the value snap back to its\n   * own `value` prop the instant it declines a keystroke. See `useBufferedValue`.\n   */\n  isBuffered?: boolean;\n}\n\n/**\n * The presentational base for text-like inputs. It renders the input chrome and the field wrapper, but\n * never wires form state — that is the job of the component rendering it (`TextInput`, `TextArea`,\n * `PasswordInput`, `NumberInput`, `SearchInput`, `CommandTextArea`).\n */\nfunction TextInputBase(props: CubeTextInputBaseProps, ref) {\n  let {\n    qa,\n    mods,\n    isInvalid,\n    isValid,\n    prefix,\n    isDisabled,\n    isReadOnly,\n    multiLine,\n    autoFocus,\n    inputProps,\n    wrapperProps,\n    inputRef,\n    isLoading,\n    loadingIndicator,\n    value,\n    inputStyles = {},\n    suffix,\n    suffixPosition = 'before',\n    actions,\n    wrapperRef,\n    rows,\n    size = 'medium',\n    shape = 'default',\n    autoComplete,\n    autocomplete,\n    icon,\n    maxLength,\n    minLength,\n    form,\n    resize,\n    tooltip,\n    children,\n    ...otherProps\n  } = props;\n\n  // A text area grows with its flex line when bare, so it fills a field\n  // sized by flex props too.\n  const { styles, field } = splitFieldLayout(props, {\n    fillHeightOnFlex: !!multiLine,\n  });\n  let type = otherProps.type;\n\n  if (resize) {\n    // oxlint-disable-next-line tasty/no-runtime-styles-mutation -- forwards the consumer's `resize` prop\n    inputStyles = mergeStyles(inputStyles, { resize });\n  }\n\n  let ElementType: 'textarea' | 'input' = multiLine ? 'textarea' : 'input';\n  let { isFocused, focusProps } = useFocus();\n  // A read-only field takes no hover state: nothing it could change would follow.\n  let { hoverProps, isHovered } = useHover({\n    isDisabled: isDisabled || isReadOnly,\n  });\n  // The input box, with or without the field chrome, so the field's ref never\n  // resolves to `null`; `wrapperRef` reaches the same element.\n  let domRef = useObjectRef(wrapperRef);\n\n  inputRef = useCombinedRefs(inputRef);\n\n  let { renderWithTooltip, isTooltipActive } = useAutoTooltip({\n    tooltip,\n    children: null,\n  });\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef?.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef?.current;\n    },\n  }));\n\n  const showValidationIndicator = hasValidationIndicator({\n    isInvalid,\n    isValid,\n    isLoading,\n  });\n\n  // Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270\n  if (!inputProps?.placeholder) {\n    if (!inputProps) {\n      inputProps = {};\n    }\n\n    inputProps.placeholder = ' ';\n  }\n\n  if (icon) {\n    icon = <div data-element=\"InputIcon\">{icon}</div>;\n\n    if (prefix) {\n      prefix = (\n        <>\n          {icon}\n          {prefix}\n        </>\n      );\n    } else {\n      prefix = icon;\n    }\n  }\n\n  const modifiers = {\n    ...getValidationMods({ isInvalid, isValid }),\n    loadable: !!loadingIndicator,\n    focused: isFocused,\n    hovered: isHovered,\n    disabled: isDisabled,\n    readonly: !!isReadOnly,\n    multiline: multiLine,\n    prefix: !!prefix,\n    suffix: showValidationIndicator || !!suffix || !!actions,\n    shape,\n    ...mods,\n  };\n\n  // The explicit props win when they are set; an unset one falls back to the merged `inputProps`\n  // instead of overwriting it with `undefined`. For `autoComplete` that keeps both a caller's\n  // `inputProps={{ autoComplete }}` and `useNumberField`'s own `off`. `autocomplete` is the\n  // deprecated alias.\n  const resolvedAutoComplete =\n    autoComplete ?? autocomplete ?? inputProps.autoComplete;\n  const resolvedAutoFocus = autoFocus ?? inputProps.autoFocus;\n\n  const hasTextSecurity = multiLine && type === 'password';\n  const textSecurityStyles =\n    hasTextSecurity && inputProps.value?.length\n      ? {\n          fontFamily: 'text-security-disc',\n        }\n      : {};\n\n  const isInputDisabled = !!(isDisabled ?? inputProps.disabled);\n\n  // A disabled input with a tooltip keeps its focus, as `Checkbox` and `Switch` do: the tooltip is\n  // usually the reason it is disabled, and focus is how the keyboard opens it. It is\n  // `aria-disabled` and read-only instead, and the pointer still can't focus it.\n  const { isInert } = getDisabledElementProps({\n    isDisabled: isInputDisabled,\n    keepEvents: isTooltipActive,\n    as: 'input',\n  });\n\n  let ownInputProps = mergeProps(inputProps, focusProps, hoverProps);\n\n  if (isInert) {\n    ownInputProps = mergeProps(\n      getInertInputProps(\n        mergeProps(\n          // The field's own focus handlers never run on a natively disabled input, and\n          // `useNumberField` commits on blur: it would round a value the user can't edit.\n          { ...inputProps, onFocus: undefined, onBlur: undefined },\n          focusProps,\n          hoverProps,\n        ),\n        { excludeFromTabOrder: props.excludeFromTabOrder },\n      ),\n      { readOnly: true, onMouseDown: preventPointerFocus },\n    );\n  }\n\n  // The field box takes the tooltip's hover side and positions it, so it\n  // covers the prefix, suffix and steppers and never the text being typed. The\n  // input, where keyboard focus lands, takes the focus side. The box keeps the\n  // field's ref, which `wrapperRef` also reaches.\n  const textField = renderWithTooltip((tooltipTriggerProps, tooltipRef) => {\n    const { pointerProps, focusProps: tooltipFocusProps } =\n      splitTooltipTriggerProps(tooltipTriggerProps);\n\n    return (\n      <InputWrapperElement\n        ref={tooltipRef ? mergeRefs(domRef, tooltipRef) : domRef}\n        mods={modifiers}\n        data-size={size}\n        styles={styles}\n        {...mergeProps(wrapperProps, pointerProps, {\n          onMouseDown: (event: MouseEvent<HTMLElement>) =>\n            focusInputOnBoxPress(event, inputRef?.current),\n        })}\n      >\n        {prefix ? <div data-element=\"Prefix\">{prefix}</div> : null}\n        <InputElement\n          qa={qa || 'Input'}\n          as={ElementType}\n          data-input-type=\"textinput\"\n          {...mergeTooltipFocusProps(ownInputProps, tooltipFocusProps)}\n          ref={inputRef}\n          rows={multiLine ? (rows ?? inputProps.rows ?? 1) : inputProps.rows}\n          mods={modifiers}\n          // oxlint-disable-next-line tasty/no-style-prop -- `preset` owns font-family, and a `fontFamily` state map would replace the preset's in every state\n          style={textSecurityStyles}\n          {...(resolvedAutoFocus ? { 'data-autofocus': '' } : undefined)}\n          autoFocus={resolvedAutoFocus}\n          data-size={size}\n          autoComplete={resolvedAutoComplete}\n          styles={inputStyles}\n          disabled={isInputDisabled && !isInert}\n          maxLength={maxLength ?? inputProps.maxLength}\n          minLength={minLength ?? inputProps.minLength}\n        />\n        {/* Inside the box, so a parent's `:last-child` rules still see the field: `NumberInput`'s hidden form value goes here. */}\n        {children}\n        {showValidationIndicator || suffix || actions ? (\n          <div data-element=\"Suffix\">\n            {suffixPosition === 'before' ? suffix : null}\n            {isLoading && loadingIndicator ? (\n              <div data-element=\"State\">{loadingIndicator}</div>\n            ) : (\n              <ValidationIndicator\n                isInvalid={isInvalid}\n                isValid={isValid}\n                isLoading={isLoading}\n              />\n            )}\n            {suffixPosition === 'after' ? suffix : null}\n            {actions}\n          </div>\n        ) : null}\n      </InputWrapperElement>\n    );\n  }, 'top');\n\n  // `renderWithTooltip` is typed for any node; here it returns an element.\n  // `tooltip` is the input's own, not the legacy spelling of `labelTooltip`.\n  return wrapWithField(textField as ReactElement, {\n    ...props,\n    ...field,\n    tooltip: undefined,\n    // A click on its label doesn't focus a natively disabled input either. The input keeps its\n    // name through `aria-labelledby`.\n    ...(isInert\n      ? {\n          labelProps: {\n            ...props.labelProps,\n            htmlFor: undefined,\n            for: undefined,\n          },\n        }\n      : null),\n  });\n}\n\nconst _TextInputBase = forwardRef(TextInputBase);\n\nexport { _TextInputBase as TextInputBase };\nexport type { AriaTextFieldProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAwCA,MAAMmC,aAAa;CACjBC,GAAG;CACHC,SAAS;CACTC,cAAc;CACdC,YAAY;CACZC,UAAU;CACVC,MAAM;CACNC,KAAK;CACLC,QAAQ;CACRC,SAAS;EACP,IAAI;EACJC,UAAU;CACZ;AACF;AAGA,MAAMC,eAAe;CACnB,IAAI;CACJ,eAAe;AACjB;AAEA,MAAaC,uBAA+B;CAC1CV,SAAS;CACTI,MAAM;CACNO,UAAU;CACVC,aAAa;EACX,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACR,mBAAmB;CACrB;CACAX,UAAU;CACVD,YAAY;CACZa,MAAM;EACJ,IAAI;EACJC,UAAU;EACVR,UAAU;CACZ;CACAS,QAAQ;EACN,IAAI;EACJD,UAAU;EAEV,kBAAkB;EAIlB,eAAe;EACf,qBAAqB;EACrBE,OAAO;EACPC,SAAS;EACTC,SAAS;EACT,mBAAmB;EACnB,qBAAqB;EACrBZ,UAAU;EACV,0BAA0B;EAC1B,gCAAgC;EAGhC,sBAAsB;CACxB;CACAa,QAAQ;CACRC,QAAQb;CACRH,QAAQ;CACRiB,OAAO;EACL,IAAI;EACJH,SAAS;EACTD,SAAS;EACTX,UAAU;CACZ;CACAgB,QAAQ;EACN,IAAI;EACJJ,SAAS;CACX;CACAK,WAAW;CACXC,YAAY;CACZC,gBAAgB;CAChBC,QAAQ;EACN,IAAI;EACJC,WAAW;CACb;CAEAC,OAAO;EACL,IAAI;EACJ,cAAc;EACd,eAAe;EACf,cAAc;CAChB;CAEAC,QAAQjC;CAERkC,QAAQlC;CAERmC,OAAO;EACLlC,GAAG;EACHC,SAAS;CACX;CAEAkC,WAAW;EACTlC,SAAS;EACTE,YAAY;EACZiC,OAAO;EACPZ,OAAO;EACPa,UAAU;CACZ;CAEAC,gBAAgB;EACdtC,GAAG;EACHC,SAAS;EACTE,YAAY;EACZiC,OAAO;GACL,IAAI;GACJrB,QAAQ;EACV;EACAsB,UAAU;CACZ;AACF;AAEA,MAAME,sBAAsBtE,MAAM;CAChCuE,IAAI;CACJC,QAAQ9B;AACV,CAAC;AAED,MAAa+B,uBAA+B;CAC1CC,QAAQ;CACRC,WAAW;CACXR,OAAO;CACPT,YAAY;CACZJ,QAAQb;CACRmC,SAAS;CACTC,WAAW;CACXxB,QAAQ;CACRyB,UAAU;CACVC,QAAQ;EACN,IAAI;EACJlB,WAAW;EACX,0BAA0B;EAC1B,0BAA0B;CAC5B;CACAmB,QAAQ;CACRC,YAAY;CAGZ3C,QAAQ;EACN,IAAI;EACJE,UAAU;CACZ;CAEA0C,aAAa;EACXnD,GAAG;EACH2C,QAAQ;CACV;CACA,mCAAmC,EACjCA,QAAQ,6BACV;CAEA,qBAAqB;CACrB,iBAAiB;EACf,IAAI;EACJ,cAAc;EACd,cAAc;EACd,eAAe;EACf7B,QAAQ;CACV;CACA,kBAAkB;EAChB,IAAI;EACJ,cAAc;EACd,cAAc;EACd,eAAe;EACfC,QAAQ;CACV;AACF;AAEA,MAAMqC,eAAenF,MAAM;CAAEuE,IAAI;CAASC,QAAQC;AAAqB,CAAC;AAExE,MAAMW,uBACJ;;;;;;;AAQF,SAASC,qBACPC,OACAE,OACA;CACA,IAAIF,MAAMK,WAAW,KAAKL,MAAMM,kBAAkB;CAElD,IACE,CAACJ,SACDA,MAAMhD,YACNgD,MAAMK,aAAa,eAAe,MAAM,QAExC;CAGF,MAAMC,MAAMR,MAAMS;CAClB,MAAMC,SAASV,MAAMU;CAIrB,IAAI,CAACF,IAAII,SAASF,MAAM,GAAG;CAE3B,MAAMG,cAAcH,OAAOI,QAAQhB,oBAAoB;CAEvD,IAAIe,eAAeL,IAAII,SAASC,WAAW,GAAG;CAG9Cb,MAAMe,eAAe;CACrBb,MAAMc,MAAM;AACd;;AAGA,SAASC,oBAAoBjB,OAAgC;CAC3DA,MAAMe,eAAe;AACvB;;;;;;AAqHA,SAAA6B,cAAAC,OAAAC,KAAA;CAAA,MAAArG,IAAAsG,EAAA,EAAA;CACE,IAAA,EAAA9D,IAAA+D,MAAAC,WAAAC,SAAA3F,QAAA4F,IAAAC,YAAAC,YAAA3B,WAAAC,WAAAC,YAAA0B,IAAAzB,cAAAC,UAAAyB,IAAAtB,WAAAC,kBAAAsB,OAAArB,aAAAsB,IAAAjG,QAAAgE,gBAAAkC,IAAAjC,SAAAM,YAAAK,MAAAC,MAAAsB,IAAArB,OAAAsB,IAAArB,cAAAC,cAAAjB,MAAAsC,WAAAC,WAAAC,MAAArE,QAAA+C,SAAAuB,UAAA,GAAAC,eAkCIpB;CA7BFtF,IAAAA,SAAAA;CAKAqE,IAAAA,aAAAA;CAEAE,IAAAA,WAAAA;CAIA,IAAAK,cAAAsB,OAAAS,KAAAA,IAAA,CAAe,IAAfT;CAEA,MAAAjC,iBAAAkC,OAAAQ,KAAAA,IAAA,WAAAR;CAIA,MAAArB,OAAAsB,OAAAO,KAAAA,IAAA,WAAAP;CACA,MAAArB,QAAAsB,OAAAM,KAAAA,IAAA,YAAAN;CAeF,MAAA,EAAA1E,QAAAiF,UAA0BhI,iBAAiB0G,OAAO,EAAAuB,kBAC9B,CAAC,CAAC1C,UACtB,CAAC;CACD,MAAA2C,OAAWJ,WAAUI;CAErB,IAAI3E,QAEFyC,cAAc3H,YAAY2H,aAAa,EAAAzC,OAAS,CAAC;CAGnD,MAAA4E,cAAwC5C,YAAA,aAAA;CACxC,MAAA,EAAA6C,WAAAC,eAAgC5I,WAAS;CAG3B,MAAA6I,KAAArB,cAAAC;CAAwB,IAAAqB;CAAA,IAAAjI,EAAA,OAAAgI,IAAA;EADGC,KAAA,EAAAtB,YAC3BqB,GACd;EAAChI,EAAA,KAAAgI;EAAAhI,EAAA,KAAAiI;CAAA,OAAAA,KAAAjI,EAAA;CAFD,MAAA,EAAAkI,YAAAC,cAAgCxJ,SAASsJ,EAExC;CAGD,MAAAG,SAAaxK,aAAa0H,UAAU;CAEpCD,WAAWrG,gBAAgBqG,QAAQ;CAA3B,IAAAgD;CAAA,IAAArI,EAAA,OAAAgG,SAAA;EAEoDqC,KAAA;GAAArC;GAAAuB,UAEhD;EACZ;EAACvH,EAAA,KAAAgG;EAAAhG,EAAA,KAAAqI;CAAA,OAAAA,KAAArI,EAAA;CAHD,MAAA,EAAAsI,mBAAAC,oBAA6CnJ,eAAeiJ,EAG3D;CAGD7J,oBAAoB6H,YAAY;EAAA,GAC3BxI,mBAAmBuK,QAAQ/C,QAAQ;EAACmD,SAAA;GAErC,IAAInD,UAAQoD,SACVpD,SAAQoD,QAAQD,OAAQ;EACzB;EAAAE,kBAAA;GAAA,OAGMrD,UAAQoD;EAAS;CAE5B,EAAE;CAAC,IAAAE;CAAA,IAAA3I,EAAA,OAAAwG,aAAAxG,EAAA,OAAAwF,aAAAxF,EAAA,OAAAyG,SAAA;EAE6BkC,MAAArJ,uBAAuB;GAAAkH;GAAAC;GAAAjB;EAIvD,CAAC;EAACxF,EAAA,KAAAwG;EAAAxG,EAAA,KAAAwF;EAAAxF,EAAA,KAAAyG;EAAAzG,EAAA,KAAA2I;CAAA,OAAAA,MAAA3I,EAAA;CAJF,MAAA4I,0BAAgCD;CAOhC,IAAI,CAACxD,YAAU0D,aAAa;EAC1B,IAAI,CAAC1D,YACHA,aAAaA,CAACA;EAGhBA,WAAU0D,cAAe;CAAH;CAGxB,IAAI/D,MAAI;EAAA,IAAAgE;EAAA,IAAA9I,EAAA,OAAA8E,MAAA;GACCgE,MAAA,oBAAA,OAAA;IAAkB,gBAAA;IAAahE,UAAAA;GAAW,CAAA;GAAA9E,EAAA,KAAA8E;GAAA9E,EAAA,KAAA8I;EAAA,OAAAA,MAAA9I,EAAA;EAAjD8E,OAAOA;EAEP,IAAIhE,QACFA,SACEA,qBAAAA,YAAAA,EAAAA,UAAAA,CACGgE,MACAhE,MAAM,EAAA,CAAA;OAIXA,SAASgE;CACV;CACF,IAAAgE;CAAA,IAAA9I,EAAA,QAAAwG,aAAAxG,EAAA,QAAAyG,SAAA;EAGIqC,MAAAzJ,kBAAkB;GAAAmH;GAAAC;EAAqB,CAAC;EAACzG,EAAA,MAAAwG;EAAAxG,EAAA,MAAAyG;EAAAzG,EAAA,MAAA8I;CAAA,OAAAA,MAAA9I,EAAA;CAClC,MAAA+I,MAAA,CAAC,CAACtD;CAIF,MAAAuD,MAAA,CAAC,CAACpC;CAEJ,MAAAqC,MAAA,CAAC,CAACnI;CACF,MAAAoI,MAAAN,2BAAA,CAA4B,CAAC7H,UAA7B,CAAwC,CAACiE;CAAO,IAAAmE;CAAA,IAAAnJ,EAAA,QAAA2G,cAAA3G,EAAA,QAAA8H,aAAA9H,EAAA,QAAAmI,aAAAnI,EAAA,QAAAuG,QAAAvG,EAAA,QAAAiF,aAAAjF,EAAA,QAAA6F,SAAA7F,EAAA,QAAA8I,OAAA9I,EAAA,QAAA+I,OAAA/I,EAAA,QAAAgJ,OAAAhJ,EAAA,QAAAiJ,OAAAjJ,EAAA,QAAAkJ,KAAA;EATxCC,MAAA;GAAA,GACbL;GAAyCM,UAClCL;GAAkB1H,SACnByG;GAASuB,SACTlB;GAAS1H,UACRkG;GAAU1F,UACV+H;GAAYlH,WACXmD;GAASnE,QACZmI;GAAQlI,QACRmI;GAAgDrD;GAAA,GAErDU;EACL;EAACvG,EAAA,MAAA2G;EAAA3G,EAAA,MAAA8H;EAAA9H,EAAA,MAAAmI;EAAAnI,EAAA,MAAAuG;EAAAvG,EAAA,MAAAiF;EAAAjF,EAAA,MAAA6F;EAAA7F,EAAA,MAAA8I;EAAA9I,EAAA,MAAA+I;EAAA/I,EAAA,MAAAgJ;EAAAhJ,EAAA,MAAAiJ;EAAAjJ,EAAA,MAAAkJ;EAAAlJ,EAAA,MAAAmJ;CAAA,OAAAA,MAAAnJ,EAAA;CAZD,MAAAsJ,YAAkBH;CAkBlB,MAAAI,uBACEzD,gBAAAC,gBAAgCZ,WAAUW;CAC5C,MAAA0D,oBAA0BtE,aAAaC,WAAUD;CAGjD,MAAAwE,qBADwBzE,aAAa2C,SAAS,cAEzBzC,WAAU4B,OAAc4C,SAA3C,EAAAC,YAEkB,qBAEb,IAJL,CAIK;CAEP,MAAAC,kBAAwB,CAAC,EAAElD,cAAcxB,WAAU1E;CAAW,IAAAqJ;CAAA,IAAA9J,EAAA,QAAA6J,mBAAA7J,EAAA,QAAAuI,iBAAA;EAK1CuB,MAAA7K,wBAAwB;GAAA0H,YAC9BkD;GAAeE,YACfxB;GAAeyB,IACvB;EACN,CAAC;EAAChK,EAAA,MAAA6J;EAAA7J,EAAA,MAAAuI;EAAAvI,EAAA,MAAA8J;CAAA,OAAAA,MAAA9J,EAAA;CAJF,MAAA,EAAAiK,YAAoBH;CAMpB,IAAAI,gBAAoBpL,aAAWqG,YAAY4C,YAAYG,UAAU;CAEjE,IAAI+B,SACFC,gBAAgBpL,aACdI,mBACEJ,aAGE;EAAA,GAAKqG;EAAUP,SAAW6C,KAAAA;EAAS5C,QAAU4C,KAAAA;CAAU,GACvDM,YACAG,UACF,GACA,EAAAiC,qBAAuB/D,MAAK+D,oBAAqB,CACnD,GACA;EAAAC,UAAY;EAAIC,aAAe7F;CAAoB,CACrD;CAOF,MAAA8F,YAAkBhC,mBAAkBiC,qBAAAC,eAAA;EAClC,MAAA,EAAAC,cAAA1C,YAAA2C,sBACE9K,yBAAyB2K,mBAAmB;EAAE,OAG9C,qBAAC,qBAAD;GACO,KAAAC,aAAazL,YAAUqJ,QAAQoC,UAAmB,IAAlDpC;GACCkB,MAAAA;GACK1D,aAAAA;GACHnD;GAAM,GACV3D,aAAWsG,cAAcqF,cAAc,EAAAJ,cAC5B9G,UACXD,qBAAqBC,OAAO8B,UAAQoD,OAAS,EACjD,CAAC;GARH,UAAA;IAUG3H,SAAS,oBAAA,OAAA;KAAkB,gBAAA;KAAUA,UAAAA;IAAa,CAAA,IAAlD;IACD,oBAAC,cAAD;KACM,IAAA0B,MAAA;KACAqF,IAAAA;KACY,mBAAA;KAAW,GACvBlI,uBAAuBuK,eAAeQ,iBAAiB;KACtDrF,KAAAA;KACC,MAAAJ,YAAaU,QAAQR,WAAUQ,QAAlB,IAAgCR,WAAUQ;KACvD2D,MAAAA;KAECI,OAAAA;KAAkB,GACpBF,oBAAA,EAAA,kBAAwC,GAAe,IAAvD/B,KAAAA;KACM+B,WAAAA;KACA5D,aAAAA;KACG2D,cAAAA;KACN7D,QAAAA;KACE,UAAAmE,mBAAA,CAAoBI;KACnB,WAAA7C,aAAajC,WAAUiC;KACvB,WAAAC,aAAalC,WAAUkC;IAAU,CAAA;IAG7CE;IACAqB,2BAAA7H,UAAAiE,UACC,qBAAA,OAAA;KAAkB,gBAAA;KAAlB,UAAA;MACGD,mBAAmB,WAAnBhE,SAAA;MACAyE,aAAAC,mBACC,oBAAA,OAAA;OAAkB,gBAAA;OAASA,UAAAA;MAAuB,CAAA,IAElD,oBAAC,qBAAD;OACae;OACFC;OACEjB;MAAS,CAAA;MAGvBT,mBAAmB,UAAnBhE,SAAA;MACAiE;KACG;IAdP,CAAA,IAAA;GAhCiB;;CAgDE,GAEvB,KAAK;CAAE,OAIHxF,cAAc8K,WAA2B;EAAA,GAC3ClE;EAAK,GACLsB;EAAK1B,SACCyB,KAAAA;EAAS,GAGdwC,UAAA,EAAAU,YAEc;GAAA,GACPvE,MAAKuE;GAAWC,SACVnD,KAAAA;GAASoD,KACbpD,KAAAA;EACP,EAEC,IARH;CASN,CAAC;AAAC;AAGJ,MAAMqD,iBAAiB3M,WAAWgI,aAAa"}

package/dist/components/fields/TextInput/displayed-validation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";

package/dist/components/fields/TextInput/index.d.ts

@@ -1,4 +1,4 @@
 
-import { AriaTextFieldProps, CubeBufferedValueProps, CubeTextInputBaseProps, DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES, TextInputBase } from "./TextInputBase.js";
+import { AriaTextFieldProps, CubeBufferedValueProps, CubeTextInputBaseProps, DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES, TextInputBase as _TextInputBase } from "./TextInputBase.js";
 import { CubeTextInputProps, TextInput, useTextField } from "./TextInput.js";
-export { type AriaTextFieldProps, CubeBufferedValueProps, CubeTextInputBaseProps, CubeTextInputProps, DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES, TextInput, TextInputBase, useTextField };
+export { type AriaTextFieldProps, CubeBufferedValueProps, CubeTextInputBaseProps, CubeTextInputProps, DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES, TextInput, _TextInputBase as TextInputBase, useTextField };

package/dist/components/fields/TextInput/useAutoSizeTextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useLayoutEffect, useRef } from "react";
 //#region src/components/fields/TextInput/useAutoSizeTextArea.ts

package/dist/components/fields/TextInputMapper/TextInputMapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { Block } from "../../Block.js";

package/dist/components/fields/TriggerActions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
 import { ItemActionIcon } from "../actions/ItemActionsWrapper.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsxs } from "react/jsx-runtime";

package/dist/components/fields/color/ColorPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { formatColor, getContrastingColor, toHex } from "./color.js";

package/dist/components/fields/color/channels.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
 import { maxChroma, normalizeHue, oklchToOkhsl } from "../../../utils/colors.js";
 import { fromOkhst, fromRgb, isAchromatic, toHex, toOkhst, toOklch, toRgb } from "./color.js";
 //#region src/components/fields/color/channels.ts

package/dist/components/fields/color/color.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
 import { anyNaN, clamp, maxChroma, normalizeHue, oklchToOkhsl, parseColorFunction, readComponent, readHue, rgbFromSrgb } from "../../../utils/colors.js";
 import { contrastRatioFromLuminance, formatHsl, formatOkhsl, formatOkhst, formatOklch, formatRgb, hslToSrgb, okhslToLinearSrgb, okhslToOkhst, okhslToOklch, okhslToSrgb, okhstToOkhsl, parseHexAlpha, relativeLuminanceFromLinearRgb, srgbToHex, srgbToOkhsl } from "@tenphi/glaze";
 //#region src/components/fields/color/color.ts

package/dist/components/fields/color/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 //#region src/components/fields/color/context.ts
 /**

package/dist/components/fields/index.d.ts

@@ -1,5 +1,5 @@
 
-import { AriaTextFieldProps, CubeBufferedValueProps, CubeTextInputBaseProps, DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES, TextInputBase } from "./TextInput/TextInputBase.js";
+import { AriaTextFieldProps, CubeBufferedValueProps, CubeTextInputBaseProps, DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES, TextInputBase as _TextInputBase } from "./TextInput/TextInputBase.js";
 import { CubeSearchInputProps, SearchFieldProps, SearchInput, useSearchField, useSearchFieldState } from "./SearchInput/SearchInput.js";
 import { CubeListBoxProps, ListBox } from "./ListBox/ListBox.js";
 import "./ListBox/index.js";
@@ -68,4 +68,4 @@ import { CubePickerProps, Picker } from "./Picker/Picker.js";
 import "./Picker/index.js";
 import { CubeTextInputMapperInputProps, CubeTextInputMapperProps, TextInputMapper as _TextInputMapper } from "./TextInputMapper/TextInputMapper.js";
 import "./TextInputMapper/index.js";
-export { type ActiveToken, type AriaCheckboxProps, type AriaNumberFieldProps, type AriaRadioProps, type AriaSelectProps, type AriaSliderProps, type AriaSwitchProps, type AriaTextFieldProps, COLOR_FORMATS, COLOR_SPACES, __Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, ColorInput, type ColorInputFormatMode, ColorPicker, type ColorFormat as ColorPickerFormat, type ColorSpace as ColorPickerSpace, ColorSwatch, ColorSwatchGroup, ComboBox, _CommandTextArea as CommandTextArea, type CommandTextAreaFilterFn, type CommandTrigger, CubeBufferedValueProps, CubeCheckboxGroupProps, CubeCheckboxProps, type CubeColorInputProps, type CubeColorPickerProps, type CubeColorSwatchGroupProps, type CubeColorSwatchItem, type CubeColorSwatchProps, type CubeComboBoxProps, type CubeCommandTextAreaProps, CubeDateInputProps, CubeDatePickerProps, CubeDateRangePickerProps, CubeDateRangeSeparatedPickerProps, CubeFileInputProps, CubeFilterListBoxProps, CubeFilterPickerProps, CubeHueSliderProps, CubeListBoxProps, CubeMonthPickerProps, CubeNumberInputProps, CubePasswordInputProps, CubePeriodPickerProps, type CubePickerProps, CubeQuarterPickerProps, CubeRadioGroupProps, CubeRadioProps, CubeRangeSliderProps, type CubeSearchComboBoxProps, CubeSearchInputProps, CubeSelectBaseProps, CubeSelectProps, CubeSliderBaseProps, CubeSliderProps, CubeSwitchProps, type CubeTagInputProps, CubeTextAreaProps, CubeTextInputBaseProps, CubeTextInputMapperInputProps, CubeTextInputMapperProps, CubeTextInputProps, CubeTimeInputProps, CubeWeekPickerProps, CubeYearPickerProps, DEFAULT_INPUT_STYLES, DateFieldBase, _DateInput as DateInput, _DatePicker as DatePicker, _DateRangePicker as DateRangePicker, _DateRangeSeparatedPicker as DateRangeSeparatedPicker, _FileInput as FileInput, FilterListBox, FilterPicker, Granularity, __HueSlider as HueSlider, INPUT_WRAPPER_STYLES, Input, ListBox, ListBoxElement, ListBoxPopup, _MonthPicker as MonthPicker, _NumberInput as NumberInput, _PasswordInput as PasswordInput, PeriodPicker, Picker, PickerType, _QuarterPicker as QuarterPicker, __Radio as Radio, _RadioGroup as RadioGroup, __RangeSlider as RangeSlider, SearchComboBox, type SearchFieldProps, SearchInput, __Select as Select, __Slider as Slider, type SliderState, _Switch as Switch, _TagInput as TagInput, type TagInputPopoverTrigger, type TagValidationResult, _TextArea as TextArea, TextInput, TextInputBase, _TextInputMapper as TextInputMapper, _TimeInput as TimeInput, _WeekPicker as WeekPicker, _YearPicker as YearPicker, formatPeriod, getQuarter, getWeekNumber, parseAbsoluteDate, snapToPeriod, useCheckbox, useRadio, useSearchField, useSearchFieldState, useSelectState, useSliderState, useSwitch, useTextField };
+export { type ActiveToken, type AriaCheckboxProps, type AriaNumberFieldProps, type AriaRadioProps, type AriaSelectProps, type AriaSliderProps, type AriaSwitchProps, type AriaTextFieldProps, COLOR_FORMATS, COLOR_SPACES, __Checkbox as Checkbox, _CheckboxGroup as CheckboxGroup, ColorInput, type ColorInputFormatMode, ColorPicker, type ColorFormat as ColorPickerFormat, type ColorSpace as ColorPickerSpace, ColorSwatch, ColorSwatchGroup, ComboBox, _CommandTextArea as CommandTextArea, type CommandTextAreaFilterFn, type CommandTrigger, CubeBufferedValueProps, CubeCheckboxGroupProps, CubeCheckboxProps, type CubeColorInputProps, type CubeColorPickerProps, type CubeColorSwatchGroupProps, type CubeColorSwatchItem, type CubeColorSwatchProps, type CubeComboBoxProps, type CubeCommandTextAreaProps, CubeDateInputProps, CubeDatePickerProps, CubeDateRangePickerProps, CubeDateRangeSeparatedPickerProps, CubeFileInputProps, CubeFilterListBoxProps, CubeFilterPickerProps, CubeHueSliderProps, CubeListBoxProps, CubeMonthPickerProps, CubeNumberInputProps, CubePasswordInputProps, CubePeriodPickerProps, type CubePickerProps, CubeQuarterPickerProps, CubeRadioGroupProps, CubeRadioProps, CubeRangeSliderProps, type CubeSearchComboBoxProps, CubeSearchInputProps, CubeSelectBaseProps, CubeSelectProps, CubeSliderBaseProps, CubeSliderProps, CubeSwitchProps, type CubeTagInputProps, CubeTextAreaProps, CubeTextInputBaseProps, CubeTextInputMapperInputProps, CubeTextInputMapperProps, CubeTextInputProps, CubeTimeInputProps, CubeWeekPickerProps, CubeYearPickerProps, DEFAULT_INPUT_STYLES, DateFieldBase, _DateInput as DateInput, _DatePicker as DatePicker, _DateRangePicker as DateRangePicker, _DateRangeSeparatedPicker as DateRangeSeparatedPicker, _FileInput as FileInput, FilterListBox, FilterPicker, Granularity, __HueSlider as HueSlider, INPUT_WRAPPER_STYLES, Input, ListBox, ListBoxElement, ListBoxPopup, _MonthPicker as MonthPicker, _NumberInput as NumberInput, _PasswordInput as PasswordInput, PeriodPicker, Picker, PickerType, _QuarterPicker as QuarterPicker, __Radio as Radio, _RadioGroup as RadioGroup, __RangeSlider as RangeSlider, SearchComboBox, type SearchFieldProps, SearchInput, __Select as Select, __Slider as Slider, type SliderState, _Switch as Switch, _TagInput as TagInput, type TagInputPopoverTrigger, type TagValidationResult, _TextArea as TextArea, TextInput, _TextInputBase as TextInputBase, _TextInputMapper as TextInputMapper, _TimeInput as TimeInput, _WeekPicker as WeekPicker, _YearPicker as YearPicker, formatPeriod, getQuarter, getWeekNumber, parseAbsoluteDate, snapToPeriod, useCheckbox, useRadio, useSearchField, useSearchFieldState, useSelectState, useSliderState, useSwitch, useTextField };

package/dist/components/fields/option-origin-press.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
 //#region src/components/fields/option-origin-press.ts
 let activePress = null;
 function isInside(rect, event) {

package/dist/components/form/FieldWrapper/FieldWrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { Text as _Text } from "../../content/Text.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
@@ -35,8 +35,18 @@ const FieldElement = tasty({
 		},
 		placeContent: {
 			"": "initial",
+			"fill-width | fill-height": "start normal",
 			"has-split": "space-between"
 		},
+		gridRows: {
+			"": false,
+			"fill-height": "max-content 1sf",
+			"fill-height & (has-sider | has-split)": "1sf"
+		},
+		height: {
+			"": false,
+			"fill-height": "min 0"
+		},
 		"$full-label-width": "($label-width + 1x)",
 		LabelArea: {
 			display: "block",
@@ -52,13 +62,39 @@ const FieldElement = tasty({
 			}
 		},
 		InputArea: {
-			display: "block",
-			flow: "column",
+			display: {
+				"": "block",
+				"fill-width | fill-height": "grid"
+			},
+			flow: {
+				"": "column",
+				"fill-width | fill-height": "row"
+			},
 			gap: ".5x",
+			gridColumns: {
+				"": false,
+				"fill-width | fill-height": "1sf"
+			},
+			gridRows: {
+				"": false,
+				"fill-height": "1sf"
+			},
+			gridAutoRows: {
+				"": false,
+				"fill-height": "max-content"
+			},
 			gridColumn: {
 				"": "initial",
 				"has-sider": 2,
 				"has-split": 2
+			},
+			gridRow: {
+				"": false,
+				"fill-height": -2
+			},
+			height: {
+				"": false,
+				"fill-height": "100%"
 			}
 		}
 	}
@@ -103,7 +139,7 @@ const LabelSuffixElement = tasty({ styles: {
 * @internal Do not use this component directly.
 */
 const FieldWrapper = forwardRef(function FieldWrapper(props, ref) {
-	const $ = c(92);
+	const $ = c(100);
 	const { as, labelPosition: t0, label, isBare: t1, extra, styles, isRequired, isOptional, isDisabled, labelStyles, necessityIndicator, labelProps, labelRef, fieldProps, message, messageStyles, description, errorMessage, Component, controlId, isInvalid, isValid, requiredMark: t2, labelTooltip, isHidden, labelSuffix, children } = props;
 	const labelPosition = t0 === void 0 ? "top" : t0;
 	const isBare = t1 === void 0 ? false : t1;
@@ -315,20 +351,47 @@ const FieldWrapper = forwardRef(function FieldWrapper(props, ref) {
 		$[65] = t17;
 	} else t17 = $[65];
 	const mergedFieldProps = t17;
-	const t18 = as ?? "div";
-	let t19;
-	if ($[66] !== descriptionForLabel || $[67] !== labelComponent) {
-		t19 = labelComponent ? /* @__PURE__ */ jsxs("div", {
+	let t18;
+	if ($[66] !== mergedFieldProps) {
+		t18 = mergedFieldProps ?? {};
+		$[66] = mergedFieldProps;
+		$[67] = t18;
+	} else t18 = $[67];
+	let fieldMods;
+	let otherFieldProps;
+	if ($[68] !== t18) {
+		({mods: fieldMods, ...otherFieldProps} = t18);
+		$[68] = t18;
+		$[69] = fieldMods;
+		$[70] = otherFieldProps;
+	} else {
+		fieldMods = $[69];
+		otherFieldProps = $[70];
+	}
+	const t19 = as ?? "div";
+	let t20;
+	if ($[71] !== fieldMods || $[72] !== mods) {
+		t20 = fieldMods ? {
+			...mods,
+			...fieldMods
+		} : mods;
+		$[71] = fieldMods;
+		$[72] = mods;
+		$[73] = t20;
+	} else t20 = $[73];
+	let t21;
+	if ($[74] !== descriptionForLabel || $[75] !== labelComponent) {
+		t21 = labelComponent ? /* @__PURE__ */ jsxs("div", {
 			"data-element": "LabelArea",
 			children: [labelComponent, descriptionForLabel]
 		}) : null;
-		$[66] = descriptionForLabel;
-		$[67] = labelComponent;
-		$[68] = t19;
-	} else t19 = $[68];
-	let t20;
-	if ($[69] !== displayMessage || $[70] !== isErrorMessage || $[71] !== isInvalid || $[72] !== isMessageShown || $[73] !== messageId || $[74] !== messageStyles || $[75] !== mods) {
-		t20 = isMessageShown && /* @__PURE__ */ jsx(MessageElement, {
+		$[74] = descriptionForLabel;
+		$[75] = labelComponent;
+		$[76] = t21;
+	} else t21 = $[76];
+	let t22;
+	if ($[77] !== displayMessage || $[78] !== isErrorMessage || $[79] !== isInvalid || $[80] !== isMessageShown || $[81] !== messageId || $[82] !== messageStyles || $[83] !== mods) {
+		t22 = isMessageShown && /* @__PURE__ */ jsx(MessageElement, {
 			id: messageId,
 			mods: {
 				...mods,
@@ -338,57 +401,57 @@ const FieldWrapper = forwardRef(function FieldWrapper(props, ref) {
 			role: isErrorMessage || isInvalid ? "alert" : void 0,
 			children: displayMessage
 		});
-		$[69] = displayMessage;
-		$[70] = isErrorMessage;
-		$[71] = isInvalid;
-		$[72] = isMessageShown;
-		$[73] = messageId;
-		$[74] = messageStyles;
-		$[75] = mods;
-		$[76] = t20;
-	} else t20 = $[76];
-	let t21;
-	if ($[77] !== Component || $[78] !== descriptionForInput || $[79] !== t20) {
-		t21 = /* @__PURE__ */ jsxs("div", {
+		$[77] = displayMessage;
+		$[78] = isErrorMessage;
+		$[79] = isInvalid;
+		$[80] = isMessageShown;
+		$[81] = messageId;
+		$[82] = messageStyles;
+		$[83] = mods;
+		$[84] = t22;
+	} else t22 = $[84];
+	let t23;
+	if ($[85] !== Component || $[86] !== descriptionForInput || $[87] !== t22) {
+		t23 = /* @__PURE__ */ jsxs("div", {
 			"data-element": "InputArea",
 			children: [
 				Component,
 				descriptionForInput,
-				t20
+				t22
 			]
 		});
-		$[77] = Component;
-		$[78] = descriptionForInput;
-		$[79] = t20;
-		$[80] = t21;
-	} else t21 = $[80];
-	let t22;
-	if ($[81] !== isHidden || $[82] !== mergedFieldProps || $[83] !== mods || $[84] !== ref || $[85] !== t18 || $[86] !== t19 || $[87] !== t21) {
-		t22 = /* @__PURE__ */ jsxs(FieldElement, {
+		$[85] = Component;
+		$[86] = descriptionForInput;
+		$[87] = t22;
+		$[88] = t23;
+	} else t23 = $[88];
+	let t24;
+	if ($[89] !== isHidden || $[90] !== otherFieldProps || $[91] !== ref || $[92] !== t19 || $[93] !== t20 || $[94] !== t21 || $[95] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(FieldElement, {
 			ref,
-			as: t18,
-			mods,
+			as: t19,
 			isHidden,
-			...mergedFieldProps,
-			children: [t19, t21]
+			...otherFieldProps,
+			mods: t20,
+			children: [t21, t23]
 		});
-		$[81] = isHidden;
-		$[82] = mergedFieldProps;
-		$[83] = mods;
-		$[84] = ref;
-		$[85] = t18;
-		$[86] = t19;
-		$[87] = t21;
-		$[88] = t22;
-	} else t22 = $[88];
-	let t23;
-	if ($[89] !== children || $[90] !== t22) {
-		t23 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t22, children] });
-		$[89] = children;
-		$[90] = t22;
-		$[91] = t23;
-	} else t23 = $[91];
-	return t23;
+		$[89] = isHidden;
+		$[90] = otherFieldProps;
+		$[91] = ref;
+		$[92] = t19;
+		$[93] = t20;
+		$[94] = t21;
+		$[95] = t23;
+		$[96] = t24;
+	} else t24 = $[96];
+	let t25;
+	if ($[97] !== children || $[98] !== t24) {
+		t25 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t24, children] });
+		$[97] = children;
+		$[98] = t24;
+		$[99] = t25;
+	} else t25 = $[99];
+	return t25;
 });
 //#endregion
 export { FieldWrapper };

package/dist/components/form/FieldWrapper/FieldWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldWrapper.js","names":["tasty","forwardRef","VisuallyHidden","useI18n","isDevEnv","mergeProps","wrapNodeIfPlain","InfoBadge","Text","Flex","Space","hasFieldContent","Label","NecessityIndicatorMark","warnAboutLegacyTooltip","getValidationMods","getFieldDescriptionId","getFieldMessageId","useFieldTextId","CubeFieldWrapperProps","FieldElement","qa","styles","display","width","gridColumns","gap","placeItems","placeContent","LabelArea","margin","InputArea","flow","gridColumn","displayName","MessageElement","preset","color","invalid","valid","disabled","textAlign","userSelect","DescriptionElement","LabelSuffixElement","FieldWrapper","props","ref","$","_c","as","labelPosition","t0","label","isBare","t1","extra","isRequired","isOptional","isDisabled","labelStyles","necessityIndicator","labelProps","labelRef","fieldProps","message","messageStyles","description","errorMessage","Component","controlId","isInvalid","isValid","requiredMark","t2","labelTooltip","isHidden","labelSuffix","children","undefined","t","showRequiredMark","showOptionalNote","t3","optionalNote","t4","hasLabel","t5","labelComponent","displayMessage","isErrorMessage","t6","isMessageShown","t7","descriptionId","t8","messageId","t9","t10","createDescriptionComponent","isDescriptionBesideInput","descriptionForLabel","t11","descriptionForInput","t12","t13","t14","t15","t16","mods","t17","mergedFieldProps","t18","t19","t20","t21","t22","t23","_c","Label","Text","mergeProps"],"sources":["../../../../src/components/form/FieldWrapper/FieldWrapper.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { VisuallyHidden } from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react/index';\nimport { InfoBadge } from '../../content/InfoBadge';\nimport { Text } from '../../content/Text';\nimport { Flex } from '../../layout/Flex';\nimport { Space } from '../../layout/Space';\nimport { hasFieldContent } from '../field-chrome';\nimport { Label, NecessityIndicatorMark } from '../Label';\nimport { warnAboutLegacyTooltip } from '../legacy-tooltip';\nimport { getValidationMods } from '../validation/index';\n\nimport {\n  getFieldDescriptionId,\n  getFieldMessageId,\n  useFieldTextId,\n} from './field-description';\nimport { CubeFieldWrapperProps } from './types';\n\nconst FieldElement = tasty({\n  qa: 'Field',\n  styles: {\n    display: 'grid',\n    width: 'auto',\n    gridColumns: {\n      '': 'minmax(0, 1fr)',\n      'has-sider': '($full-label-width, auto) minmax(0, 1fr)',\n      'has-split': 'auto auto',\n    },\n    gap: 0,\n    placeItems: {\n      '': 'baseline stretch',\n      'has-split': 'center',\n    },\n    placeContent: {\n      '': 'initial',\n      'has-split': 'space-between',\n    },\n    '$full-label-width': '($label-width + 1x)',\n\n    LabelArea: {\n      display: 'block',\n      width: {\n        '': 'initial',\n        'has-sider': '$label-width',\n      },\n      margin: {\n        '': '1x bottom',\n        'has-sider': '1x right',\n        'has-split': '1x right',\n        ':empty': '0',\n      },\n    },\n\n    InputArea: {\n      display: 'block',\n      flow: 'column',\n      gap: '.5x',\n      gridColumn: {\n        '': 'initial',\n        'has-sider': 2,\n        'has-split': 2,\n      },\n    },\n  },\n});\n\nif (isDevEnv()) {\n  FieldElement.displayName = 'FieldWrapperElement';\n}\n\nconst MessageElement = tasty({\n  qa: 'FieldMessage',\n  styles: {\n    preset: 't4',\n    color: {\n      '': '#dark-02',\n      invalid: '#danger-text',\n      valid: '#success-text',\n      disabled: '#dark.40',\n    },\n    textAlign: 'left',\n    userSelect: 'none',\n  },\n});\n\nconst DescriptionElement = tasty({\n  qa: 'FieldDescription',\n  styles: {\n    preset: 't4',\n    color: '#dark-03',\n    textAlign: 'left',\n    userSelect: 'none',\n  },\n});\n\n/**\n * A flex box, not a block: in a block an inline-level suffix such as a `Badge`\n * or a `Tag` sits in a line box whose strut adds a pixel under it, so the label\n * row grew from 20px to 21px and its field stepped down out of line. Only a\n * single element is a direct flex item; mixed content is wrapped in a `<span>`,\n * because a flex box drops the whitespace between its items.\n */\nconst LabelSuffixElement = tasty({\n  styles: {\n    display: 'flex',\n    placeItems: 'center',\n  },\n});\n\n/**\n * A wrapper for form fields to provide additional decoration for inputs.\n * @internal Do not use this component directly.\n */\nexport const FieldWrapper = forwardRef(function FieldWrapper(\n  props: CubeFieldWrapperProps,\n  ref,\n) {\n  const {\n    as,\n    labelPosition = 'top',\n    label,\n    isBare = false,\n    extra,\n    styles,\n    isRequired,\n    isOptional,\n    isDisabled,\n    labelStyles,\n    necessityIndicator,\n    labelProps,\n    labelRef,\n    fieldProps,\n    message,\n    messageStyles,\n    description,\n    errorMessage,\n    Component,\n    controlId,\n    isInvalid,\n    isValid,\n    requiredMark = true,\n    labelTooltip,\n    isHidden,\n    labelSuffix,\n    children,\n  } = props;\n\n  const { t } = useI18n();\n\n  warnAboutLegacyTooltip(props);\n\n  // `requiredMark={false}` drops the required marker, but the field is still\n  // required — so the optional note has to keep losing to it rather than\n  // stepping into the gap and labelling a required field optional.\n  const showRequiredMark = !!requiredMark && !!isRequired;\n  const showOptionalNote = !isRequired && !!isOptional;\n\n  // The `aria-label` below is what the input is named by, so it shadows the\n  // label's own content — including the `(optional)` note, which is the only\n  // thing saying the field is optional. A required field needs no such help:\n  // `aria-required` on the input already announces it.\n  const optionalNote = showOptionalNote\n    ? t('form.optional', '(optional)')\n    : null;\n\n  const hasLabel = hasFieldContent(label);\n  const labelComponent = hasLabel ? (\n    <Label\n      as={as === 'label' ? 'div' : 'label'}\n      styles={labelStyles}\n      labelPosition={labelPosition}\n      isRequired={showRequiredMark}\n      isOptional={showOptionalNote}\n      isDisabled={isDisabled}\n      necessityIndicator={necessityIndicator}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      aria-label={\n        typeof label === 'string'\n          ? optionalNote\n            ? `${label} ${optionalNote}`\n            : label\n          : undefined\n      }\n      // Before `labelProps`, so a `ref` passed there still wins.\n      ref={labelRef}\n      {...labelProps}\n    >\n      <Flex placeContent=\"baseline space-between\" width=\"100%\">\n        <Space placeItems=\"center\" gap=\"0.75x\">\n          <div>\n            {label}\n            {/*\n              `Label` can only append the marker itself when its child is plain\n              text, and the tree below is not — so it is placed here, against\n              the label text, rather than after the full-width `Flex`.\n            */}\n            <NecessityIndicatorMark\n              isRequired={showRequiredMark}\n              isOptional={showOptionalNote}\n              necessityIndicator={necessityIndicator}\n            />\n          </div>\n\n          {labelTooltip ? <InfoBadge tooltip={labelTooltip} /> : null}\n\n          {labelSuffix ? (\n            <LabelSuffixElement>\n              {wrapNodeIfPlain(labelSuffix, () => (\n                <span>{labelSuffix}</span>\n              ))}\n            </LabelSuffixElement>\n          ) : null}\n        </Space>\n\n        {extra && <Text preset=\"t3\">{extra}</Text>}\n      </Flex>\n    </Label>\n  ) : null;\n\n  const displayMessage = errorMessage !== undefined ? errorMessage : message;\n  const isErrorMessage = errorMessage !== undefined;\n  const isMessageShown =\n    !isBare && !isDisabled && hasFieldContent(displayMessage);\n\n  // An id only on what is actually rendered, registered for the control's\n  // `aria-describedby` — see `useFieldDescribedBy`.\n  const descriptionId =\n    controlId && !isBare && hasFieldContent(description)\n      ? getFieldDescriptionId(controlId)\n      : undefined;\n  const messageId =\n    controlId && isMessageShown ? getFieldMessageId(controlId) : undefined;\n\n  useFieldTextId(descriptionId);\n  useFieldTextId(messageId);\n\n  if (isBare) {\n    return (\n      <>\n        {hasLabel ? (\n          <VisuallyHidden>\n            <Label ref={labelRef} {...labelProps}>\n              {label}\n              {optionalNote ? <> {optionalNote}</> : null}\n            </Label>\n          </VisuallyHidden>\n        ) : null}\n        {Component}\n        {children}\n      </>\n    );\n  }\n\n  // Create description component with proper styling\n  const createDescriptionComponent = () => {\n    if (!hasFieldContent(description)) return null;\n\n    return (\n      <DescriptionElement id={descriptionId} data-element=\"Description\">\n        {wrapNodeIfPlain(description, () => (\n          <span>{description}</span>\n        ))}\n      </DescriptionElement>\n    );\n  };\n\n  // A side or split label carries the description in its column. Without a\n  // label, that column is empty and the description would read as the label,\n  // so it goes under the input.\n  const isDescriptionBesideInput =\n    hasLabel && (labelPosition === 'side' || labelPosition === 'split');\n  const descriptionForLabel = isDescriptionBesideInput\n    ? createDescriptionComponent()\n    : null;\n  const descriptionForInput = !isDescriptionBesideInput\n    ? createDescriptionComponent()\n    : null;\n\n  const mods = {\n    'has-sider': hasLabel && labelPosition === 'side',\n    'has-split': hasLabel && labelPosition === 'split',\n    'has-description': hasFieldContent(description),\n    ...getValidationMods({ isInvalid, isValid }),\n  };\n\n  // Merge fieldProps with styles to ensure both are applied\n  const mergedFieldProps = styles\n    ? mergeProps(fieldProps, { styles })\n    : fieldProps;\n\n  return (\n    <>\n      <FieldElement\n        ref={ref}\n        as={as ?? 'div'}\n        mods={mods}\n        isHidden={isHidden}\n        {...mergedFieldProps}\n      >\n        {labelComponent ? (\n          <div data-element=\"LabelArea\">\n            {labelComponent}\n            {descriptionForLabel}\n          </div>\n        ) : null}\n        <div data-element=\"InputArea\">\n          {Component}\n          {descriptionForInput}\n          {isMessageShown && (\n            <MessageElement\n              id={messageId}\n              mods={{\n                ...mods,\n                // Force invalid state for errorMessage regardless of the validation state\n                invalid: isErrorMessage || !!isInvalid,\n              }}\n              styles={messageStyles}\n              role={isErrorMessage || isInvalid ? 'alert' : undefined}\n            >\n              {displayMessage}\n            </MessageElement>\n          )}\n        </div>\n      </FieldElement>\n      {children}\n    </>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,MAAMoB,eAAepB,MAAM;CACzBqB,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,OAAO;EACPC,aAAa;GACX,IAAI;GACJ,aAAa;GACb,aAAa;EACf;EACAC,KAAK;EACLC,YAAY;GACV,IAAI;GACJ,aAAa;EACf;EACAC,cAAc;GACZ,IAAI;GACJ,aAAa;EACf;EACA,qBAAqB;EAErBC,WAAW;GACTN,SAAS;GACTC,OAAO;IACL,IAAI;IACJ,aAAa;GACf;GACAM,QAAQ;IACN,IAAI;IACJ,aAAa;IACb,aAAa;IACb,UAAU;GACZ;EACF;EAEAC,WAAW;GACTR,SAAS;GACTS,MAAM;GACNN,KAAK;GACLO,YAAY;IACV,IAAI;IACJ,aAAa;IACb,aAAa;GACf;EACF;CACF;AACF,CAAC;AAED,IAAI7B,SAAS,GACXgB,aAAac,cAAc;AAG7B,MAAMC,iBAAiBnC,MAAM;CAC3BqB,IAAI;CACJC,QAAQ;EACNc,QAAQ;EACRC,OAAO;GACL,IAAI;GACJC,SAAS;GACTC,OAAO;GACPC,UAAU;EACZ;EACAC,WAAW;EACXC,YAAY;CACd;AACF,CAAC;AAED,MAAMC,qBAAqB3C,MAAM;CAC/BqB,IAAI;CACJC,QAAQ;EACNc,QAAQ;EACRC,OAAO;EACPI,WAAW;EACXC,YAAY;CACd;AACF,CAAC;;;;;;;;AASD,MAAME,qBAAqB5C,MAAM,EAC/BsB,QAAQ;CACNC,SAAS;CACTI,YAAY;AACd,EACF,CAAC;;;;;AAMD,MAAakB,eAAe5C,WAAW,SAAA4C,aAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAIrC,MAAA,EAAAC,IAAAC,eAAAC,IAAAC,OAAAC,QAAAC,IAAAC,OAAAlC,QAAAmC,YAAAC,YAAAC,YAAAC,aAAAC,oBAAAC,YAAAC,UAAAC,YAAAC,SAAAC,eAAAC,aAAAC,cAAAC,WAAAC,WAAAC,WAAAC,SAAAC,cAAAC,IAAAC,cAAAC,UAAAC,aAAAC,aA4BIhC;CA1BF,MAAAK,gBAAAC,OAAA2B,KAAAA,IAAA,QAAA3B;CAEA,MAAAE,SAAAC,OAAAwB,KAAAA,IAAA,QAAAxB;CAmBA,MAAAkB,eAAAC,OAAAK,KAAAA,IAAA,OAAAL;CAOF,MAAA,EAAAM,MAAc7E,QAAQ;CAEtBW,uBAAuBgC,KAAK;CAK5B,MAAAmC,mBAAyB,CAAC,CAACR,gBAAF,CAAmB,CAAChB;CAC7C,MAAAyB,mBAAyB,CAACzB,cAAD,CAAgB,CAACC;CAAW,IAAAyB;CAAA,IAAAnC,EAAA,OAAAkC,oBAAAlC,EAAA,OAAAgC,GAAA;EAMhCG,KAAAD,mBACjBF,EAAE,iBAAiB,YAChB,IAFc;EAEbhC,EAAA,KAAAkC;EAAAlC,EAAA,KAAAgC;EAAAhC,EAAA,KAAAmC;CAAA,OAAAA,KAAAnC,EAAA;CAFR,MAAAoC,eAAqBD;CAEZ,IAAAE;CAAA,IAAArC,EAAA,OAAAK,OAAA;EAEQgC,KAAA1E,gBAAgB0C,KAAK;EAACL,EAAA,KAAAK;EAAAL,EAAA,KAAAqC;CAAA,OAAAA,KAAArC,EAAA;CAAvC,MAAAsC,WAAiBD;CAAuB,IAAAE;CAAA,IAAAvC,EAAA,OAAAE,MAAAF,EAAA,OAAAQ,SAAAR,EAAA,OAAAsC,YAAAtC,EAAA,OAAAW,cAAAX,EAAA,OAAAuB,aAAAvB,EAAA,QAAAwB,WAAAxB,EAAA,QAAAK,SAAAL,EAAA,QAAAG,iBAAAH,EAAA,QAAAc,cAAAd,EAAA,QAAAe,YAAAf,EAAA,QAAAY,eAAAZ,EAAA,QAAA6B,eAAA7B,EAAA,QAAA2B,gBAAA3B,EAAA,QAAAa,sBAAAb,EAAA,QAAAoC,gBAAApC,EAAA,QAAAkC,oBAAAlC,EAAA,QAAAiC,kBAAA;EACjBM,KAAAD,WACrB,oBAACiC,QAAD;GACM,IAAArE,OAAO,UAAP,QAAA;GACIU,QAAAA;GACOT;GACH8B,YAAAA;GACAC,YAAAA;GACAvB;GACQE;GACTU;GACFC;GAEP,cAAA,OAAOnB,UAAU,WACb+B,eAAA,GACK/B,MAAK,GAAI+B,iBADd/B,QADJ0B,KAAAA;GAOGhB,KAAAA;GAAQ,GACTD;GAEJ,UAAA,qBAAC,MAAD;IAAmB,cAAA;IAA+B,OAAA;IAAlD,UAAA,CACE,qBAAC,OAAD;KAAkB,YAAA;KAAa,KAAA;KAA/B,UAAA;MACE,qBAAA,OAAA,EAAA,UAAA,CACGT,OAMD,oBAAC,wBAAD;OACc4B,YAAAA;OACAC,YAAAA;OACQrB;MAAkB,CAAA,CAEpC,EAAA,CAAA;MAELc,eAAe,oBAAC,WAAD,EAAoBA,SAAAA,aAAY,CAAA,IAA/C;MAEAE,cACC,oBAAC,oBAAD,EAAA,UACGvE,gBAAgBuE,mBACf,oBAAA,QAAA,EAAA,UAAOA,YAAmB,CAAA,CAC3B,EAHgB,CAAA,IADpB;KAjBG;IA0BLrB,CAAAA,GAAAA,SAAS,oBAACgE,OAAD;KAAa,QAAA;KAAMhE,UAAAA;IAAd,CAAA,CA3BZ;;EArBD,CAAA,IADe;EAoDfR,EAAA,KAAAE;EAAAF,EAAA,KAAAQ;EAAAR,EAAA,KAAAsC;EAAAtC,EAAA,KAAAW;EAAAX,EAAA,KAAAuB;EAAAvB,EAAA,MAAAwB;EAAAxB,EAAA,MAAAK;EAAAL,EAAA,MAAAG;EAAAH,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAY;EAAAZ,EAAA,MAAA6B;EAAA7B,EAAA,MAAA2B;EAAA3B,EAAA,MAAAa;EAAAb,EAAA,MAAAoC;EAAApC,EAAA,MAAAkC;EAAAlC,EAAA,MAAAiC;EAAAjC,EAAA,MAAAuC;CAAA,OAAAA,KAAAvC,EAAA;CApDR,MAAAwC,iBAAuBD;CAsDvB,MAAAE,iBAAuBrB,iBAAiBW,KAAAA,IAAjBX,eAAAH;CACvB,MAAAyB,iBAAuBtB,iBAAiBW,KAAAA;CAAU,IAAAY;CAAA,IAAA3C,EAAA,QAAAyC,kBAAAzC,EAAA,QAAAM,UAAAN,EAAA,QAAAW,YAAA;EAEhDgC,KAAA,CAACrC,UAAD,CAAYK,cAAchD,gBAAgB8E,cAAc;EAACzC,EAAA,MAAAyC;EAAAzC,EAAA,MAAAM;EAAAN,EAAA,MAAAW;EAAAX,EAAA,MAAA2C;CAAA,OAAAA,KAAA3C,EAAA;CAD3D,MAAA4C,iBACED;CAA0D,IAAAE;CAAA,IAAA7C,EAAA,QAAAsB,aAAAtB,EAAA,QAAAmB,eAAAnB,EAAA,QAAAM,QAAA;EAK1DuC,KAAAvB,aAAA,CAAchB,UAAU3C,gBAAgBwD,WAAW,IAC/CnD,sBAAsBsD,SACd,IAFZS,KAAAA;EAEa/B,EAAA,MAAAsB;EAAAtB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAM;EAAAN,EAAA,MAAA6C;CAAA,OAAAA,KAAA7C,EAAA;CAHf,MAAA8C,gBACED;CAEc,IAAAE;CAAA,IAAA/C,EAAA,QAAAsB,aAAAtB,EAAA,QAAA4C,gBAAA;EAEdG,KAAAzB,aAAAsB,iBAA8B3E,kBAAkBqD,SAAqB,IAArES,KAAAA;EAAsE/B,EAAA,MAAAsB;EAAAtB,EAAA,MAAA4C;EAAA5C,EAAA,MAAA+C;CAAA,OAAAA,KAAA/C,EAAA;CADxE,MAAAgD,YACED;CAEF7E,eAAe4E,aAAa;CAC5B5E,eAAe8E,SAAS;CAExB,IAAI1C,QAAM;EAAA,IAAA2C;EAAA,IAAAjD,EAAA,QAAAsC,YAAAtC,EAAA,QAAAK,SAAAL,EAAA,QAAAc,cAAAd,EAAA,QAAAe,YAAAf,EAAA,QAAAoC,cAAA;GAGHa,KAAAX,WACC,oBAAC,gBAAD,EAAA,UACE,qBAACiC,QAAD;IAAYxD,KAAAA;IAAQ,GAAMD;IAA1B,UAAA,CACGT,OACA+B,eAAA,qBAAA,YAAA,EAAA,UAAA,CAAiB,KAAEA,YAAY,EAAA,CAAA,IAA/B,IAFG;GADO,CAAA,EAAA,CAAA,IADhB;GAOOpC,EAAA,MAAAsC;GAAAtC,EAAA,MAAAK;GAAAL,EAAA,MAAAc;GAAAd,EAAA,MAAAe;GAAAf,EAAA,MAAAoC;GAAApC,EAAA,MAAAiD;EAAA,OAAAA,KAAAjD,EAAA;EAAA,IAAAkD;EAAA,IAAAlD,EAAA,QAAAqB,aAAArB,EAAA,QAAA8B,YAAA9B,EAAA,QAAAiD,IAAA;GARVC,MAAA,qBAAA,YAAA,EAAA,UAAA;IACGD;IAQA5B;IACAS;GAAQ,EAAA,CAAA;GACR9B,EAAA,MAAAqB;GAAArB,EAAA,MAAA8B;GAAA9B,EAAA,MAAAiD;GAAAjD,EAAA,MAAAkD;EAAA,OAAAA,MAAAlD,EAAA;EAAA,OAXHkD;CAWG;CAEN,IAAAD;CAAA,IAAAjD,EAAA,QAAAmB,eAAAnB,EAAA,QAAA8C,eAAA;EAGkCG,WAAA;GACjC,IAAI,CAACtF,gBAAgBwD,WAAW,GAAC,OAAS;GAAK,OAG7C,oBAAC,oBAAD;IAAwB2B,IAAAA;IAA4B,gBAAA;IACjDxF,UAAAA,gBAAgB6D,mBACf,oBAAA,QAAA,EAAA,UAAOA,YAAmB,CAAA,CAC3B;GAHgB,CAAA;EAIE;EAExBnB,EAAA,MAAAmB;EAAAnB,EAAA,MAAA8C;EAAA9C,EAAA,MAAAiD;CAAA,OAAAA,KAAAjD,EAAA;CAVD,MAAAmD,6BAAmCF;CAenC,MAAAG,2BACEd,aAAanC,kBAAkB,UAAUA,kBAAkB;CAAS,IAAA+C;CAAA,IAAAlD,EAAA,QAAAmD,8BAAAnD,EAAA,QAAAoD,0BAAA;EAC1CF,MAAAE,2BACxBD,2BACG,IAFqB;EAEpBnD,EAAA,MAAAmD;EAAAnD,EAAA,MAAAoD;EAAApD,EAAA,MAAAkD;CAAA,OAAAA,MAAAlD,EAAA;CAFR,MAAAqD,sBAA4BH;CAEnB,IAAAI;CAAA,IAAAtD,EAAA,QAAAmD,8BAAAnD,EAAA,QAAAoD,0BAAA;EACmBE,MAAA,CAACF,2BACzBD,2BACG,IAFqB;EAEpBnD,EAAA,MAAAmD;EAAAnD,EAAA,MAAAoD;EAAApD,EAAA,MAAAsD;CAAA,OAAAA,MAAAtD,EAAA;CAFR,MAAAuD,sBAA4BD;CAKb,MAAAE,MAAAlB,YAAYnC,kBAAkB;CAC9B,MAAAsD,MAAAnB,YAAYnC,kBAAkB;CAAO,IAAAuD;CAAA,IAAA1D,EAAA,QAAAmB,aAAA;EAC/BuC,MAAA/F,gBAAgBwD,WAAW;EAACnB,EAAA,MAAAmB;EAAAnB,EAAA,MAAA0D;CAAA,OAAAA,MAAA1D,EAAA;CAAA,IAAA2D;CAAA,IAAA3D,EAAA,QAAAuB,aAAAvB,EAAA,QAAAwB,SAAA;EAC5CmC,MAAA5F,kBAAkB;GAAAwD;GAAAC;EAAqB,CAAC;EAACxB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAwB;EAAAxB,EAAA,MAAA2D;CAAA,OAAAA,MAAA3D,EAAA;CAAA,IAAA4D;CAAA,IAAA5D,EAAA,QAAAwD,OAAAxD,EAAA,QAAAyD,OAAAzD,EAAA,QAAA0D,OAAA1D,EAAA,QAAA2D,KAAA;EAJjCC,MAAA;GAAA,aACEJ;GAAoC,aACpCC;GAAqC,mBAC/BC;GAA4B,GAC5CC;EACL;EAAC3D,EAAA,MAAAwD;EAAAxD,EAAA,MAAAyD;EAAAzD,EAAA,MAAA0D;EAAA1D,EAAA,MAAA2D;EAAA3D,EAAA,MAAA4D;CAAA,OAAAA,MAAA5D,EAAA;CALD,MAAA6D,OAAaD;CAKX,IAAAE;CAAA,IAAA9D,EAAA,QAAAgB,cAAAhB,EAAA,QAAA1B,QAAA;EAGuBwF,MAAAxF,SACrBjB,aAAW2D,YAAY,EAAA1C,OAAS,CACvB,IAFY0C;EAEXhB,EAAA,MAAAgB;EAAAhB,EAAA,MAAA1B;EAAA0B,EAAA,MAAA8D;CAAA,OAAAA,MAAA9D,EAAA;CAFd,MAAA+D,mBAAyBD;CAQf,MAAAE,MAAA9D,MAAA;CAAW,IAAA+D;CAAA,IAAAjE,EAAA,QAAAqD,uBAAArD,EAAA,QAAAwC,gBAAA;EAKdyB,MAAAzB,iBACC,qBAAA,OAAA;GAAkB,gBAAA;GAAlB,UAAA,CACGA,gBACAa,mBACG;EAJP,CAAA,IAAA;EAKOrD,EAAA,MAAAqD;EAAArD,EAAA,MAAAwC;EAAAxC,EAAA,MAAAiE;CAAA,OAAAA,MAAAjE,EAAA;CAAA,IAAAkE;CAAA,IAAAlE,EAAA,QAAAyC,kBAAAzC,EAAA,QAAA0C,kBAAA1C,EAAA,QAAAuB,aAAAvB,EAAA,QAAA4C,kBAAA5C,EAAA,QAAAgD,aAAAhD,EAAA,QAAAkB,iBAAAlB,EAAA,QAAA6D,MAAA;EAILK,MAAAtB,kBACC,oBAAC,gBAAD;GACMI,IAAAA;GACE,MAAA;IAAA,GACDa;IAAIvE,SAEEoD,kBAAA,CAAmB,CAACnB;GAC/B;GACQL,QAAAA;GACF,MAAAwB,kBAAAnB,YAAA,UAAAQ,KAAAA;GAELU,UAAAA;EAVY,CAAA;EAYhBzC,EAAA,MAAAyC;EAAAzC,EAAA,MAAA0C;EAAA1C,EAAA,MAAAuB;EAAAvB,EAAA,MAAA4C;EAAA5C,EAAA,MAAAgD;EAAAhD,EAAA,MAAAkB;EAAAlB,EAAA,MAAA6D;EAAA7D,EAAA,MAAAkE;CAAA,OAAAA,MAAAlE,EAAA;CAAA,IAAAmE;CAAA,IAAAnE,EAAA,QAAAqB,aAAArB,EAAA,QAAAuD,uBAAAvD,EAAA,QAAAkE,KAAA;EAhBHC,MAAA,qBAAA,OAAA;GAAkB,gBAAA;GAAlB,UAAA;IACG9C;IACAkC;IACAW;GAcG;;EAAAlE,EAAA,MAAAqB;EAAArB,EAAA,MAAAuD;EAAAvD,EAAA,MAAAkE;EAAAlE,EAAA,MAAAmE;CAAA,OAAAA,MAAAnE,EAAA;CAAA,IAAAoE;CAAA,IAAApE,EAAA,QAAA4B,YAAA5B,EAAA,QAAA+D,oBAAA/D,EAAA,QAAA6D,QAAA7D,EAAA,QAAAD,OAAAC,EAAA,QAAAgE,OAAAhE,EAAA,QAAAiE,OAAAjE,EAAA,QAAAmE,KAAA;EA9BRC,MAAA,qBAAC,cAAD;GACOrE;GACD,IAAAiE;GACEH;GACIjC;GAAQ,GACdmC;GALN,UAAA,CAOGE,KAMDE,GAbW;;EA+BEnE,EAAA,MAAA4B;EAAA5B,EAAA,MAAA+D;EAAA/D,EAAA,MAAA6D;EAAA7D,EAAA,MAAAD;EAAAC,EAAA,MAAAgE;EAAAhE,EAAA,MAAAiE;EAAAjE,EAAA,MAAAmE;EAAAnE,EAAA,MAAAoE;CAAA,OAAAA,MAAApE,EAAA;CAAA,IAAAqE;CAAA,IAAArE,EAAA,QAAA8B,YAAA9B,EAAA,QAAAoE,KAAA;EAhCjBC,MAAA,qBAAA,YAAA,EAAA,UAAA,CACED,KAgCCtC,QAAQ,EAAA,CAAA;EACR9B,EAAA,MAAA8B;EAAA9B,EAAA,MAAAoE;EAAApE,EAAA,MAAAqE;CAAA,OAAAA,MAAArE,EAAA;CAAA,OAlCHqE;AAkCG,CAEN"}
+{"version":3,"file":"FieldWrapper.js","names":["tasty","forwardRef","VisuallyHidden","useI18n","isDevEnv","mergeProps","wrapNodeIfPlain","InfoBadge","Text","Flex","Space","hasFieldContent","Label","NecessityIndicatorMark","warnAboutLegacyTooltip","getValidationMods","getFieldDescriptionId","getFieldMessageId","useFieldTextId","CubeFieldWrapperProps","Props","FieldElement","qa","styles","display","width","gridColumns","gap","placeItems","placeContent","gridRows","height","LabelArea","margin","InputArea","flow","gridAutoRows","gridColumn","gridRow","displayName","MessageElement","preset","color","invalid","valid","disabled","textAlign","userSelect","DescriptionElement","LabelSuffixElement","FieldWrapper","props","ref","$","_c","as","labelPosition","t0","label","isBare","t1","extra","isRequired","isOptional","isDisabled","labelStyles","necessityIndicator","labelProps","labelRef","fieldProps","message","messageStyles","description","errorMessage","Component","controlId","isInvalid","isValid","requiredMark","t2","labelTooltip","isHidden","labelSuffix","children","undefined","t","showRequiredMark","showOptionalNote","t3","optionalNote","t4","hasLabel","t5","labelComponent","displayMessage","isErrorMessage","t6","isMessageShown","t7","descriptionId","t8","messageId","t9","t10","createDescriptionComponent","isDescriptionBesideInput","descriptionForLabel","t11","descriptionForInput","t12","t13","t14","t15","t16","mods","t17","mergedFieldProps","t18","fieldMods","otherFieldProps","t19","t20","t21","t22","t23","t24","t25","_c","Label","Text","mergeProps"],"sources":["../../../../src/components/form/FieldWrapper/FieldWrapper.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { VisuallyHidden } from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react/index';\nimport { InfoBadge } from '../../content/InfoBadge';\nimport { Text } from '../../content/Text';\nimport { Flex } from '../../layout/Flex';\nimport { Space } from '../../layout/Space';\nimport { hasFieldContent } from '../field-chrome';\nimport { Label, NecessityIndicatorMark } from '../Label';\nimport { warnAboutLegacyTooltip } from '../legacy-tooltip';\nimport { getValidationMods } from '../validation/index';\n\nimport {\n  getFieldDescriptionId,\n  getFieldMessageId,\n  useFieldTextId,\n} from './field-description';\nimport { CubeFieldWrapperProps } from './types';\n\nimport type { Props } from '../../../props';\n\nconst FieldElement = tasty({\n  qa: 'Field',\n  styles: {\n    display: 'grid',\n    width: 'auto',\n    gridColumns: {\n      '': 'minmax(0, 1fr)',\n      'has-sider': '($full-label-width, auto) minmax(0, 1fr)',\n      'has-split': 'auto auto',\n    },\n    gap: 0,\n    placeItems: {\n      '': 'baseline stretch',\n      'has-split': 'center',\n    },\n    // A sized field that its row stretches keeps its rows packed at the top,\n    // so its input stays under its label, level with its neighbours'. Under\n    // `fill-height` the input's `1sf` row takes the height anyway. A split\n    // field has one row, which `space-between` never stretches.\n    placeContent: {\n      '': 'initial',\n      'fill-width | fill-height': 'start normal',\n      'has-split': 'space-between',\n    },\n    // An input's style props that size the field set `fill-width` /\n    // `fill-height` (`splitFieldLayout`). Under `fill-height` the input's row\n    // takes what the label and texts leave; the last explicit row is the\n    // input's, beside a side or split label and under a top one.\n    gridRows: {\n      '': false,\n      'fill-height': 'max-content 1sf',\n      'fill-height & (has-sider | has-split)': '1sf',\n    },\n    // A field that grows in a flex column can shrink below its content. A\n    // caller's `height` replaces the whole value, minimum included; the style\n    // props pass `blockSize` as `height`.\n    height: { '': false, 'fill-height': 'min 0' },\n    '$full-label-width': '($label-width + 1x)',\n\n    LabelArea: {\n      display: 'block',\n      width: {\n        '': 'initial',\n        'has-sider': '$label-width',\n      },\n      margin: {\n        '': '1x bottom',\n        'has-sider': '1x right',\n        'has-split': '1x right',\n        ':empty': '0',\n      },\n    },\n\n    // Sized, the input area is a one-column grid, so the input is a grid item\n    // and its own CSS decides: an `auto` size stretches to the field, a fixed\n    // or capped one stays. Unsized, it is a block and the input keeps its\n    // natural size, as before.\n    InputArea: {\n      display: {\n        '': 'block',\n        'fill-width | fill-height': 'grid',\n      },\n      flow: {\n        '': 'column',\n        'fill-width | fill-height': 'row',\n      },\n      gap: '.5x',\n      gridColumns: { '': false, 'fill-width | fill-height': '1sf' },\n      gridRows: { '': false, 'fill-height': '1sf' },\n      gridAutoRows: { '': false, 'fill-height': 'max-content' },\n      gridColumn: {\n        '': 'initial',\n        'has-sider': 2,\n        'has-split': 2,\n      },\n      gridRow: { '': false, 'fill-height': -2 },\n      // Not `alignSelf: stretch`: the area stays in the baseline group, so a\n      // side label keeps its baseline and a split label stays centred.\n      height: { '': false, 'fill-height': '100%' },\n    },\n  },\n});\n\nif (isDevEnv()) {\n  FieldElement.displayName = 'FieldWrapperElement';\n}\n\nconst MessageElement = tasty({\n  qa: 'FieldMessage',\n  styles: {\n    preset: 't4',\n    color: {\n      '': '#dark-02',\n      invalid: '#danger-text',\n      valid: '#success-text',\n      disabled: '#dark.40',\n    },\n    textAlign: 'left',\n    userSelect: 'none',\n  },\n});\n\nconst DescriptionElement = tasty({\n  qa: 'FieldDescription',\n  styles: {\n    preset: 't4',\n    color: '#dark-03',\n    textAlign: 'left',\n    userSelect: 'none',\n  },\n});\n\n/**\n * A flex box, not a block: in a block an inline-level suffix such as a `Badge`\n * or a `Tag` sits in a line box whose strut adds a pixel under it, so the label\n * row grew from 20px to 21px and its field stepped down out of line. Only a\n * single element is a direct flex item; mixed content is wrapped in a `<span>`,\n * because a flex box drops the whitespace between its items.\n */\nconst LabelSuffixElement = tasty({\n  styles: {\n    display: 'flex',\n    placeItems: 'center',\n  },\n});\n\n/**\n * A wrapper for form fields to provide additional decoration for inputs.\n * @internal Do not use this component directly.\n */\nexport const FieldWrapper = forwardRef(function FieldWrapper(\n  props: CubeFieldWrapperProps,\n  ref,\n) {\n  const {\n    as,\n    labelPosition = 'top',\n    label,\n    isBare = false,\n    extra,\n    styles,\n    isRequired,\n    isOptional,\n    isDisabled,\n    labelStyles,\n    necessityIndicator,\n    labelProps,\n    labelRef,\n    fieldProps,\n    message,\n    messageStyles,\n    description,\n    errorMessage,\n    Component,\n    controlId,\n    isInvalid,\n    isValid,\n    requiredMark = true,\n    labelTooltip,\n    isHidden,\n    labelSuffix,\n    children,\n  } = props;\n\n  const { t } = useI18n();\n\n  warnAboutLegacyTooltip(props);\n\n  // `requiredMark={false}` drops the required marker, but the field is still\n  // required — so the optional note has to keep losing to it rather than\n  // stepping into the gap and labelling a required field optional.\n  const showRequiredMark = !!requiredMark && !!isRequired;\n  const showOptionalNote = !isRequired && !!isOptional;\n\n  // The `aria-label` below is what the input is named by, so it shadows the\n  // label's own content — including the `(optional)` note, which is the only\n  // thing saying the field is optional. A required field needs no such help:\n  // `aria-required` on the input already announces it.\n  const optionalNote = showOptionalNote\n    ? t('form.optional', '(optional)')\n    : null;\n\n  const hasLabel = hasFieldContent(label);\n  const labelComponent = hasLabel ? (\n    <Label\n      as={as === 'label' ? 'div' : 'label'}\n      styles={labelStyles}\n      labelPosition={labelPosition}\n      isRequired={showRequiredMark}\n      isOptional={showOptionalNote}\n      isDisabled={isDisabled}\n      necessityIndicator={necessityIndicator}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      aria-label={\n        typeof label === 'string'\n          ? optionalNote\n            ? `${label} ${optionalNote}`\n            : label\n          : undefined\n      }\n      // Before `labelProps`, so a `ref` passed there still wins.\n      ref={labelRef}\n      {...labelProps}\n    >\n      <Flex placeContent=\"baseline space-between\" width=\"100%\">\n        <Space placeItems=\"center\" gap=\"0.75x\">\n          <div>\n            {label}\n            {/*\n              `Label` can only append the marker itself when its child is plain\n              text, and the tree below is not — so it is placed here, against\n              the label text, rather than after the full-width `Flex`.\n            */}\n            <NecessityIndicatorMark\n              isRequired={showRequiredMark}\n              isOptional={showOptionalNote}\n              necessityIndicator={necessityIndicator}\n            />\n          </div>\n\n          {labelTooltip ? <InfoBadge tooltip={labelTooltip} /> : null}\n\n          {labelSuffix ? (\n            <LabelSuffixElement>\n              {wrapNodeIfPlain(labelSuffix, () => (\n                <span>{labelSuffix}</span>\n              ))}\n            </LabelSuffixElement>\n          ) : null}\n        </Space>\n\n        {extra && <Text preset=\"t3\">{extra}</Text>}\n      </Flex>\n    </Label>\n  ) : null;\n\n  const displayMessage = errorMessage !== undefined ? errorMessage : message;\n  const isErrorMessage = errorMessage !== undefined;\n  const isMessageShown =\n    !isBare && !isDisabled && hasFieldContent(displayMessage);\n\n  // An id only on what is actually rendered, registered for the control's\n  // `aria-describedby` — see `useFieldDescribedBy`.\n  const descriptionId =\n    controlId && !isBare && hasFieldContent(description)\n      ? getFieldDescriptionId(controlId)\n      : undefined;\n  const messageId =\n    controlId && isMessageShown ? getFieldMessageId(controlId) : undefined;\n\n  useFieldTextId(descriptionId);\n  useFieldTextId(messageId);\n\n  if (isBare) {\n    return (\n      <>\n        {hasLabel ? (\n          <VisuallyHidden>\n            <Label ref={labelRef} {...labelProps}>\n              {label}\n              {optionalNote ? <> {optionalNote}</> : null}\n            </Label>\n          </VisuallyHidden>\n        ) : null}\n        {Component}\n        {children}\n      </>\n    );\n  }\n\n  // Create description component with proper styling\n  const createDescriptionComponent = () => {\n    if (!hasFieldContent(description)) return null;\n\n    return (\n      <DescriptionElement id={descriptionId} data-element=\"Description\">\n        {wrapNodeIfPlain(description, () => (\n          <span>{description}</span>\n        ))}\n      </DescriptionElement>\n    );\n  };\n\n  // A side or split label carries the description in its column. Without a\n  // label, that column is empty and the description would read as the label,\n  // so it goes under the input.\n  const isDescriptionBesideInput =\n    hasLabel && (labelPosition === 'side' || labelPosition === 'split');\n  const descriptionForLabel = isDescriptionBesideInput\n    ? createDescriptionComponent()\n    : null;\n  const descriptionForInput = !isDescriptionBesideInput\n    ? createDescriptionComponent()\n    : null;\n\n  const mods = {\n    'has-sider': hasLabel && labelPosition === 'side',\n    'has-split': hasLabel && labelPosition === 'split',\n    'has-description': hasFieldContent(description),\n    ...getValidationMods({ isInvalid, isValid }),\n  };\n\n  // Merge fieldProps with styles to ensure both are applied\n  const mergedFieldProps: Props | undefined = styles\n    ? mergeProps(fieldProps, { styles })\n    : fieldProps;\n  // Mods merge key by key: a caller's `fieldProps.mods` (or the fill mods an\n  // input's style props set) adds to the computed ones instead of replacing\n  // `has-sider` and the validation state.\n  const { mods: fieldMods, ...otherFieldProps } = mergedFieldProps ?? {};\n\n  return (\n    <>\n      <FieldElement\n        ref={ref}\n        as={as ?? 'div'}\n        isHidden={isHidden}\n        {...otherFieldProps}\n        mods={fieldMods ? { ...mods, ...fieldMods } : mods}\n      >\n        {labelComponent ? (\n          <div data-element=\"LabelArea\">\n            {labelComponent}\n            {descriptionForLabel}\n          </div>\n        ) : null}\n        <div data-element=\"InputArea\">\n          {Component}\n          {descriptionForInput}\n          {isMessageShown && (\n            <MessageElement\n              id={messageId}\n              mods={{\n                ...mods,\n                // Force invalid state for errorMessage regardless of the validation state\n                invalid: isErrorMessage || !!isInvalid,\n              }}\n              styles={messageStyles}\n              role={isErrorMessage || isInvalid ? 'alert' : undefined}\n            >\n              {displayMessage}\n            </MessageElement>\n          )}\n        </div>\n      </FieldElement>\n      {children}\n    </>\n  );\n});\n"],"mappings":"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"}

package/dist/components/form/FieldWrapper/field-description.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { c } from "react/compiler-runtime";
 import { useSyncExternalStore } from "react";

package/dist/components/form/Form/Field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { warn } from "../../../utils/warnings.js";
 import { useValidationProps } from "../validation/use-validation-props.js";

package/dist/components/form/Form/Form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.203.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";