@redsift/design-system 11.8.2 → 11.8.3

package/_internal/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../../src/components/text-field/types.ts","../../src/components/text-field/styles.ts","../../src/components/text-field/intl/index.ts","../../src/components/text-field/TextField.tsx"],"sourcesContent":["import { ChangeEvent, ComponentProps, MutableRefObject, ReactNode } from 'react';\nimport { ButtonsColorPalette, StylingProps, Theme, ValueOf } from '../../types';\nimport { IconProps } from '../icon';\nimport { IconButtonProps } from '../icon-button';\nimport { PillProps } from '../pill';\n\n/**\n * Component variant.\n */\nexport const TextFieldVariant = {\n  default: 'default',\n  underline: 'underline',\n} as const;\nexport type TextFieldVariant = ValueOf<typeof TextFieldVariant>;\n\n/**\n * Component color.\n */\nexport type TextFieldColor = ButtonsColorPalette;\n\n/**\n * Component props.\n */\nexport interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {\n  /** Whether the component can be autofocused. */\n  autoFocus?: boolean;\n  /** Color variant. */\n  color?: TextFieldColor;\n  /** Force color even when not focused. */\n  forceColor?: boolean;\n  /**\n   * Default value.\n   * Used for uncontrolled version.\n   */\n  defaultValue?: string;\n  /** Whether the clear button is displayed or not. */\n  hasClearButton?: boolean | Omit<Partial<IconButtonProps>, 'ref'>;\n  /** Place for icon buttons between the clear button and the separator. */\n  internal?:\n    | ReactNode\n    | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);\n  /** Place for icon buttons after the separator. */\n  after?: ReactNode | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);\n  /** Custom props to pass to the input element. */\n  inputProps?: ComponentProps<'input'>;\n  /** Custom ref object to pass to the input element. */\n  inputRef?: MutableRefObject<HTMLInputElement>;\n  /** @deprecated Whether the component should use the product colors or shades of grey. */\n  isColored?: boolean;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Whether the component is invalid or not. */\n  isInvalid?: boolean;\n  /** Whether the component is read only or not. */\n  isReadOnly?: boolean;\n  /** Whether the component is required or not. */\n  isRequired?: boolean;\n  /** Label */\n  label?: string;\n  /**\n   * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />\n   * Can also be a ReactElement.\n   */\n  leftIcon?: Omit<IconProps, 'ref'>;\n  /** Name to pass to the input element. */\n  name?: string;\n  /** Method to handle component change. */\n  onChange?(value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>): void;\n  /** Method to handle component clear. */\n  onClear?(): void;\n  /** List of Pills. */\n  pills?: Omit<PillProps, 'ref'>[];\n  /** Placeholder. */\n  placeholder?: string;\n  /** Theme. */\n  theme?: Theme;\n  /** Input type. */\n  type?: string;\n  /**\n   * Input value.\n   * Used for controlled version.\n   */\n  value?: string;\n  /** TextField variant. */\n  variant?: TextFieldVariant;\n}\n\nexport type StyledTextFieldProps = Omit<\n  TextFieldProps,\n  'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'onChange'\n> & {\n  $color: TextFieldProps['color'];\n  $isGradient: boolean;\n  $hasLeftIcon: boolean;\n  $hasContent: boolean;\n  $isDisabled: TextFieldProps['isDisabled'];\n  $isInvalid: TextFieldProps['isInvalid'];\n  $isFocused: boolean;\n  $isFocusVisible: boolean;\n  $isRequired: TextFieldProps['isRequired'];\n  $theme: TextFieldProps['theme'];\n  $variant: TextFieldProps['variant'];\n};\n","import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledTextFieldProps, TextFieldVariant } from './types';\nimport { Theme } from '@redsift/design-system/types';\n\n/**\n * Component style.\n */\nexport const StyledTextField = styled.div<StyledTextFieldProps>`\n  height: fit-content;\n  position: relative;\n  width: fit-content;\n  margin: 0;\n  min-width: 0;\n  padding: 0;\n  ${baseStyling}\n\n  border: 0;\n  display: inline-flex;\n  flex-direction: column;\n  vertical-align: top;\n\n  ${({\n    label,\n    $hasLeftIcon,\n    $hasContent,\n    $isFocused,\n    $isDisabled,\n    $isInvalid,\n    $color,\n    $isGradient,\n    $theme,\n    $variant,\n  }) => css`\n    ${$isDisabled\n      ? css`\n          pointer-events: none;\n        `\n      : ''}\n\n    .redsift-text-field__label {\n      font-family: var(--redsift-typography-input-text-font-family);\n      font-size: var(--redsift-typography-input-text-font-size);\n      font-weight: var(--redsift-typography-input-text-font-weight);\n      line-height: var(--redsift-typography-input-text-line-height);\n      left: ${$hasLeftIcon && !$hasContent ? '32px' : '0'};\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      text-overflow: ellipsis;\n      top: ${$hasContent ? '-8px' : '-7px'};\n      transform-origin: top left;\n      transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,\n        max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n      white-space: nowrap;\n      z-index: 1;\n\n      ${!$hasContent\n        ? css`\n            max-width: calc(100% - 24px);\n            transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 16px) scale(1);\n          `\n        : css`\n            max-width: calc(133% - 32px);\n            transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 1px) scale(0.733);\n          `}\n\n      ${!$isGradient\n        ? css`\n            color: var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid\n                  ? 'error'\n                  : $isFocused\n                  ? $color\n                  : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}\n            );\n          `\n        : css`\n            background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'});\n            ${$variant !== TextFieldVariant.underline\n              ? css`\n                  padding-right: 7px;\n                  padding-left: 5px;\n                `\n              : ''}\n            > span {\n              background: var(\n                --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid\n                    ? 'error'\n                    : $isFocused\n                    ? $color\n                    : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}\n              );\n              background-clip: text;\n              color: transparent;\n            }\n          `}\n    }\n\n    .redsift-text-field__input-wrapper {\n      align-items: flex-start;\n      box-sizing: border-box;\n      cursor: text;\n      display: inline-flex;\n      min-height: 42px;\n      position: relative;\n    }\n\n    .redsift-text-field-input-wrapper__pills-and-input {\n      align-items: flex-start;\n      box-sizing: border-box;\n      display: flex;\n      flex-direction: column-reverse;\n      flex-wrap: wrap;\n      flex: 1 1 auto;\n      padding-bottom: 7px;\n      ${$variant !== TextFieldVariant.underline && !$hasLeftIcon\n        ? css`\n            padding-left: 16px;\n          `\n        : ''}\n      padding-top: ${label ? '9px' : '7px'};\n\n      .redsift-pill {\n        margin: 3px 6px 3px 0;\n      }\n    }\n\n    .redsift-text-field-input-wrapper-pills-and-input__input {\n      background: none;\n      border: 0;\n      box-sizing: content-box;\n      display: flex;\n      flex: 1 1 auto;\n      font-family: var(--redsift-typography-input-text-font-family);\n      font-size: var(--redsift-typography-input-text-font-size);\n      font-weight: var(--redsift-typography-input-text-font-weight);\n      line-height: var(--redsift-typography-input-text-line-height);\n      min-width: 0;\n      min-width: 100px;\n      padding: 2px 0;\n      width: 100%;\n\n      ${$isDisabled\n        ? css`\n            color: var(--redsift-color-grey-l2);\n          `\n        : css`\n            color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n          `}\n    }\n\n    .redsift-text-field-input-wrapper-pills-and-input__input::placeholder {\n      color: var(--redsift-color-neutral-mid-grey);\n    }\n\n    .redsift-text-field-input-wrapper-pills-and-input__input:focus {\n      outline: 0;\n    }\n\n    .redsift-text-field-input-wrapper__fieldset {\n      border-style: solid;\n      bottom: 0;\n      left: 1px;\n      margin: 0;\n      min-width: 0%;\n      overflow: hidden;\n      padding: 0 8px;\n      pointer-events: none;\n      position: absolute;\n      right: 0;\n      text-align: left;\n      top: -5px;\n\n      ${!$isGradient || $isDisabled || !$isFocused || $isInvalid\n        ? css`\n            ${$variant === TextFieldVariant.underline\n              ? css`\n                  border-bottom-width: 2px;\n                `\n              : css`\n                  border-radius: 4px;\n                  border-width: 2px;\n                `}\n            border-color: var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid\n              ? 'error'\n              : $isFocused\n              ? $color\n              : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}\n            );\n          `\n        : css`\n            ${$variant === TextFieldVariant.underline\n              ? css`\n                  border-bottom: 2px solid transparent;\n                `\n              : css`\n                  border: 2px solid transparent;\n                  border-radius: 4px;\n                `}\n            background: transparent;\n            background-clip: padding-box, border-box;\n            background-origin: border-box;\n            background-image: linear-gradient(\n                90deg,\n                var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'}),\n                var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'})\n              ),\n              var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-default);\n          `}\n    }\n\n    .redsift-text-field-input-wrapper-fieldset__legend {\n      display: block;\n      float: unset;\n      font-size: 11px;\n      height: 11px;\n      overflow: hidden;\n      padding: 0;\n      visibility: hidden;\n      white-space: nowrap;\n      width: auto;\n\n      ${!$hasContent\n        ? css`\n            max-width: 0.01px;\n            transition: max-width 50ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n          `\n        : css`\n            max-width: 100%;\n            transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;\n          `}\n    }\n\n    .redsift-text-field-input-wrapper-fieldset__legend > span {\n      display: inline-block;\n      opacity: 0;\n      padding-left: 5px;\n      padding-right: 5px;\n      visibility: visible;\n    }\n\n    .redsift-text-field-input-wrapper__toolbar {\n      position: relative;\n      top: 9px;\n    }\n\n    .redsift-icon-button:not(.redsift-pill > .redsift-icon-button) {\n      padding: 2px;\n      position: relative;\n      top: -2px;\n      height: 28px;\n      width: 28px;\n    }\n\n    ${$variant !== TextFieldVariant.underline\n      ? css`\n          .redsift-icon.left {\n            padding-left: 12px;\n            padding-right: 8px;\n            line-height: 28px;\n          }\n\n          .redsift-text-field-input-wrapper__toolbar {\n            padding-right: 8px;\n          }\n        `\n      : css`\n          .redsift-icon.left {\n            padding-right: 8px;\n          }\n        `}\n\n    .redsift-icon.left,\n    .redsift-icon.right {\n      top: 9px;\n    }\n  `}\n`;\n","import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n","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":["TextFieldVariant","default","underline","StyledTextField","styled","div","baseStyling","_ref","label","$hasLeftIcon","$hasContent","$isFocused","$isDisabled","$isInvalid","$color","$isGradient","$theme","$variant","css","Theme","dark","enUS","frFR","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","leftIcon","name","onBlur","onBlurProps","onChange","onClear","onFocus","onFocusProps","pills","placeholder","theme","propsTheme","type","value","propsValue","variant","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","_extends","length","$isFocusVisible","$isRequired","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/types.ts","../../src/components/text-field/styles.ts","../../src/components/text-field/intl/index.ts","../../src/components/text-field/TextField.tsx"],"sourcesContent":["import { ChangeEvent, ComponentProps, MutableRefObject, ReactNode } from 'react';\nimport { ButtonsColorPalette, StylingProps, Theme, ValueOf } from '../../types';\nimport { IconProps } from '../icon';\nimport { IconButtonProps } from '../icon-button';\nimport { PillProps } from '../pill';\n\n/**\n * Component variant.\n */\nexport const TextFieldVariant = {\n  default: 'default',\n  underline: 'underline',\n} as const;\nexport type TextFieldVariant = ValueOf<typeof TextFieldVariant>;\n\n/**\n * Component color.\n */\nexport type TextFieldColor = ButtonsColorPalette;\n\n/**\n * Component props.\n */\nexport interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {\n  /** Whether the component can be autofocused. */\n  autoFocus?: boolean;\n  /** Color variant. */\n  color?: TextFieldColor;\n  /** Force color even when not focused. */\n  forceColor?: boolean;\n  /**\n   * Default value.\n   * Used for uncontrolled version.\n   */\n  defaultValue?: string;\n  /** Whether the clear button is displayed or not. */\n  hasClearButton?: boolean | Omit<Partial<IconButtonProps>, 'ref'>;\n  /** Place for icon buttons between the clear button and the separator. */\n  internal?:\n    | ReactNode\n    | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);\n  /** Place for icon buttons after the separator. */\n  after?: ReactNode | ((value?: string, isDisabled?: boolean, isInvalid?: boolean, isRequired?: boolean) => ReactNode);\n  /** Custom props to pass to the input element. */\n  inputProps?: ComponentProps<'input'>;\n  /** Custom ref object to pass to the input element. */\n  inputRef?: MutableRefObject<HTMLInputElement>;\n  /** @deprecated Whether the component should use the product colors or shades of grey. */\n  isColored?: boolean;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Whether the component is invalid or not. */\n  isInvalid?: boolean;\n  /** Whether the component is read only or not. */\n  isReadOnly?: boolean;\n  /** Whether the component is required or not. */\n  isRequired?: boolean;\n  /** Label */\n  label?: string;\n  /**\n   * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />\n   * Can also be a ReactElement.\n   */\n  leftIcon?: Omit<IconProps, 'ref'>;\n  /** Name to pass to the input element. */\n  name?: string;\n  /** Method to handle component change. */\n  onChange?(value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>): void;\n  /** Method to handle component clear. */\n  onClear?(): void;\n  /** List of Pills. */\n  pills?: Omit<PillProps, 'ref'>[];\n  /** Placeholder. */\n  placeholder?: string;\n  /** Theme. */\n  theme?: Theme;\n  /** Input type. */\n  type?: string;\n  /**\n   * Input value.\n   * Used for controlled version.\n   */\n  value?: string;\n  /** TextField variant. */\n  variant?: TextFieldVariant;\n}\n\nexport type StyledTextFieldProps = Omit<\n  TextFieldProps,\n  'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'onChange'\n> & {\n  $color: TextFieldProps['color'];\n  $isGradient: boolean;\n  $hasLeftIcon: boolean;\n  $hasContent: boolean;\n  $isDisabled: TextFieldProps['isDisabled'];\n  $isInvalid: TextFieldProps['isInvalid'];\n  $isFocused: boolean;\n  $isFocusVisible: boolean;\n  $isRequired: TextFieldProps['isRequired'];\n  $theme: TextFieldProps['theme'];\n  $variant: TextFieldProps['variant'];\n};\n","import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledTextFieldProps, TextFieldVariant } from './types';\nimport { Theme } from '../../types';\n\n/**\n * Component style.\n */\nexport const StyledTextField = styled.div<StyledTextFieldProps>`\n  height: fit-content;\n  position: relative;\n  width: fit-content;\n  margin: 0;\n  min-width: 0;\n  padding: 0;\n  ${baseStyling}\n\n  border: 0;\n  display: inline-flex;\n  flex-direction: column;\n  vertical-align: top;\n\n  ${({\n    label,\n    $hasLeftIcon,\n    $hasContent,\n    $isFocused,\n    $isDisabled,\n    $isInvalid,\n    $color,\n    $isGradient,\n    $theme,\n    $variant,\n  }) => css`\n    ${$isDisabled\n      ? css`\n          pointer-events: none;\n        `\n      : ''}\n\n    .redsift-text-field__label {\n      font-family: var(--redsift-typography-input-text-font-family);\n      font-size: var(--redsift-typography-input-text-font-size);\n      font-weight: var(--redsift-typography-input-text-font-weight);\n      line-height: var(--redsift-typography-input-text-line-height);\n      left: ${$hasLeftIcon && !$hasContent ? '32px' : '0'};\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      text-overflow: ellipsis;\n      top: ${$hasContent ? '-8px' : '-7px'};\n      transform-origin: top left;\n      transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,\n        max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n      white-space: nowrap;\n      z-index: 1;\n\n      ${!$hasContent\n        ? css`\n            max-width: calc(100% - 24px);\n            transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 16px) scale(1);\n          `\n        : css`\n            max-width: calc(133% - 32px);\n            transform: translate(${$variant === TextFieldVariant.underline ? '0px' : '14px'}, 1px) scale(0.733);\n          `}\n\n      ${!$isGradient\n        ? css`\n            color: var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid\n                  ? 'error'\n                  : $isFocused\n                  ? $color\n                  : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}\n            );\n          `\n        : css`\n            background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'});\n            ${$variant !== TextFieldVariant.underline\n              ? css`\n                  padding-right: 7px;\n                  padding-left: 5px;\n                `\n              : ''}\n            > span {\n              background: var(\n                --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid\n                    ? 'error'\n                    : $isFocused\n                    ? $color\n                    : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}\n              );\n              background-clip: text;\n              color: transparent;\n            }\n          `}\n    }\n\n    .redsift-text-field__input-wrapper {\n      align-items: flex-start;\n      box-sizing: border-box;\n      cursor: text;\n      display: inline-flex;\n      min-height: 42px;\n      position: relative;\n    }\n\n    .redsift-text-field-input-wrapper__pills-and-input {\n      align-items: flex-start;\n      box-sizing: border-box;\n      display: flex;\n      flex-direction: column-reverse;\n      flex-wrap: wrap;\n      flex: 1 1 auto;\n      padding-bottom: 7px;\n      ${$variant !== TextFieldVariant.underline && !$hasLeftIcon\n        ? css`\n            padding-left: 16px;\n          `\n        : ''}\n      padding-top: ${label ? '9px' : '7px'};\n\n      .redsift-pill {\n        margin: 3px 6px 3px 0;\n      }\n    }\n\n    .redsift-text-field-input-wrapper-pills-and-input__input {\n      background: none;\n      border: 0;\n      box-sizing: content-box;\n      display: flex;\n      flex: 1 1 auto;\n      font-family: var(--redsift-typography-input-text-font-family);\n      font-size: var(--redsift-typography-input-text-font-size);\n      font-weight: var(--redsift-typography-input-text-font-weight);\n      line-height: var(--redsift-typography-input-text-line-height);\n      min-width: 0;\n      min-width: 100px;\n      padding: 2px 0;\n      width: 100%;\n\n      ${$isDisabled\n        ? css`\n            color: var(--redsift-color-grey-l2);\n          `\n        : css`\n            color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n          `}\n    }\n\n    .redsift-text-field-input-wrapper-pills-and-input__input::placeholder {\n      color: var(--redsift-color-neutral-mid-grey);\n    }\n\n    .redsift-text-field-input-wrapper-pills-and-input__input:focus {\n      outline: 0;\n    }\n\n    .redsift-text-field-input-wrapper__fieldset {\n      border-style: solid;\n      bottom: 0;\n      left: 1px;\n      margin: 0;\n      min-width: 0%;\n      overflow: hidden;\n      padding: 0 8px;\n      pointer-events: none;\n      position: absolute;\n      right: 0;\n      text-align: left;\n      top: -5px;\n\n      ${!$isGradient || $isDisabled || !$isFocused || $isInvalid\n        ? css`\n            ${$variant === TextFieldVariant.underline\n              ? css`\n                  border-bottom-width: 2px;\n                `\n              : css`\n                  border-radius: 4px;\n                  border-width: 2px;\n                `}\n            border-color: var(\n              --redsift-color-${$theme}-components-buttons-secondary-button-${$isInvalid\n              ? 'error'\n              : $isFocused\n              ? $color\n              : 'grey'}-text-${$isDisabled ? 'disabled' : 'default'}\n            );\n          `\n        : css`\n            ${$variant === TextFieldVariant.underline\n              ? css`\n                  border-bottom: 2px solid transparent;\n                `\n              : css`\n                  border: 2px solid transparent;\n                  border-radius: 4px;\n                `}\n            background: transparent;\n            background-clip: padding-box, border-box;\n            background-origin: border-box;\n            background-image: linear-gradient(\n                90deg,\n                var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'}),\n                var(--redsift-color-neutral-${$theme === Theme.dark ? 'x-dark-grey' : 'white'})\n              ),\n              var(--redsift-color-${$theme}-components-buttons-secondary-button-${$color}-text-default);\n          `}\n    }\n\n    .redsift-text-field-input-wrapper-fieldset__legend {\n      display: block;\n      float: unset;\n      font-size: 11px;\n      height: 11px;\n      overflow: hidden;\n      padding: 0;\n      visibility: hidden;\n      white-space: nowrap;\n      width: auto;\n\n      ${!$hasContent\n        ? css`\n            max-width: 0.01px;\n            transition: max-width 50ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n          `\n        : css`\n            max-width: 100%;\n            transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;\n          `}\n    }\n\n    .redsift-text-field-input-wrapper-fieldset__legend > span {\n      display: inline-block;\n      opacity: 0;\n      padding-left: 5px;\n      padding-right: 5px;\n      visibility: visible;\n    }\n\n    .redsift-text-field-input-wrapper__toolbar {\n      position: relative;\n      top: 9px;\n    }\n\n    .redsift-icon-button:not(.redsift-pill > .redsift-icon-button) {\n      padding: 2px;\n      position: relative;\n      top: -2px;\n      height: 28px;\n      width: 28px;\n    }\n\n    ${$variant !== TextFieldVariant.underline\n      ? css`\n          .redsift-icon.left {\n            padding-left: 12px;\n            padding-right: 8px;\n            line-height: 28px;\n          }\n\n          .redsift-text-field-input-wrapper__toolbar {\n            padding-right: 8px;\n          }\n        `\n      : css`\n          .redsift-icon.left {\n            padding-right: 8px;\n          }\n        `}\n\n    .redsift-icon.left,\n    .redsift-icon.right {\n      top: 9px;\n    }\n  `}\n`;\n","import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n","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 '../../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":["TextFieldVariant","default","underline","StyledTextField","styled","div","baseStyling","_ref","label","$hasLeftIcon","$hasContent","$isFocused","$isDisabled","$isInvalid","$color","$isGradient","$theme","$variant","css","Theme","dark","enUS","frFR","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","leftIcon","name","onBlur","onBlurProps","onChange","onClear","onFocus","onFocusProps","pills","placeholder","theme","propsTheme","type","value","propsValue","variant","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","_extends","length","$isFocusVisible","$isRequired","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/_internal/app-container.js

@@ -1,3 +1,3 @@
-export { A as AppContainerContext } from './context.js';
+export { A as AppContainerContext } from './context2.js';
 export { A as AppContainer, R as RadarSvgLinearGradient } from './AppContainer.js';
 //# sourceMappingURL=app-container.js.map

package/_internal/context.js

@@ -1,6 +1,300 @@
-import React__default from 'react';
+import React__default, { useContext, useState, useMemo, useLayoutEffect, useRef, useEffect } from 'react';
 
-const AppContainerContext = /*#__PURE__*/React__default.createContext(null);
+/* eslint-disable prefer-const */
+// @ts-nocheck
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
-export { AppContainerContext as A };
+// https://en.wikipedia.org/wiki/Right-to-left
+const RTL_SCRIPTS = new Set(['Arab', 'Syrc', 'Samr', 'Mand', 'Thaa', 'Mend', 'Nkoo', 'Adlm', 'Rohg', 'Hebr']);
+const RTL_LANGS = new Set(['ae', 'ar', 'arc', 'bcc', 'bqi', 'ckb', 'dv', 'fa', 'glk', 'he', 'ku', 'mzn', 'nqo', 'pnb', 'ps', 'sd', 'ug', 'ur', 'yi']);
+
+/**
+ * Determines if a locale is read right to left using [Intl.Locale]{@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale}.
+ */
+function isRTL(localeString) {
+  // If the Intl.Locale API is available, use it to get the locale's text direction.
+  // @ts-ignore
+  if (Intl.Locale) {
+    let locale = new Intl.Locale(localeString).maximize();
+
+    // Use the text info object to get the direction if possible.
+    // @ts-ignore - this was implemented as a property by some browsers before it was standardized as a function.
+    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getTextInfo
+    let textInfo = typeof locale.getTextInfo === 'function' ? locale.getTextInfo() : locale.textInfo;
+    if (textInfo) {
+      return textInfo.direction === 'rtl';
+    }
+
+    // Fallback: guess using the script.
+    // This is more accurate than guessing by language, since languages can be written in multiple scripts.
+    if (locale.script) {
+      return RTL_SCRIPTS.has(locale.script);
+    }
+  }
+
+  // If not, just guess by the language (first part of the locale)
+  let lang = localeString.split('-')[0];
+  return RTL_LANGS.has(lang);
+}
+
+/* eslint-disable prefer-const */
+
+// To support SSR, the auto incrementing id counter is stored in a context. This allows
+// it to be reset on every request to ensure the client and server are consistent.
+// There is also a prefix string that is used to support async loading components
+// Each async boundary must be wrapped in an SSR provider, which appends to the prefix
+// and resets the current id counter. This ensures that async loaded components have
+// consistent ids regardless of the loading order.
+// Default context value to use in case there is no SSRProvider. This is fine for
+// client-only apps. In order to support multiple copies of React Aria potentially
+// being on the page at once, the prefix is set to a random number. SSRProvider
+// will reset this to zero for consistency between server and client, so in the
+// SSR case multiple copies of React Aria is not supported.
+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);
+// This is only used in React < 18.
+function LegacySSRProvider(props) {
+  let cur = useContext(SSRContext);
+  let counter = useCounter(cur === defaultContext);
+  let [isSSR, setIsSSR] = useState(true);
+  let value = useMemo(() => ({
+    // If this is the first SSRProvider, start with an empty string prefix, otherwise
+    // append and increment the counter.
+    prefix: cur === defaultContext ? '' : `${cur.prefix}-${counter}`,
+    current: 0
+  }), [cur, counter]);
+
+  // If on the client, and the component was initially server rendered,
+  // then schedule a layout effect to update the component after hydration.
+  if (typeof document !== 'undefined') {
+    // This if statement technically breaks the rules of hooks, but is safe
+    // because the condition never changes after mounting.
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useLayoutEffect(() => {
+      setIsSSR(false);
+    }, []);
+  }
+  return /*#__PURE__*/React__default.createElement(SSRContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React__default.createElement(IsSSRContext.Provider, {
+    value: isSSR
+  }, props.children));
+}
+let warnedAboutSSRProvider = false;
+
+/**
+ * When using SSR with React Aria in React 16 or 17, applications must be wrapped in an SSRProvider.
+ * This ensures that auto generated ids are consistent between the client and server.
+ */
+function SSRProvider(props) {
+  if (typeof React__default['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__default.createElement(LegacySSRProvider, props);
+}
+let canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
+let componentIds = new WeakMap();
+function useCounter() {
+  let isDisabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  let ctx = useContext(SSRContext);
+  let ref = useRef(null);
+  if (ref.current === null && !isDisabled) {
+    var _React$__SECRET_INTER, _React$__SECRET_INTER2;
+    // In strict mode, React renders components twice, and the ref will be reset to null on the second render.
+    // This means our id counter will be incremented twice instead of once. This is a problem because on the
+    // server, components are only rendered once and so ids generated on the server won't match the client.
+    // In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this
+    // we need to use some React internals to access the underlying Fiber instance, which is stable between renders.
+    // This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.
+    // To ensure that we only increment the global counter once, we store the starting id for this component in
+    // 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;
+    if (currentOwner) {
+      let prevComponentValue = componentIds.get(currentOwner);
+      if (prevComponentValue == null) {
+        // On the first render, and first call to useId, store the id and state in our weak map.
+        componentIds.set(currentOwner, {
+          id: ctx.current,
+          state: currentOwner.memoizedState
+        });
+      } else if (currentOwner.memoizedState !== prevComponentValue.state) {
+        // On the second render, the memoizedState gets reset by React.
+        // Reset the counter, and remove from the weak map so we don't
+        // do this for subsequent useId calls.
+        ctx.current = prevComponentValue.id;
+        componentIds.delete(currentOwner);
+      }
+    }
+    ref.current = ++ctx.current;
+  }
+  return ref.current;
+}
+function useLegacySSRSafeId(defaultId) {
+  let ctx = useContext(SSRContext);
+
+  // If we are rendering in a non-DOM environment, and there's no SSRProvider,
+  // provide a warning to hint to the developer to add one.
+  if (ctx === defaultContext && !canUseDOM) {
+    console.warn('When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.');
+  }
+  let counter = useCounter(!!defaultId);
+  let prefix = ctx === defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
+  return defaultId || `${prefix}-${counter}`;
+}
+function useModernSSRSafeId(defaultId) {
+  // @ts-ignore
+  let id = React__default.useId();
+  let [didSSR] = useState(useIsSSR());
+  let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${defaultContext.prefix}`;
+  return defaultId || `${prefix}-${id}`;
+}
+
+// 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;
+function getSnapshot() {
+  return false;
+}
+function getServerSnapshot() {
+  return true;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function subscribe(onStoreChange) {
+  // noop
+  return () => {};
+}
+
+/**
+ * Returns whether the component is currently being server side rendered or
+ * hydrated on the client. Can be used to delay browser-specific rendering
+ * until after hydration.
+ */
+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);
+  }
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  return useContext(IsSSRContext);
+}
+
+/* eslint-disable prefer-const */
+// Locale passed from server by PackageLocalizationProvider.
+const localeSymbol = Symbol.for('react-aria.i18n.locale');
+
+/**
+ * Gets the locale setting of the browser.
+ */
+function getDefaultLocale() {
+  let locale = typeof window !== 'undefined' && window[localeSymbol] ||
+  // @ts-ignore
+  typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
+  try {
+    // @ts-ignore
+    Intl.DateTimeFormat.supportedLocalesOf([locale]);
+  } catch (_err) {
+    locale = 'en-US';
+  }
+  return {
+    locale,
+    direction: isRTL(locale) ? 'rtl' : 'ltr'
+  };
+}
+let currentLocale = getDefaultLocale();
+let listeners = new Set();
+function updateLocale() {
+  currentLocale = getDefaultLocale();
+  for (let listener of listeners) {
+    listener(currentLocale);
+  }
+}
+
+/**
+ * Returns the current browser/system language, and updates when it changes.
+ */
+function useDefaultLocale() {
+  let isSSR = useIsSSR();
+  let [defaultLocale, setDefaultLocale] = useState(currentLocale);
+  useEffect(() => {
+    if (listeners.size === 0) {
+      window.addEventListener('languagechange', updateLocale);
+    }
+    listeners.add(setDefaultLocale);
+    return () => {
+      listeners.delete(setDefaultLocale);
+      if (listeners.size === 0) {
+        window.removeEventListener('languagechange', updateLocale);
+      }
+    };
+  }, []);
+
+  // We cannot determine the browser's language on the server, so default to
+  // en-US. This will be updated after hydration on the client to the correct value.
+  if (isSSR) {
+    return {
+      locale: 'en-US',
+      direction: 'ltr'
+    };
+  }
+  return defaultLocale;
+}
+
+/* eslint-disable prefer-const */
+const I18nContext = /*#__PURE__*/React__default.createContext(null);
+
+/**
+ * Provides the locale for the application to all child components.
+ */
+function I18nProvider(props) {
+  let {
+    locale,
+    children
+  } = props;
+  let defaultLocale = useDefaultLocale();
+  let value = React__default.useMemo(() => {
+    if (!locale) {
+      return defaultLocale;
+    }
+    return {
+      locale,
+      direction: isRTL(locale) ? 'rtl' : 'ltr'
+    };
+  }, [defaultLocale, locale]);
+  return /*#__PURE__*/React__default.createElement(I18nContext.Provider, {
+    value: value
+  }, children);
+}
+
+/**
+ * Returns the current locale and layout direction.
+ */
+function useLocale() {
+  let defaultLocale = useDefaultLocale();
+  let context = useContext(I18nContext);
+  return context || defaultLocale;
+}
+
+export { I18nProvider as I, SSRProvider as S, useSSRSafeId as a, useIsSSR as b, useLocale as u };
 //# sourceMappingURL=context.js.map

