@redsift/design-system 11.6.0-muiv5-alpha.2 → 11.6.0-muiv5-alpha.4

package/components/text-area/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../src/components/text-area/TextArea.tsx"],"sourcesContent":["import React, {\n  ComponentProps,\n  FocusEvent,\n  forwardRef,\n  MutableRefObject,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '../../react-aria/react-aria/focus';\nimport { useFocusWithin } from '../../react-aria/react-aria/interactions';\nimport { ButtonsColorPalette, Comp } from '../../types';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { TextAreaProps, TextAreaVariant } from './types';\nimport { StyledTextArea } from './styles';\nimport { Icon } from '../../components/icon';\nimport { useTheme } from '../theme';\nimport { useComputeNumberOfRows } from '../../hooks';\nimport { useId } from '../../utils';\nimport { Flexbox } from '../flexbox';\n\nconst COMPONENT_NAME = 'TextArea';\nconst CLASSNAME = 'redsift-text-area';\n\n/**\n * The TextArea component.\n * Can be used as controlled or uncontrolled.\n */\nexport const TextArea: Comp<TextAreaProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    after,\n    autoFocus,\n    className,\n    color: propsColor,\n    defaultValue = '',\n    forceColor,\n    isColored = true,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    leftIcon,\n    minimumRows,\n    name,\n    onBlur: onBlurProps,\n    onChange,\n    onFocus: onFocusProps,\n    placeholder,\n    textareaProps,\n    textareaRef: propsTextareaRef,\n    theme: propsTheme,\n    value: propsValue,\n    variant = TextAreaVariant.default,\n    width = '100%',\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : isColored ? 'primary' : 'grey';\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  const _textareaRef = React.useRef(null);\n  const textareaRef = propsTextareaRef ?? _textareaRef;\n\n  const {\n    isFocusVisible,\n    isFocused,\n    focusProps: { onFocus, onBlur },\n  } = useFocusRing({\n    autoFocus,\n  });\n  const [isFocusWithin, setFocusWithin] = useState(Boolean(autoFocus));\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithinChange: (isFocusWithin) => setFocusWithin(isFocusWithin),\n  });\n\n  const [value, setValue] = useState(defaultValue);\n  const isControlled = propsValue !== null && propsValue !== undefined;\n\n  const [labelId] = useId();\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [label], 'TextArea');\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (isDisabled || isReadOnly) {\n        return;\n      }\n\n      if (onChange) {\n        onChange(event.target.value, name, event);\n      } else {\n        setValue(event.target.value);\n      }\n    },\n    [onChange]\n  );\n\n  const { rows, recomputeNumberOfRows } = useComputeNumberOfRows(minimumRows || 4);\n  useEffect(() => {\n    // Recompute the number of rows for the first rendering\n    if (textareaRef && textareaRef.current) {\n      recomputeNumberOfRows(textareaRef.current);\n    }\n  }, [textareaRef, recomputeNumberOfRows, value]);\n\n  return (\n    <StyledTextArea\n      width={width}\n      {...focusWithinProps}\n      {...forwardedProps}\n      $hasContent={isFocusWithin || Boolean(isControlled ? propsValue : value) || Boolean(placeholder)}\n      $hasLeftIcon={Boolean(leftIcon)}\n      $color={color}\n      $isGradient={isGradient}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !(isControlled ? propsValue : value))}\n      $isRequired={isRequired}\n      $isFocused={Boolean(isFocused || forceColor)}\n      $theme={theme}\n      $variant={variant}\n      className={classNames(TextArea.className, className)}\n      ref={ref as MutableRefObject<HTMLDivElement>}\n    >\n      <fieldset aria-hidden=\"true\" className={`${TextArea.className}-text-area-wrapper__fieldset`}>\n        <legend id={labelId} className={`${TextArea.className}-text-area-wrapper-fieldset__legend`}>\n          {label ? <span>{label}</span> : null}\n        </legend>\n      </fieldset>\n      {label ? (\n        <label className={`${TextArea.className}__label`}>\n          <span>{label}</span>\n        </label>\n      ) : null}\n      <div className={`${TextArea.className}__text-area-wrapper`}>\n        {leftIcon ? (\n          <Icon color={isDisabled ? 'question' : 'black'} {...leftIcon} aria-hidden=\"true\" className=\"left\" />\n        ) : null}\n        <div className={`${TextArea.className}-text-area-wrapper__text-area`}>\n          <textarea\n            {...textareaProps}\n            onBlur={(event) => {\n              onBlur?.(event);\n              onBlurProps?.(event as unknown as FocusEvent<HTMLDivElement, Element>);\n            }}\n            onFocus={(event) => {\n              onFocus?.(event);\n              onFocusProps?.(event as unknown as FocusEvent<HTMLDivElement, Element>);\n            }}\n            aria-disabled={isDisabled}\n            aria-invalid={isInvalid || (isRequired && !(isControlled ? propsValue : value))}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby || (label ? labelId : undefined)}\n            aria-readonly={isReadOnly}\n            aria-required={isRequired}\n            autoFocus={autoFocus}\n            disabled={isDisabled}\n            name={name}\n            onChange={handleChange}\n            placeholder={placeholder}\n            ref={textareaRef as MutableRefObject<HTMLTextAreaElement>}\n            value={isControlled ? propsValue : value}\n            rows={rows}\n          />\n        </div>\n        {after ? (\n          <Flexbox className={`${TextArea.className}-text-area-wrapper__toolbar`} gap=\"8px\">\n            {typeof after === 'function'\n              ? after(\n                  isControlled ? propsValue : value,\n                  isDisabled,\n                  isInvalid || (isRequired && !(isControlled ? propsValue : value)),\n                  isRequired\n                )\n              : after}\n          </Flexbox>\n        ) : null}\n      </div>\n    </StyledTextArea>\n  );\n});\nTextArea.className = CLASSNAME;\nTextArea.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","TextArea","forwardRef","props","ref","ariaLabel","ariaLabelledby","after","autoFocus","className","color","propsColor","defaultValue","forceColor","isColored","isDisabled","isInvalid","isReadOnly","isRequired","label","leftIcon","minimumRows","name","onBlur","onBlurProps","onChange","onFocus","onFocusProps","placeholder","textareaProps","textareaRef","propsTextareaRef","theme","propsTheme","value","propsValue","variant","TextAreaVariant","default","width","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","ButtonsColorPalette","includes","isGradient","radar","_textareaRef","React","useRef","isFocusVisible","isFocused","focusProps","useFocusRing","isFocusWithin","setFocusWithin","useState","Boolean","focusWithinProps","useFocusWithin","onFocusWithinChange","setValue","isControlled","undefined","labelId","useId","warnIfNoAccessibleLabelFound","handleChange","useCallback","event","target","rows","recomputeNumberOfRows","useComputeNumberOfRows","useEffect","current","createElement","StyledTextArea","_extends","$hasContent","$hasLeftIcon","$color","$isGradient","$isDisabled","$isFocusVisible","$isInvalid","$isRequired","$isFocused","$theme","$variant","classNames","id","Icon","disabled","Flexbox","gap","displayName"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/text-area/TextArea.tsx"],"sourcesContent":["import React, {\n  ComponentProps,\n  FocusEvent,\n  forwardRef,\n  MutableRefObject,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '../../react-aria/react-aria/focus';\nimport { useFocusWithin } from '../../react-aria/react-aria/interactions';\nimport { ButtonsColorPalette, Comp } from '../../types';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { TextAreaProps, TextAreaVariant } from './types';\nimport { StyledTextArea } from './styles';\nimport { Icon } from '../../components/icon';\nimport { useTheme } from '../theme';\nimport { useComputeNumberOfRows } from '../../hooks';\nimport { useId } from '../../utils';\nimport { Flexbox } from '../flexbox';\n\nconst COMPONENT_NAME = 'TextArea';\nconst CLASSNAME = 'redsift-text-area';\n\n/**\n * The TextArea component.\n * Can be used as controlled or uncontrolled.\n */\nexport const TextArea: Comp<TextAreaProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    after,\n    autoFocus,\n    className,\n    color: propsColor,\n    defaultValue = '',\n    forceColor,\n    isColored = true,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    leftIcon,\n    minimumRows,\n    name,\n    onBlur: onBlurProps,\n    onChange,\n    onFocus: onFocusProps,\n    placeholder,\n    textareaProps,\n    textareaRef: propsTextareaRef,\n    theme: propsTheme,\n    value: propsValue,\n    variant = TextAreaVariant.default,\n    width = '100%',\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : isColored ? 'primary' : 'grey';\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  const _textareaRef = React.useRef(null);\n  const textareaRef = propsTextareaRef ?? _textareaRef;\n\n  const {\n    isFocusVisible,\n    isFocused,\n    focusProps: { onFocus, onBlur },\n  } = useFocusRing({\n    autoFocus,\n  });\n  const [isFocusWithin, setFocusWithin] = useState(Boolean(autoFocus));\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithinChange: (isFocusWithin) => setFocusWithin(isFocusWithin),\n  });\n\n  const [value, setValue] = useState(defaultValue);\n  const isControlled = propsValue !== null && propsValue !== undefined;\n\n  const [labelId] = useId();\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [label], 'TextArea');\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (isDisabled || isReadOnly) {\n        return;\n      }\n\n      if (onChange) {\n        onChange(event.target.value, name, event);\n      } else {\n        setValue(event.target.value);\n      }\n    },\n    [onChange]\n  );\n\n  const { rows, recomputeNumberOfRows } = useComputeNumberOfRows(minimumRows || 4);\n  useEffect(() => {\n    // Recompute the number of rows for the first rendering\n    if (textareaRef && textareaRef.current) {\n      recomputeNumberOfRows(textareaRef.current);\n    }\n  }, [textareaRef, recomputeNumberOfRows, value]);\n\n  return (\n    <StyledTextArea\n      width={width}\n      {...focusWithinProps}\n      {...forwardedProps}\n      $hasContent={isFocusWithin || Boolean(isControlled ? propsValue : value) || Boolean(placeholder)}\n      $hasLeftIcon={Boolean(leftIcon)}\n      $color={color}\n      $isGradient={isGradient}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !(isControlled ? propsValue : value))}\n      $isRequired={isRequired}\n      $isFocused={Boolean(isFocused || forceColor)}\n      $theme={theme}\n      $variant={variant}\n      className={classNames(TextArea.className, className)}\n      ref={ref as MutableRefObject<HTMLDivElement>}\n    >\n      <fieldset aria-hidden=\"true\" className={`${TextArea.className}-text-area-wrapper__fieldset`}>\n        <legend id={labelId} className={`${TextArea.className}-text-area-wrapper-fieldset__legend`}>\n          {label ? <span>{label}</span> : null}\n        </legend>\n      </fieldset>\n      {label ? (\n        <label className={`${TextArea.className}__label`}>\n          <span>{label}</span>\n        </label>\n      ) : null}\n      <div className={`${TextArea.className}__text-area-wrapper`}>\n        {leftIcon ? (\n          <Icon color={isDisabled ? 'question' : 'black'} {...leftIcon} aria-hidden=\"true\" className=\"left\" />\n        ) : null}\n        <div className={`${TextArea.className}-text-area-wrapper__text-area`}>\n          <textarea\n            {...textareaProps}\n            onBlur={(event) => {\n              onBlur?.(event);\n              onBlurProps?.(event as unknown as FocusEvent<HTMLDivElement, Element>);\n            }}\n            onFocus={(event) => {\n              onFocus?.(event);\n              onFocusProps?.(event as unknown as FocusEvent<HTMLDivElement, Element>);\n            }}\n            aria-disabled={isDisabled}\n            aria-invalid={isInvalid || (isRequired && !(isControlled ? propsValue : value))}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby || (label ? labelId : undefined)}\n            aria-readonly={isReadOnly}\n            aria-required={isRequired}\n            autoFocus={autoFocus}\n            disabled={isDisabled}\n            name={name}\n            onChange={handleChange}\n            placeholder={placeholder}\n            ref={textareaRef as MutableRefObject<HTMLTextAreaElement>}\n            value={isControlled ? propsValue : value}\n            rows={rows}\n          />\n        </div>\n        {after ? (\n          <Flexbox className={`${TextArea.className}-text-area-wrapper__toolbar`} gap=\"8px\">\n            {typeof after === 'function'\n              ? after(\n                  isControlled ? propsValue : value,\n                  isDisabled,\n                  isInvalid || (isRequired && !(isControlled ? propsValue : value)),\n                  isRequired\n                )\n              : after}\n          </Flexbox>\n        ) : null}\n      </div>\n    </StyledTextArea>\n  );\n});\nTextArea.className = CLASSNAME;\nTextArea.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","TextArea","forwardRef","props","ref","ariaLabel","ariaLabelledby","after","autoFocus","className","color","propsColor","defaultValue","forceColor","isColored","isDisabled","isInvalid","isReadOnly","isRequired","label","leftIcon","minimumRows","name","onBlur","onBlurProps","onChange","onFocus","onFocusProps","placeholder","textareaProps","textareaRef","propsTextareaRef","theme","propsTheme","value","propsValue","variant","TextAreaVariant","default","width","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","ButtonsColorPalette","includes","isGradient","radar","_textareaRef","React","useRef","isFocusVisible","isFocused","focusProps","useFocusRing","isFocusWithin","setFocusWithin","useState","Boolean","focusWithinProps","useFocusWithin","onFocusWithinChange","setValue","isControlled","undefined","labelId","useId","warnIfNoAccessibleLabelFound","handleChange","useCallback","event","target","rows","recomputeNumberOfRows","useComputeNumberOfRows","useEffect","current","createElement","StyledTextArea","_extends","$hasContent","$hasLeftIcon","$color","$isGradient","$isDisabled","$isFocusVisible","$isInvalid","$isRequired","$isFocused","$theme","$variant","classNames","id","Icon","disabled","Flexbox","gap","displayName"],"mappings":"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"}

package/components/text-field/TextField.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useState, useCallback } from 'react';
+import React, { forwardRef, useState, useCallback } from 'react';
 import classNames from 'classnames';
 import { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound.js';
 import { TextFieldVariant } from './types.js';
@@ -108,7 +108,7 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
     }
     setValue('');
   }, [onChange]);
