@cube-dev/ui-kit 0.0.0-canary-bef9600 → 0.0.0-canary-e3f8a1a

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["getActiveElement","useObjectRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","useRef","AriaRadioGroupProps","useFocusRing","useRadioGroup","RadioGroupState","useRadioGroupState","FieldBaseProps","mergeProps","castNullableStringValue","WithNullableValue","extractStyles","CubeItemProps","FormScopeMask","useFieldProps","wrapWithField","RadioContext","KeyboardEvent","CubeRadioGroupProps","Omit","groupStyles","orientation","value","defaultValue","onChange","size","Exclude","buttonType","type","RadioGroupElement","qa","styles","display","placeItems","placeContent","flow","horizontal","padding","tabs","boxSizing","radius","fill","width","flexShrink","gap","button","whiteSpace","outline","isFocusedDisabledRadio","element","HTMLInputElement","getAttribute","RadioGroup","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","props","id","isDisabled","isRequired","labelPosition","t2","isInvalid","isValid","children","insideForm","labelProps","baseLabelProps","form","otherProps","undefined","domRef","baseState","isArrowKeyRef","t3","setSelectedValue","current","state","t4","radioGroupProps","onKeyDown","onArrowKey","groupProps","t5","event","t6","within","isFocusVisible","isFocusWithinVisible","focusProps","groupFocusProps","T0","t7","t8","t9","t10","t11","t12","t13","t14","focused","t15","t16","name","t17","t18","t19","radioGroup","t20","_RadioGroup","cubeInputType","displayName"],"sources":["../../../../src/components/fields/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { getActiveElement, useObjectRef } from '@react-aria/utils';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { AriaRadioGroupProps, useFocusRing, useRadioGroup } from 'react-aria';\nimport { RadioGroupState, useRadioGroupState } from 'react-stately';\n\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { extractStyles } from '../../../utils/styles';\nimport { CubeItemProps } from '../../content/Item/Item';\nimport { FormScopeMask, useFieldProps, wrapWithField } from '../../form';\n\nimport { RadioContext } from './context';\n\nimport type { KeyboardEvent } from 'react';\n\nexport interface CubeRadioGroupProps\n  extends BaseProps,\n    Omit<AriaRadioGroupProps, 'errorMessage' | 'form' | 'name'>,\n    ContainerStyleProps,\n    FieldBaseProps<string | null | undefined> {\n  groupStyles?: Styles;\n  orientation?: 'horizontal' | 'vertical';\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  /* Size for all radio buttons in the group */\n  size?: Exclude<CubeItemProps['size'], 'inline'>;\n  /* Button type for all button-style radios (ignored in tabs mode). When set to 'primary', selected buttons use 'primary' and non-selected use 'outline' with isSelected appearance */\n  buttonType?: CubeItemProps['type'];\n  /* Visual type for all radios in the group: radio (default), button, or tabs */\n  type?: 'radio' | 'button' | 'tabs';\n}\n\nconst RadioGroupElement = tasty({\n  qa: 'RadioGroup',\n  styles: {\n    display: 'flex',\n    placeItems: 'stretch',\n    placeContent: 'stretch',\n    flow: {\n      '': 'column',\n      horizontal: 'row wrap',\n      'horizontal & tabs': 'row',\n    },\n    padding: {\n      '': '0',\n      tabs: '.5x',\n    },\n    // The tabs layout is the only one with padding, and a caller that gives the\n    // group an explicit width (`width: 100%` inside a popover, say) means the\n    // box it can see. Without this the padding is added on top and the group\n    // overhangs its container by `1x`.\n    boxSizing: 'border-box',\n    radius: true,\n    fill: {\n      '': '#clear',\n      'tabs | disabled': '#surface-4',\n    },\n    width: 'max-content max-content initial',\n    flexShrink: 0,\n    gap: {\n      '': '1x',\n      button: 0,\n      tabs: '.5x',\n    },\n    whiteSpace: 'nowrap',\n    // Keyboard focus ring on the group, shown only for button/tabs layouts\n    // where individual items are visually merged (button-group) or share a\n    // single chrome (tabs) — the classic vertical radio list already shows\n    // a per-item focus ring on the radio circle.\n    outline: {\n      '': '1bw #primary-text.0 / 1bw',\n      'focused & (button | tabs)': '1bw #primary-text / 1bw',\n    },\n  },\n});\n\n/**\n * Whether focus rests on the radio with this value while it is disabled. Only\n * a radio kept focusable for its tooltip can be: a natively disabled one never\n * takes focus (see `Radio`).\n */\nfunction isFocusedDisabledRadio(value: string | null) {\n  let element = getActiveElement();\n\n  return (\n    element instanceof HTMLInputElement &&\n    element.type === 'radio' &&\n    element.value === value &&\n    element.getAttribute('aria-disabled') === 'true'\n  );\n}\n\nfunction RadioGroup(rawProps: WithNullableValue<CubeRadioGroupProps>, ref) {\n  let orientation = rawProps.orientation;\n\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, { defaultValidationTrigger: 'onChange' });\n\n  let {\n    qa,\n    id,\n    isDisabled,\n    isRequired,\n    labelPosition = 'top',\n    isInvalid,\n    isValid,\n    children,\n    styles,\n    groupStyles,\n    insideForm,\n    // orientation, // ignore orientation since it came from the form context\n    labelProps: baseLabelProps,\n    size,\n    buttonType,\n    type,\n    form,\n    ...otherProps\n  } = props;\n  let domRef = useObjectRef(ref);\n\n  styles = extractStyles(otherProps, CONTAINER_STYLES, styles);\n\n  let baseState = useRadioGroupState(props);\n  // The arrow keys focus the next radio and select it. A disabled radio that\n  // keeps focus for its tooltip is reached that way too, and has to stop the\n  // selection the way a read-only group does: focus moves, the value stays.\n  // Only the arrow keys: a click elsewhere or a form reset still selects.\n  let isArrowKeyRef = useRef(false);\n  let state: RadioGroupState = {\n    ...baseState,\n    setSelectedValue(value) {\n      if (isArrowKeyRef.current && isFocusedDisabledRadio(value)) return;\n\n      baseState.setSelectedValue(value);\n    },\n  };\n\n  // Set default orientation based on type\n  if (orientation == null) {\n    orientation =\n      type === 'button' || type === 'tabs' ? 'horizontal' : 'vertical';\n  }\n\n  // React Aria hands `form` to every radio's input as the id of its `<form>`,\n  // so the form instance would render as `form=\"[object Object]\"` on each.\n  let { radioGroupProps, labelProps } = useRadioGroup(\n    { ...props, orientation, form: undefined },\n    state,\n  );\n\n  let { onKeyDown: onArrowKey, ...groupProps } = radioGroupProps;\n  let onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    isArrowKeyRef.current = true;\n    onArrowKey?.(event);\n    isArrowKeyRef.current = false;\n  };\n\n  // Keyboard-only focus ring on the group container (button/tabs layouts).\n  // `within: true` tracks focus on any descendant radio. We read\n  // `isFocusVisible` (not `isFocused`), which is keyboard-gated — mouse\n  // clicks on a radio focus the input but leave `isFocusVisible` false.\n  let { isFocusVisible: isFocusWithinVisible, focusProps: groupFocusProps } =\n    useFocusRing({ within: true });\n\n  let radioGroup = (\n    <RadioGroupElement\n      // Keep semantics and keyboard handling on the group: `isBare` omits\n      // the field wrapper.\n      {...mergeProps(groupProps, groupFocusProps)}\n      onKeyDown={onKeyDown}\n      // `useRadioGroup` seeds its id once; the current one follows the form\n      // binding.\n      id={id}\n      qa={qa || 'RadioGroup'}\n      styles={styles}\n      data-input-type=\"radiogroup\"\n      data-radio-button-group={type === 'button' ? '' : undefined}\n      mods={{\n        horizontal: orientation === 'horizontal',\n        'inside-form': insideForm,\n        'side-label': labelPosition === 'side',\n        button: type === 'button',\n        tabs: type === 'tabs',\n        focused: isFocusWithinVisible,\n      }}\n    >\n      <FormScopeMask\n        value={{\n          isRequired,\n          isInvalid,\n          isValid,\n          isDisabled,\n        }}\n      >\n        <RadioContext.Provider\n          value={{\n            state,\n            name: props.name,\n            size,\n            buttonType,\n            type,\n            isDisabled,\n          }}\n        >\n          {children}\n        </RadioContext.Provider>\n      </FormScopeMask>\n    </RadioGroupElement>\n  );\n\n  return wrapWithField(radioGroup, domRef, {\n    ...props,\n    labelProps: mergeProps(baseLabelProps, labelProps),\n  });\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _RadioGroup = forwardRef(RadioGroup);\n\n(_RadioGroup as any).cubeInputType = 'RadioGroup';\n_RadioGroup.displayName = 'RadioGroup';\n\nexport { _RadioGroup as RadioGroup };\n"],"mappings":";;;;;;;;;;;;;;;;;AA4CA,MAAMoC,oBAAoB9B,MAAM;CAC9B+B,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,YAAY;EACZC,cAAc;EACdC,MAAM;GACJ,IAAI;GACJC,YAAY;GACZ,qBAAqB;GACtB;EACDC,SAAS;GACP,IAAI;GACJC,MAAM;GACP;EAKDC,WAAW;EACXC,QAAQ;EACRC,MAAM;GACJ,IAAI;GACJ,mBAAmB;GACpB;EACDC,OAAO;EACPC,YAAY;EACZC,KAAK;GACH,IAAI;GACJC,QAAQ;GACRP,MAAM;GACP;EACDQ,YAAY;EAKZC,SAAS;GACP,IAAI;GACJ,6BAA6B;GAC/B;EACF;CACD,CAAC;;;;;;AAOF,SAASC,uBAAuB1B,OAAsB;CACpD,IAAI2B,UAAUxD,kBAAkB;AAEhC,QACEwD,mBAAmBC,oBACnBD,QAAQrB,SAAS,WACjBqB,QAAQ3B,UAAUA,SAClB2B,QAAQE,aAAa,gBAAgB,KAAK;;AAI9C,SAAAC,WAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,IAAAnC,cAAkBgC,SAAQhC;CAAa,IAAAoC;AAAA,KAAAF,EAAA,OAAAF,UAAA;AAE5BI,OAAAhD,wBAAwB4C,SAAS;AAAAE,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAA5CF,YAAWA;CAAH,IAAAK;AAAA,KAAAH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AAC4BF,OAAA,EAAAG,0BAA4B,YAAY;AAAAN,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAA5E,MAAAO,QAAYhD,cAAcuC,UAAUK,GAAyC;CAE7E,IAAA,EAAA5B,IAAAiC,IAAAC,YAAAC,YAAAC,eAAAC,IAAAC,WAAAC,SAAAC,UAAAvC,QAAAX,aAAAmD,YAAAC,YAAAC,gBAAAhD,MAAAE,YAAAC,MAAA8C,MAAA,GAAAC,eAmBIb;CAdF,MAAAI,gBAAAC,OAAAS,SAAA,QAAAT;CAeF,MAAAU,SAAanF,aAAa4D,IAAI;AAE9BvB,UAASpB,cAAcgE,YAAY/E,kBAAkBmC,OAAO;CAE5D,MAAA+C,YAAgBxE,mBAAmBwD,MAAM;CAKzC,MAAAiB,gBAAoB9E,OAAO,MAAM;CAAC,IAAA+E;AAAA,KAAAzB,EAAA,OAAAuB,WAAA;AACLE,OAAA;GAAA,GACxBF;GAASG,iBAAA3D,OAAA;AAEV,QAAIyD,cAAaG,WAAYlC,uBAAuB1B,MAAM,CAAA;AAE1DwD,cAASG,iBAAkB3D,MAAM;;GAEpC;AAAAiC,IAAA,KAAAuB;AAAAvB,IAAA,KAAAyB;OAAAA,MAAAzB,EAAA;CAPD,MAAA4B,QAA6BH;AAU7B,KAAI3D,eAAe,KACjBA,eACEO,SAAS,YAAYA,SAAS,SAA9B,eAAA;CACH,IAAAwD;AAAA,KAAA7B,EAAA,OAAAlC,eAAAkC,EAAA,OAAAO,OAAA;AAKCsB,OAAA;GAAA,GAAKtB;GAAKzC;GAAAqD,MAAqBE;GAAW;AAAArB,IAAA,KAAAlC;AAAAkC,IAAA,KAAAO;AAAAP,IAAA,KAAA6B;OAAAA,MAAA7B,EAAA;CAD5C,MAAA,EAAA8B,iBAAAb,eAAsCpE,cACpCgF,IACAD,MACD;CAED,MAAA,EAAAG,WAAAC,YAAA,GAAAC,eAA+CH;CAAgB,IAAAI;AAAA,KAAAlC,EAAA,OAAAgC,YAAA;AAC/CE,QAAAC,UAAA;AACdX,iBAAaG,UAAW;AACxBK,gBAAaG,MAAM;AACnBX,iBAAaG,UAAW;;AACzB3B,IAAA,KAAAgC;AAAAhC,IAAA,KAAAkC;OAAAA,MAAAlC,EAAA;CAJD,MAAA+B,YAAgBG;CAId,IAAAE;AAAA,KAAApC,EAAA,QAAAI,OAAAC,IAAA,4BAAA,EAAA;AAOa+B,OAAA,EAAAC,QAAU,MAAM;AAAArC,IAAA,MAAAoC;OAAAA,MAAApC,EAAA;CAD/B,MAAA,EAAAsC,gBAAAC,sBAAAC,YAAAC,oBACE7F,aAAawF,GAAiB;CAG7B,MAAAM,KAAApE;CAGK,MAAAqE,KAAA1F,aAAWgF,YAAYQ,gBAAgB;CAKvC,MAAAG,KAAArE,MAAA;CAGqB,MAAAsE,KAAAxE,SAAS,WAAT,KAAAgD;CAEX,MAAAyB,MAAAhF,gBAAgB;CAEd,MAAAiF,MAAApC,kBAAkB;CACxB,MAAAqC,MAAA3E,SAAS;CACX,MAAA4E,MAAA5E,SAAS;CAAM,IAAA6E;AAAA,KAAAlD,EAAA,QAAAgB,cAAAhB,EAAA,QAAAuC,wBAAAvC,EAAA,QAAA8C,OAAA9C,EAAA,QAAA+C,OAAA/C,EAAA,QAAAgD,OAAAhD,EAAA,QAAAiD,KAAA;AALjBC,QAAA;GAAArE,YACQiE;GAA4B,eACzB9B;GAAU,cACX+B;GAAwBzD,QAC9B0D;GAAiBjE,MACnBkE;GAAeE,SACZZ;GACV;AAAAvC,IAAA,MAAAgB;AAAAhB,IAAA,MAAAuC;AAAAvC,IAAA,MAAA8C;AAAA9C,IAAA,MAAA+C;AAAA/C,IAAA,MAAAgD;AAAAhD,IAAA,MAAAiD;AAAAjD,IAAA,MAAAkD;OAAAA,OAAAlD,EAAA;CAAA,IAAAoD;AAAA,KAAApD,EAAA,QAAAS,cAAAT,EAAA,QAAAa,aAAAb,EAAA,QAAAU,cAAAV,EAAA,QAAAc,SAAA;AAGQsC,QAAA;GAAA1C;GAAAG;GAAAC;GAAAL;GAKN;AAAAT,IAAA,MAAAS;AAAAT,IAAA,MAAAa;AAAAb,IAAA,MAAAU;AAAAV,IAAA,MAAAc;AAAAd,IAAA,MAAAoD;OAAAA,OAAApD,EAAA;CAAA,IAAAqD;AAAA,KAAArD,EAAA,QAAA5B,cAAA4B,EAAA,QAAAS,cAAAT,EAAA,QAAAO,MAAA+C,QAAAtD,EAAA,QAAA9B,QAAA8B,EAAA,QAAA4B,SAAA5B,EAAA,QAAA3B,MAAA;AAGQgF,QAAA;GAAAzB;GAAA0B,MAEC/C,MAAK+C;GAAKpF;GAAAE;GAAAC;GAAAoC;GAKjB;AAAAT,IAAA,MAAA5B;AAAA4B,IAAA,MAAAS;AAAAT,IAAA,MAAAO,MAAA+C;AAAAtD,IAAA,MAAA9B;AAAA8B,IAAA,MAAA4B;AAAA5B,IAAA,MAAA3B;AAAA2B,IAAA,MAAAqD;OAAAA,OAAArD,EAAA;CAAA,IAAAuD;AAAA,KAAAvD,EAAA,QAAAe,YAAAf,EAAA,QAAAqD,KAAA;AARHE,QAAA,oBAAA,aAAA;GACS,OAAAF;GASNtC;IACqB;AAAAf,IAAA,MAAAe;AAAAf,IAAA,MAAAqD;AAAArD,IAAA,MAAAuD;OAAAA,OAAAvD,EAAA;CAAA,IAAAwD;AAAA,KAAAxD,EAAA,QAAAoD,OAAApD,EAAA,QAAAuD,KAAA;AAnB1BC,QAAA,oBAAC;GACQ,OAAAJ;aAOPG;IAYc;AAAAvD,IAAA,MAAAoD;AAAApD,IAAA,MAAAuD;AAAAvD,IAAA,MAAAwD;OAAAA,OAAAxD,EAAA;CAAA,IAAAyD;AAAA,KAAAzD,EAAA,QAAA0C,MAAA1C,EAAA,QAAAQ,MAAAR,EAAA,QAAA+B,aAAA/B,EAAA,QAAAxB,UAAAwB,EAAA,QAAAkD,OAAAlD,EAAA,QAAAwD,OAAAxD,EAAA,QAAA2C,MAAA3C,EAAA,QAAA4C,MAAA5C,EAAA,QAAA6C,IAAA;AAzClBY,QAAA,oBAAC;GAAiB,GAGZd;GACOZ;GAGPvB;GACA,IAAAoC;GACIpE;GACQ,mBAAA;GACS,2BAAAqE;GACnB,MAAAK;aASNM;IAqBkB;AAAAxD,IAAA,MAAA0C;AAAA1C,IAAA,MAAAQ;AAAAR,IAAA,MAAA+B;AAAA/B,IAAA,MAAAxB;AAAAwB,IAAA,MAAAkD;AAAAlD,IAAA,MAAAwD;AAAAxD,IAAA,MAAA2C;AAAA3C,IAAA,MAAA4C;AAAA5C,IAAA,MAAA6C;AAAA7C,IAAA,MAAAyD;OAAAA,OAAAzD,EAAA;CA3CtB,MAAA0D,aACED;CA2CA,IAAAE;AAAA,KAAA3D,EAAA,QAAAkB,kBAAAlB,EAAA,QAAAsB,UAAAtB,EAAA,QAAAiB,cAAAjB,EAAA,QAAAO,SAAAP,EAAA,QAAA0D,YAAA;AAEKC,QAAAnG,cAAckG,YAAYpC,QAAQ;GAAA,GACpCf;GAAKU,YACIhE,aAAWiE,gBAAgBD,WAAU;GAClD,CAAC;AAAAjB,IAAA,MAAAkB;AAAAlB,IAAA,MAAAsB;AAAAtB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAO;AAAAP,IAAA,MAAA0D;AAAA1D,IAAA,MAAA2D;OAAAA,OAAA3D,EAAA;AAAA,QAHK2D;;;;;;AAUT,MAAMC,cAAcnH,WAAWoD,WAAW;AAE1C,AAAC+D,YAAoBC,gBAAgB;AACrCD,YAAYE,cAAc"}
+{"version":3,"file":"RadioGroup.js","names":["getActiveElement","useObjectRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","useRef","AriaRadioGroupProps","useFocusRing","useRadioGroup","RadioGroupState","useRadioGroupState","FieldBaseProps","mergeProps","castNullableStringValue","WithNullableValue","extractStyles","CubeItemProps","FormScopeMask","useFieldProps","wrapWithField","RadioContext","KeyboardEvent","CubeRadioGroupProps","Omit","groupStyles","orientation","value","defaultValue","onChange","size","Exclude","buttonType","type","RadioGroupElement","qa","styles","display","placeItems","placeContent","flow","horizontal","padding","tabs","boxSizing","radius","fill","width","flexShrink","gap","button","whiteSpace","outline","isFocusedDisabledRadio","element","HTMLInputElement","getAttribute","RadioGroup","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","props","id","isDisabled","isRequired","labelPosition","t2","isInvalid","isValid","children","insideForm","labelProps","baseLabelProps","form","otherProps","undefined","domRef","baseState","isArrowKeyRef","t3","setSelectedValue","current","state","t4","radioGroupProps","onKeyDown","onArrowKey","groupProps","t5","event","t6","within","isFocusVisible","isFocusWithinVisible","focusProps","groupFocusProps","T0","t7","t8","t9","t10","t11","t12","t13","t14","focused","t15","t16","name","t17","t18","t19","radioGroup","t20","_RadioGroup","cubeInputType","displayName"],"sources":["../../../../src/components/fields/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { getActiveElement, useObjectRef } from '@react-aria/utils';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { AriaRadioGroupProps, useFocusRing, useRadioGroup } from 'react-aria';\nimport { RadioGroupState, useRadioGroupState } from 'react-stately';\n\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { extractStyles } from '../../../utils/styles';\nimport { CubeItemProps } from '../../content/Item/Item';\nimport { FormScopeMask, useFieldProps, wrapWithField } from '../../form';\n\nimport { RadioContext } from './context';\n\nimport type { KeyboardEvent } from 'react';\n\nexport interface CubeRadioGroupProps\n  extends BaseProps,\n    Omit<AriaRadioGroupProps, 'errorMessage' | 'form' | 'name'>,\n    ContainerStyleProps,\n    FieldBaseProps<string | null | undefined> {\n  groupStyles?: Styles;\n  orientation?: 'horizontal' | 'vertical';\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  /* Size for all radio buttons in the group */\n  size?: Exclude<CubeItemProps['size'], 'inline'>;\n  /* Button type for all button-style radios (ignored in tabs mode). When set to 'primary', selected buttons use 'primary' and non-selected use 'outline' with isSelected appearance */\n  buttonType?: CubeItemProps['type'];\n  /* Visual type for all radios in the group: radio (default), button, or tabs */\n  type?: 'radio' | 'button' | 'tabs';\n}\n\nconst RadioGroupElement = tasty({\n  qa: 'RadioGroup',\n  styles: {\n    display: 'flex',\n    placeItems: 'stretch',\n    placeContent: 'stretch',\n    flow: {\n      '': 'column',\n      horizontal: 'row wrap',\n      'horizontal & tabs': 'row',\n    },\n    padding: {\n      '': '0',\n      tabs: '.5x',\n    },\n    // The tabs layout is the only one with padding, and a caller that gives the\n    // group an explicit width (`width: 100%` inside a popover, say) means the\n    // box it can see. Without this the padding is added on top and the group\n    // overhangs its container by `1x`.\n    boxSizing: 'border-box',\n    radius: true,\n    fill: {\n      '': '#clear',\n      'tabs | disabled': '#surface-4',\n    },\n    width: 'max-content max-content initial',\n    flexShrink: 0,\n    gap: {\n      '': '1x',\n      button: 0,\n      tabs: '.5x',\n    },\n    whiteSpace: 'nowrap',\n    // Keyboard focus ring on the group, shown only for button/tabs layouts\n    // where individual items are visually merged (button-group) or share a\n    // single chrome (tabs) — the classic vertical radio list already shows\n    // a per-item focus ring on the radio circle.\n    outline: {\n      '': '1bw #primary-text.0 / 1bw',\n      'focused & (button | tabs)': '1bw #primary-text / 1bw',\n    },\n  },\n});\n\n/**\n * Whether focus rests on the radio with this value while it is disabled. Only\n * a radio kept focusable for its tooltip can be: a natively disabled one never\n * takes focus (see `Radio`).\n */\nfunction isFocusedDisabledRadio(value: string | null) {\n  let element = getActiveElement();\n\n  return (\n    element instanceof HTMLInputElement &&\n    element.type === 'radio' &&\n    element.value === value &&\n    element.getAttribute('aria-disabled') === 'true'\n  );\n}\n\nfunction RadioGroup(rawProps: WithNullableValue<CubeRadioGroupProps>, ref) {\n  let orientation = rawProps.orientation;\n\n  // `null` is the radio group's own \"nothing selected\".\n  rawProps = castNullableStringValue(rawProps, null);\n  let props = useFieldProps(rawProps, { defaultValidationTrigger: 'onChange' });\n\n  let {\n    qa,\n    id,\n    isDisabled,\n    isRequired,\n    labelPosition = 'top',\n    isInvalid,\n    isValid,\n    children,\n    styles,\n    groupStyles,\n    insideForm,\n    // orientation, // ignore orientation since it came from the form context\n    labelProps: baseLabelProps,\n    size,\n    buttonType,\n    type,\n    form,\n    ...otherProps\n  } = props;\n  let domRef = useObjectRef(ref);\n\n  styles = extractStyles(otherProps, CONTAINER_STYLES, styles);\n\n  let baseState = useRadioGroupState(props);\n  // The arrow keys focus the next radio and select it. A disabled radio that\n  // keeps focus for its tooltip is reached that way too, and has to stop the\n  // selection the way a read-only group does: focus moves, the value stays.\n  // Only the arrow keys: a click elsewhere or a form reset still selects.\n  let isArrowKeyRef = useRef(false);\n  let state: RadioGroupState = {\n    ...baseState,\n    setSelectedValue(value) {\n      if (isArrowKeyRef.current && isFocusedDisabledRadio(value)) return;\n\n      baseState.setSelectedValue(value);\n    },\n  };\n\n  // Set default orientation based on type\n  if (orientation == null) {\n    orientation =\n      type === 'button' || type === 'tabs' ? 'horizontal' : 'vertical';\n  }\n\n  // React Aria hands `form` to every radio's input as the id of its `<form>`,\n  // so the form instance would render as `form=\"[object Object]\"` on each.\n  let { radioGroupProps, labelProps } = useRadioGroup(\n    { ...props, orientation, form: undefined },\n    state,\n  );\n\n  let { onKeyDown: onArrowKey, ...groupProps } = radioGroupProps;\n  let onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    isArrowKeyRef.current = true;\n    onArrowKey?.(event);\n    isArrowKeyRef.current = false;\n  };\n\n  // Keyboard-only focus ring on the group container (button/tabs layouts).\n  // `within: true` tracks focus on any descendant radio. We read\n  // `isFocusVisible` (not `isFocused`), which is keyboard-gated — mouse\n  // clicks on a radio focus the input but leave `isFocusVisible` false.\n  let { isFocusVisible: isFocusWithinVisible, focusProps: groupFocusProps } =\n    useFocusRing({ within: true });\n\n  let radioGroup = (\n    <RadioGroupElement\n      // Keep semantics and keyboard handling on the group: `isBare` omits\n      // the field wrapper.\n      {...mergeProps(groupProps, groupFocusProps)}\n      onKeyDown={onKeyDown}\n      // `useRadioGroup` seeds its id once; the current one follows the form\n      // binding.\n      id={id}\n      qa={qa || 'RadioGroup'}\n      styles={styles}\n      data-input-type=\"radiogroup\"\n      data-radio-button-group={type === 'button' ? '' : undefined}\n      mods={{\n        horizontal: orientation === 'horizontal',\n        'inside-form': insideForm,\n        'side-label': labelPosition === 'side',\n        button: type === 'button',\n        tabs: type === 'tabs',\n        focused: isFocusWithinVisible,\n      }}\n    >\n      <FormScopeMask\n        value={{\n          isRequired,\n          isInvalid,\n          isValid,\n          isDisabled,\n        }}\n      >\n        <RadioContext.Provider\n          value={{\n            state,\n            name: props.name,\n            size,\n            buttonType,\n            type,\n            isDisabled,\n          }}\n        >\n          {children}\n        </RadioContext.Provider>\n      </FormScopeMask>\n    </RadioGroupElement>\n  );\n\n  return wrapWithField(radioGroup, domRef, {\n    ...props,\n    labelProps: mergeProps(baseLabelProps, labelProps),\n  });\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _RadioGroup = forwardRef(RadioGroup);\n\n(_RadioGroup as any).cubeInputType = 'RadioGroup';\n_RadioGroup.displayName = 'RadioGroup';\n\nexport { _RadioGroup as RadioGroup };\n"],"mappings":"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"}

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

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