package/_internal/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/components/app-container/context.ts"],"sourcesContent":["import React from 'react';\nimport { AppContainerState } from './types';\n\nexport const AppContainerContext =\n  React.createContext<AppContainerState | null>(null);\n"],"names":["AppContainerContext","React","createContext"],"mappings":";;AAGO,MAAMA,mBAAmB,gBAC9BC,cAAK,CAACC,aAAa,CAA2B,IAAI;;;;"}
+{"version":3,"file":"context.js","sources":["../../src/react-aria/react-aria/i18n/utils.ts","../../src/react-aria/react-aria/ssr/SSRProvider.tsx","../../src/react-aria/react-aria/i18n/useDefaultLocale.ts","../../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\n// https://en.wikipedia.org/wiki/Right-to-left\nconst RTL_SCRIPTS = new Set(['Arab', 'Syrc', 'Samr', 'Mand', 'Thaa', 'Mend', 'Nkoo', 'Adlm', 'Rohg', 'Hebr']);\nconst RTL_LANGS = new Set([\n  'ae',\n  'ar',\n  'arc',\n  'bcc',\n  'bqi',\n  'ckb',\n  'dv',\n  'fa',\n  'glk',\n  'he',\n  'ku',\n  'mzn',\n  'nqo',\n  'pnb',\n  'ps',\n  'sd',\n  'ug',\n  'ur',\n  'yi',\n]);\n\n/**\n * Determines if a locale is read right to left using [Intl.Locale]{@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale}.\n */\nexport function isRTL(localeString: string) {\n  // If the Intl.Locale API is available, use it to get the locale's text direction.\n  // @ts-ignore\n  if (Intl.Locale) {\n    let locale = new Intl.Locale(localeString).maximize();\n\n    // Use the text info object to get the direction if possible.\n    // @ts-ignore - this was implemented as a property by some browsers before it was standardized as a function.\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getTextInfo\n    let textInfo = typeof locale.getTextInfo === 'function' ? locale.getTextInfo() : locale.textInfo;\n    if (textInfo) {\n      return textInfo.direction === 'rtl';\n    }\n\n    // Fallback: guess using the script.\n    // This is more accurate than guessing by language, since languages can be written in multiple scripts.\n    if (locale.script) {\n      return RTL_SCRIPTS.has(locale.script);\n    }\n  }\n\n  // If not, just guess by the language (first part of the locale)\n  let lang = localeString.split('-')[0];\n  return RTL_LANGS.has(lang);\n}\n","/* 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","/* 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 { Direction } from '../../react-types/shared';\nimport { isRTL } from './utils';\nimport { useEffect, useState } from 'react';\nimport { useIsSSR } from '../ssr';\n\nexport interface Locale {\n  /** The [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code for the locale. */\n  locale: string;\n  /** The writing direction for the locale. */\n  direction: Direction;\n}\n\n// Locale passed from server by PackageLocalizationProvider.\nconst localeSymbol = Symbol.for('react-aria.i18n.locale');\n\n/**\n * Gets the locale setting of the browser.\n */\nexport function getDefaultLocale(): Locale {\n  let locale =\n    (typeof window !== 'undefined' && window[localeSymbol]) ||\n    // @ts-ignore\n    (typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage)) ||\n    'en-US';\n\n  try {\n    // @ts-ignore\n    Intl.DateTimeFormat.supportedLocalesOf([locale]);\n  } catch (_err) {\n    locale = 'en-US';\n  }\n  return {\n    locale,\n    direction: isRTL(locale) ? 'rtl' : 'ltr',\n  };\n}\n\nlet currentLocale = getDefaultLocale();\nlet listeners = new Set<(locale: Locale) => void>();\n\nfunction updateLocale() {\n  currentLocale = getDefaultLocale();\n  for (let listener of listeners) {\n    listener(currentLocale);\n  }\n}\n\n/**\n * Returns the current browser/system language, and updates when it changes.\n */\nexport function useDefaultLocale(): Locale {\n  let isSSR = useIsSSR();\n  let [defaultLocale, setDefaultLocale] = useState(currentLocale);\n\n  useEffect(() => {\n    if (listeners.size === 0) {\n      window.addEventListener('languagechange', updateLocale);\n    }\n\n    listeners.add(setDefaultLocale);\n\n    return () => {\n      listeners.delete(setDefaultLocale);\n      if (listeners.size === 0) {\n        window.removeEventListener('languagechange', updateLocale);\n      }\n    };\n  }, []);\n\n  // We cannot determine the browser's language on the server, so default to\n  // en-US. This will be updated after hydration on the client to the correct value.\n  if (isSSR) {\n    return {\n      locale: 'en-US',\n      direction: 'ltr',\n    };\n  }\n\n  return defaultLocale;\n}\n","/* 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":["RTL_SCRIPTS","Set","RTL_LANGS","isRTL","localeString","Intl","Locale","locale","maximize","textInfo","getTextInfo","direction","script","has","lang","split","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","localeSymbol","Symbol","for","getDefaultLocale","navigator","language","userLanguage","DateTimeFormat","supportedLocalesOf","_err","currentLocale","listeners","updateLocale","listener","useDefaultLocale","defaultLocale","setDefaultLocale","useEffect","size","addEventListener","add","removeEventListener","I18nContext","I18nProvider","useLocale","context"],"mappings":"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"}