-  return /*#__PURE__*/React__default.createElement(StyledTextField, _extends({}, focusWithinProps, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledTextField, _extends({}, focusWithinProps, forwardedProps, {
     $hasContent: isFocusWithin || Boolean(isControlled ? propsValue : value) || Boolean(placeholder) || Boolean(pills && pills.length > 0),
     $hasLeftIcon: Boolean(leftIcon),
     $color: color,
@@ -122,24 +122,24 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
     $variant: variant,
     className: classNames(TextField.className, className),
     ref: ref
-  }), /*#__PURE__*/React__default.createElement("fieldset", {
+  }), /*#__PURE__*/React.createElement("fieldset", {
     "aria-hidden": "true",
     className: `${TextField.className}-input-wrapper__fieldset`
-  }, /*#__PURE__*/React__default.createElement("legend", {
+  }, /*#__PURE__*/React.createElement("legend", {
     id: labelId,
     className: `${TextField.className}-input-wrapper-fieldset__legend`
-  }, label ? /*#__PURE__*/React__default.createElement("span", null, label) : null)), label ? /*#__PURE__*/React__default.createElement("label", {
+  }, label ? /*#__PURE__*/React.createElement("span", null, label) : null)), label ? /*#__PURE__*/React.createElement("label", {
     className: `${TextField.className}__label`
-  }, /*#__PURE__*/React__default.createElement("span", null, label)) : null, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, label)) : null, /*#__PURE__*/React.createElement("div", {
     className: `${TextField.className}__input-wrapper`
-  }, leftIcon ? /*#__PURE__*/React__default.createElement(Icon, _extends({
+  }, leftIcon ? /*#__PURE__*/React.createElement(Icon, _extends({
     color: isDisabled ? 'question' : 'black'
   }, leftIcon, {
     "aria-hidden": "true",
     className: "left"
-  })) : null, /*#__PURE__*/React__default.createElement("div", {
+  })) : null, /*#__PURE__*/React.createElement("div", {
     className: `${TextField.className}-input-wrapper__pills-and-input`
-  }, /*#__PURE__*/React__default.createElement("input", _extends({}, inputProps, {
+  }, /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
     onBlur: event => {
       onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
       onBlurProps === null || onBlurProps === void 0 ? void 0 : onBlurProps(event);
@@ -163,15 +163,15 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
     ref: inputRef,
     type: type,
     value: isControlled ? propsValue : value
-  })), /*#__PURE__*/React__default.createElement("div", null, pills === null || pills === void 0 ? void 0 : pills.map((pill, index) => /*#__PURE__*/React__default.createElement(Pill, _extends({
+  })), /*#__PURE__*/React.createElement("div", null, pills === null || pills === void 0 ? void 0 : pills.map((pill, index) => /*#__PURE__*/React.createElement(Pill, _extends({
     theme: theme,
     key: `${labelId}-pill-${index}`,
     color: "blue",
     size: "small"
-  }, pill))))), hasClearButton || internal || after ? /*#__PURE__*/React__default.createElement(Flexbox, {
+  }, pill))))), hasClearButton || internal || after ? /*#__PURE__*/React.createElement(Flexbox, {
     className: `${TextField.className}-input-wrapper__toolbar`,
     gap: "8px"
-  }, hasClearButton ? /*#__PURE__*/React__default.createElement(IconButton, _extends({
+  }, hasClearButton ? /*#__PURE__*/React.createElement(IconButton, _extends({
     theme: theme,
     "aria-label": label ? format('clear-field', {
       label
@@ -182,7 +182,7 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
   }, hasClearButton !== true && hasClearButton, {
     onClick: handleClear,
     className: "right clear"
-  })) : null, typeof internal === 'function' ? internal(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : internal, (hasClearButton || internal) && after ? /*#__PURE__*/React__default.createElement("span", {
+  })) : null, typeof internal === 'function' ? internal(isControlled ? propsValue : value, isDisabled, isInvalid || isRequired && !(isControlled ? propsValue : value), isRequired) : internal, (hasClearButton || internal) && after ? /*#__PURE__*/React.createElement("span", {
     style: {
       borderLeft: '1px solid var(--redsift-color-neutral-mid-grey)',
       position: 'relative',

package/components/text-field/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../../../src/components/text-field/TextField.tsx"],"sourcesContent":["import React, { MouseEvent, ComponentProps, forwardRef, MutableRefObject, useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '../../react-aria/react-aria/focus';\nimport { useFocusWithin } from '../../react-aria/react-aria/interactions';\nimport { ButtonsColorPalette, Comp } from '../../types';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { TextFieldProps, TextFieldVariant } from './types';\nimport { StyledTextField } from './styles';\nimport { Icon } from '../../components/icon';\nimport { mdiClose } from '@redsift/icons';\nimport { Flexbox } from '../flexbox';\nimport { IconButton } from '../icon-button';\nimport { Pill } from '../pill';\nimport { useTheme } from '../theme';\nimport { useMessageFormatter } from '@redsift/design-system/react-aria/react-aria/i18n';\nimport { useId } from '../../utils';\n\nimport intlMessages from './intl';\n\nconst COMPONENT_NAME = 'TextField';\nconst CLASSNAME = 'redsift-text-field';\n\n/**\n * The TextField component.\n * Can be used as controlled or uncontrolled.\n */\nexport const TextField: Comp<TextFieldProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    after,\n    autoFocus,\n    className,\n    color: propsColor,\n    defaultValue = '',\n    forceColor,\n    hasClearButton,\n    inputProps,\n    inputRef,\n    internal,\n    isColored = true,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    leftIcon,\n    name,\n    onBlur: onBlurProps,\n    onChange,\n    onClear,\n    onFocus: onFocusProps,\n    pills,\n    placeholder,\n    theme: propsTheme,\n    type,\n    value: propsValue,\n    variant = TextFieldVariant.default,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : isColored ? 'primary' : 'grey';\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  const format = useMessageFormatter(intlMessages);\n\n  const {\n    isFocusVisible,\n    isFocused,\n    focusProps: { onFocus, onBlur },\n  } = useFocusRing({\n    autoFocus,\n  });\n  const [isFocusWithin, setFocusWithin] = useState(Boolean(autoFocus));\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithinChange: (isFocusWithin) => setFocusWithin(isFocusWithin),\n  });\n\n  const [value, setValue] = useState(defaultValue);\n  const isControlled = propsValue !== null && propsValue !== undefined;\n\n  const [labelId] = useId();\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [label], 'TextField');\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isDisabled || isReadOnly) {\n        return;\n      }\n\n      if (onChange) {\n        onChange(event.target.value, name, event);\n      } else {\n        setValue(event.target.value);\n      }\n    },\n    [onChange]\n  );\n\n  const handleClear = useCallback(() => {\n    if (isDisabled || isReadOnly) {\n      return;\n    }\n\n    if (onChange) {\n      onChange('');\n    }\n    if (onClear) {\n      onClear();\n    }\n    if (hasClearButton && hasClearButton !== true && hasClearButton.onClick) {\n      hasClearButton.onClick({} as MouseEvent<HTMLButtonElement>);\n    }\n    setValue('');\n  }, [onChange]);\n\n  return (\n    <StyledTextField\n      {...focusWithinProps}\n      {...forwardedProps}\n      $hasContent={\n        isFocusWithin ||\n        Boolean(isControlled ? propsValue : value) ||\n        Boolean(placeholder) ||\n        Boolean(pills && pills.length > 0)\n      }\n      $hasLeftIcon={Boolean(leftIcon)}\n      $color={color}\n      $isGradient={isGradient}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !(isControlled ? propsValue : value))}\n      $isRequired={isRequired}\n      $isFocused={Boolean(isFocused || forceColor)}\n      $theme={theme}\n      $variant={variant}\n      className={classNames(TextField.className, className)}\n      ref={ref as MutableRefObject<HTMLDivElement>}\n    >\n      <fieldset aria-hidden=\"true\" className={`${TextField.className}-input-wrapper__fieldset`}>\n        <legend id={labelId} className={`${TextField.className}-input-wrapper-fieldset__legend`}>\n          {label ? <span>{label}</span> : null}\n        </legend>\n      </fieldset>\n      {label ? (\n        <label className={`${TextField.className}__label`}>\n          <span>{label}</span>\n        </label>\n      ) : null}\n      <div className={`${TextField.className}__input-wrapper`}>\n        {leftIcon ? (\n          <Icon color={isDisabled ? 'question' : 'black'} {...leftIcon} aria-hidden=\"true\" className=\"left\" />\n        ) : null}\n        <div className={`${TextField.className}-input-wrapper__pills-and-input`}>\n          <input\n            {...inputProps}\n            onBlur={(event) => {\n              onBlur?.(event);\n              onBlurProps?.(event);\n            }}\n            onFocus={(event) => {\n              onFocus?.(event);\n              onFocusProps?.(event);\n            }}\n            aria-disabled={isDisabled}\n            aria-invalid={isInvalid || (isRequired && !(isControlled ? propsValue : value))}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby || (label ? labelId : undefined)}\n            aria-readonly={isReadOnly}\n            aria-required={isRequired}\n            autoFocus={autoFocus}\n            className={`${TextField.className}-input-wrapper-pills-and-input__input`}\n            disabled={isDisabled}\n            name={name}\n            onChange={handleChange}\n            placeholder={placeholder}\n            ref={inputRef as MutableRefObject<HTMLInputElement>}\n            type={type}\n            value={isControlled ? propsValue : value}\n          />\n          <div>\n            {pills?.map((pill, index) => (\n              <Pill theme={theme} key={`${labelId}-pill-${index}`} color=\"blue\" size=\"small\" {...pill} />\n            ))}\n          </div>\n        </div>\n        {hasClearButton || internal || after ? (\n          <Flexbox className={`${TextField.className}-input-wrapper__toolbar`} gap=\"8px\">\n            {hasClearButton ? (\n              <IconButton\n                theme={theme}\n                aria-label={label ? format('clear-field', { label }) : format('clear')}\n                color=\"grey\"\n                isDisabled={isDisabled}\n                icon={mdiClose}\n                {...(hasClearButton !== true && hasClearButton)}\n                onClick={handleClear}\n                className=\"right clear\"\n              />\n            ) : null}\n            {typeof internal === 'function'\n              ? internal(\n                  isControlled ? propsValue : value,\n                  isDisabled,\n                  isInvalid || (isRequired && !(isControlled ? propsValue : value)),\n                  isRequired\n                )\n              : internal}\n            {(hasClearButton || internal) && after ? (\n              <span\n                style={{\n                  borderLeft: '1px solid var(--redsift-color-neutral-mid-grey)',\n                  position: 'relative',\n                  top: '-2px',\n                }}\n              />\n            ) : null}\n            {typeof after === 'function'\n              ? after(\n                  isControlled ? propsValue : value,\n                  isDisabled,\n                  isInvalid || (isRequired && !(isControlled ? propsValue : value)),\n                  isRequired\n                )\n              : after}\n          </Flexbox>\n        ) : null}\n      </div>\n    </StyledTextField>\n  );\n});\nTextField.className = CLASSNAME;\nTextField.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","TextField","forwardRef","props","ref","ariaLabel","ariaLabelledby","after","autoFocus","className","color","propsColor","defaultValue","forceColor","hasClearButton","inputProps","inputRef","internal","isColored","isDisabled","isInvalid","isReadOnly","isRequired","label","leftIcon","name","onBlur","onBlurProps","onChange","onClear","onFocus","onFocusProps","pills","placeholder","theme","propsTheme","type","value","propsValue","variant","TextFieldVariant","default","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","ButtonsColorPalette","includes","isGradient","radar","format","useMessageFormatter","intlMessages","isFocusVisible","isFocused","focusProps","useFocusRing","isFocusWithin","setFocusWithin","useState","Boolean","focusWithinProps","useFocusWithin","onFocusWithinChange","setValue","isControlled","undefined","labelId","useId","warnIfNoAccessibleLabelFound","handleChange","useCallback","event","target","handleClear","onClick","React","createElement","StyledTextField","_extends","$hasContent","length","$hasLeftIcon","$color","$isGradient","$isDisabled","$isFocusVisible","$isInvalid","$isRequired","$isFocused","$theme","$variant","classNames","id","Icon","disabled","map","pill","index","Pill","key","size","Flexbox","gap","IconButton","icon","mdiClose","style","borderLeft","position","top","displayName"],"mappings":"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"}
+{"version":3,"file":"TextField.js","sources":["../../../src/components/text-field/TextField.tsx"],"sourcesContent":["import React, { MouseEvent, ComponentProps, forwardRef, MutableRefObject, useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '../../react-aria/react-aria/focus';\nimport { useFocusWithin } from '../../react-aria/react-aria/interactions';\nimport { ButtonsColorPalette, Comp } from '../../types';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { TextFieldProps, TextFieldVariant } from './types';\nimport { StyledTextField } from './styles';\nimport { Icon } from '../../components/icon';\nimport { mdiClose } from '@redsift/icons';\nimport { Flexbox } from '../flexbox';\nimport { IconButton } from '../icon-button';\nimport { Pill } from '../pill';\nimport { useTheme } from '../theme';\nimport { useMessageFormatter } from '@redsift/design-system/react-aria/react-aria/i18n';\nimport { useId } from '../../utils';\n\nimport intlMessages from './intl';\n\nconst COMPONENT_NAME = 'TextField';\nconst CLASSNAME = 'redsift-text-field';\n\n/**\n * The TextField component.\n * Can be used as controlled or uncontrolled.\n */\nexport const TextField: Comp<TextFieldProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    after,\n    autoFocus,\n    className,\n    color: propsColor,\n    defaultValue = '',\n    forceColor,\n    hasClearButton,\n    inputProps,\n    inputRef,\n    internal,\n    isColored = true,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    leftIcon,\n    name,\n    onBlur: onBlurProps,\n    onChange,\n    onClear,\n    onFocus: onFocusProps,\n    pills,\n    placeholder,\n    theme: propsTheme,\n    type,\n    value: propsValue,\n    variant = TextFieldVariant.default,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const color = Object.values(ButtonsColorPalette).includes(propsColor!) ? propsColor : isColored ? 'primary' : 'grey';\n  const isGradient = color === ButtonsColorPalette.radar;\n\n  const format = useMessageFormatter(intlMessages);\n\n  const {\n    isFocusVisible,\n    isFocused,\n    focusProps: { onFocus, onBlur },\n  } = useFocusRing({\n    autoFocus,\n  });\n  const [isFocusWithin, setFocusWithin] = useState(Boolean(autoFocus));\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithinChange: (isFocusWithin) => setFocusWithin(isFocusWithin),\n  });\n\n  const [value, setValue] = useState(defaultValue);\n  const isControlled = propsValue !== null && propsValue !== undefined;\n\n  const [labelId] = useId();\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [label], 'TextField');\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isDisabled || isReadOnly) {\n        return;\n      }\n\n      if (onChange) {\n        onChange(event.target.value, name, event);\n      } else {\n        setValue(event.target.value);\n      }\n    },\n    [onChange]\n  );\n\n  const handleClear = useCallback(() => {\n    if (isDisabled || isReadOnly) {\n      return;\n    }\n\n    if (onChange) {\n      onChange('');\n    }\n    if (onClear) {\n      onClear();\n    }\n    if (hasClearButton && hasClearButton !== true && hasClearButton.onClick) {\n      hasClearButton.onClick({} as MouseEvent<HTMLButtonElement>);\n    }\n    setValue('');\n  }, [onChange]);\n\n  return (\n    <StyledTextField\n      {...focusWithinProps}\n      {...forwardedProps}\n      $hasContent={\n        isFocusWithin ||\n        Boolean(isControlled ? propsValue : value) ||\n        Boolean(placeholder) ||\n        Boolean(pills && pills.length > 0)\n      }\n      $hasLeftIcon={Boolean(leftIcon)}\n      $color={color}\n      $isGradient={isGradient}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !(isControlled ? propsValue : value))}\n      $isRequired={isRequired}\n      $isFocused={Boolean(isFocused || forceColor)}\n      $theme={theme}\n      $variant={variant}\n      className={classNames(TextField.className, className)}\n      ref={ref as MutableRefObject<HTMLDivElement>}\n    >\n      <fieldset aria-hidden=\"true\" className={`${TextField.className}-input-wrapper__fieldset`}>\n        <legend id={labelId} className={`${TextField.className}-input-wrapper-fieldset__legend`}>\n          {label ? <span>{label}</span> : null}\n        </legend>\n      </fieldset>\n      {label ? (\n        <label className={`${TextField.className}__label`}>\n          <span>{label}</span>\n        </label>\n      ) : null}\n      <div className={`${TextField.className}__input-wrapper`}>\n        {leftIcon ? (\n          <Icon color={isDisabled ? 'question' : 'black'} {...leftIcon} aria-hidden=\"true\" className=\"left\" />\n        ) : null}\n        <div className={`${TextField.className}-input-wrapper__pills-and-input`}>\n          <input\n            {...inputProps}\n            onBlur={(event) => {\n              onBlur?.(event);\n              onBlurProps?.(event);\n            }}\n            onFocus={(event) => {\n              onFocus?.(event);\n              onFocusProps?.(event);\n            }}\n            aria-disabled={isDisabled}\n            aria-invalid={isInvalid || (isRequired && !(isControlled ? propsValue : value))}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby || (label ? labelId : undefined)}\n            aria-readonly={isReadOnly}\n            aria-required={isRequired}\n            autoFocus={autoFocus}\n            className={`${TextField.className}-input-wrapper-pills-and-input__input`}\n            disabled={isDisabled}\n            name={name}\n            onChange={handleChange}\n            placeholder={placeholder}\n            ref={inputRef as MutableRefObject<HTMLInputElement>}\n            type={type}\n            value={isControlled ? propsValue : value}\n          />\n          <div>\n            {pills?.map((pill, index) => (\n              <Pill theme={theme} key={`${labelId}-pill-${index}`} color=\"blue\" size=\"small\" {...pill} />\n            ))}\n          </div>\n        </div>\n        {hasClearButton || internal || after ? (\n          <Flexbox className={`${TextField.className}-input-wrapper__toolbar`} gap=\"8px\">\n            {hasClearButton ? (\n              <IconButton\n                theme={theme}\n                aria-label={label ? format('clear-field', { label }) : format('clear')}\n                color=\"grey\"\n                isDisabled={isDisabled}\n                icon={mdiClose}\n                {...(hasClearButton !== true && hasClearButton)}\n                onClick={handleClear}\n                className=\"right clear\"\n              />\n            ) : null}\n            {typeof internal === 'function'\n              ? internal(\n                  isControlled ? propsValue : value,\n                  isDisabled,\n                  isInvalid || (isRequired && !(isControlled ? propsValue : value)),\n                  isRequired\n                )\n              : internal}\n            {(hasClearButton || internal) && after ? (\n              <span\n                style={{\n                  borderLeft: '1px solid var(--redsift-color-neutral-mid-grey)',\n                  position: 'relative',\n                  top: '-2px',\n                }}\n              />\n            ) : null}\n            {typeof after === 'function'\n              ? after(\n                  isControlled ? propsValue : value,\n                  isDisabled,\n                  isInvalid || (isRequired && !(isControlled ? propsValue : value)),\n                  isRequired\n                )\n              : after}\n          </Flexbox>\n        ) : null}\n      </div>\n    </StyledTextField>\n  );\n});\nTextField.className = CLASSNAME;\nTextField.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","TextField","forwardRef","props","ref","ariaLabel","ariaLabelledby","after","autoFocus","className","color","propsColor","defaultValue","forceColor","hasClearButton","inputProps","inputRef","internal","isColored","isDisabled","isInvalid","isReadOnly","isRequired","label","leftIcon","name","onBlur","onBlurProps","onChange","onClear","onFocus","onFocusProps","pills","placeholder","theme","propsTheme","type","value","propsValue","variant","TextFieldVariant","default","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","ButtonsColorPalette","includes","isGradient","radar","format","useMessageFormatter","intlMessages","isFocusVisible","isFocused","focusProps","useFocusRing","isFocusWithin","setFocusWithin","useState","Boolean","focusWithinProps","useFocusWithin","onFocusWithinChange","setValue","isControlled","undefined","labelId","useId","warnIfNoAccessibleLabelFound","handleChange","useCallback","event","target","handleClear","onClick","React","createElement","StyledTextField","_extends","$hasContent","length","$hasLeftIcon","$color","$isGradient","$isDisabled","$isFocusVisible","$isInvalid","$isRequired","$isFocused","$theme","$variant","classNames","id","Icon","disabled","map","pill","index","Pill","key","size","Flexbox","gap","IconButton","icon","mdiClose","style","borderLeft","position","top","displayName"],"mappings":"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"}