package/dist/components/fields/SearchComboBox/SearchComboBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e3f8a1a | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

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

@@ -1,15 +1,20 @@
 
 import { CubeBufferedValueProps, CubeTextInputBaseProps } from "../TextInput/TextInputBase.js";
-import "../TextInput/index.js";
 import * as react from "react";
 import { useSearchField } from "react-aria";
 import { SearchFieldProps, useSearchFieldState } from "react-stately";
 
 //#region src/components/fields/SearchInput/SearchInput.d.ts
 interface CubeSearchInputProps extends Omit<CubeTextInputBaseProps, 'name' | 'form' | 'rules' | 'shouldUpdate' | 'validationDelay' | 'validateTrigger' | 'insideForm' | 'idPrefix' | 'validate'>, Omit<SearchFieldProps, 'onKeyDown' | 'onKeyUp' | 'errorMessage' | 'onFocus' | 'onBlur'>, CubeBufferedValueProps {
-  /** Whether the search input is clearable using ESC keyboard button or clear button inside the input */
+  /**
+   * Whether the input shows a clear button while it has text. `Escape` clears the input whatever
+   * this is set to, as in a native search field.
+   */
   isClearable?: boolean;
-  /** Callback called when the clear button is pressed */
+  /**
+   * Called after the text is cleared, by the clear button or by `Escape`. A clear with no text to
+   * remove doesn't call it.
+   */
   onClear?: () => void;
 }
 declare const SearchInput: react.ForwardRefExoticComponent<Omit<CubeSearchInputProps, "value" | "defaultValue"> & {

package/dist/components/fields/SearchInput/SearchInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e3f8a1a | 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";
@@ -19,7 +19,7 @@ import { useSearchFieldState } from "react-stately";
 
 //#region src/components/fields/SearchInput/SearchInput.tsx
 const SearchInput = forwardRef(function SearchInput(props, ref) {
-	const $ = c(29);
+	const $ = c(27);
 	let t0;
 	if ($[0] !== props) {
 		t0 = castNullableStringValue(props);
@@ -29,8 +29,9 @@ const SearchInput = forwardRef(function SearchInput(props, ref) {
 	props = t0;
 	props = useProviderProps(props);
 	props = useValidationProps(props);
-	const { isClearable, isInvalid, isValid, onClear, labelProps: userLabelProps, inputProps: userInputProps, isBuffered, ...restProps } = props;
-	const inputRef = useRef(null);
+	const { isClearable, labelProps: userLabelProps, inputProps: userInputProps, inputRef: propsInputRef, isBuffered, ...restProps } = props;
+	const localInputRef = useRef(null);
+	const inputRef = propsInputRef ?? localInputRef;
 	const buffered = useBufferedValue(restProps.value, restProps.onChange, {
 		isBuffered,
 		isDisabled: restProps.isDisabled,
@@ -78,7 +79,7 @@ const SearchInput = forwardRef(function SearchInput(props, ref) {
 		$[13] = t7;
 	} else t7 = $[13];
 	let t8;
-	if ($[14] !== clearButtonProps || $[15] !== onClear || $[16] !== restProps.isDisabled || $[17] !== restProps.size || $[18] !== restProps.suffix || $[19] !== showClearButton) {
+	if ($[14] !== clearButtonProps || $[15] !== restProps.isDisabled || $[16] !== restProps.size || $[17] !== restProps.suffix || $[18] !== showClearButton) {
 		t8 = restProps.suffix || showClearButton ? /* @__PURE__ */ jsxs(Fragment$1, { children: [restProps.suffix, showClearButton && (() => {
 			const { isDisabled: ariaIsDisabled, ...clearProps } = ariaToCubeButtonProps(clearButtonProps);
 			return /* @__PURE__ */ jsx(ItemActionProvider, {
@@ -87,24 +88,19 @@ const SearchInput = forwardRef(function SearchInput(props, ref) {
 					icon: /* @__PURE__ */ jsx(CloseIcon, {}),
 					size: restProps.size,
 					...clearProps,
-					isDisabled: ariaIsDisabled && !restProps.isDisabled ? true : void 0,
-					onPress: (e) => {
-						clearButtonProps.onPress?.(e);
-						onClear?.();
-					}
+					isDisabled: ariaIsDisabled && !restProps.isDisabled ? true : void 0
 				})
 			});
 		})()] }) : void 0;
 		$[14] = clearButtonProps;
-		$[15] = onClear;
-		$[16] = restProps.isDisabled;
-		$[17] = restProps.size;
-		$[18] = restProps.suffix;
-		$[19] = showClearButton;
-		$[20] = t8;
-	} else t8 = $[20];
+		$[15] = restProps.isDisabled;
+		$[16] = restProps.size;
+		$[17] = restProps.suffix;
+		$[18] = showClearButton;
+		$[19] = t8;
+	} else t8 = $[19];
 	let t9;
-	if ($[21] !== isInvalid || $[22] !== isValid || $[23] !== mergedLabelProps || $[24] !== ref || $[25] !== restProps || $[26] !== t6 || $[27] !== t8) {
+	if ($[20] !== inputRef || $[21] !== mergedLabelProps || $[22] !== ref || $[23] !== restProps || $[24] !== t6 || $[25] !== t8) {
 		t9 = /* @__PURE__ */ jsx(TextInputBase, {
 			ref,
 			labelProps: mergedLabelProps,
@@ -113,20 +109,17 @@ const SearchInput = forwardRef(function SearchInput(props, ref) {
 			type: "search",
 			icon: t7,
 			suffixPosition: "after",
-			isInvalid,
-			isValid,
 			...restProps,
 			suffix: t8
 		});
-		$[21] = isInvalid;
-		$[22] = isValid;
-		$[23] = mergedLabelProps;
-		$[24] = ref;
-		$[25] = restProps;
-		$[26] = t6;
-		$[27] = t8;
-		$[28] = t9;
-	} else t9 = $[28];
+		$[20] = inputRef;
+		$[21] = mergedLabelProps;
+		$[22] = ref;
+		$[23] = restProps;
+		$[24] = t6;
+		$[25] = t8;
+		$[26] = t9;
+	} else t9 = $[26];
 	return t9;
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","names":["forwardRef","useRef","useSearchField","SearchFieldProps","useSearchFieldState","CloseIcon","SearchIcon","useProviderProps","chain","mergeProps","useBufferedValue","ariaToCubeButtonProps","castNullableStringValue","WithNullableValue","ItemAction","ItemActionProvider","useValidationProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","CubeSearchInputProps","Omit","isClearable","onClear","SearchInput","props","ref","$","_c","t0","isInvalid","isValid","labelProps","userLabelProps","inputProps","userInputProps","isBuffered","restProps","inputRef","buffered","value","onChange","isDisabled","isReadOnly","t1","t2","t3","onBlur","reset","t4","fieldProps","state","clearButtonProps","showClearButton","t5","mergedLabelProps","t6","t7","Symbol","for","t8","size","suffix","ariaIsDisabled","clearProps","undefined","e","onPress","t9"],"sources":["../../../../src/components/fields/SearchInput/SearchInput.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react';\nimport { useSearchField } from 'react-aria';\nimport { SearchFieldProps, useSearchFieldState } from 'react-stately';\n\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { SearchIcon } from '../../../icons/SearchIcon';\nimport { useProviderProps } from '../../../provider';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport { ariaToCubeButtonProps } from '../../../utils/react/mapProps';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { ItemAction, ItemActionProvider } from '../../actions';\nimport { useValidationProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\n\nexport { useSearchFieldState, useSearchField };\nexport type { SearchFieldProps };\n\nexport interface CubeSearchInputProps\n  extends Omit<\n      CubeTextInputBaseProps,\n      // SearchInput is not form-connected: it holds no persistent value, so\n      // form-binding and form-validation props are excluded from the public API.\n      | 'name'\n      | 'form'\n      | 'rules'\n      | 'shouldUpdate'\n      | 'validationDelay'\n      | 'validateTrigger'\n      | 'insideForm'\n      | 'idPrefix'\n      | 'validate'\n    >,\n    Omit<\n      SearchFieldProps,\n      'onKeyDown' | 'onKeyUp' | 'errorMessage' | 'onFocus' | 'onBlur'\n    >,\n    CubeBufferedValueProps {\n  /** Whether the search input is clearable using ESC keyboard button or clear button inside the input */\n  isClearable?: boolean;\n  /** Callback called when the clear button is pressed */\n  onClear?: () => void;\n}\n\nexport const SearchInput = forwardRef(function SearchInput(\n  props: WithNullableValue<CubeSearchInputProps>,\n  ref,\n) {\n  props = castNullableStringValue(props);\n  // SearchInput is a standalone control, not a form field, so it does not use `useFieldProps`.\n  props = useProviderProps(props);\n  props = useValidationProps(props);\n\n  let {\n    isClearable,\n    isInvalid,\n    isValid,\n    onClear,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    isBuffered,\n    ...restProps\n  } = props;\n\n  let inputRef = useRef<HTMLInputElement>(null);\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  // Applied before the state hook, so `state.value` (and the clear button) follow the draft.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n  let fieldProps = {\n    ...restProps,\n    value: buffered.value,\n    onChange: buffered.onChange,\n    onBlur: chain(restProps.onBlur, buffered.reset),\n  };\n\n  let state = useSearchFieldState(fieldProps);\n  let { labelProps, inputProps, clearButtonProps } = useSearchField(\n    fieldProps,\n    state,\n    inputRef,\n  );\n  let showClearButton =\n    isClearable && state.value !== '' && !restProps.isReadOnly;\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'searchinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      type=\"search\"\n      icon={<SearchIcon />}\n      suffixPosition=\"after\"\n      isInvalid={isInvalid}\n      isValid={isValid}\n      {...restProps}\n      suffix={\n        restProps.suffix || showClearButton ? (\n          <>\n            {restProps.suffix}\n            {showClearButton &&\n              (() => {\n                const { isDisabled: ariaIsDisabled, ...clearProps } =\n                  ariaToCubeButtonProps(clearButtonProps);\n\n                return (\n                  // A disabled FIELD goes through the provider so `current` treats\n                  // the state as inherited: the field has already faded the colour\n                  // the button paints from, and fading again multiplied the two to\n                  // `.12` — all but invisible. Any OTHER reason react-aria\n                  // disables the button (read-only) leaves the field's text\n                  // opaque, so that one stays a prop and fades itself.\n                  <ItemActionProvider isDisabled={restProps.isDisabled}>\n                    <ItemAction\n                      icon={<CloseIcon />}\n                      size={restProps.size}\n                      // No `type` or `theme` — the default `current` type inherits\n                      // the input's own text color, which already carries\n                      // validation state.\n                      {...clearProps}\n                      isDisabled={\n                        ariaIsDisabled && !restProps.isDisabled\n                          ? true\n                          : undefined\n                      }\n                      onPress={(e) => {\n                        // Call the original clear functionality\n                        clearButtonProps.onPress?.(e);\n                        // Call the onClear callback\n                        onClear?.();\n                      }}\n                    />\n                  </ItemActionProvider>\n                );\n              })()}\n          </>\n        ) : undefined\n      }\n    />\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"SearchInput.js","names":["forwardRef","RefObject","useRef","useSearchField","SearchFieldProps","useSearchFieldState","CloseIcon","SearchIcon","useProviderProps","chain","mergeProps","useBufferedValue","ariaToCubeButtonProps","castNullableStringValue","WithNullableValue","ItemAction","ItemActionProvider","useValidationProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","CubeSearchInputProps","Omit","isClearable","onClear","SearchInput","props","ref","$","_c","t0","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","isBuffered","restProps","localInputRef","HTMLInputElement","buffered","value","onChange","isDisabled","isReadOnly","t1","t2","t3","onBlur","reset","t4","fieldProps","state","clearButtonProps","showClearButton","t5","mergedLabelProps","t6","t7","Symbol","for","t8","size","suffix","ariaIsDisabled","clearProps","undefined","t9"],"sources":["../../../../src/components/fields/SearchInput/SearchInput.tsx"],"sourcesContent":["import { forwardRef, RefObject, useRef } from 'react';\nimport { useSearchField } from 'react-aria';\nimport { SearchFieldProps, useSearchFieldState } from 'react-stately';\n\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { SearchIcon } from '../../../icons/SearchIcon';\nimport { useProviderProps } from '../../../provider';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport { ariaToCubeButtonProps } from '../../../utils/react/mapProps';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { useValidationProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\n\nexport { useSearchFieldState, useSearchField };\nexport type { SearchFieldProps };\n\nexport interface CubeSearchInputProps\n  extends Omit<\n      CubeTextInputBaseProps,\n      // SearchInput is not form-connected: it holds no persistent value, so\n      // form-binding and form-validation props are excluded from the public API.\n      | 'name'\n      | 'form'\n      | 'rules'\n      | 'shouldUpdate'\n      | 'validationDelay'\n      | 'validateTrigger'\n      | 'insideForm'\n      | 'idPrefix'\n      | 'validate'\n    >,\n    Omit<\n      SearchFieldProps,\n      'onKeyDown' | 'onKeyUp' | 'errorMessage' | 'onFocus' | 'onBlur'\n    >,\n    CubeBufferedValueProps {\n  /**\n   * Whether the input shows a clear button while it has text. `Escape` clears the input whatever\n   * this is set to, as in a native search field.\n   */\n  isClearable?: boolean;\n  /**\n   * Called after the text is cleared, by the clear button or by `Escape`. A clear with no text to\n   * remove doesn't call it.\n   */\n  onClear?: () => void;\n}\n\nexport const SearchInput = forwardRef(function SearchInput(\n  props: WithNullableValue<CubeSearchInputProps>,\n  ref,\n) {\n  props = castNullableStringValue(props);\n  // SearchInput is a standalone control, not a form field, so it does not use `useFieldProps`.\n  props = useProviderProps(props);\n  props = useValidationProps(props);\n\n  let {\n    isClearable,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    isBuffered,\n    ...restProps\n  } = props;\n\n  let localInputRef = useRef<HTMLInputElement>(null);\n  // The hook and the caller have to see the same element: the clear button\n  // hands focus back to the input through this ref.\n  let inputRef = (propsInputRef ??\n    localInputRef) as RefObject<HTMLInputElement | null>;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  // Applied before the state hook, so `state.value` (and the clear button) follow the draft.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n  let fieldProps = {\n    ...restProps,\n    value: buffered.value,\n    onChange: buffered.onChange,\n    onBlur: chain(restProps.onBlur, buffered.reset),\n  };\n\n  let state = useSearchFieldState(fieldProps);\n  let { labelProps, inputProps, clearButtonProps } = useSearchField(\n    fieldProps,\n    state,\n    inputRef,\n  );\n  let showClearButton =\n    isClearable && state.value !== '' && !restProps.isReadOnly;\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'searchinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      type=\"search\"\n      icon={<SearchIcon />}\n      suffixPosition=\"after\"\n      {...restProps}\n      suffix={\n        restProps.suffix || showClearButton ? (\n          <>\n            {restProps.suffix}\n            {showClearButton &&\n              (() => {\n                const { isDisabled: ariaIsDisabled, ...clearProps } =\n                  ariaToCubeButtonProps(clearButtonProps);\n\n                return (\n                  // A disabled FIELD goes through the provider so `current` treats\n                  // the state as inherited: the field has already faded the colour\n                  // the button paints from, and fading again multiplied the two to\n                  // `.12` — all but invisible. Any OTHER reason react-aria\n                  // disables the button (read-only) leaves the field's text\n                  // opaque, so that one stays a prop and fades itself.\n                  <ItemActionProvider isDisabled={restProps.isDisabled}>\n                    <ItemAction\n                      icon={<CloseIcon />}\n                      size={restProps.size}\n                      // No `type` or `theme` — the default `current` type inherits\n                      // the input's own text color, which already carries\n                      // validation state.\n                      {...clearProps}\n                      isDisabled={\n                        ariaIsDisabled && !restProps.isDisabled\n                          ? true\n                          : undefined\n                      }\n                    />\n                  </ItemActionProvider>\n                );\n              })()}\n          </>\n        ) : undefined\n      }\n    />\n  );\n});\n"],"mappings":"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"}

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

@@ -48,9 +48,18 @@ interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, AriaLabelingP
     auto?: boolean;
   });
   triggerRef?: RefObject<HTMLButtonElement>;
+  /**
+   * Shows a loading indicator in the trigger. The value can't change while
+   * loading: the list doesn't open and typeahead is ignored.
+   */
   isLoading?: boolean;
+  /** Replaces the default loading icon shown while `isLoading` is set. */
   loadingIndicator?: ReactNode;
   overlayOffset?: number;
+  /**
+   * @deprecated Has no effect: the whole Select is its trigger. To hide the
+   * dropdown caret, pass `rightIcon={null}`.
+   */
   hideTrigger?: boolean;
   /**
    *  @deprecated Use `triggerStyles` instead
@@ -86,6 +95,7 @@ interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, AriaLabelingP
   shouldFlip?: boolean;
   /** Minimum padding in pixels between the popover and viewport edges */
   containerPadding?: number;
+  /** Additional props for the trigger button element. */
   inputProps?: Props;
   type?: 'outline' | 'outline-2' | 'clear' | 'primary' | (string & {});
   /**
@@ -121,7 +131,8 @@ interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, AriaLabelingP
   onOpenChange?: (isOpen: boolean) => void;
 }
 interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {
-  popoverRef?: RefObject<HTMLInputElement>;
+  /** The ref for the popover element. */
+  popoverRef?: RefObject<HTMLElement | null>;
   /** The ref for the list box. */
   listBoxRef?: RefObject<HTMLElement>;
   size?: 'small' | 'medium' | 'large' | (string & {});