@cube-dev/ui-kit 0.196.0 → 0.198.0

package/dist/components/fields/TagInput/TagList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.js","names":["Key","Node","mergeStyles","Styles","tasty","KeyboardEvent","RefObject","useRef","useFocusRing","useId","useTag","useTagGroup","Item","ListState","useListState","useI18n","CloseIcon","mergeProps","ItemAction","CubeTagProps","Tag","TagListEntry","key","label","invalidMessage","tagProps","Partial","isDisabled","TagListProps","qa","id","tags","size","isReadOnly","onRemove","keys","styles","tagStyles","listRef","HTMLDivElement","inputRef","HTMLInputElement","TagListElement","display","flow","gap","placeItems","outline","TagRowElement","minWidth","maxWidth","radius","focused","outlineOffset","transition","cursor","TagRowProps","item","state","TagRow","t0","$","_c","t","ref","t1","rowProps","gridCellProps","removeButtonProps","allowsRemoving","isFocusVisible","focusProps","invalidId","entry","value","t2","disabledKeys","has","isTagDisabled","canRemove","t3","otherTagProps","ownTagStyles","tagChildren","tagTheme","theme","t4","t5","children","t6","_isDisabled","t7","filter","Boolean","join","undefined","describedBy","e","repeat","preventDefault","onKeyDown","handleKeyDown","t8","t9","t10","t11","color","onPress","t12","t13","t14","TagList","props","localRef","tag","map","_temp","items","_temp2","String","gridProps","onGridKeyDownCapture","otherGridProps","onKeyDownCapture","input","current","isPrintable","length","ctrlKey","metaKey","altKey","disabled","nativeEvent","isComposing","stopPropagation","focus","handleKeyDownCapture","tabIndex","collection","tag_0"],"sources":["../../../../src/components/fields/TagInput/TagList.tsx"],"sourcesContent":["import { Key, Node } from '@react-types/shared';\nimport { mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport { KeyboardEvent, RefObject, useRef } from 'react';\nimport { useFocusRing, useId, useTag, useTagGroup } from 'react-aria';\nimport { Item, ListState, useListState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { CubeTagProps, Tag } from '../../content/Tag/Tag';\n\n/** One chip as the list renders it. */\nexport interface TagListEntry {\n  /** The value the chip stands for. Also its collection key. */\n  key: string;\n  /** The text shown on the chip. */\n  label: string;\n  /**\n   * Why the value failed `validateTag`, when it did. Paints the chip in the\n   * danger theme and becomes part of its description.\n   */\n  invalidMessage?: string;\n  /** Extra props for this chip's `Tag`, from the `tagProps` callback. */\n  tagProps?: Partial<CubeTagProps>;\n  /** Whether the chip is locked: it cannot be focused or removed. */\n  isDisabled?: boolean;\n}\n\nexport interface TagListProps {\n  qa?: string;\n  id?: string;\n  'aria-label': string;\n  /** The field's label, read after `aria-label`. */\n  'aria-labelledby'?: string;\n  tags: TagListEntry[];\n  size: CubeTagProps['size'];\n  isDisabled?: boolean;\n  /** Read-only chips render without a remove button and ignore Delete/Backspace. */\n  isReadOnly?: boolean;\n  onRemove: (keys: string[]) => void;\n  styles?: Styles;\n  tagStyles?: Styles;\n  listRef?: RefObject<HTMLDivElement | null>;\n  /** The field's input, which Escape and typing on a chip return to. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n}\n\nconst TagListElement = tasty({\n  qa: 'TagInputTags',\n  styles: {\n    display: 'flex',\n    flow: 'row wrap',\n    gap: '.5x',\n    placeItems: 'center start',\n    outline: 0,\n  },\n});\n\n// The focusable grid row. The chip inside it keeps its own look; the row only\n// contributes the focus ring, drawn on the chip's own radius.\nconst TagRowElement = tasty({\n  qa: 'TagInputTag',\n  styles: {\n    display: 'inline-flex',\n    minWidth: 0,\n    maxWidth: '100%',\n    radius: true,\n    outline: {\n      '': '0 #primary-accent-text.0',\n      focused: '1bw #primary-accent-text',\n    },\n    outlineOffset: 1,\n    transition: 'theme',\n    cursor: 'default',\n  },\n});\n\ninterface TagRowProps {\n  item: Node<TagListEntry>;\n  state: ListState<TagListEntry>;\n  size: CubeTagProps['size'];\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  tagStyles?: Styles;\n}\n\nfunction TagRow({\n  item,\n  state,\n  size,\n  isDisabled,\n  isReadOnly,\n  tagStyles,\n}: TagRowProps) {\n  const { t } = useI18n();\n  const ref = useRef<HTMLDivElement>(null);\n  const { rowProps, gridCellProps, removeButtonProps, allowsRemoving } = useTag(\n    { item },\n    state,\n    ref,\n  );\n  const { isFocusVisible, focusProps } = useFocusRing();\n  const invalidId = useId();\n  const entry = item.value as TagListEntry;\n  const isTagDisabled = isDisabled || state.disabledKeys.has(item.key);\n  const canRemove = allowsRemoving && !isTagDisabled && !isReadOnly;\n  const {\n    theme: tagTheme,\n    styles: ownTagStyles,\n    children: tagChildren,\n    // Locking goes through the list's disabled keys, so the tag group skips\n    // the chip too.\n    isDisabled: _isDisabled,\n    ...otherTagProps\n  } = entry.tagProps ?? {};\n  const describedBy =\n    [rowProps['aria-describedby'], entry.invalidMessage ? invalidId : null]\n      .filter(Boolean)\n      .join(' ') || undefined;\n\n  // The tag group removes on every Delete/Backspace, auto-repeat included: a\n  // key held down would clear the whole list.\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.repeat && (e.key === 'Delete' || e.key === 'Backspace')) {\n      e.preventDefault();\n\n      return;\n    }\n\n    rowProps.onKeyDown?.(e);\n  };\n\n  return (\n    <TagRowElement\n      ref={ref}\n      {...mergeProps(rowProps, focusProps)}\n      onKeyDown={handleKeyDown}\n      aria-describedby={describedBy}\n      mods={{ focused: isFocusVisible }}\n    >\n      {entry.invalidMessage ? (\n        <span hidden id={invalidId}>\n          {entry.invalidMessage}\n        </span>\n      ) : null}\n      <Tag\n        // The cell of the grid row, not the `status` live region a standalone\n        // tag is: every chip announcing itself would drown the list.\n        {...gridCellProps}\n        size={size}\n        {...otherTagProps}\n        // An invalid value shows as one whatever theme the chip asks for.\n        theme={entry.invalidMessage ? 'danger' : tagTheme ?? 'default'}\n        styles={ownTagStyles ? mergeStyles(tagStyles, ownTagStyles) : tagStyles}\n        isDisabled={isTagDisabled}\n        // The row takes the one Tab stop and removes on Delete/Backspace, so the\n        // remove button stays out of the Tab order.\n        disableActionsFocus\n        actions={\n          canRemove ? (\n            <ItemAction\n              id={removeButtonProps.id}\n              icon={<CloseIcon />}\n              aria-label={t('tagInput.remove', 'Remove')}\n              // Reads \"Remove, <label>\": the button's own name, then the row's.\n              aria-labelledby={removeButtonProps['aria-labelledby']}\n              styles={{ color: '#current' }}\n              onPress={removeButtonProps.onPress}\n            />\n          ) : undefined\n        }\n        role=\"gridcell\"\n      >\n        {tagChildren ?? entry.label}\n      </Tag>\n    </TagRowElement>\n  );\n}\n\n/**\n * The removable chips under a `TagInput`: a React Aria tag group, so the list\n * is one Tab stop, arrow keys move between chips, and Delete or Backspace\n * removes the focused one.\n */\nexport function TagList(props: TagListProps) {\n  const {\n    qa,\n    id,\n    tags,\n    size,\n    isDisabled,\n    isReadOnly,\n    onRemove,\n    styles,\n    tagStyles,\n    listRef,\n    inputRef,\n  } = props;\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = listRef ?? localRef;\n\n  const canRemove = !isDisabled && !isReadOnly;\n\n  const state = useListState<TagListEntry>({\n    items: tags,\n    // A disabled field's chips drop out of the Tab order along with its input,\n    // and so do locked ones.\n    disabledKeys: tags\n      .filter((tag) => isDisabled || tag.isDisabled)\n      .map((tag) => tag.key),\n    children: (entry) => (\n      <Item key={entry.key} textValue={entry.label}>\n        {entry.label}\n      </Item>\n    ),\n  });\n\n  const { gridProps } = useTagGroup(\n    {\n      id,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n      onRemove: canRemove\n        ? (keys: Set<Key>) => onRemove([...keys].map(String))\n        : undefined,\n    },\n    state,\n    ref,\n  );\n\n  // The grid's type-to-select listens here, before any chip does.\n  const { onKeyDownCapture: onGridKeyDownCapture, ...otherGridProps } =\n    gridProps;\n\n  // Leaving the chips for the input they belong to: Escape, or typing, which\n  // carries on in the input. Taken before type-to-select, so a letter does not\n  // also jump to the chip it starts.\n  const handleKeyDownCapture = (e: KeyboardEvent<HTMLDivElement>) => {\n    const input = inputRef?.current;\n    const isPrintable =\n      e.key.length === 1 &&\n      e.key !== ' ' &&\n      !e.ctrlKey &&\n      !e.metaKey &&\n      !e.altKey;\n\n    if (\n      !input ||\n      input.disabled ||\n      e.nativeEvent.isComposing ||\n      (e.key !== 'Escape' && !isPrintable)\n    ) {\n      onGridKeyDownCapture?.(e);\n\n      return;\n    }\n\n    e.stopPropagation();\n    // The character itself is left to reach the input, which has focus by the\n    // time the browser inserts it.\n    if (e.key === 'Escape') e.preventDefault();\n\n    input.focus();\n  };\n\n  return (\n    <TagListElement\n      ref={ref}\n      qa={qa}\n      {...otherGridProps}\n      onKeyDownCapture={handleKeyDownCapture}\n      // With every chip disabled or locked, the grid itself would otherwise\n      // stay a Tab stop that focuses nothing.\n      tabIndex={\n        state.disabledKeys.size === tags.length ? -1 : gridProps.tabIndex\n      }\n      styles={styles}\n    >\n      {[...state.collection].map((item) => (\n        <TagRow\n          key={item.key}\n          item={item}\n          state={state}\n          size={size}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          tagStyles={tagStyles}\n        />\n      ))}\n    </TagListElement>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TagList.js","names":["Key","Node","mergeStyles","Styles","tasty","KeyboardEvent","RefObject","useRef","useFocusRing","useId","useTag","useTagGroup","Item","ListState","useListState","useI18n","CloseIcon","mergeProps","ItemAction","CubeTagProps","Tag","TagListEntry","key","label","invalidMessage","tagProps","Partial","isDisabled","TagListProps","qa","id","tags","size","isReadOnly","onRemove","keys","styles","tagStyles","listRef","HTMLDivElement","inputRef","HTMLInputElement","TagListElement","display","flow","gap","placeItems","outline","TagRowElement","minWidth","maxWidth","radius","focused","outlineOffset","transition","cursor","TagRowProps","item","state","TagRow","t0","$","_c","t","ref","t1","rowProps","gridCellProps","removeButtonProps","allowsRemoving","isFocusVisible","focusProps","invalidId","entry","value","t2","disabledKeys","has","isTagDisabled","canRemove","t3","otherTagProps","ownTagStyles","tagChildren","tagTheme","theme","t4","t5","children","t6","_isDisabled","t7","filter","Boolean","join","undefined","describedBy","e","repeat","preventDefault","onKeyDown","handleKeyDown","t8","t9","t10","t11","color","onPress","t12","t13","t14","TagList","props","localRef","tag","map","_temp","items","_temp2","String","gridProps","onGridKeyDownCapture","otherGridProps","onKeyDownCapture","input","current","isPrintable","length","ctrlKey","metaKey","altKey","disabled","nativeEvent","isComposing","stopPropagation","focus","handleKeyDownCapture","tabIndex","collection","tag_0","_c","useId","mergeProps","Tag"],"sources":["../../../../src/components/fields/TagInput/TagList.tsx"],"sourcesContent":["import { Key, Node } from '@react-types/shared';\nimport { mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport { KeyboardEvent, RefObject, useRef } from 'react';\nimport { useFocusRing, useId, useTag, useTagGroup } from 'react-aria';\nimport { Item, ListState, useListState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { CubeTagProps, Tag } from '../../content/Tag/Tag';\n\n/** One chip as the list renders it. */\nexport interface TagListEntry {\n  /** The value the chip stands for. Also its collection key. */\n  key: string;\n  /** The text shown on the chip. */\n  label: string;\n  /**\n   * Why the value failed `validateTag`, when it did. Paints the chip in the\n   * danger theme and becomes part of its description.\n   */\n  invalidMessage?: string;\n  /** Extra props for this chip's `Tag`, from the `tagProps` callback. */\n  tagProps?: Partial<CubeTagProps>;\n  /** Whether the chip is locked: it cannot be focused or removed. */\n  isDisabled?: boolean;\n}\n\nexport interface TagListProps {\n  qa?: string;\n  id?: string;\n  'aria-label': string;\n  /** The field's label, read after `aria-label`. */\n  'aria-labelledby'?: string;\n  tags: TagListEntry[];\n  size: CubeTagProps['size'];\n  isDisabled?: boolean;\n  /** Read-only chips render without a remove button and ignore Delete/Backspace. */\n  isReadOnly?: boolean;\n  onRemove: (keys: string[]) => void;\n  styles?: Styles;\n  tagStyles?: Styles;\n  listRef?: RefObject<HTMLDivElement | null>;\n  /** The field's input, which Escape and typing on a chip return to. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n}\n\nconst TagListElement = tasty({\n  qa: 'TagInputTags',\n  styles: {\n    display: 'flex',\n    flow: 'row wrap',\n    gap: '.5x',\n    placeItems: 'center start',\n    outline: 0,\n  },\n});\n\n// The focusable grid row. The chip inside it keeps its own look; the row only\n// contributes the focus ring, drawn on the chip's own radius.\nconst TagRowElement = tasty({\n  qa: 'TagInputTag',\n  styles: {\n    display: 'inline-flex',\n    minWidth: 0,\n    maxWidth: '100%',\n    radius: true,\n    outline: {\n      '': '0 #primary-accent-text.0',\n      focused: '1bw #primary-accent-text',\n    },\n    outlineOffset: 1,\n    transition: 'theme',\n    cursor: 'default',\n  },\n});\n\ninterface TagRowProps {\n  item: Node<TagListEntry>;\n  state: ListState<TagListEntry>;\n  size: CubeTagProps['size'];\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  tagStyles?: Styles;\n}\n\nfunction TagRow({\n  item,\n  state,\n  size,\n  isDisabled,\n  isReadOnly,\n  tagStyles,\n}: TagRowProps) {\n  const { t } = useI18n();\n  const ref = useRef<HTMLDivElement>(null);\n  const { rowProps, gridCellProps, removeButtonProps, allowsRemoving } = useTag(\n    { item },\n    state,\n    ref,\n  );\n  const { isFocusVisible, focusProps } = useFocusRing();\n  const invalidId = useId();\n  const entry = item.value as TagListEntry;\n  const isTagDisabled = isDisabled || state.disabledKeys.has(item.key);\n  const canRemove = allowsRemoving && !isTagDisabled && !isReadOnly;\n  const {\n    theme: tagTheme,\n    styles: ownTagStyles,\n    children: tagChildren,\n    // Locking goes through the list's disabled keys, so the tag group skips\n    // the chip too.\n    isDisabled: _isDisabled,\n    ...otherTagProps\n  } = entry.tagProps ?? {};\n  const describedBy =\n    [rowProps['aria-describedby'], entry.invalidMessage ? invalidId : null]\n      .filter(Boolean)\n      .join(' ') || undefined;\n\n  // The tag group removes on every Delete/Backspace, auto-repeat included: a\n  // key held down would clear the whole list.\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.repeat && (e.key === 'Delete' || e.key === 'Backspace')) {\n      e.preventDefault();\n\n      return;\n    }\n\n    rowProps.onKeyDown?.(e);\n  };\n\n  return (\n    <TagRowElement\n      ref={ref}\n      {...mergeProps(rowProps, focusProps)}\n      onKeyDown={handleKeyDown}\n      aria-describedby={describedBy}\n      mods={{ focused: isFocusVisible }}\n    >\n      {entry.invalidMessage ? (\n        <span hidden id={invalidId}>\n          {entry.invalidMessage}\n        </span>\n      ) : null}\n      <Tag\n        // The cell of the grid row, not the `status` live region a standalone\n        // tag is: every chip announcing itself would drown the list.\n        {...gridCellProps}\n        size={size}\n        {...otherTagProps}\n        // An invalid value shows as one whatever theme the chip asks for.\n        theme={entry.invalidMessage ? 'danger' : (tagTheme ?? 'default')}\n        styles={ownTagStyles ? mergeStyles(tagStyles, ownTagStyles) : tagStyles}\n        isDisabled={isTagDisabled}\n        // The row takes the one Tab stop and removes on Delete/Backspace, so the\n        // remove button stays out of the Tab order.\n        disableActionsFocus\n        actions={\n          canRemove ? (\n            <ItemAction\n              id={removeButtonProps.id}\n              icon={<CloseIcon />}\n              aria-label={t('tagInput.remove', 'Remove')}\n              // Reads \"Remove, <label>\": the button's own name, then the row's.\n              aria-labelledby={removeButtonProps['aria-labelledby']}\n              styles={{ color: '#current' }}\n              onPress={removeButtonProps.onPress}\n            />\n          ) : undefined\n        }\n        role=\"gridcell\"\n      >\n        {tagChildren ?? entry.label}\n      </Tag>\n    </TagRowElement>\n  );\n}\n\n/**\n * The removable chips under a `TagInput`: a React Aria tag group, so the list\n * is one Tab stop, arrow keys move between chips, and Delete or Backspace\n * removes the focused one.\n */\nexport function TagList(props: TagListProps) {\n  const {\n    qa,\n    id,\n    tags,\n    size,\n    isDisabled,\n    isReadOnly,\n    onRemove,\n    styles,\n    tagStyles,\n    listRef,\n    inputRef,\n  } = props;\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = listRef ?? localRef;\n\n  const canRemove = !isDisabled && !isReadOnly;\n\n  const state = useListState<TagListEntry>({\n    items: tags,\n    // A disabled field's chips drop out of the Tab order along with its input,\n    // and so do locked ones.\n    disabledKeys: tags\n      .filter((tag) => isDisabled || tag.isDisabled)\n      .map((tag) => tag.key),\n    children: (entry) => (\n      <Item key={entry.key} textValue={entry.label}>\n        {entry.label}\n      </Item>\n    ),\n  });\n\n  const { gridProps } = useTagGroup(\n    {\n      id,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n      onRemove: canRemove\n        ? (keys: Set<Key>) => onRemove([...keys].map(String))\n        : undefined,\n    },\n    state,\n    ref,\n  );\n\n  // The grid's type-to-select listens here, before any chip does.\n  const { onKeyDownCapture: onGridKeyDownCapture, ...otherGridProps } =\n    gridProps;\n\n  // Leaving the chips for the input they belong to: Escape, or typing, which\n  // carries on in the input. Taken before type-to-select, so a letter does not\n  // also jump to the chip it starts.\n  const handleKeyDownCapture = (e: KeyboardEvent<HTMLDivElement>) => {\n    const input = inputRef?.current;\n    const isPrintable =\n      e.key.length === 1 &&\n      e.key !== ' ' &&\n      !e.ctrlKey &&\n      !e.metaKey &&\n      !e.altKey;\n\n    if (\n      !input ||\n      input.disabled ||\n      e.nativeEvent.isComposing ||\n      (e.key !== 'Escape' && !isPrintable)\n    ) {\n      onGridKeyDownCapture?.(e);\n\n      return;\n    }\n\n    e.stopPropagation();\n    // The character itself is left to reach the input, which has focus by the\n    // time the browser inserts it.\n    if (e.key === 'Escape') e.preventDefault();\n\n    input.focus();\n  };\n\n  return (\n    <TagListElement\n      ref={ref}\n      qa={qa}\n      {...otherGridProps}\n      onKeyDownCapture={handleKeyDownCapture}\n      // With every chip disabled or locked, the grid itself would otherwise\n      // stay a Tab stop that focuses nothing.\n      tabIndex={\n        state.disabledKeys.size === tags.length ? -1 : gridProps.tabIndex\n      }\n      styles={styles}\n    >\n      {[...state.collection].map((item) => (\n        <TagRow\n          key={item.key}\n          item={item}\n          state={state}\n          size={size}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          tagStyles={tagStyles}\n        />\n      ))}\n    </TagListElement>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAgDA,MAAM0C,iBAAiBtC,MAAM;CAC3ByB,IAAI;CACJO,QAAQ;EACNO,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,SAAS;CACX;AACF,CAAC;AAID,MAAMC,gBAAgB5C,MAAM;CAC1ByB,IAAI;CACJO,QAAQ;EACNO,SAAS;EACTM,UAAU;EACVC,UAAU;EACVC,QAAQ;EACRJ,SAAS;GACP,IAAI;GACJK,SAAS;EACX;EACAC,eAAe;EACfC,YAAY;EACZC,QAAQ;CACV;AACF,CAAC;AAWD,SAAAI,OAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAgB,MAAA,EAAAL,MAAAC,OAAA1B,MAAAL,YAAAM,YAAAI,cAAAuB;CAQd,MAAA,EAAAG,MAAchD,QAAQ;CACtB,MAAAiD,MAAYzD,OAAuB,IAAI;CAAE,IAAA0D;CAAA,IAAAJ,EAAA,OAAAJ,MAAA;EAEvCQ,KAAA,EAAAR,KAAO;EAACI,EAAA,KAAAJ;EAAAI,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CADV,MAAA,EAAAK,UAAAC,eAAAC,mBAAAC,mBAAuE3D,OACrEuD,IACAP,OACAM,GACF;CACA,MAAA,EAAAM,gBAAAC,eAAuC/D,aAAa;CACpD,MAAAgE,YAAkB/D,QAAM;CACxB,MAAAgE,QAAchB,KAAIiB;CAAuB,IAAAC;CAAA,IAAAd,EAAA,OAAAlC,cAAAkC,EAAA,OAAAJ,KAAAnC,OAAAuC,EAAA,OAAAH,OAAA;EACnBiB,KAAAhD,cAAc+B,MAAKkB,aAAaC,IAAKpB,KAAInC,GAAI;EAACuC,EAAA,KAAAlC;EAAAkC,EAAA,KAAAJ,KAAAnC;EAAAuC,EAAA,KAAAH;EAAAG,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAApE,MAAAiB,gBAAsBH;CACtB,MAAAI,YAAkBV,kBAAA,CAAmBS,iBAAnB,CAAqC7C;CAAW,IAAA+C;CAAA,IAAAnB,EAAA,OAAAY,MAAAhD,UAAA;EAS9DuD,KAAAP,MAAKhD,YAAL,CAAmB;EAACoC,EAAA,KAAAY,MAAAhD;EAAAoC,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,IAAAoB;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAvB,EAAA,OAAAmB,IAAA;EARxB,MAAA,EAAAK,OAAAC,IAAAlD,QAAAmD,IAAAC,UAAAC,IAAA9D,YAAA+D,aAAA,GAAAC,OAQIX;EARJI,WAAAE;EAAAJ,eAAAK;EAAAJ,cAAAM;EAAAR,gBAAAU;EAQyB9B,EAAA,KAAAmB;EAAAnB,EAAA,KAAAoB;EAAApB,EAAA,MAAAqB;EAAArB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;CAAA,OAAA;EAAAH,gBAAApB,EAAA;EAAAqB,eAAArB,EAAA;EAAAsB,cAAAtB,EAAA;EAAAuB,WAAAvB,EAAA;CAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,QAAAY,MAAAjD,kBAAAqC,EAAA,QAAAW,aAAAX,EAAA,QAAAK,UAAA;EAEvBoB,KAAA,CAACpB,SAAS,qBAAqBO,MAAKjD,iBAALgD,YAAA,IAAuC,CAAC,CAAAoB,OAC7DC,OAAO,CAAC,CAAAC,KACV,GAAgB,KAFxBC,KAAAA;EAEyBlC,EAAA,MAAAY,MAAAjD;EAAAqC,EAAA,MAAAW;EAAAX,EAAA,MAAAK;EAAAL,EAAA,MAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAH3B,MAAAmC,cACEV;CAE0B,IAAAC;CAAA,IAAA1B,EAAA,QAAAK,UAAA;EAINqB,MAAAU,MAAA;GACpB,IAAIA,EAACC,WAAYD,EAAC3E,QAAS,YAAY2E,EAAC3E,QAAS,cAAY;IAC3D2E,EAACE,eAAgB;IAAC;GAAA;GAKpBjC,SAAQkC,YAAaH,CAAC;EAAC;EACxBpC,EAAA,MAAAK;EAAAL,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CARD,MAAAwC,gBAAsBd;CAQpB,IAAAE;CAAA,IAAA5B,EAAA,QAAAU,cAAAV,EAAA,QAAAK,UAAA;EAKMuB,KAAAxE,aAAWiD,UAAUK,UAAU;EAACV,EAAA,MAAAU;EAAAV,EAAA,MAAAK;EAAAL,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CAAA,IAAA8B;CAAA,IAAA9B,EAAA,QAAAS,gBAAA;EAG9BqB,KAAA,EAAAvC,SAAWkB,eAAe;EAACT,EAAA,MAAAS;EAAAT,EAAA,MAAA8B;CAAA,OAAAA,KAAA9B,EAAA;CAAA,IAAAyC;CAAA,IAAAzC,EAAA,QAAAY,MAAAjD,kBAAAqC,EAAA,QAAAW,WAAA;EAEhC8B,KAAA7B,MAAKjD,iBACJ,oBAAA,QAAA;GAAM,QAAA;GAAWgD,IAAAA;GACdC,UAAAA,MAAKjD;EACD,CAAA,IAHR;EAIOqC,EAAA,MAAAY,MAAAjD;EAAAqC,EAAA,MAAAW;EAAAX,EAAA,MAAAyC;CAAA,OAAAA,KAAAzC,EAAA;CAQC,MAAA0C,KAAA9B,MAAKjD,iBAAL,WAAmC4D,YAAA;CAAsB,IAAAoB;CAAA,IAAA3C,EAAA,QAAAqB,gBAAArB,EAAA,QAAAxB,WAAA;EACxDmE,MAAAtB,eAAehF,YAAYmC,WAAW6C,YAAwB,IAA9D7C;EAA+DwB,EAAA,MAAAqB;EAAArB,EAAA,MAAAxB;EAAAwB,EAAA,MAAA2C;CAAA,OAAAA,MAAA3C,EAAA;CAAA,IAAA4C;CAAA,IAAA5C,EAAA,QAAAkB,aAAAlB,EAAA,QAAAO,qBAAAP,EAAA,QAAAE,GAAA;EAMrE0C,MAAA1B,YACE,oBAAC,YAAD;GACM,IAAAX,kBAAiBtC;GACf,MAAA,oBAAC,WAAD,CAAU,CAAA;GACJ,cAAAiC,EAAE,mBAAmB,QAAQ;GAExB,mBAAAK,kBAAkB;GAC3B,QAAA,EAAAsC,OAAS,WAAW;GACnB,SAAAtC,kBAAiBuC;EAAQ,CAAA,IARtCZ,KAAAA;EAUalC,EAAA,MAAAkB;EAAAlB,EAAA,MAAAO;EAAAP,EAAA,MAAAE;EAAAF,EAAA,MAAA4C;CAAA,OAAAA,MAAA5C,EAAA;CAId,MAAA+C,MAAAzB,eAAeV,MAAKlD;CAAM,IAAAsF;CAAA,IAAAhD,EAAA,QAAAM,iBAAAN,EAAA,QAAAiB,iBAAAjB,EAAA,QAAAoB,iBAAApB,EAAA,QAAA7B,QAAA6B,EAAA,QAAA2C,OAAA3C,EAAA,QAAA4C,OAAA5C,EAAA,QAAA+C,OAAA/C,EAAA,QAAA0C,IAAA;EA5B7BM,MAAA,oBAACkC,MAAD;GAAI,GAGE5E;GACEnC;GAAI,GACNiD;GAEG,OAAAsB;GACC,QAAAC;GACI1B,YAAAA;GAGZ,qBAAA;GAEE,SAAA2B;GAYG,MAAA;GAEJG,UAAAA;EA5BC,CAAA;EA6BE/C,EAAA,MAAAM;EAAAN,EAAA,MAAAiB;EAAAjB,EAAA,MAAAoB;EAAApB,EAAA,MAAA7B;EAAA6B,EAAA,MAAA2C;EAAA3C,EAAA,MAAA4C;EAAA5C,EAAA,MAAA+C;EAAA/C,EAAA,MAAA0C;EAAA1C,EAAA,MAAAgD;CAAA,OAAAA,MAAAhD,EAAA;CAAA,IAAAiD;CAAA,IAAAjD,EAAA,QAAAmC,eAAAnC,EAAA,QAAAwC,iBAAAxC,EAAA,QAAAgD,OAAAhD,EAAA,QAAA4B,MAAA5B,EAAA,QAAA8B,MAAA9B,EAAA,QAAAyC,IAAA;EAzCRQ,MAAA,qBAAC,eAAD;GACO9C;GAAG,GACJyB;GACOY,WAAAA;GACOL,oBAAAA;GACZ,MAAAL;GALR,UAAA,CAOGW,IAKDO,GAZY;;EA0CEhD,EAAA,MAAAmC;EAAAnC,EAAA,MAAAwC;EAAAxC,EAAA,MAAAgD;EAAAhD,EAAA,MAAA4B;EAAA5B,EAAA,MAAA8B;EAAA9B,EAAA,MAAAyC;EAAAzC,EAAA,MAAAiD;CAAA,OAAAA,MAAAjD,EAAA;CAAA,OA1ChBiD;AA0CgB;;;;;;AASpB,SAAOC,QAAAC,OAAA;CAAA,MAAAnD,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAjC,IAAAC,IAAAC,MAAAC,MAAAL,YAAAM,YAAAC,UAAAE,QAAAC,WAAAC,SAAAE,aAYIwE;CACJ,MAAAC,WAAiB1G,OAAuB,IAAI;CAC5C,MAAAyD,MAAY1B,WAAA2E;CAEZ,MAAAlC,YAAkB,CAACpD,cAAD,CAAgBM;CAAW,IAAA2B;CAAA,IAAAC,EAAA,OAAAlC,cAAAkC,EAAA,OAAA9B,MAAA;EAAA,IAAAkC;EAAA,IAAAJ,EAAA,OAAAlC,YAAA;GAOjCsC,MAAAiD,QAASvF,cAAcuF,IAAGvF;GAAWkC,EAAA,KAAAlC;GAAAkC,EAAA,KAAAI;EAAA,OAAAA,KAAAJ,EAAA;EADjCD,KAAA7B,KAAI6D,OACR3B,EAAqC,CAAC,CAAAkD,IACzCC,KAAgB;EAACvD,EAAA,KAAAlC;EAAAkC,EAAA,KAAA9B;EAAA8B,EAAA,KAAAD;CAAA,OAAAA,KAAAC,EAAA;CAAA,IAAAI;CAAA,IAAAJ,EAAA,OAAAD,MAAAC,EAAA,OAAA9B,MAAA;EANekC,KAAA;GAAAoD,OAChCtF;GAAI6C,cAGGhB;GAEU4B,UACd8B;EAKZ;EAACzD,EAAA,KAAAD;EAAAC,EAAA,KAAA9B;EAAA8B,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAZD,MAAAH,QAAc5C,aAA2BmD,EAYxC;CAKiB,MAAAU,KAAAqC,MAAM;CACD,MAAAhC,KAAAgC,MAAM;CAAkB,IAAA1B;CAAA,IAAAzB,EAAA,OAAAkB,aAAAlB,EAAA,OAAA3B,UAAA;EACjCoD,KAAAP,aAAA5C,SACcD,SAAS,CAAA,GAAIC,IAAI,CAAC,CAAAgF,IAAKI,MAAM,CAAC,IAD5CxB,KAAAA;EAEGlC,EAAA,KAAAkB;EAAAlB,EAAA,KAAA3B;EAAA2B,EAAA,MAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,QAAA/B,MAAA+B,EAAA,QAAAc,MAAAd,EAAA,QAAAmB,MAAAnB,EAAA,QAAAyB,IAAA;EANfC,KAAA;GAAAzD;GAAA,cAEgB6C;GAAmB,mBACdK;GAAwB9C,UACjCoD;EAGZ;EAACzB,EAAA,MAAA/B;EAAA+B,EAAA,MAAAc;EAAAd,EAAA,MAAAmB;EAAAnB,EAAA,MAAAyB;EAAAzB,EAAA,MAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CARH,MAAA,EAAA2D,cAAsB7G,YACpB4E,IAQA7B,OACAM,GACF;CAAE,IAAAyD;CAAA,IAAAC;CAAA,IAAA7D,EAAA,QAAA2D,WAAA;EAGF,CAAA,CAAAG,kBAAAF,sBAAA,GAAAC,kBACEF;EAAU3D,EAAA,MAAA2D;EAAA3D,EAAA,MAAA4D;EAAA5D,EAAA,MAAA6D;CAAA,OAAA;EAAAD,uBAAA5D,EAAA;EAAA6D,iBAAA7D,EAAA;CAAA;CAAA,IAAA4B;CAAA,IAAA5B,EAAA,QAAArB,YAAAqB,EAAA,QAAA4D,sBAAA;EAKiBhC,MAAAQ,MAAA;GAC3B,MAAA2B,QAAcpF,UAAQqF;GACtB,MAAAC,cACE7B,EAAC3E,IAAIyG,WAAY,KACjB9B,EAAC3E,QAAS,OADV,CAEC2E,EAAC+B,WAFF,CAGC/B,EAACgC,WAHF,CAIChC,EAACiC;GAEJ,IACE,CAACN,SACDA,MAAKO,YACLlC,EAACmC,YAAYC,eACZpC,EAAC3E,QAAS,YAAV,CAAuBwG,aAAY;IAEpCL,uBAAuBxB,CAAC;IAAC;GAAA;GAK3BA,EAACqC,gBAAiB;GAGlB,IAAIrC,EAAC3E,QAAS,UAAU2E,EAACE,eAAgB;GAEzCyB,MAAKW,MAAO;EAAC;EACd1E,EAAA,MAAArB;EAAAqB,EAAA,MAAA4D;EAAA5D,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CA1BD,MAAA2E,uBAA6B/C;CAqCvB,MAAAE,KAAAjC,MAAKkB,aAAa5C,SAAUD,KAAIgG,SAAhC,KAA+CP,UAASiB;CAAS,IAAAnC;CAAA,IAAAzC,EAAA,QAAAH,MAAAgF,YAAA;EAIlEpC,KAAA,CAAA,GAAI5C,MAAKgF,UAAW;EAAC7E,EAAA,MAAAH,MAAAgF;EAAA7E,EAAA,MAAAyC;CAAA,OAAAA,KAAAzC,EAAA;CAAA,IAAA0C;CAAA,IAAA1C,EAAA,QAAAlC,cAAAkC,EAAA,QAAA5B,cAAA4B,EAAA,QAAA7B,QAAA6B,EAAA,QAAAH,SAAAG,EAAA,QAAAyC,MAAAzC,EAAA,QAAAxB,WAAA;EAArBkE,KAAAD,GAAqBa,KAAK1D,SACzB,oBAAC,QAAD;GAEQA;GACCC;GACD1B;GACML;GACAM;GACDI;EAAS,GANfoB,KAAInC,GAMW,CAEvB;EAACuC,EAAA,MAAAlC;EAAAkC,EAAA,MAAA5B;EAAA4B,EAAA,MAAA7B;EAAA6B,EAAA,MAAAH;EAAAG,EAAA,MAAAyC;EAAAzC,EAAA,MAAAxB;EAAAwB,EAAA,MAAA0C;CAAA,OAAAA,KAAA1C,EAAA;CAAA,IAAA2C;CAAA,IAAA3C,EAAA,QAAA2E,wBAAA3E,EAAA,QAAA6D,kBAAA7D,EAAA,QAAAhC,MAAAgC,EAAA,QAAAG,OAAAH,EAAA,QAAAzB,UAAAyB,EAAA,QAAA8B,MAAA9B,EAAA,QAAA0C,IAAA;EAtBJC,MAAA,oBAAC,gBAAD;GACOxC;GACDnC;GAAE,GACF6F;GACcc,kBAAAA;GAIhB,UAAA7C;GAEMvD;GAEPmE,UAAAA;EAZY,CAAA;EAuBE1C,EAAA,MAAA2E;EAAA3E,EAAA,MAAA6D;EAAA7D,EAAA,MAAAhC;EAAAgC,EAAA,MAAAG;EAAAH,EAAA,MAAAzB;EAAAyB,EAAA,MAAA8B;EAAA9B,EAAA,MAAA0C;EAAA1C,EAAA,MAAA2C;CAAA,OAAAA,MAAA3C,EAAA;CAAA,OAvBjB2C;AAuBiB;AAzGd,SAAAc,OAAA7C,OAAA;CAAA,OA2BD,oBAAC,MAAD;EAAiC,WAAAA,MAAKlD;EACnCkD,UAAAA,MAAKlD;CADH,GAAMkD,MAAKnD,GAAX;AAEE;AA7BN,SAAA8F,MAAAuB,OAAA;CAAA,OAyBazB,MAAG5F;AAAI"}

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

@@ -1,2 +1,3 @@
 
-import { CubeTagInputProps, TagInputPopoverTrigger, TagValidationResult, _TagInput } from "./TagInput.js";
+import { CubeTagInputProps, TagInput as _TagInput, TagInputPopoverTrigger, TagValidationResult } from "./TagInput.js";
+export { type CubeTagInputProps, _TagInput as TagInput, type TagInputPopoverTrigger, type TagValidationResult };

package/dist/components/fields/TagInput/useActiveOption.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { markKeyboardFocus } from "../ListBoxPopover/listNavigation.js";
 import { c } from "react/compiler-runtime";
 import { useLayoutEffect, useRef, useState } from "react";
-
 //#region src/components/fields/TagInput/useActiveOption.ts
 /**
 * The option under virtual focus in the popover, mirrored in state for the
@@ -116,7 +115,7 @@ function useActiveOption(t0) {
 	} else t4 = $[15];
 	return t4;
 }
-
 //#endregion
 export { useActiveOption };
+
 //# sourceMappingURL=useActiveOption.js.map

package/dist/components/fields/TagInput/useActiveOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"useActiveOption.js","names":["Key","RefObject","useLayoutEffect","useRef","useState","useEvent","markKeyboardFocus","ListStateLike","ActiveOption","key","term","source","UseActiveOptionProps","listStateRef","wrapperRef","HTMLDivElement","isOpen","visibleOptionsSignature","customTerm","preferredOptionKey","useActiveOption","t0","$","_c","activeOption","setActiveOption","t1","forTerm","listState","current","selectionManager","setFocusedKey","moveVirtualFocus","popoverMinWidth","setPopoverMinWidth","focusTermRef","t2","t3","offsetWidth","visibleKeys","split","push","isNewTerm","attempts","isCancelled","tick","listState_0","requestAnimationFrame","focused","focusedKey","keepsFocus","includes","prev","t4"],"sources":["../../../../src/components/fields/TagInput/useActiveOption.ts"],"sourcesContent":["import { Key } from '@react-types/shared';\nimport { RefObject, useLayoutEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { markKeyboardFocus } from '../ListBoxPopover/listNavigation';\n\nimport type { ListStateLike } from '../ListBoxPopover/listNavigation';\n\nexport interface ActiveOption {\n  key: Key;\n  /** The text it was chosen for. */\n  term: string;\n  /**\n   * A user's own pick (arrows, a click), or focus the component placed while\n   * the text changed.\n   */\n  source: 'auto' | 'user';\n}\n\nexport interface UseActiveOptionProps {\n  /** The popover list's state, once the list has mounted. */\n  listStateRef: RefObject<ListStateLike | null>;\n  /** The input box, which the popover is at least as wide as. */\n  wrapperRef: RefObject<HTMLDivElement>;\n  /** Whether the popover shows. */\n  isOpen: boolean;\n  /** The keys of the visible option and custom value rows, `\\u0000`-joined. */\n  visibleOptionsSignature: string;\n  /** The typed text's own row, listed after them. */\n  customTerm: string | null;\n  term: string;\n  /** The row the focus pass lands on when the focused one does not stay. */\n  preferredOptionKey: Key | null;\n}\n\n/**\n * The option under virtual focus in the popover, mirrored in state for the\n * input's `aria-activedescendant`: the listbox's own state update does not\n * re-render the field. It is also what Enter acts on, so Enter only ever picks\n * the option a screen reader was told about.\n *\n * Also runs the pass that places it as the popover shows or its rows change,\n * which sizes the popover to the input box on the way.\n */\nexport function useActiveOption({\n  listStateRef,\n  wrapperRef,\n  isOpen,\n  visibleOptionsSignature,\n  customTerm,\n  term,\n  preferredOptionKey,\n}: UseActiveOptionProps) {\n  const [activeOption, setActiveOption] = useState<ActiveOption | null>(null);\n\n  const moveVirtualFocus = useEvent(\n    (key: Key | null, source: 'auto' | 'user', forTerm: string) => {\n      const listState = listStateRef.current;\n\n      if (!listState || key == null) return;\n\n      markKeyboardFocus(listState);\n      listState.selectionManager.setFocusedKey(key);\n      setActiveOption({ key, term: forTerm, source });\n    },\n  );\n\n  // The popover is at least as wide as the input box.\n  const [popoverMinWidth, setPopoverMinWidth] = useState<number>();\n\n  const focusTermRef = useRef<string | null>(null);\n\n  // Focus the best match when the popover opens or the text changes, and\n  // whenever the focused option is filtered out, so Enter always acts on a\n  // visible row. The keys come from this render's own filter: the listbox's\n  // collection can lag a render behind right after the text narrows.\n  useLayoutEffect(() => {\n    // `aria-activedescendant` is only set while the popover shows, so a stale\n    // active option needs no reset here; the next pass re-syncs it.\n    if (!isOpen) {\n      focusTermRef.current = null;\n\n      return;\n    }\n\n    setPopoverMinWidth(wrapperRef.current?.offsetWidth);\n\n    // Rebuilt from the signature: the key arrays themselves are new on every\n    // render when options come from `items`. Collection keys are strings.\n    const visibleKeys: Key[] = visibleOptionsSignature\n      ? visibleOptionsSignature.split('\\u0000')\n      : [];\n\n    if (customTerm) visibleKeys.push(customTerm);\n\n    const isNewTerm = !!term && focusTermRef.current !== term;\n\n    focusTermRef.current = term;\n\n    let attempts = 0;\n    let isCancelled = false;\n\n    const tick = () => {\n      if (isCancelled) return;\n\n      const listState = listStateRef.current;\n\n      if (!listState) {\n        attempts += 1;\n\n        if (attempts < 8) requestAnimationFrame(tick);\n\n        return;\n      }\n\n      const focused = listState.selectionManager.focusedKey;\n      const keepsFocus =\n        focused != null && visibleKeys.includes(focused) && !isNewTerm;\n\n      // Re-announced even when focus stays: after a close and reopen the list\n      // still has it, but the input no longer points at it.\n      if (keepsFocus) {\n        setActiveOption((prev) =>\n          prev?.key === focused\n            ? { ...prev, term }\n            : { key: focused, term, source: 'auto' },\n        );\n      } else {\n        moveVirtualFocus(preferredOptionKey, 'auto', term);\n      }\n    };\n\n    requestAnimationFrame(() => requestAnimationFrame(tick));\n\n    // Text typed after this pass was scheduled owns the focus now.\n    return () => {\n      isCancelled = true;\n    };\n  }, [\n    isOpen,\n    visibleOptionsSignature,\n    customTerm,\n    term,\n    preferredOptionKey,\n    moveVirtualFocus,\n    listStateRef,\n    wrapperRef,\n  ]);\n\n  return { activeOption, setActiveOption, moveVirtualFocus, popoverMinWidth };\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA4CA,SAAOoB,gBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAyB,MAAA,EAAAV,cAAAC,YAAAE,QAAAC,yBAAAC,YAAAR,MAAAS,uBAAAE;CAS9B,MAAA,CAAAG,cAAAC,mBAAwCrB,SAA8B,KAAK;CAAC,IAAAsB;AAAA,KAAAJ,EAAA,OAAAT,cAAA;AAG1Ea,QAAAjB,KAAAE,QAAAgB,YAAA;GACE,MAAAC,YAAkBf,aAAYgB;AAE9B,OAAI,CAACD,aAAanB,OAAO,KAAI;AAE7BH,qBAAkBsB,UAAU;AAC5BA,aAASE,iBAAiBC,cAAetB,IAAI;AAC7CgB,mBAAgB;IAAAhB;IAAAC,MAAaiB;IAAOhB;IAAU,CAAC;;AAChDW,IAAA,KAAAT;AAAAS,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CATH,MAAAU,mBAAyB3B,SACvBqB,GASD;CAGD,MAAA,CAAAO,iBAAAC,sBAA8C9B,UAAkB;CAEhE,MAAA+B,eAAqBhC,OAAsB,KAAK;CAAC,IAAAiC;CAAA,IAAAC;AAAA,KAAAf,EAAA,OAAAJ,cAAAI,EAAA,OAAAN,UAAAM,EAAA,OAAAT,gBAAAS,EAAA,OAAAU,oBAAAV,EAAA,OAAAH,sBAAAG,EAAA,OAAAZ,QAAAY,EAAA,OAAAL,2BAAAK,EAAA,OAAAR,YAAA;AAMjCsB,aAAA;AAGd,OAAI,CAACpB,QAAM;AACTmB,iBAAYN,UAAW;AAAH;;AAKtBK,sBAAmBpB,WAAUe,SAAqBS,YAAC;GAInD,MAAAC,cAA2BtB,0BACvBA,wBAAuBuB,MAAO,KAC5B,GAFqB,EAErB;AAEN,OAAItB,WAAYqB,aAAWE,KAAMvB,WAAW;GAE5C,MAAAwB,YAAkB,CAAC,CAAChC,QAAQyB,aAAYN,YAAanB;AAErDyB,gBAAYN,UAAWnB;GAEvB,IAAAiC,WAAe;GACf,IAAAC,cAAkB;GAElB,MAAAC,aAAa;AACX,QAAID,YAAW;IAEf,MAAAE,cAAkBjC,aAAYgB;AAE9B,QAAI,CAACD,aAAS;AACZe,gBAAAA,WAAY;AAEZ,SAAIA,WAAW,EAAGI,uBAAsBF,KAAK;AAAC;;IAKhD,MAAAG,UAAgBpB,YAASE,iBAAiBmB;AAM1C,QAJED,WAAW,QAAQT,YAAWY,SAAUH,QAAsB,IAA9D,CAAqDN,UAKrDjB,kBAAgB2B,SACdA,MAAI3C,QAAUuC,UAAd;KAAA,GACSI;KAAI1C;KAC6B,GAF1C;KAAAD,KAEWuC;KAAOtC;KAAAC,QAAgB;KACpC,CAAC;QAEDqB,kBAAiBb,oBAAoB,QAAQT,KAAK;;AAItDqC,+BAA4BA,sBAAsBF,KAAK,CAAC;AAAA,gBAGjD;AACLD,kBAAcA;;;AAEfP,OAAA;GACDrB;GACAC;GACAC;GACAR;GACAS;GACAa;GACAnB;GACAC;GACD;AAAAQ,IAAA,KAAAJ;AAAAI,IAAA,KAAAN;AAAAM,IAAA,KAAAT;AAAAS,IAAA,KAAAU;AAAAV,IAAA,KAAAH;AAAAG,IAAA,KAAAZ;AAAAY,IAAA,KAAAL;AAAAK,IAAA,KAAAR;AAAAQ,IAAA,MAAAc;AAAAd,IAAA,MAAAe;QAAA;AAAAD,OAAAd,EAAA;AAAAe,OAAAf,EAAA;;AAvEDpB,iBAAgBkC,IA8DbC,GASD;CAAA,IAAAgB;AAAA,KAAA/B,EAAA,QAAAE,gBAAAF,EAAA,QAAAU,oBAAAV,EAAA,QAAAW,iBAAA;AAEKoB,OAAA;GAAA7B;GAAAC;GAAAO;GAAAC;GAAoE;AAAAX,IAAA,MAAAE;AAAAF,IAAA,MAAAU;AAAAV,IAAA,MAAAW;AAAAX,IAAA,MAAA+B;OAAAA,MAAA/B,EAAA;AAAA,QAApE+B"}
+{"version":3,"file":"useActiveOption.js","names":["Key","RefObject","useLayoutEffect","useRef","useState","useEvent","markKeyboardFocus","ListStateLike","ActiveOption","key","term","source","UseActiveOptionProps","listStateRef","wrapperRef","HTMLDivElement","isOpen","visibleOptionsSignature","customTerm","preferredOptionKey","useActiveOption","t0","$","_c","activeOption","setActiveOption","t1","forTerm","listState","current","selectionManager","setFocusedKey","moveVirtualFocus","popoverMinWidth","setPopoverMinWidth","focusTermRef","t2","t3","offsetWidth","visibleKeys","split","push","isNewTerm","attempts","isCancelled","tick","listState_0","requestAnimationFrame","focused","focusedKey","keepsFocus","includes","prev","t4","_c"],"sources":["../../../../src/components/fields/TagInput/useActiveOption.ts"],"sourcesContent":["import { Key } from '@react-types/shared';\nimport { RefObject, useLayoutEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { markKeyboardFocus } from '../ListBoxPopover/listNavigation';\n\nimport type { ListStateLike } from '../ListBoxPopover/listNavigation';\n\nexport interface ActiveOption {\n  key: Key;\n  /** The text it was chosen for. */\n  term: string;\n  /**\n   * A user's own pick (arrows, a click), or focus the component placed while\n   * the text changed.\n   */\n  source: 'auto' | 'user';\n}\n\nexport interface UseActiveOptionProps {\n  /** The popover list's state, once the list has mounted. */\n  listStateRef: RefObject<ListStateLike | null>;\n  /** The input box, which the popover is at least as wide as. */\n  wrapperRef: RefObject<HTMLDivElement>;\n  /** Whether the popover shows. */\n  isOpen: boolean;\n  /** The keys of the visible option and custom value rows, `\\u0000`-joined. */\n  visibleOptionsSignature: string;\n  /** The typed text's own row, listed after them. */\n  customTerm: string | null;\n  term: string;\n  /** The row the focus pass lands on when the focused one does not stay. */\n  preferredOptionKey: Key | null;\n}\n\n/**\n * The option under virtual focus in the popover, mirrored in state for the\n * input's `aria-activedescendant`: the listbox's own state update does not\n * re-render the field. It is also what Enter acts on, so Enter only ever picks\n * the option a screen reader was told about.\n *\n * Also runs the pass that places it as the popover shows or its rows change,\n * which sizes the popover to the input box on the way.\n */\nexport function useActiveOption({\n  listStateRef,\n  wrapperRef,\n  isOpen,\n  visibleOptionsSignature,\n  customTerm,\n  term,\n  preferredOptionKey,\n}: UseActiveOptionProps) {\n  const [activeOption, setActiveOption] = useState<ActiveOption | null>(null);\n\n  const moveVirtualFocus = useEvent(\n    (key: Key | null, source: 'auto' | 'user', forTerm: string) => {\n      const listState = listStateRef.current;\n\n      if (!listState || key == null) return;\n\n      markKeyboardFocus(listState);\n      listState.selectionManager.setFocusedKey(key);\n      setActiveOption({ key, term: forTerm, source });\n    },\n  );\n\n  // The popover is at least as wide as the input box.\n  const [popoverMinWidth, setPopoverMinWidth] = useState<number>();\n\n  const focusTermRef = useRef<string | null>(null);\n\n  // Focus the best match when the popover opens or the text changes, and\n  // whenever the focused option is filtered out, so Enter always acts on a\n  // visible row. The keys come from this render's own filter: the listbox's\n  // collection can lag a render behind right after the text narrows.\n  useLayoutEffect(() => {\n    // `aria-activedescendant` is only set while the popover shows, so a stale\n    // active option needs no reset here; the next pass re-syncs it.\n    if (!isOpen) {\n      focusTermRef.current = null;\n\n      return;\n    }\n\n    setPopoverMinWidth(wrapperRef.current?.offsetWidth);\n\n    // Rebuilt from the signature: the key arrays themselves are new on every\n    // render when options come from `items`. Collection keys are strings.\n    const visibleKeys: Key[] = visibleOptionsSignature\n      ? visibleOptionsSignature.split('\\u0000')\n      : [];\n\n    if (customTerm) visibleKeys.push(customTerm);\n\n    const isNewTerm = !!term && focusTermRef.current !== term;\n\n    focusTermRef.current = term;\n\n    let attempts = 0;\n    let isCancelled = false;\n\n    const tick = () => {\n      if (isCancelled) return;\n\n      const listState = listStateRef.current;\n\n      if (!listState) {\n        attempts += 1;\n\n        if (attempts < 8) requestAnimationFrame(tick);\n\n        return;\n      }\n\n      const focused = listState.selectionManager.focusedKey;\n      const keepsFocus =\n        focused != null && visibleKeys.includes(focused) && !isNewTerm;\n\n      // Re-announced even when focus stays: after a close and reopen the list\n      // still has it, but the input no longer points at it.\n      if (keepsFocus) {\n        setActiveOption((prev) =>\n          prev?.key === focused\n            ? { ...prev, term }\n            : { key: focused, term, source: 'auto' },\n        );\n      } else {\n        moveVirtualFocus(preferredOptionKey, 'auto', term);\n      }\n    };\n\n    requestAnimationFrame(() => requestAnimationFrame(tick));\n\n    // Text typed after this pass was scheduled owns the focus now.\n    return () => {\n      isCancelled = true;\n    };\n  }, [\n    isOpen,\n    visibleOptionsSignature,\n    customTerm,\n    term,\n    preferredOptionKey,\n    moveVirtualFocus,\n    listStateRef,\n    wrapperRef,\n  ]);\n\n  return { activeOption, setActiveOption, moveVirtualFocus, popoverMinWidth };\n}\n"],"mappings":"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"}

package/dist/components/fields/TagInput/useTagError.js

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";
-
 //#region src/components/fields/TagInput/useTagError.ts
 /**
 * The message a refused entry shows in place of the field's own, and when it
@@ -89,7 +88,7 @@ function useTagError() {
 	} else t5 = $[9];
 	return t5;
 }
-
 //#endregion
 export { useTagError };
+
 //# sourceMappingURL=useTagError.js.map

package/dist/components/fields/TagInput/useTagError.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTagError.js","names":["useEffect","useRef","useState","useEvent","TagError","id","text","useTagError","$","_c","tagError","setTagErrorState","tagErrorIdRef","t0","Symbol","for","current","setTagError","pendingClearRef","t1","cancelPendingClear","t2","timer","handleMouseUp","setTimeout","document","addEventListener","capture","once","removeEventListener","clearTimeout","clearTagErrorAfterPress","t3","t4","t5"],"sources":["../../../../src/components/fields/TagInput/useTagError.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\n\nexport interface TagError {\n  /** New for every rejection, so a repeated one is announced again. */\n  id: number;\n  text: string;\n}\n\n/**\n * The message a refused entry shows in place of the field's own, and when it\n * goes away: at once, or after the press that took focus away.\n */\nexport function useTagError() {\n  const [tagError, setTagErrorState] = useState<TagError | null>(null);\n  // Only ever grows: a clear and a new rejection can land in one batch.\n  const tagErrorIdRef = useRef(0);\n  const setTagError = useEvent((text: string | null) => {\n    if (text == null) {\n      setTagErrorState(null);\n\n      return;\n    }\n\n    tagErrorIdRef.current += 1;\n    setTagErrorState({ id: tagErrorIdRef.current, text });\n  });\n\n  // Clearing a message moves what is below the field up by its line. When a\n  // press took focus away, that waits for the press to end, or the control\n  // pressed would move out from under the pointer and miss it.\n  const pendingClearRef = useRef<(() => void) | null>(null);\n\n  const cancelPendingClear = () => {\n    pendingClearRef.current?.();\n    pendingClearRef.current = null;\n  };\n\n  const clearTagErrorAfterPress = () => {\n    cancelPendingClear();\n\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    // A task after mouseup, so after the click the browser sends with it.\n    const handleMouseUp = () => {\n      timer = setTimeout(() => {\n        pendingClearRef.current = null;\n        setTagError(null);\n      }, 0);\n    };\n\n    document.addEventListener('mouseup', handleMouseUp, {\n      capture: true,\n      once: true,\n    });\n    pendingClearRef.current = () => {\n      document.removeEventListener('mouseup', handleMouseUp, true);\n      clearTimeout(timer);\n    };\n  };\n\n  useEffect(() => () => pendingClearRef.current?.(), []);\n\n  return { tagError, setTagError, clearTagErrorAfterPress, cancelPendingClear };\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAOO,cAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,CAAAC,UAAAC,oBAAqCT,SAA0B,KAAK;CAEpE,MAAAU,gBAAsBX,OAAO,EAAE;CAAC,IAAAY;AAAA,KAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,EAAA;AACHF,QAAAP,SAAA;AAC3B,OAAIA,QAAQ,MAAI;AACdK,qBAAiB,KAAK;AAAA;;AAKxBC,iBAAaI,UAAbJ,cAAaI,UAAY;AACzBL,oBAAiB;IAAAN,IAAMO,cAAaI;IAAQV;IAAQ,CAAC;;AACtDE,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CATD,MAAAS,cAAoBd,SAASU,GAS3B;CAKF,MAAAK,kBAAwBjB,OAA4B,KAAK;CAAC,IAAAkB;AAAA,KAAAX,EAAA,OAAAM,OAAAC,IAAA,4BAAA,EAAA;AAE/BI,aAAA;AACzBD,mBAAeF,WAAY;AAC3BE,mBAAeF,UAAW;;AAC3BR,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAHD,MAAAY,qBAA2BD;CAGzB,IAAAE;AAAA,KAAAb,EAAA,OAAAS,aAAA;AAE8BI,aAAA;AAC9BD,uBAAoB;GAEhBE,IAAAA;GAEJ,MAAAC,sBAAsB;AACpBD,YAAQE,iBAAW;AACjBN,qBAAeF,UAAW;AAC1BC,iBAAY,KAAK;OAChB,EAAE;;AAGPQ,YAAQC,iBAAkB,WAAWH,eAAe;IAAAI,SACzC;IAAIC,MACP;IACP,CAAC;AACFV,mBAAeF,gBAAW;AACxBS,aAAQI,oBAAqB,WAAWN,eAAe,KAAK;AAC5DO,iBAAaR,MAAM;;;AAEtBd,IAAA,KAAAS;AAAAT,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CApBD,MAAAuB,0BAAgCV;CAoB9B,IAAAW;CAAA,IAAAC;AAAA,KAAAzB,EAAA,OAAAM,OAAAC,IAAA,4BAAA,EAAA;AAEQiB,mBAAYd,gBAAeF,WAAY;AAAEiB,OAAA,EAAE;AAAAzB,IAAA,KAAAwB;AAAAxB,IAAA,KAAAyB;QAAA;AAAAD,OAAAxB,EAAA;AAAAyB,OAAAzB,EAAA;;AAArDR,WAAUgC,IAAyCC,GAAG;CAAA,IAAAC;AAAA,KAAA1B,EAAA,OAAAuB,2BAAAvB,EAAA,OAAAS,eAAAT,EAAA,OAAAE,UAAA;AAE/CwB,OAAA;GAAAxB;GAAAO;GAAAc;GAAAX;GAAsE;AAAAZ,IAAA,KAAAuB;AAAAvB,IAAA,KAAAS;AAAAT,IAAA,KAAAE;AAAAF,IAAA,KAAA0B;OAAAA,MAAA1B,EAAA;AAAA,QAAtE0B"}
+{"version":3,"file":"useTagError.js","names":["useEffect","useRef","useState","useEvent","TagError","id","text","useTagError","$","_c","tagError","setTagErrorState","tagErrorIdRef","t0","Symbol","for","current","setTagError","pendingClearRef","t1","cancelPendingClear","t2","timer","handleMouseUp","setTimeout","document","addEventListener","capture","once","removeEventListener","clearTimeout","clearTagErrorAfterPress","t3","t4","t5","_c"],"sources":["../../../../src/components/fields/TagInput/useTagError.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\n\nexport interface TagError {\n  /** New for every rejection, so a repeated one is announced again. */\n  id: number;\n  text: string;\n}\n\n/**\n * The message a refused entry shows in place of the field's own, and when it\n * goes away: at once, or after the press that took focus away.\n */\nexport function useTagError() {\n  const [tagError, setTagErrorState] = useState<TagError | null>(null);\n  // Only ever grows: a clear and a new rejection can land in one batch.\n  const tagErrorIdRef = useRef(0);\n  const setTagError = useEvent((text: string | null) => {\n    if (text == null) {\n      setTagErrorState(null);\n\n      return;\n    }\n\n    tagErrorIdRef.current += 1;\n    setTagErrorState({ id: tagErrorIdRef.current, text });\n  });\n\n  // Clearing a message moves what is below the field up by its line. When a\n  // press took focus away, that waits for the press to end, or the control\n  // pressed would move out from under the pointer and miss it.\n  const pendingClearRef = useRef<(() => void) | null>(null);\n\n  const cancelPendingClear = () => {\n    pendingClearRef.current?.();\n    pendingClearRef.current = null;\n  };\n\n  const clearTagErrorAfterPress = () => {\n    cancelPendingClear();\n\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    // A task after mouseup, so after the click the browser sends with it.\n    const handleMouseUp = () => {\n      timer = setTimeout(() => {\n        pendingClearRef.current = null;\n        setTagError(null);\n      }, 0);\n    };\n\n    document.addEventListener('mouseup', handleMouseUp, {\n      capture: true,\n      once: true,\n    });\n    pendingClearRef.current = () => {\n      document.removeEventListener('mouseup', handleMouseUp, true);\n      clearTimeout(timer);\n    };\n  };\n\n  useEffect(() => () => pendingClearRef.current?.(), []);\n\n  return { tagError, setTagError, clearTagErrorAfterPress, cancelPendingClear };\n}\n"],"mappings":";;;;;;;;;AAcA,SAAOO,cAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,CAAAC,UAAAC,oBAAqCT,SAA0B,IAAI;CAEnE,MAAAU,gBAAsBX,OAAO,CAAC;CAAE,IAAAY;CAAA,IAAAL,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EACHF,MAAAP,SAAA;GAC3B,IAAIA,QAAQ,MAAI;IACdK,iBAAiB,IAAI;IAAC;GAAA;GAKxBC,cAAaI,UAAbJ,cAAaI,UAAY;GACzBL,iBAAiB;IAAAN,IAAMO,cAAaI;IAAQV;GAAO,CAAC;EAAC;EACtDE,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CATD,MAAAS,cAAoBd,SAASU,EAS5B;CAKD,MAAAK,kBAAwBjB,OAA4B,IAAI;CAAE,IAAAkB;CAAA,IAAAX,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EAE/BI,WAAA;GACzBD,gBAAeF,UAAW;GAC1BE,gBAAeF,UAAW;EAAH;EACxBR,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAHD,MAAAY,qBAA2BD;CAGzB,IAAAE;CAAA,IAAAb,EAAA,OAAAS,aAAA;EAE8BI,WAAA;GAC9BD,mBAAmB;GAEfE,IAAAA;GAEJ,MAAAC,sBAAsB;IACpBD,QAAQE,iBAAW;KACjBN,gBAAeF,UAAW;KAC1BC,YAAY,IAAI;IAAC,GAChB,CAAC;GAHC;GAMPQ,SAAQC,iBAAkB,WAAWH,eAAe;IAAAI,SACzC;IAAIC,MACP;GACR,CAAC;GACDV,gBAAeF,gBAAW;IACxBS,SAAQI,oBAAqB,WAAWN,eAAe,IAAI;IAC3DO,aAAaR,KAAK;GAAC;EAFE;EAIxBd,EAAA,KAAAS;EAAAT,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CApBD,MAAAuB,0BAAgCV;CAoB9B,IAAAW;CAAA,IAAAC;CAAA,IAAAzB,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EAEQiB,iBAAYd,gBAAeF,UAAW;EAAGiB,KAAA,CAAA;EAAEzB,EAAA,KAAAwB;EAAAxB,EAAA,KAAAyB;CAAA,OAAA;EAAAD,KAAAxB,EAAA;EAAAyB,KAAAzB,EAAA;CAAA;CAArDR,UAAUgC,IAAyCC,EAAE;CAAC,IAAAC;CAAA,IAAA1B,EAAA,OAAAuB,2BAAAvB,EAAA,OAAAS,eAAAT,EAAA,OAAAE,UAAA;EAE/CwB,KAAA;GAAAxB;GAAAO;GAAAc;GAAAX;EAAqE;EAACZ,EAAA,KAAAuB;EAAAvB,EAAA,KAAAS;EAAAT,EAAA,KAAAE;EAAAF,EAAA,KAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,OAAtE0B;AAAsE"}

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

@@ -1,12 +1,10 @@
 
 import { FieldBaseProps } from "../../../shared/form.js";
 import { CubeBufferedValueProps, CubeTextInputBaseProps } from "../TextInput/TextInputBase.js";
-import * as react from "react";
 import { RefObject } from "react";
 import { AriaTextFieldProps } from "react-aria";
-
 //#region src/components/fields/TextArea/TextArea.d.ts
-interface CubeTextAreaProps extends Omit<CubeTextInputBaseProps, 'validate' | 'inputRef' | 'onFocus' | 'onBlur'>, CubeBufferedValueProps {
+export interface CubeTextAreaProps extends Omit<CubeTextInputBaseProps, 'validate' | 'inputRef' | 'onFocus' | 'onBlur'>, CubeBufferedValueProps {
   field?: FieldBaseProps<string | null | undefined>['field'];
   inputRef?: RefObject<HTMLTextAreaElement | null>;
   validate?: AriaTextFieldProps<HTMLTextAreaElement>['validate'];
@@ -25,10 +23,10 @@ interface CubeTextAreaProps extends Omit<CubeTextInputBaseProps, 'validate' | 'i
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
  */
-declare const _TextArea: react.ForwardRefExoticComponent<Omit<CubeTextAreaProps, "value" | "defaultValue"> & {
+declare const _TextArea: import("react").ForwardRefExoticComponent<Omit<CubeTextAreaProps, "value" | "defaultValue"> & {
   value?: any;
   defaultValue?: any;
-} & react.RefAttributes<HTMLElement>>;
+} & import("react").RefAttributes<HTMLElement>>;
 //#endregion
-export { CubeTextAreaProps, _TextArea };
+export { _TextArea as TextArea };
 //# sourceMappingURL=TextArea.d.ts.map

package/dist/components/fields/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";
@@ -11,7 +11,6 @@ import { c } from "react/compiler-runtime";
 import { forwardRef, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTextField } from "react-aria";
-
 //#region src/components/fields/TextArea/TextArea.tsx
 function TextArea(rawProps, ref) {
 	const $ = c(31);
@@ -26,6 +25,7 @@ function TextArea(rawProps, ref) {
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = {
 			defaultValidationTrigger: "onBlur",
+			showsValidateErrors: true,
 			valuePropsMapper: _temp
 		};
 		$[2] = t1;
@@ -144,7 +144,7 @@ function _temp(t0) {
 const _TextArea = forwardRef(TextArea);
 _TextArea.cubeInputType = "Text";
 _TextArea.displayName = "TextArea";
-
 //#endregion
-export { _TextArea };
+export { _TextArea as TextArea };
+
 //# sourceMappingURL=TextArea.js.map

package/dist/components/fields/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["ForwardedRef","forwardRef","RefObject","useRef","AriaTextFieldProps","useTextField","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","useFieldProps","useDisplayedValidation","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","useAutoSizeTextArea","FieldBaseProps","CubeTextAreaProps","Omit","field","inputRef","HTMLTextAreaElement","validate","onFocus","onBlur","autoSize","maxRows","rows","TextArea","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","t2","isDisabled","t3","isReadOnly","t4","isRequired","t5","onChange","onChange_0","t6","t7","labelProps","userLabelProps","inputProps","userInputProps","propsInputRef","value","value_0","form","isBuffered","otherProps","undefined","Math","max","localInputRef","t8","buffered","t9","adjustHeight","displayedValidation","validation","trackTouched","reset","inputElementType","t10","mergedLabelProps","T0","t11","getDisplayedValidation","t12","t13","toString","_TextArea","cubeInputType","displayName"],"sources":["../../../../src/components/fields/TextArea/TextArea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef } from 'react';\nimport { AriaTextFieldProps, useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport { useDisplayedValidation } from '../TextInput/displayed-validation';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nimport type { FieldBaseProps } from '../../../shared/form';\n\nexport interface CubeTextAreaProps\n  extends Omit<\n      CubeTextInputBaseProps,\n      'validate' | 'inputRef' | 'onFocus' | 'onBlur'\n    >,\n    CubeBufferedValueProps {\n  field?: FieldBaseProps<string | null | undefined>['field'];\n  inputRef?: RefObject<HTMLTextAreaElement | null>;\n  validate?: AriaTextFieldProps<HTMLTextAreaElement>['validate'];\n  onFocus?: AriaTextFieldProps<HTMLTextAreaElement>['onFocus'];\n  onBlur?: AriaTextFieldProps<HTMLTextAreaElement>['onBlur'];\n  /** Whether the textarea should change its size depends on the content */\n  autoSize?: boolean;\n  /** Max number of visible rows when autoSize is `true`. Defaults to 10  */\n  maxRows?: number;\n  /** The `rows` attribute in HTML is used to specify the number of visible text lines for the\n   * control i.e. the number of rows to display. Defaults to 3 */\n  rows?: number;\n}\n\nfunction TextArea(\n  rawProps: WithNullableValue<CubeTextAreaProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n  let {\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    value,\n    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\n    isBuffered,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  let localInputRef = useRef<HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  const buffered = useBufferedValue(value, onChange, {\n    isBuffered,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    // Keyed on the rendered value, not the prop, so a buffered draft is measured.\n    value: buffered.value,\n  });\n\n  let displayedValidation = useDisplayedValidation();\n  let { labelProps, inputProps, ...validation } = useTextField(\n    displayedValidation.trackTouched({\n      ...otherProps,\n      value: buffered.value,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(buffered.onChange, adjustHeight),\n      onBlur: chain(otherProps.onBlur, buffered.reset),\n      inputElementType: 'textarea',\n    }),\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      {...otherProps}\n      {...displayedValidation.getDisplayedValidation(otherProps, validation)}\n      multiLine\n      inputRef={inputRef}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'textarea' },\n        userInputProps,\n      )}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n}\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextArea = forwardRef(TextArea);\n\n(_TextArea as any).cubeInputType = 'Text';\n_TextArea.displayName = 'TextArea';\n\nexport { _TextArea as TextArea };\n"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","names":["ForwardedRef","forwardRef","RefObject","useRef","AriaTextFieldProps","useTextField","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","useFieldProps","useDisplayedValidation","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","useAutoSizeTextArea","FieldBaseProps","CubeTextAreaProps","Omit","field","inputRef","HTMLTextAreaElement","validate","onFocus","onBlur","autoSize","maxRows","rows","TextArea","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","showsValidateErrors","valuePropsMapper","_temp","props","t2","isDisabled","t3","isReadOnly","t4","isRequired","t5","onChange","onChange_0","t6","t7","labelProps","userLabelProps","inputProps","userInputProps","propsInputRef","value","value_0","form","isBuffered","otherProps","undefined","Math","max","localInputRef","t8","buffered","t9","adjustHeight","displayedValidation","validation","trackTouched","reset","inputElementType","t10","mergedLabelProps","T0","t11","getDisplayedValidation","t12","t13","toString","_TextArea","cubeInputType","displayName","_c","mergeProps"],"sources":["../../../../src/components/fields/TextArea/TextArea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef } from 'react';\nimport { AriaTextFieldProps, useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport { useDisplayedValidation } from '../TextInput/displayed-validation';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nimport type { FieldBaseProps } from '../../../shared/form';\n\nexport interface CubeTextAreaProps\n  extends\n    Omit<\n      CubeTextInputBaseProps,\n      'validate' | 'inputRef' | 'onFocus' | 'onBlur'\n    >,\n    CubeBufferedValueProps {\n  field?: FieldBaseProps<string | null | undefined>['field'];\n  inputRef?: RefObject<HTMLTextAreaElement | null>;\n  validate?: AriaTextFieldProps<HTMLTextAreaElement>['validate'];\n  onFocus?: AriaTextFieldProps<HTMLTextAreaElement>['onFocus'];\n  onBlur?: AriaTextFieldProps<HTMLTextAreaElement>['onBlur'];\n  /** Whether the textarea should change its size depends on the content */\n  autoSize?: boolean;\n  /** Max number of visible rows when autoSize is `true`. Defaults to 10  */\n  maxRows?: number;\n  /** The `rows` attribute in HTML is used to specify the number of visible text lines for the\n   * control i.e. the number of rows to display. Defaults to 3 */\n  rows?: number;\n}\n\nfunction TextArea(\n  rawProps: WithNullableValue<CubeTextAreaProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n    showsValidateErrors: true,\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n  let {\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    value,\n    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\n    isBuffered,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  let localInputRef = useRef<HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  const buffered = useBufferedValue(value, onChange, {\n    isBuffered,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    // Keyed on the rendered value, not the prop, so a buffered draft is measured.\n    value: buffered.value,\n  });\n\n  let displayedValidation = useDisplayedValidation();\n  let { labelProps, inputProps, ...validation } = useTextField(\n    displayedValidation.trackTouched({\n      ...otherProps,\n      value: buffered.value,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(buffered.onChange, adjustHeight),\n      onBlur: chain(otherProps.onBlur, buffered.reset),\n      inputElementType: 'textarea',\n    }),\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      {...otherProps}\n      {...displayedValidation.getDisplayedValidation(otherProps, validation)}\n      multiLine\n      inputRef={inputRef}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'textarea' },\n        userInputProps,\n      )}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n}\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextArea = forwardRef(TextArea);\n\n(_TextArea as any).cubeInputType = 'Text';\n_TextArea.displayName = 'TextArea';\n\nexport { _TextArea as TextArea };\n"],"mappings":"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"}

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

@@ -1,2 +1,3 @@
 
-import { CubeTextAreaProps, _TextArea } from "./TextArea.js";
+import { CubeTextAreaProps, TextArea as _TextArea } from "./TextArea.js";
+export { CubeTextAreaProps, _TextArea as TextArea };

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

@@ -2,21 +2,19 @@
 import { FieldBaseProps, TextFieldKeyboardProps } from "../../../shared/form.js";
 import { CubeBufferedValueProps, CubeTextInputBaseProps } from "./TextInputBase.js";
 import { WithNullableValue } from "../../../utils/react/nullableValue.js";
-import * as react from "react";
 import { AriaTextFieldProps, useTextField as useTextField$1 } from "react-aria";
-
 //#region src/components/fields/TextInput/TextInput.d.ts
-type CubeTextInputProps = WithNullableValue<Omit<CubeTextInputBaseProps, 'validate'>> & CubeBufferedValueProps & TextFieldKeyboardProps & {
+export type CubeTextInputProps = WithNullableValue<Omit<CubeTextInputBaseProps, 'validate'>> & CubeBufferedValueProps & TextFieldKeyboardProps & {
   field?: FieldBaseProps<string | null | undefined>['field'];
   validate?: AriaTextFieldProps['validate'];
 };
-declare const TextInput: react.ForwardRefExoticComponent<Omit<Omit<CubeTextInputBaseProps, "validate">, "value" | "defaultValue"> & {
+export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<Omit<CubeTextInputBaseProps, "validate">, "value" | "defaultValue"> & {
   value?: any;
   defaultValue?: any;
 } & CubeBufferedValueProps & TextFieldKeyboardProps & {
   field?: FieldBaseProps<string | null | undefined>["field"];
   validate?: AriaTextFieldProps["validate"];
-} & react.RefAttributes<HTMLElement>>;
+} & import("react").RefAttributes<HTMLElement>>;
 //#endregion
-export { CubeTextInputProps, TextInput, useTextField$1 as useTextField };
+export { useTextField$1 as useTextField };
 //# sourceMappingURL=TextInput.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";
@@ -10,7 +10,6 @@ import { c } from "react/compiler-runtime";
 import { forwardRef, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTextField as useTextField$1 } from "react-aria";
-
 //#region src/components/fields/TextInput/TextInput.tsx
 const TextInput = forwardRef(function TextInput(rawProps, ref) {
 	const $ = c(17);
@@ -25,6 +24,7 @@ const TextInput = forwardRef(function TextInput(rawProps, ref) {
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = {
 			defaultValidationTrigger: "onBlur",
+			showsValidateErrors: true,
 			valuePropsMapper: _temp
 		};
 		$[2] = t1;
@@ -96,7 +96,7 @@ function _temp(t0) {
 		value: value?.toString() ?? ""
 	};
 }
-
 //#endregion
 export { TextInput, useTextField$1 as useTextField };
+
 //# sourceMappingURL=TextInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","names":["ForwardedRef","forwardRef","RefObject","useRef","AriaTextFieldProps","useTextField","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","useFieldProps","useDisplayedValidation","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","FieldBaseProps","TextFieldKeyboardProps","CubeTextInputProps","Omit","field","validate","TextInput","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","form","isBuffered","restProps","localInputRef","buffered","value","onChange","isDisabled","isReadOnly","displayedValidation","validation","trackTouched","onBlur","reset","inputElementType","multiLine","HTMLInputElement","t2","mergedLabelProps","T0","t3","getDisplayedValidation","t4","t5","cubeInputType","toString"],"sources":["../../../../src/components/fields/TextInput/TextInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef } from 'react';\nimport { AriaTextFieldProps, useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\n\nimport { useDisplayedValidation } from './displayed-validation';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from './TextInputBase';\n\nimport type {\n  FieldBaseProps,\n  TextFieldKeyboardProps,\n} from '../../../shared/form';\n\nexport type CubeTextInputProps = WithNullableValue<\n  Omit<CubeTextInputBaseProps, 'validate'>\n> &\n  CubeBufferedValueProps &\n  TextFieldKeyboardProps & {\n    field?: FieldBaseProps<string | null | undefined>['field'];\n    validate?: AriaTextFieldProps['validate'];\n  };\n\nexport { useTextField };\n\nexport const TextInput = forwardRef(function TextInput(\n  rawProps: CubeTextInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n\n  let {\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    form,\n    isBuffered,\n    ...restProps\n  } = props;\n  let localInputRef = useRef<HTMLTextAreaElement | HTMLInputElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up, so a parent that echoes it\n  // back a render late can't overwrite the DOM node and throw the caret to the end.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n\n  let displayedValidation = useDisplayedValidation();\n  let { labelProps, inputProps, ...validation } = useTextField(\n    displayedValidation.trackTouched({\n      ...restProps,\n      value: buffered.value,\n      onChange: buffered.onChange,\n      onBlur: chain(restProps.onBlur, buffered.reset),\n      inputElementType: restProps.multiLine ? 'textarea' : 'input',\n    }),\n    inputRef as RefObject<HTMLInputElement | null>,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      {...restProps}\n      {...displayedValidation.getDisplayedValidation(restProps, validation)}\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(inputProps, userInputProps)}\n      inputRef={inputRef}\n    />\n  );\n});\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\n\n(TextInput as any).cubeInputType = 'Text';\n"],"mappings":";;;;;;;;;;;;;;AAiCA,MAAasB,YAAYrB,WAAW,SAAAqB,UAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAF,UAAA;AAIvBI,OAAAlB,wBAAwBc,SAAS;AAAAE,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAA5CF,YAAWA;CAAH,IAAAK;AAAA,KAAAH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AAC4BF,OAAA;GAAAG,0BACR;GAAQC,kBAChBC;GAInB;AAAAR,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAED,MAAA,EAAAU,YAAAC,gBAAAC,YAAAC,gBAAAC,UAAAC,eAAAC,MAAAC,YAAA,GAAAC,cARYhC,cAAcY,UAAUK,GAMlC;CAUF,MAAAgB,gBAAoBzC,OAA+C,KAAK;CACxE,MAAAoC,WAAeC,iBAAAI;CAIf,MAAAC,WAAerC,iBAAiBmC,UAASG,OAAQH,UAASI,UAAW;EAAAL;EAAAM,YAEvDL,UAASK;EAAWC,YACpBN,UAASM;EACtB,CAAC;CAEF,MAAAC,sBAA0BtC,wBAAwB;CAClD,MAAA,EAAAuB,YAAAE,YAAA,GAAAc,eAAgD9C,eAC9C6C,oBAAmBE,aAAc;EAAA,GAC5BT;EAASG,OACLD,SAAQC;EAAMC,UACXF,SAAQE;EAASM,QACnB/C,MAAMqC,UAASU,QAASR,SAAQS,MAAO;EAAAC,kBAC7BZ,UAASa,YAAT,aAAA;EACnB,CAAC,EACFjB,SACD;CAAC,IAAAmB;AAAA,KAAAjC,EAAA,OAAAU,cAAAV,EAAA,OAAAW,gBAAA;AAGuBsB,OAAAnD,aAAW4B,YAAYC,eAAe;AAAAX,IAAA,KAAAU;AAAAV,IAAA,KAAAW;AAAAX,IAAA,KAAAiC;OAAAA,MAAAjC,EAAA;CAA/D,MAAAkC,mBAAyBD;CAGtB,MAAAE,KAAA7C;CAEK,MAAA8C,KAAAX,oBAAmBY,uBAAwBnB,WAAWQ,WAAW;CAAA,IAAAY;AAAA,KAAAtC,EAAA,OAAAY,cAAAZ,EAAA,OAAAa,gBAAA;AAGzDyB,OAAAxD,aAAW8B,YAAYC,eAAe;AAAAb,IAAA,KAAAY;AAAAZ,IAAA,KAAAa;AAAAb,IAAA,KAAAsC;OAAAA,MAAAtC,EAAA;CAAA,IAAAuC;AAAA,KAAAvC,EAAA,OAAAmC,MAAAnC,EAAA,QAAAc,YAAAd,EAAA,QAAAkC,oBAAAlC,EAAA,QAAAD,OAAAC,EAAA,QAAAkB,aAAAlB,EAAA,QAAAoC,MAAApC,EAAA,QAAAsC,IAAA;AALpDC,OAAA,oBAAC;GAAa,GACRrB;GAAS,GACTkB;GACCrC;GACOmC,YAAAA;GACA,YAAAI;GACFxB;IACV;AAAAd,IAAA,KAAAmC;AAAAnC,IAAA,MAAAc;AAAAd,IAAA,MAAAkC;AAAAlC,IAAA,MAAAD;AAAAC,IAAA,MAAAkB;AAAAlB,IAAA,MAAAoC;AAAApC,IAAA,MAAAsC;AAAAtC,IAAA,MAAAuC;OAAAA,MAAAvC,EAAA;AAAA,QAPFuC;EASF;;;;;;AAQF,AAAC1C,UAAkB2C,gBAAgB;AAjEC,SAAAhC,MAAAN,IAAA;CAOb,MAAA,EAAAmB,OAAAC,aAAApB;AAAmB,QAAM;EAAAoB;EAAAD,OAEnCA,OAAKoB,UAAkB,IAAvB;EACR"}
+{"version":3,"file":"TextInput.js","names":["ForwardedRef","forwardRef","RefObject","useRef","AriaTextFieldProps","useTextField","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","useFieldProps","useDisplayedValidation","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","FieldBaseProps","TextFieldKeyboardProps","CubeTextInputProps","Omit","field","validate","TextInput","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","showsValidateErrors","valuePropsMapper","_temp","props","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","form","isBuffered","restProps","localInputRef","buffered","value","onChange","isDisabled","isReadOnly","displayedValidation","validation","trackTouched","onBlur","reset","inputElementType","multiLine","HTMLInputElement","t2","mergedLabelProps","T0","t3","getDisplayedValidation","t4","t5","cubeInputType","toString","_c","useTextField","mergeProps"],"sources":["../../../../src/components/fields/TextInput/TextInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef } from 'react';\nimport { AriaTextFieldProps, useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\n\nimport { useDisplayedValidation } from './displayed-validation';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from './TextInputBase';\n\nimport type {\n  FieldBaseProps,\n  TextFieldKeyboardProps,\n} from '../../../shared/form';\n\nexport type CubeTextInputProps = WithNullableValue<\n  Omit<CubeTextInputBaseProps, 'validate'>\n> &\n  CubeBufferedValueProps &\n  TextFieldKeyboardProps & {\n    field?: FieldBaseProps<string | null | undefined>['field'];\n    validate?: AriaTextFieldProps['validate'];\n  };\n\nexport { useTextField };\n\nexport const TextInput = forwardRef(function TextInput(\n  rawProps: CubeTextInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n    showsValidateErrors: true,\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n\n  let {\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    form,\n    isBuffered,\n    ...restProps\n  } = props;\n  let localInputRef = useRef<HTMLTextAreaElement | HTMLInputElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up, so a parent that echoes it\n  // back a render late can't overwrite the DOM node and throw the caret to the end.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n\n  let displayedValidation = useDisplayedValidation();\n  let { labelProps, inputProps, ...validation } = useTextField(\n    displayedValidation.trackTouched({\n      ...restProps,\n      value: buffered.value,\n      onChange: buffered.onChange,\n      onBlur: chain(restProps.onBlur, buffered.reset),\n      inputElementType: restProps.multiLine ? 'textarea' : 'input',\n    }),\n    inputRef as RefObject<HTMLInputElement | null>,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      {...restProps}\n      {...displayedValidation.getDisplayedValidation(restProps, validation)}\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(inputProps, userInputProps)}\n      inputRef={inputRef}\n    />\n  );\n});\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\n\n(TextInput as any).cubeInputType = 'Text';\n"],"mappings":";;;;;;;;;;;;;AAiCA,MAAasB,YAAYrB,WAAW,SAAAqB,UAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAF,UAAA;EAIvBI,KAAAlB,wBAAwBc,QAAQ;EAACE,EAAA,KAAAF;EAAAE,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAA5CF,WAAWA;CAAH,IAAAK;CAAA,IAAAH,EAAA,OAAAI,OAAAC,IAAA,2BAAA,GAAA;EAC4BF,KAAA;GAAAG,0BACR;GAAQC,qBACb;GAAIC,kBACPC;EAIpB;EAACT,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAED,MAAA,EAAAW,YAAAC,gBAAAC,YAAAC,gBAAAC,UAAAC,eAAAC,MAAAC,YAAA,GAAAC,cATYjC,cAAcY,UAAUK,EAgBhCO;CACJ,MAAAU,gBAAoB1C,OAA+C,IAAI;CACvE,MAAAqC,WAAeC,iBAAAI;CAIf,MAAAC,WAAetC,iBAAiBoC,UAASG,OAAQH,UAASI,UAAW;EAAAL;EAAAM,YAEvDL,UAASK;EAAWC,YACpBN,UAASM;CACvB,CAAC;CAED,MAAAC,sBAA0BvC,uBAAuB;CACjD,MAAA,EAAAwB,YAAAE,YAAA,GAAAc,eAAgD/C,eAC9C8C,oBAAmBE,aAAc;EAAA,GAC5BT;EAASG,OACLD,SAAQC;EAAMC,UACXF,SAAQE;EAASM,QACnBhD,MAAMsC,UAASU,QAASR,SAAQS,KAAM;EAACC,kBAC7BZ,UAASa,YAAT,aAAA;CACpB,CAAC,GACDjB,QACF;CAAE,IAAAmB;CAAA,IAAAlC,EAAA,OAAAW,cAAAX,EAAA,OAAAY,gBAAA;EAGuBsB,KAAApD,aAAW6B,YAAYC,cAAc;EAACZ,EAAA,KAAAW;EAAAX,EAAA,KAAAY;EAAAZ,EAAA,KAAAkC;CAAA,OAAAA,KAAAlC,EAAA;CAA/D,MAAAmC,mBAAyBD;CAGtB,MAAAE,KAAA9C;CAEK,MAAA+C,KAAAX,oBAAmBY,uBAAwBnB,WAAWQ,UAAU;CAAC,IAAAY;CAAA,IAAAvC,EAAA,OAAAa,cAAAb,EAAA,OAAAc,gBAAA;EAGzDyB,KAAAzD,aAAW+B,YAAYC,cAAc;EAACd,EAAA,KAAAa;EAAAb,EAAA,KAAAc;EAAAd,EAAA,KAAAuC;CAAA,OAAAA,KAAAvC,EAAA;CAAA,IAAAwC;CAAA,IAAAxC,EAAA,OAAAoC,MAAApC,EAAA,QAAAe,YAAAf,EAAA,QAAAmC,oBAAAnC,EAAA,QAAAD,OAAAC,EAAA,QAAAmB,aAAAnB,EAAA,QAAAqC,MAAArC,EAAA,QAAAuC,IAAA;EALpDC,KAAA,oBAAC,IAAD;GAAc,GACRrB;GAAS,GACTkB;GACCtC;GACOoC,YAAAA;GACA,YAAAI;GACFxB;EAAQ,CAAA;EAClBf,EAAA,KAAAoC;EAAApC,EAAA,MAAAe;EAAAf,EAAA,MAAAmC;EAAAnC,EAAA,MAAAD;EAAAC,EAAA,MAAAmB;EAAAnB,EAAA,MAAAqC;EAAArC,EAAA,MAAAuC;EAAAvC,EAAA,MAAAwC;CAAA,OAAAA,KAAAxC,EAAA;CAAA,OAPFwC;AAOE,CAEL;;;;;;AAQD,UAAmBC,gBAAgB;AAlEC,SAAAhC,MAAAP,IAAA;CAQb,MAAA,EAAAoB,OAAAC,aAAArB;CAAmB,OAAM;EAAAqB;EAAAD,OAEnCA,OAAKoB,SAAiB,KAAtB;CACT;AAAC"}

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

@@ -3,14 +3,12 @@ import { Props } from "../../../props.js";
 import { FieldBaseProps, TextFieldKeyboardProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
 import { BaseProps, BaseStyleProps, BlockStyleProps, ColorStyleProps, OuterStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { FocusEventHandler, ReactElement, ReactNode, RefObject } from "react";
 import { AriaNumberFieldProps, AriaTextFieldProps as AriaTextFieldProps$1 } from "react-aria";
-
 //#region src/components/fields/TextInput/TextInputBase.d.ts
-declare const INPUT_WRAPPER_STYLES: Styles;
-declare const DEFAULT_INPUT_STYLES: Styles;
-interface CubeTextInputBaseProps extends BaseProps, OuterStyleProps, BlockStyleProps, BaseStyleProps, ColorStyleProps, Omit<AriaTextFieldProps$1<HTMLInputElement | HTMLTextAreaElement>, 'validate' | 'form' | 'name' | 'errorMessage' | 'onKeyDown' | 'onKeyUp' | 'onFocus' | 'onBlur'>, TextFieldKeyboardProps, FieldBaseProps {
+export declare const INPUT_WRAPPER_STYLES: Styles;
+export declare const DEFAULT_INPUT_STYLES: Styles;
+export interface CubeTextInputBaseProps extends BaseProps, OuterStyleProps, BlockStyleProps, BaseStyleProps, ColorStyleProps, Omit<AriaTextFieldProps$1<HTMLInputElement | HTMLTextAreaElement>, 'validate' | 'form' | 'name' | 'errorMessage' | 'onKeyDown' | 'onKeyUp' | 'onFocus' | 'onBlur'>, TextFieldKeyboardProps, FieldBaseProps {
   validate?: AriaTextFieldProps$1['validate'] | AriaNumberFieldProps['validate'];
   onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
   onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
@@ -74,7 +72,7 @@ interface CubeTextInputBaseProps extends BaseProps, OuterStyleProps, BlockStyleP
  * `CommandTextArea`, which keep their own text and ignore it: a public API that accepts a flag and
  * does nothing with it.
  */
-interface CubeBufferedValueProps {
+export interface CubeBufferedValueProps {
   /**
    * Whether the typed text is held locally until the controlled `value` catches up. On by default,
    * which is what keeps the caret in place when the value round-trips through a store that
@@ -83,7 +81,7 @@ interface CubeBufferedValueProps {
    */
   isBuffered?: boolean;
 }
-declare const TextInputBase: react.ForwardRefExoticComponent<CubeTextInputBaseProps & react.RefAttributes<unknown>>;
+declare const TextInputBase: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
 //#endregion
-export { type AriaTextFieldProps$1 as AriaTextFieldProps, CubeBufferedValueProps, CubeTextInputBaseProps, DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES, TextInputBase };
+export { type AriaTextFieldProps$1 as AriaTextFieldProps, TextInputBase };
 //# sourceMappingURL=TextInputBase.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -7,11 +7,11 @@ import { getValidationMods } from "../../form/validation/resolve-validation-prop
 import { ValidationIndicator, hasValidationIndicator } from "../../form/validation/ValidationIndicator.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
-import { forwardRef, useImperativeHandle, useMemo, useRef } from "react";
+import { forwardRef, useImperativeHandle, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useHover } from "react-aria";
 import { createFocusableRef } from "@react-spectrum/utils";
-
+import { useObjectRef } from "@react-aria/utils";
 //#region src/components/fields/TextInput/TextInputBase.tsx
 const ADD_STYLES = {
 	$: ">",
@@ -189,7 +189,7 @@ function _TextInputBase(props, ref) {
 	let ElementType = multiLine ? "textarea" : "input";
 	let { isFocused, focusProps } = useFocus$1();
 	let { hoverProps, isHovered } = useHover({ isDisabled });
-	let domRef = useRef(null);
+	let domRef = useObjectRef(wrapperRef);
 	inputRef = useCombinedRefs(inputRef);
 	useImperativeHandle(ref, () => ({
 		...createFocusableRef(domRef, inputRef),
@@ -247,8 +247,8 @@ function _TextInputBase(props, ref) {
 	const resolvedAutoComplete = autoComplete ?? autocomplete ?? inputProps.autoComplete;
 	const resolvedAutoFocus = autoFocus ?? inputProps.autoFocus;
 	const textSecurityStyles = multiLine && type === "password" && inputProps.value?.length ? { fontFamily: "text-security-disc" } : {};
-	return wrapWithField(/* @__PURE__ */ jsxs(InputWrapperElement, {
-		ref: wrapperRef,
+	const textField = /* @__PURE__ */ jsxs(InputWrapperElement, {
+		ref: domRef,
 		mods: modifiers,
 		"data-size": size,
 		styles,
@@ -267,7 +267,7 @@ function _TextInputBase(props, ref) {
 				rows: multiLine ? rows ?? inputProps.rows ?? 1 : inputProps.rows,
 				mods: modifiers,
 				style: textSecurityStyles,
-				"data-autofocus": resolvedAutoFocus ? "" : void 0,
+				...resolvedAutoFocus ? { "data-autofocus": "" } : void 0,
 				autoFocus: resolvedAutoFocus,
 				"data-size": size,
 				autoComplete: resolvedAutoComplete,
@@ -293,10 +293,11 @@ function _TextInputBase(props, ref) {
 				]
 			}) : null
 		]
-	}), domRef, props);
+	});
+	return wrapWithField(textField, props);
 }
 const TextInputBase = forwardRef(_TextInputBase);
-
 //#endregion
 export { DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES, TextInputBase };
+
 //# sourceMappingURL=TextInputBase.js.map