package/components/theme/context.js

@@ -1,6 +1,6 @@
-import React__default from 'react';
+import React from 'react';
 
-const ThemeContext = /*#__PURE__*/React__default.createContext(null);
+const ThemeContext = /*#__PURE__*/React.createContext(null);
 const ThemeProvider = ThemeContext.Provider;
 
 export { ThemeContext, ThemeProvider };

package/components/theme/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/theme/context.ts"],"sourcesContent":["import React from 'react';\nimport { Theme } from '../../types';\n\nexport const ThemeContext = React.createContext<{ theme?: Theme } | null>(null);\n\nexport const ThemeProvider = ThemeContext.Provider;\n"],"names":["ThemeContext","React","createContext","ThemeProvider","Provider"],"mappings":";;AAGO,MAAMA,YAAY,gBAAGC,cAAK,CAACC,aAAa,CAA2B,IAAI,EAAC;AAElEC,MAAAA,aAAa,GAAGH,YAAY,CAACI;;;;"}
+{"version":3,"file":"context.js","sources":["../../../src/components/theme/context.ts"],"sourcesContent":["import React from 'react';\nimport { Theme } from '../../types';\n\nexport const ThemeContext = React.createContext<{ theme?: Theme } | null>(null);\n\nexport const ThemeProvider = ThemeContext.Provider;\n"],"names":["ThemeContext","React","createContext","ThemeProvider","Provider"],"mappings":";;AAGO,MAAMA,YAAY,gBAAGC,KAAK,CAACC,aAAa,CAA2B,IAAI,EAAC;AAElEC,MAAAA,aAAa,GAAGH,YAAY,CAACI;;;;"}

package/package.json

@@ -20,6 +20,10 @@
     "url": "git+https://github.com/redsift/design-system"
   },
   "sideEffects": false,
+  "exports": {
+    ".": "./index.js",
+    "./components/*": "./components/*/index.js"
+  },
   "scripts": {
     "build:dictionary": "rm -rf ./style/redsift-design-tokens.css && style-dictionary build --config ./style-dictionary/config.json",
     "build": "rollup -c",
@@ -34,7 +38,7 @@
     "version": "version-changelog ../../CHANGELOG.md && changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
   },
   "types": "index.d.ts",
-  "version": "11.6.0-muiv5-alpha.2",
+  "version": "11.6.0-muiv5-alpha.4",
   "dependencies": {
     "@react-spring/web": "^9.7.1",
     "classnames": "^2.3.1",
@@ -101,5 +105,5 @@
     "react-dom": ">=17",
     "styled-components": "^5.3.5"
   },
-  "gitHead": "3bd6360e790051b7a9e685290d647f81f31e925f"
+  "gitHead": "2b1f551b817cdaaddcc7dabb1b1fbaa10e6467e5"
 }

package/react-aria/react-aria/focus/useFocusable.js

@@ -1,5 +1,5 @@
 import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef, useEffect, useContext } from 'react';
+import React, { useRef, useEffect, useContext } from 'react';
 import { useFocus } from '../interactions/useFocus.js';
 import { useKeyboard } from '../interactions/useKeyboard.js';
 import { mergeProps } from '../utils/mergeProps.js';
@@ -7,7 +7,7 @@ import { focusSafely } from './focusSafely.js';
 import { useSyncRef } from '../utils/useSyncRef.js';
 
 const _excluded = ["ref"];
-let FocusableContext = /*#__PURE__*/React__default.createContext(null);
+let FocusableContext = /*#__PURE__*/React.createContext(null);
 function useFocusableContext(ref) {
   let context = useContext(FocusableContext) || {};
   useSyncRef(context, ref);

package/react-aria/react-aria/focus/useFocusable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusable.js","sources":["../../../../src/react-aria/react-aria/focus/useFocusable.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { DOMAttributes, FocusableDOMProps, FocusableElement, FocusableProps } from '../../react-types/shared';\nimport { focusSafely } from './';\nimport { mergeProps, useObjectRef, useSyncRef } from '../utils';\nimport React, { ForwardedRef, MutableRefObject, ReactNode, RefObject, useContext, useEffect, useRef } from 'react';\nimport { useFocus, useKeyboard } from '../interactions';\n\nexport interface FocusableOptions extends FocusableProps, FocusableDOMProps {\n  /** Whether focus should be disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface FocusableProviderProps extends DOMAttributes {\n  /** The child element to provide DOM props to. */\n  children?: ReactNode;\n}\n\ninterface FocusableContextValue extends FocusableProviderProps {\n  ref?: MutableRefObject<FocusableElement | null>;\n}\n\nlet FocusableContext = React.createContext<FocusableContextValue | null>(null);\n\nfunction useFocusableContext(ref: RefObject<FocusableElement>): FocusableContextValue {\n  let context = useContext(FocusableContext) || {};\n  useSyncRef(context, ref);\n\n  // eslint-disable-next-line\n  let { ref: _, ...otherProps } = context;\n  return otherProps;\n}\n\n/**\n * Provides DOM props to the nearest focusable child.\n */\nfunction FocusableProvider(props: FocusableProviderProps, ref: ForwardedRef<FocusableElement>) {\n  let { children, ...otherProps } = props;\n  let objRef = useObjectRef(ref);\n  let context = {\n    ...otherProps,\n    ref: objRef,\n  };\n\n  return <FocusableContext.Provider value={context}>{children}</FocusableContext.Provider>;\n}\n\nlet _FocusableProvider = React.forwardRef(FocusableProvider);\nexport { _FocusableProvider as FocusableProvider };\n\nexport interface FocusableAria {\n  /** Props for the focusable element. */\n  focusableProps: DOMAttributes;\n}\n\n/**\n * Used to make an element focusable and capable of auto focus.\n */\nexport function useFocusable(props: FocusableOptions, domRef: RefObject<FocusableElement>): FocusableAria {\n  let { focusProps } = useFocus(props);\n  let { keyboardProps } = useKeyboard(props);\n  let interactions = mergeProps(focusProps, keyboardProps);\n  let domProps = useFocusableContext(domRef);\n  let interactionProps = props.isDisabled ? {} : domProps;\n  let autoFocusRef = useRef(props.autoFocus);\n\n  useEffect(() => {\n    if (autoFocusRef.current && domRef.current) {\n      focusSafely(domRef.current);\n    }\n    autoFocusRef.current = false;\n  }, [domRef]);\n\n  return {\n    focusableProps: mergeProps(\n      {\n        ...interactions,\n        tabIndex: props.excludeFromTabOrder && !props.isDisabled ? -1 : undefined,\n      },\n      interactionProps\n    ),\n  };\n}\n"],"names":["FocusableContext","React","createContext","useFocusableContext","ref","context","useContext","useSyncRef","otherProps","_objectWithoutProperties","_excluded","useFocusable","props","domRef","focusProps","useFocus","keyboardProps","useKeyboard","interactions","mergeProps","domProps","interactionProps","isDisabled","autoFocusRef","useRef","autoFocus","useEffect","current","focusSafely","focusableProps","_objectSpread","tabIndex","excludeFromTabOrder","undefined"],"mappings":";;;;;;;;;AAkCA,IAAIA,gBAAgB,gBAAGC,cAAK,CAACC,aAAa,CAA+B,IAAI,CAAC,CAAA;AAE9E,SAASC,mBAAmBA,CAACC,GAAgC,EAAyB;EACpF,IAAIC,OAAO,GAAGC,UAAU,CAACN,gBAAgB,CAAC,IAAI,EAAE,CAAA;AAChDO,EAAAA,UAAU,CAACF,OAAO,EAAED,GAAG,CAAC,CAAA;;AAExB;EACI,IAAaI,UAAU,GAAAC,wBAAA,CAAKJ,OAAO,EAAAK,SAAA,EAAA;AACvC,EAAA,OAAOF,UAAU,CAAA;AACnB,CAAA;AAwBA;AACA;AACA;AACO,SAASG,YAAYA,CAACC,KAAuB,EAAEC,MAAmC,EAAiB;EACxG,IAAI;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAGC,QAAQ,CAACH,KAAK,CAAC,CAAA;EACpC,IAAI;AAAEI,IAAAA,aAAAA;AAAc,GAAC,GAAGC,WAAW,CAACL,KAAK,CAAC,CAAA;AAC1C,EAAA,IAAIM,YAAY,GAAGC,UAAU,CAACL,UAAU,EAAEE,aAAa,CAAC,CAAA;AACxD,EAAA,IAAII,QAAQ,GAAGjB,mBAAmB,CAACU,MAAM,CAAC,CAAA;EAC1C,IAAIQ,gBAAgB,GAAGT,KAAK,CAACU,UAAU,GAAG,EAAE,GAAGF,QAAQ,CAAA;AACvD,EAAA,IAAIG,YAAY,GAAGC,MAAM,CAACZ,KAAK,CAACa,SAAS,CAAC,CAAA;AAE1CC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIH,YAAY,CAACI,OAAO,IAAId,MAAM,CAACc,OAAO,EAAE;AAC1CC,MAAAA,WAAW,CAACf,MAAM,CAACc,OAAO,CAAC,CAAA;AAC7B,KAAA;IACAJ,YAAY,CAACI,OAAO,GAAG,KAAK,CAAA;AAC9B,GAAC,EAAE,CAACd,MAAM,CAAC,CAAC,CAAA;EAEZ,OAAO;AACLgB,IAAAA,cAAc,EAAEV,UAAU,CAAAW,cAAA,CAAAA,cAAA,KAEnBZ,YAAY,CAAA,EAAA,EAAA,EAAA;AACfa,MAAAA,QAAQ,EAAEnB,KAAK,CAACoB,mBAAmB,IAAI,CAACpB,KAAK,CAACU,UAAU,GAAG,CAAC,CAAC,GAAGW,SAAAA;AAAS,KAAA,CAAA,EAE3EZ,gBACF,CAAA;GACD,CAAA;AACH;;;;"}
+{"version":3,"file":"useFocusable.js","sources":["../../../../src/react-aria/react-aria/focus/useFocusable.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { DOMAttributes, FocusableDOMProps, FocusableElement, FocusableProps } from '../../react-types/shared';\nimport { focusSafely } from './';\nimport { mergeProps, useObjectRef, useSyncRef } from '../utils';\nimport React, { ForwardedRef, MutableRefObject, ReactNode, RefObject, useContext, useEffect, useRef } from 'react';\nimport { useFocus, useKeyboard } from '../interactions';\n\nexport interface FocusableOptions extends FocusableProps, FocusableDOMProps {\n  /** Whether focus should be disabled. */\n  isDisabled?: boolean;\n}\n\nexport interface FocusableProviderProps extends DOMAttributes {\n  /** The child element to provide DOM props to. */\n  children?: ReactNode;\n}\n\ninterface FocusableContextValue extends FocusableProviderProps {\n  ref?: MutableRefObject<FocusableElement | null>;\n}\n\nlet FocusableContext = React.createContext<FocusableContextValue | null>(null);\n\nfunction useFocusableContext(ref: RefObject<FocusableElement>): FocusableContextValue {\n  let context = useContext(FocusableContext) || {};\n  useSyncRef(context, ref);\n\n  // eslint-disable-next-line\n  let { ref: _, ...otherProps } = context;\n  return otherProps;\n}\n\n/**\n * Provides DOM props to the nearest focusable child.\n */\nfunction FocusableProvider(props: FocusableProviderProps, ref: ForwardedRef<FocusableElement>) {\n  let { children, ...otherProps } = props;\n  let objRef = useObjectRef(ref);\n  let context = {\n    ...otherProps,\n    ref: objRef,\n  };\n\n  return <FocusableContext.Provider value={context}>{children}</FocusableContext.Provider>;\n}\n\nlet _FocusableProvider = React.forwardRef(FocusableProvider);\nexport { _FocusableProvider as FocusableProvider };\n\nexport interface FocusableAria {\n  /** Props for the focusable element. */\n  focusableProps: DOMAttributes;\n}\n\n/**\n * Used to make an element focusable and capable of auto focus.\n */\nexport function useFocusable(props: FocusableOptions, domRef: RefObject<FocusableElement>): FocusableAria {\n  let { focusProps } = useFocus(props);\n  let { keyboardProps } = useKeyboard(props);\n  let interactions = mergeProps(focusProps, keyboardProps);\n  let domProps = useFocusableContext(domRef);\n  let interactionProps = props.isDisabled ? {} : domProps;\n  let autoFocusRef = useRef(props.autoFocus);\n\n  useEffect(() => {\n    if (autoFocusRef.current && domRef.current) {\n      focusSafely(domRef.current);\n    }\n    autoFocusRef.current = false;\n  }, [domRef]);\n\n  return {\n    focusableProps: mergeProps(\n      {\n        ...interactions,\n        tabIndex: props.excludeFromTabOrder && !props.isDisabled ? -1 : undefined,\n      },\n      interactionProps\n    ),\n  };\n}\n"],"names":["FocusableContext","React","createContext","useFocusableContext","ref","context","useContext","useSyncRef","otherProps","_objectWithoutProperties","_excluded","useFocusable","props","domRef","focusProps","useFocus","keyboardProps","useKeyboard","interactions","mergeProps","domProps","interactionProps","isDisabled","autoFocusRef","useRef","autoFocus","useEffect","current","focusSafely","focusableProps","_objectSpread","tabIndex","excludeFromTabOrder","undefined"],"mappings":";;;;;;;;;AAkCA,IAAIA,gBAAgB,gBAAGC,KAAK,CAACC,aAAa,CAA+B,IAAI,CAAC,CAAA;AAE9E,SAASC,mBAAmBA,CAACC,GAAgC,EAAyB;EACpF,IAAIC,OAAO,GAAGC,UAAU,CAACN,gBAAgB,CAAC,IAAI,EAAE,CAAA;AAChDO,EAAAA,UAAU,CAACF,OAAO,EAAED,GAAG,CAAC,CAAA;;AAExB;EACI,IAAaI,UAAU,GAAAC,wBAAA,CAAKJ,OAAO,EAAAK,SAAA,EAAA;AACvC,EAAA,OAAOF,UAAU,CAAA;AACnB,CAAA;AAwBA;AACA;AACA;AACO,SAASG,YAAYA,CAACC,KAAuB,EAAEC,MAAmC,EAAiB;EACxG,IAAI;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAGC,QAAQ,CAACH,KAAK,CAAC,CAAA;EACpC,IAAI;AAAEI,IAAAA,aAAAA;AAAc,GAAC,GAAGC,WAAW,CAACL,KAAK,CAAC,CAAA;AAC1C,EAAA,IAAIM,YAAY,GAAGC,UAAU,CAACL,UAAU,EAAEE,aAAa,CAAC,CAAA;AACxD,EAAA,IAAII,QAAQ,GAAGjB,mBAAmB,CAACU,MAAM,CAAC,CAAA;EAC1C,IAAIQ,gBAAgB,GAAGT,KAAK,CAACU,UAAU,GAAG,EAAE,GAAGF,QAAQ,CAAA;AACvD,EAAA,IAAIG,YAAY,GAAGC,MAAM,CAACZ,KAAK,CAACa,SAAS,CAAC,CAAA;AAE1CC,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIH,YAAY,CAACI,OAAO,IAAId,MAAM,CAACc,OAAO,EAAE;AAC1CC,MAAAA,WAAW,CAACf,MAAM,CAACc,OAAO,CAAC,CAAA;AAC7B,KAAA;IACAJ,YAAY,CAACI,OAAO,GAAG,KAAK,CAAA;AAC9B,GAAC,EAAE,CAACd,MAAM,CAAC,CAAC,CAAA;EAEZ,OAAO;AACLgB,IAAAA,cAAc,EAAEV,UAAU,CAAAW,cAAA,CAAAA,cAAA,KAEnBZ,YAAY,CAAA,EAAA,EAAA,EAAA;AACfa,MAAAA,QAAQ,EAAEnB,KAAK,CAACoB,mBAAmB,IAAI,CAACpB,KAAK,CAACU,UAAU,GAAG,CAAC,CAAC,GAAGW,SAAAA;AAAS,KAAA,CAAA,EAE3EZ,gBACF,CAAA;GACD,CAAA;AACH;;;;"}

package/react-aria/react-aria/i18n/context.js

@@ -1,9 +1,9 @@
 import { isRTL } from './utils.js';
 import { useDefaultLocale } from './useDefaultLocale.js';
-import React__default, { useContext } from 'react';
+import React, { useContext } from 'react';
 
 /* eslint-disable prefer-const */
-const I18nContext = /*#__PURE__*/React__default.createContext(null);
+const I18nContext = /*#__PURE__*/React.createContext(null);
 
 /**
  * Provides the locale for the application to all child components.
@@ -14,7 +14,7 @@ function I18nProvider(props) {
     children
   } = props;
   let defaultLocale = useDefaultLocale();
-  let value = React__default.useMemo(() => {
+  let value = React.useMemo(() => {
     if (!locale) {
       return defaultLocale;
     }
@@ -23,7 +23,7 @@ function I18nProvider(props) {
       direction: isRTL(locale) ? 'rtl' : 'ltr'
     };
   }, [defaultLocale, locale]);
-  return /*#__PURE__*/React__default.createElement(I18nContext.Provider, {
+  return /*#__PURE__*/React.createElement(I18nContext.Provider, {
     value: value
   }, children);
 }

package/react-aria/react-aria/i18n/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../src/react-aria/react-aria/i18n/context.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { isRTL } from './utils';\nimport { Locale, useDefaultLocale } from './useDefaultLocale';\nimport React, { ReactNode, useContext } from 'react';\n\nexport interface I18nProviderProps {\n  /** Contents that should have the locale applied. */\n  children: ReactNode;\n  /** The locale to apply to the children. */\n  locale?: string;\n}\n\nconst I18nContext = React.createContext<Locale | null>(null);\n\n/**\n * Provides the locale for the application to all child components.\n */\nexport function I18nProvider(props: I18nProviderProps) {\n  let { locale, children } = props;\n  let defaultLocale = useDefaultLocale();\n\n  let value: Locale = React.useMemo(() => {\n    if (!locale) {\n      return defaultLocale;\n    }\n\n    return {\n      locale,\n      direction: isRTL(locale) ? 'rtl' : 'ltr',\n    };\n  }, [defaultLocale, locale]);\n\n  return <I18nContext.Provider value={value}>{children}</I18nContext.Provider>;\n}\n\n/**\n * Returns the current locale and layout direction.\n */\nexport function useLocale(): Locale {\n  let defaultLocale = useDefaultLocale();\n  let context = useContext(I18nContext);\n  return context || defaultLocale;\n}\n"],"names":["I18nContext","React","createContext","I18nProvider","props","locale","children","defaultLocale","useDefaultLocale","value","useMemo","direction","isRTL","createElement","Provider","useLocale","context","useContext"],"mappings":";;;;AAAA;AAyBA,MAAMA,WAAW,gBAAGC,cAAK,CAACC,aAAa,CAAgB,IAAI,CAAC,CAAA;;AAE5D;AACA;AACA;AACO,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,IAAI;IAAEC,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGF,KAAK,CAAA;AAChC,EAAA,IAAIG,aAAa,GAAGC,gBAAgB,EAAE,CAAA;AAEtC,EAAA,IAAIC,KAAa,GAAGR,cAAK,CAACS,OAAO,CAAC,MAAM;IACtC,IAAI,CAACL,MAAM,EAAE;AACX,MAAA,OAAOE,aAAa,CAAA;AACtB,KAAA;IAEA,OAAO;MACLF,MAAM;AACNM,MAAAA,SAAS,EAAEC,KAAK,CAACP,MAAM,CAAC,GAAG,KAAK,GAAG,KAAA;KACpC,CAAA;AACH,GAAC,EAAE,CAACE,aAAa,EAAEF,MAAM,CAAC,CAAC,CAAA;AAE3B,EAAA,oBAAOJ,cAAA,CAAAY,aAAA,CAACb,WAAW,CAACc,QAAQ,EAAA;AAACL,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,EAAEH,QAA+B,CAAC,CAAA;AAC9E,CAAA;;AAEA;AACA;AACA;AACO,SAASS,SAASA,GAAW;AAClC,EAAA,IAAIR,aAAa,GAAGC,gBAAgB,EAAE,CAAA;AACtC,EAAA,IAAIQ,OAAO,GAAGC,UAAU,CAACjB,WAAW,CAAC,CAAA;EACrC,OAAOgB,OAAO,IAAIT,aAAa,CAAA;AACjC;;;;"}
+{"version":3,"file":"context.js","sources":["../../../../src/react-aria/react-aria/i18n/context.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\n// @ts-nocheck\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { isRTL } from './utils';\nimport { Locale, useDefaultLocale } from './useDefaultLocale';\nimport React, { ReactNode, useContext } from 'react';\n\nexport interface I18nProviderProps {\n  /** Contents that should have the locale applied. */\n  children: ReactNode;\n  /** The locale to apply to the children. */\n  locale?: string;\n}\n\nconst I18nContext = React.createContext<Locale | null>(null);\n\n/**\n * Provides the locale for the application to all child components.\n */\nexport function I18nProvider(props: I18nProviderProps) {\n  let { locale, children } = props;\n  let defaultLocale = useDefaultLocale();\n\n  let value: Locale = React.useMemo(() => {\n    if (!locale) {\n      return defaultLocale;\n    }\n\n    return {\n      locale,\n      direction: isRTL(locale) ? 'rtl' : 'ltr',\n    };\n  }, [defaultLocale, locale]);\n\n  return <I18nContext.Provider value={value}>{children}</I18nContext.Provider>;\n}\n\n/**\n * Returns the current locale and layout direction.\n */\nexport function useLocale(): Locale {\n  let defaultLocale = useDefaultLocale();\n  let context = useContext(I18nContext);\n  return context || defaultLocale;\n}\n"],"names":["I18nContext","React","createContext","I18nProvider","props","locale","children","defaultLocale","useDefaultLocale","value","useMemo","direction","isRTL","createElement","Provider","useLocale","context","useContext"],"mappings":";;;;AAAA;AAyBA,MAAMA,WAAW,gBAAGC,KAAK,CAACC,aAAa,CAAgB,IAAI,CAAC,CAAA;;AAE5D;AACA;AACA;AACO,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,IAAI;IAAEC,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGF,KAAK,CAAA;AAChC,EAAA,IAAIG,aAAa,GAAGC,gBAAgB,EAAE,CAAA;AAEtC,EAAA,IAAIC,KAAa,GAAGR,KAAK,CAACS,OAAO,CAAC,MAAM;IACtC,IAAI,CAACL,MAAM,EAAE;AACX,MAAA,OAAOE,aAAa,CAAA;AACtB,KAAA;IAEA,OAAO;MACLF,MAAM;AACNM,MAAAA,SAAS,EAAEC,KAAK,CAACP,MAAM,CAAC,GAAG,KAAK,GAAG,KAAA;KACpC,CAAA;AACH,GAAC,EAAE,CAACE,aAAa,EAAEF,MAAM,CAAC,CAAC,CAAA;AAE3B,EAAA,oBAAOJ,KAAA,CAAAY,aAAA,CAACb,WAAW,CAACc,QAAQ,EAAA;AAACL,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,EAAEH,QAA+B,CAAC,CAAA;AAC9E,CAAA;;AAEA;AACA;AACA;AACO,SAASS,SAASA,GAAW;AAClC,EAAA,IAAIR,aAAa,GAAGC,gBAAgB,EAAE,CAAA;AACtC,EAAA,IAAIQ,OAAO,GAAGC,UAAU,CAACjB,WAAW,CAAC,CAAA;EACrC,OAAOgB,OAAO,IAAIT,aAAa,CAAA;AACjC;;;;"}

package/react-aria/react-aria/interactions/context.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -11,7 +11,7 @@ import React__default from 'react';
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */
-const PressResponderContext = /*#__PURE__*/React__default.createContext({
+const PressResponderContext = /*#__PURE__*/React.createContext({
   register: () => {}
 });
 PressResponderContext.displayName = 'PressResponderContext';

package/react-aria/react-aria/interactions/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../src/react-aria/react-aria/interactions/context.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { FocusableElement } from '../../react-types/shared';\nimport { PressProps } from './usePress';\nimport React, { MutableRefObject } from 'react';\n\ninterface IPressResponderContext extends PressProps {\n  register(): void;\n  ref?: MutableRefObject<FocusableElement>;\n}\n\nexport const PressResponderContext = React.createContext<IPressResponderContext>({ register: () => {} });\nPressResponderContext.displayName = 'PressResponderContext';\n"],"names":["PressResponderContext","React","createContext","register","displayName"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MAWaA,qBAAqB,gBAAGC,cAAK,CAACC,aAAa,CAAyB;EAAEC,QAAQ,EAAEA,MAAM,EAAC;AAAE,CAAC,EAAC;AACxGH,qBAAqB,CAACI,WAAW,GAAG,uBAAuB;;;;"}
+{"version":3,"file":"context.js","sources":["../../../../src/react-aria/react-aria/interactions/context.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { FocusableElement } from '../../react-types/shared';\nimport { PressProps } from './usePress';\nimport React, { MutableRefObject } from 'react';\n\ninterface IPressResponderContext extends PressProps {\n  register(): void;\n  ref?: MutableRefObject<FocusableElement>;\n}\n\nexport const PressResponderContext = React.createContext<IPressResponderContext>({ register: () => {} });\nPressResponderContext.displayName = 'PressResponderContext';\n"],"names":["PressResponderContext","React","createContext","register","displayName"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MAWaA,qBAAqB,gBAAGC,KAAK,CAACC,aAAa,CAAyB;EAAEC,QAAQ,EAAEA,MAAM,EAAC;AAAE,CAAC,EAAC;AACxGH,qBAAqB,CAACI,WAAW,GAAG,uBAAuB;;;;"}

package/react-aria/react-aria/ssr/SSRProvider.js

@@ -1,4 +1,4 @@
-import React__default, { useContext, useState, useMemo, useLayoutEffect, useRef } from 'react';
+import React, { useContext, useState, useMemo, useLayoutEffect, useRef } from 'react';
 
 /* eslint-disable prefer-const */
 
@@ -17,8 +17,8 @@ const defaultContext = {
   prefix: String(Math.round(Math.random() * 10000000000)),
   current: 0
 };
-const SSRContext = /*#__PURE__*/React__default.createContext(defaultContext);
-const IsSSRContext = /*#__PURE__*/React__default.createContext(false);
+const SSRContext = /*#__PURE__*/React.createContext(defaultContext);
+const IsSSRContext = /*#__PURE__*/React.createContext(false);
 // This is only used in React < 18.
 function LegacySSRProvider(props) {
   let cur = useContext(SSRContext);
@@ -41,9 +41,9 @@ function LegacySSRProvider(props) {
       setIsSSR(false);
     }, []);
   }
-  return /*#__PURE__*/React__default.createElement(SSRContext.Provider, {
+  return /*#__PURE__*/React.createElement(SSRContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default.createElement(IsSSRContext.Provider, {
+  }, /*#__PURE__*/React.createElement(IsSSRContext.Provider, {
     value: isSSR
   }, props.children));
 }
@@ -54,14 +54,14 @@ let warnedAboutSSRProvider = false;
  * This ensures that auto generated ids are consistent between the client and server.
  */
 function SSRProvider(props) {
-  if (typeof React__default['useId'] === 'function') {
+  if (typeof React['useId'] === 'function') {
     if (process.env.NODE_ENV !== 'test' && !warnedAboutSSRProvider) {
       console.warn('In React 18, SSRProvider is not necessary and is a noop. You can remove it from your app.');
       warnedAboutSSRProvider = true;
     }
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props.children);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
   }
-  return /*#__PURE__*/React__default.createElement(LegacySSRProvider, props);
+  return /*#__PURE__*/React.createElement(LegacySSRProvider, props);
 }
 let canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
 let componentIds = new WeakMap();
@@ -81,7 +81,7 @@ function useCounter() {
     // a weak map associated with the Fiber. On the second render, we reset the global counter to this value.
     // Since React runs the second render immediately after the first, this is safe.
     // @ts-ignore
-    let currentOwner = (_React$__SECRET_INTER = React__default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React$__SECRET_INTER === void 0 ? void 0 : (_React$__SECRET_INTER2 = _React$__SECRET_INTER.ReactCurrentOwner) === null || _React$__SECRET_INTER2 === void 0 ? void 0 : _React$__SECRET_INTER2.current;
+    let currentOwner = (_React$__SECRET_INTER = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React$__SECRET_INTER === void 0 ? void 0 : (_React$__SECRET_INTER2 = _React$__SECRET_INTER.ReactCurrentOwner) === null || _React$__SECRET_INTER2 === void 0 ? void 0 : _React$__SECRET_INTER2.current;
     if (currentOwner) {
       let prevComponentValue = componentIds.get(currentOwner);
       if (prevComponentValue == null) {
@@ -116,7 +116,7 @@ function useLegacySSRSafeId(defaultId) {
 }
 function useModernSSRSafeId(defaultId) {
   // @ts-ignore
-  let id = React__default.useId();
+  let id = React.useId();
   let [didSSR] = useState(useIsSSR());
   let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${defaultContext.prefix}`;
   return defaultId || `${prefix}-${id}`;
@@ -124,7 +124,7 @@ function useModernSSRSafeId(defaultId) {
 
 // Use React.useId in React 18 if available, otherwise fall back to our old implementation.
 /** @private */
-const useSSRSafeId = typeof React__default['useId'] === 'function' ? useModernSSRSafeId : useLegacySSRSafeId;
+const useSSRSafeId = typeof React['useId'] === 'function' ? useModernSSRSafeId : useLegacySSRSafeId;
 function getSnapshot() {
   return false;
 }
@@ -145,8 +145,8 @@ function subscribe(onStoreChange) {
  */
 function useIsSSR() {
   // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
-  if (typeof React__default['useSyncExternalStore'] === 'function') {
-    return React__default['useSyncExternalStore'](subscribe, getSnapshot, getServerSnapshot);
+  if (typeof React['useSyncExternalStore'] === 'function') {
+    return React['useSyncExternalStore'](subscribe, getSnapshot, getServerSnapshot);
   }
 
   // eslint-disable-next-line react-hooks/rules-of-hooks

package/react-aria/react-aria/ssr/SSRProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SSRProvider.js","sources":["../../../../src/react-aria/react-aria/ssr/SSRProvider.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is\n// guarded by a check that it only runs on the client side.\nimport React, { ReactNode, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\n// To support SSR, the auto incrementing id counter is stored in a context. This allows\n// it to be reset on every request to ensure the client and server are consistent.\n// There is also a prefix string that is used to support async loading components\n// Each async boundary must be wrapped in an SSR provider, which appends to the prefix\n// and resets the current id counter. This ensures that async loaded components have\n// consistent ids regardless of the loading order.\ninterface SSRContextValue {\n  prefix: string;\n  current: number;\n}\n\n// Default context value to use in case there is no SSRProvider. This is fine for\n// client-only apps. In order to support multiple copies of React Aria potentially\n// being on the page at once, the prefix is set to a random number. SSRProvider\n// will reset this to zero for consistency between server and client, so in the\n// SSR case multiple copies of React Aria is not supported.\nconst defaultContext: SSRContextValue = {\n  prefix: String(Math.round(Math.random() * 10000000000)),\n  current: 0,\n};\n\nconst SSRContext = React.createContext<SSRContextValue>(defaultContext);\nconst IsSSRContext = React.createContext(false);\n\nexport interface SSRProviderProps {\n  /** Your application here. */\n  children: ReactNode;\n}\n\n// This is only used in React < 18.\nfunction LegacySSRProvider(props: SSRProviderProps): JSX.Element {\n  let cur = useContext(SSRContext);\n  let counter = useCounter(cur === defaultContext);\n  let [isSSR, setIsSSR] = useState(true);\n  let value: SSRContextValue = useMemo(\n    () => ({\n      // If this is the first SSRProvider, start with an empty string prefix, otherwise\n      // append and increment the counter.\n      prefix: cur === defaultContext ? '' : `${cur.prefix}-${counter}`,\n      current: 0,\n    }),\n    [cur, counter]\n  );\n\n  // If on the client, and the component was initially server rendered,\n  // then schedule a layout effect to update the component after hydration.\n  if (typeof document !== 'undefined') {\n    // This if statement technically breaks the rules of hooks, but is safe\n    // because the condition never changes after mounting.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useLayoutEffect(() => {\n      setIsSSR(false);\n    }, []);\n  }\n\n  return (\n    <SSRContext.Provider value={value}>\n      <IsSSRContext.Provider value={isSSR}>{props.children}</IsSSRContext.Provider>\n    </SSRContext.Provider>\n  );\n}\n\nlet warnedAboutSSRProvider = false;\n\n/**\n * When using SSR with React Aria in React 16 or 17, applications must be wrapped in an SSRProvider.\n * This ensures that auto generated ids are consistent between the client and server.\n */\nexport function SSRProvider(props: SSRProviderProps): JSX.Element {\n  if (typeof React['useId'] === 'function') {\n    if (process.env.NODE_ENV !== 'test' && !warnedAboutSSRProvider) {\n      console.warn('In React 18, SSRProvider is not necessary and is a noop. You can remove it from your app.');\n      warnedAboutSSRProvider = true;\n    }\n    return <>{props.children}</>;\n  }\n  return <LegacySSRProvider {...props} />;\n}\n\nlet canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nlet componentIds = new WeakMap();\n\nfunction useCounter(isDisabled = false) {\n  let ctx = useContext(SSRContext);\n  let ref = useRef<number | null>(null);\n  if (ref.current === null && !isDisabled) {\n    // In strict mode, React renders components twice, and the ref will be reset to null on the second render.\n    // This means our id counter will be incremented twice instead of once. This is a problem because on the\n    // server, components are only rendered once and so ids generated on the server won't match the client.\n    // In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this\n    // we need to use some React internals to access the underlying Fiber instance, which is stable between renders.\n    // This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.\n    // To ensure that we only increment the global counter once, we store the starting id for this component in\n    // a weak map associated with the Fiber. On the second render, we reset the global counter to this value.\n    // Since React runs the second render immediately after the first, this is safe.\n    // @ts-ignore\n    let currentOwner = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;\n    if (currentOwner) {\n      let prevComponentValue = componentIds.get(currentOwner);\n      if (prevComponentValue == null) {\n        // On the first render, and first call to useId, store the id and state in our weak map.\n        componentIds.set(currentOwner, {\n          id: ctx.current,\n          state: currentOwner.memoizedState,\n        });\n      } else if (currentOwner.memoizedState !== prevComponentValue.state) {\n        // On the second render, the memoizedState gets reset by React.\n        // Reset the counter, and remove from the weak map so we don't\n        // do this for subsequent useId calls.\n        ctx.current = prevComponentValue.id;\n        componentIds.delete(currentOwner);\n      }\n    }\n\n    ref.current = ++ctx.current;\n  }\n\n  return ref.current;\n}\n\nfunction useLegacySSRSafeId(defaultId?: string): string {\n  let ctx = useContext(SSRContext);\n\n  // If we are rendering in a non-DOM environment, and there's no SSRProvider,\n  // provide a warning to hint to the developer to add one.\n  if (ctx === defaultContext && !canUseDOM) {\n    console.warn(\n      'When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.'\n    );\n  }\n\n  let counter = useCounter(!!defaultId);\n  let prefix = ctx === defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;\n  return defaultId || `${prefix}-${counter}`;\n}\n\nfunction useModernSSRSafeId(defaultId?: string): string {\n  // @ts-ignore\n  let id = React.useId();\n  let [didSSR] = useState(useIsSSR());\n  let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${defaultContext.prefix}`;\n  return defaultId || `${prefix}-${id}`;\n}\n\n// Use React.useId in React 18 if available, otherwise fall back to our old implementation.\n/** @private */\nexport const useSSRSafeId = typeof React['useId'] === 'function' ? useModernSSRSafeId : useLegacySSRSafeId;\n\nfunction getSnapshot() {\n  return false;\n}\n\nfunction getServerSnapshot() {\n  return true;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction subscribe(onStoreChange: () => void): () => void {\n  // noop\n  return () => {};\n}\n\n/**\n * Returns whether the component is currently being server side rendered or\n * hydrated on the client. Can be used to delay browser-specific rendering\n * until after hydration.\n */\nexport function useIsSSR(): boolean {\n  // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.\n  if (typeof React['useSyncExternalStore'] === 'function') {\n    return React['useSyncExternalStore'](subscribe, getSnapshot, getServerSnapshot);\n  }\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useContext(IsSSRContext);\n}\n"],"names":["defaultContext","prefix","String","Math","round","random","current","SSRContext","React","createContext","IsSSRContext","LegacySSRProvider","props","cur","useContext","counter","useCounter","isSSR","setIsSSR","useState","value","useMemo","document","useLayoutEffect","createElement","Provider","children","warnedAboutSSRProvider","SSRProvider","process","env","NODE_ENV","console","warn","Fragment","canUseDOM","Boolean","window","componentIds","WeakMap","isDisabled","arguments","length","undefined","ctx","ref","useRef","_React$__SECRET_INTER","_React$__SECRET_INTER2","currentOwner","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentOwner","prevComponentValue","get","set","id","state","memoizedState","delete","useLegacySSRSafeId","defaultId","useModernSSRSafeId","useId","didSSR","useIsSSR","useSSRSafeId","getSnapshot","getServerSnapshot","subscribe","onStoreChange"],"mappings":"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"}
+{"version":3,"file":"SSRProvider.js","sources":["../../../../src/react-aria/react-aria/ssr/SSRProvider.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is\n// guarded by a check that it only runs on the client side.\nimport React, { ReactNode, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\n// To support SSR, the auto incrementing id counter is stored in a context. This allows\n// it to be reset on every request to ensure the client and server are consistent.\n// There is also a prefix string that is used to support async loading components\n// Each async boundary must be wrapped in an SSR provider, which appends to the prefix\n// and resets the current id counter. This ensures that async loaded components have\n// consistent ids regardless of the loading order.\ninterface SSRContextValue {\n  prefix: string;\n  current: number;\n}\n\n// Default context value to use in case there is no SSRProvider. This is fine for\n// client-only apps. In order to support multiple copies of React Aria potentially\n// being on the page at once, the prefix is set to a random number. SSRProvider\n// will reset this to zero for consistency between server and client, so in the\n// SSR case multiple copies of React Aria is not supported.\nconst defaultContext: SSRContextValue = {\n  prefix: String(Math.round(Math.random() * 10000000000)),\n  current: 0,\n};\n\nconst SSRContext = React.createContext<SSRContextValue>(defaultContext);\nconst IsSSRContext = React.createContext(false);\n\nexport interface SSRProviderProps {\n  /** Your application here. */\n  children: ReactNode;\n}\n\n// This is only used in React < 18.\nfunction LegacySSRProvider(props: SSRProviderProps): JSX.Element {\n  let cur = useContext(SSRContext);\n  let counter = useCounter(cur === defaultContext);\n  let [isSSR, setIsSSR] = useState(true);\n  let value: SSRContextValue = useMemo(\n    () => ({\n      // If this is the first SSRProvider, start with an empty string prefix, otherwise\n      // append and increment the counter.\n      prefix: cur === defaultContext ? '' : `${cur.prefix}-${counter}`,\n      current: 0,\n    }),\n    [cur, counter]\n  );\n\n  // If on the client, and the component was initially server rendered,\n  // then schedule a layout effect to update the component after hydration.\n  if (typeof document !== 'undefined') {\n    // This if statement technically breaks the rules of hooks, but is safe\n    // because the condition never changes after mounting.\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useLayoutEffect(() => {\n      setIsSSR(false);\n    }, []);\n  }\n\n  return (\n    <SSRContext.Provider value={value}>\n      <IsSSRContext.Provider value={isSSR}>{props.children}</IsSSRContext.Provider>\n    </SSRContext.Provider>\n  );\n}\n\nlet warnedAboutSSRProvider = false;\n\n/**\n * When using SSR with React Aria in React 16 or 17, applications must be wrapped in an SSRProvider.\n * This ensures that auto generated ids are consistent between the client and server.\n */\nexport function SSRProvider(props: SSRProviderProps): JSX.Element {\n  if (typeof React['useId'] === 'function') {\n    if (process.env.NODE_ENV !== 'test' && !warnedAboutSSRProvider) {\n      console.warn('In React 18, SSRProvider is not necessary and is a noop. You can remove it from your app.');\n      warnedAboutSSRProvider = true;\n    }\n    return <>{props.children}</>;\n  }\n  return <LegacySSRProvider {...props} />;\n}\n\nlet canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nlet componentIds = new WeakMap();\n\nfunction useCounter(isDisabled = false) {\n  let ctx = useContext(SSRContext);\n  let ref = useRef<number | null>(null);\n  if (ref.current === null && !isDisabled) {\n    // In strict mode, React renders components twice, and the ref will be reset to null on the second render.\n    // This means our id counter will be incremented twice instead of once. This is a problem because on the\n    // server, components are only rendered once and so ids generated on the server won't match the client.\n    // In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this\n    // we need to use some React internals to access the underlying Fiber instance, which is stable between renders.\n    // This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.\n    // To ensure that we only increment the global counter once, we store the starting id for this component in\n    // a weak map associated with the Fiber. On the second render, we reset the global counter to this value.\n    // Since React runs the second render immediately after the first, this is safe.\n    // @ts-ignore\n    let currentOwner = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;\n    if (currentOwner) {\n      let prevComponentValue = componentIds.get(currentOwner);\n      if (prevComponentValue == null) {\n        // On the first render, and first call to useId, store the id and state in our weak map.\n        componentIds.set(currentOwner, {\n          id: ctx.current,\n          state: currentOwner.memoizedState,\n        });\n      } else if (currentOwner.memoizedState !== prevComponentValue.state) {\n        // On the second render, the memoizedState gets reset by React.\n        // Reset the counter, and remove from the weak map so we don't\n        // do this for subsequent useId calls.\n        ctx.current = prevComponentValue.id;\n        componentIds.delete(currentOwner);\n      }\n    }\n\n    ref.current = ++ctx.current;\n  }\n\n  return ref.current;\n}\n\nfunction useLegacySSRSafeId(defaultId?: string): string {\n  let ctx = useContext(SSRContext);\n\n  // If we are rendering in a non-DOM environment, and there's no SSRProvider,\n  // provide a warning to hint to the developer to add one.\n  if (ctx === defaultContext && !canUseDOM) {\n    console.warn(\n      'When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.'\n    );\n  }\n\n  let counter = useCounter(!!defaultId);\n  let prefix = ctx === defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;\n  return defaultId || `${prefix}-${counter}`;\n}\n\nfunction useModernSSRSafeId(defaultId?: string): string {\n  // @ts-ignore\n  let id = React.useId();\n  let [didSSR] = useState(useIsSSR());\n  let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${defaultContext.prefix}`;\n  return defaultId || `${prefix}-${id}`;\n}\n\n// Use React.useId in React 18 if available, otherwise fall back to our old implementation.\n/** @private */\nexport const useSSRSafeId = typeof React['useId'] === 'function' ? useModernSSRSafeId : useLegacySSRSafeId;\n\nfunction getSnapshot() {\n  return false;\n}\n\nfunction getServerSnapshot() {\n  return true;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction subscribe(onStoreChange: () => void): () => void {\n  // noop\n  return () => {};\n}\n\n/**\n * Returns whether the component is currently being server side rendered or\n * hydrated on the client. Can be used to delay browser-specific rendering\n * until after hydration.\n */\nexport function useIsSSR(): boolean {\n  // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.\n  if (typeof React['useSyncExternalStore'] === 'function') {\n    return React['useSyncExternalStore'](subscribe, getSnapshot, getServerSnapshot);\n  }\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useContext(IsSSRContext);\n}\n"],"names":["defaultContext","prefix","String","Math","round","random","current","SSRContext","React","createContext","IsSSRContext","LegacySSRProvider","props","cur","useContext","counter","useCounter","isSSR","setIsSSR","useState","value","useMemo","document","useLayoutEffect","createElement","Provider","children","warnedAboutSSRProvider","SSRProvider","process","env","NODE_ENV","console","warn","Fragment","canUseDOM","Boolean","window","componentIds","WeakMap","isDisabled","arguments","length","undefined","ctx","ref","useRef","_React$__SECRET_INTER","_React$__SECRET_INTER2","currentOwner","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentOwner","prevComponentValue","get","set","id","state","memoizedState","delete","useLegacySSRSafeId","defaultId","useModernSSRSafeId","useId","didSSR","useIsSSR","useSSRSafeId","getSnapshot","getServerSnapshot","subscribe","onStoreChange"],"mappings":"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"}

package/react-aria/react-aria/utils/mergeProps.js

@@ -1,6 +1,6 @@
 import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { chain } from './chain.js';
-import c from 'clsx';
+import clsx from 'clsx';
 import { mergeIds } from './useId.js';
 
 // taken from: https://stackoverflow.com/questions/51603250/typescript-3-parameter-list-intersection-type/51604379#51604379
@@ -32,7 +32,7 @@ function mergeProps() {
 
         // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check
       } else if ((key === 'className' || key === 'UNSAFE_className') && typeof a === 'string' && typeof b === 'string') {
-        result[key] = c(a, b);
+        result[key] = clsx(a, b);
       } else if (key === 'id' && a && b) {
         result.id = mergeIds(a, b);
         // Override others