@oracle/oraclejet-preact 15.1.0 → 15.1.1

package/amd/UNSAFE_NumberInputText.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_NumberInputText.js","sources":["../../src/UNSAFE_NumberInputText/StepButton.tsx","../../src/UNSAFE_NumberInputText/Steppers.tsx","../../src/UNSAFE_NumberInputText/useSteppers.tsx","../../src/UNSAFE_NumberInputText/NumberInputText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { BundleType } from '../resources/nls/bundle';\nimport { StepDirection, StepEvent } from './useSteppers';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\n\ntype Props = {\n  /**\n   * The direction of the step.\n   */\n  direction: StepDirection;\n\n  /**\n   * Whether the button is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Called when a step request is made by clicking the button.\n   */\n  onStep?: (event: StepEvent) => void;\n\n  /**\n   * The children are Icons for the button.\n   */\n  children: ComponentChildren;\n};\n\n/**\n * A StepButton is used to request a \"step up\" or \"step down\" to a value in NumberInputText.\n * @param direction The direction of the step\n * @param isDisabled Whether the button should be disabled\n * @param onStep Handler called when the button is clicked\n * @param variant Represents different visual variants for the button\n */\nexport function StepButton({ direction, isDisabled, onStep, children }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const labelIncrease = translations.inputNumber_increase();\n  const labelDecrease = translations.inputNumber_decrease();\n  const label = direction === 'increase' ? labelIncrease : labelDecrease;\n\n  const handleClick = useCallback(() => {\n    onStep?.({ direction });\n  }, [onStep, direction]);\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <IconButton\n        isDisabled={isDisabled}\n        tooltip={label}\n        onAction={handleClick}\n        variant=\"borderless\">\n        {children}\n      </IconButton>\n    </TabbableModeContext.Provider>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\n\nexport type Props = {\n  /**\n   *The children are StepButtons.\n   */\n  children: ComponentChildren;\n};\n\n// TODO: Replace Steppers with Buttonset when it becomes available\nexport function Steppers({ children }: Props) {\n  return (\n    <Grid align=\"center\" gap=\"1x\" gridTemplateColumns=\"1fr 1fr\">\n      {children}\n    </Grid>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Ref, useCallback } from 'preact/hooks';\nimport { useSpinning, StepProps } from '../hooks/UNSAFE_useSpinning';\nimport { StepButton } from './StepButton';\nimport { Steppers } from './Steppers';\nimport { IncrementIcon } from '../PRIVATE_ThemedIcons/IncrementIcon';\nimport { DecrementIcon } from '../PRIVATE_ThemedIcons/DecrementIcon';\nimport { MinusIcon } from '../PRIVATE_ThemedIcons/MinusIcon';\nimport { PlusIcon } from '../PRIVATE_ThemedIcons/PlusIcon';\n\nexport { StepDirection, StepEvent } from '../hooks/UNSAFE_useSpinning';\n\ntype Props = StepProps & {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * Variant style of step buttons.\n   * @default directional\n   */\n  stepperVariant?: 'directional' | 'quantitative';\n\n  /**\n   * A ref to the input element.\n   */\n  inputRef: Ref<HTMLInputElement>;\n};\n\n/**\n * A hook for using stepping functionality with NumberInputText. Stepping can\n * be accomplished using the step up or down buttons or by pressing the arrow\n * up or arrow down keys. Holding down the buttons or keys produces continuous\n * step events.\n *\n * The hook returns a JSX element containing the step buttons, which can be\n * placed in the endContent of NumberInputText. It also returns\n * stepHandlerProps which should be spread onto the component to handle\n * keyboard stepping.\n *\n * @param hasSteppers Controls whether the step buttons are shown\n * @param stepperVariant Variant style of step buttons.\n * @param inputRef A ref to the input element\n * @param isStepDownDisabled Controls whether stepping down is disabled\n * @param isStepUpDisabled Controls whether stepping up is disabled\n * @param onSpin Called when a continuous step (aka spin) is requested\n * @param onSpinComplete Called when spinning is complete\n * @param onStep Called when a single step is requested\n * @returns An object containing the steppers and stepHandlerProps\n */\nexport const useSteppers = ({\n  hasSteppers,\n  stepperVariant,\n  inputRef,\n  isStepDownDisabled,\n  isStepUpDisabled,\n  onSpin,\n  onSpinComplete,\n  onStep\n}: Props) => {\n  const { keyboardHandlerProps, pointerIncreaseHandlerProps, pointerDecreaseHandlerProps } =\n    useSpinning({ isStepDownDisabled, isStepUpDisabled, onSpin, onSpinComplete, onStep });\n\n  const handleClick = useCallback(() => {\n    // When a step button is clicked, set focus to the input.\n    // Don't need to call onStep because it's already called from onPointerDown.\n    // Button only calls its onAction handler after the mouse is released.\n    // If the button is disabled while stepping or spinning and you hit the min/max, the\n    // button handler is not called for this reason. Work around this by adding onClick\n    // to the outer div (when enabled, Button handles clicks and calls stopPropagation).\n    inputRef.current?.focus();\n  }, [inputRef]);\n\n  // when stepperVariant is directional, both buttons are wrapped in Steppers and placed in the endContent slot\n  // if it equals quantitative, only the increase button is placed in the endContent slot\n  const endContent = hasSteppers ? (\n    stepperVariant === 'directional' ? (\n      <Steppers>\n        <div aria-hidden=\"true\" {...pointerDecreaseHandlerProps}>\n          <StepButton direction=\"decrease\" isDisabled={isStepDownDisabled} onStep={handleClick}>\n            <DecrementIcon />\n          </StepButton>\n        </div>\n\n        <div aria-hidden=\"true\" {...pointerIncreaseHandlerProps}>\n          <StepButton direction=\"increase\" isDisabled={isStepUpDisabled} onStep={handleClick}>\n            <IncrementIcon />\n          </StepButton>\n        </div>\n      </Steppers>\n    ) : (\n      <div aria-hidden=\"true\" {...pointerIncreaseHandlerProps}>\n        <StepButton direction=\"increase\" isDisabled={isStepUpDisabled} onStep={handleClick}>\n          <PlusIcon />\n        </StepButton>\n      </div>\n    )\n  ) : undefined;\n\n  // when stepperVariant is quantitative, the decrease button is placed in the startContent slot\n  const startContent =\n    hasSteppers && stepperVariant === 'quantitative' ? (\n      <div aria-hidden=\"true\" {...pointerDecreaseHandlerProps}>\n        <StepButton direction=\"decrease\" isDisabled={isStepDownDisabled} onStep={handleClick}>\n          <MinusIcon />\n        </StepButton>\n      </div>\n    ) : undefined;\n\n  // stepHandlerProps will be spread onto the parent to handle\n  // stepping functionality via the arrow up or down keys.\n  const stepHandlerProps = hasSteppers ? keyboardHandlerProps : {};\n\n  return { startContent, endContent, stepHandlerProps };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport {\n  InlineUserAssistance,\n  CompactUserAssistance,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { Size } from '../utils/UNSAFE_size';\nimport { StepEvent, useSteppers } from './useSteppers';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype StepperProps = Parameters<typeof useSteppers>[0];\n\ntype NumberInputTextProps = {\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\ntype Props = NumberInputTextProps &\n  Pick<StepperProps, 'stepperVariant' | 'hasSteppers'> & {\n    /**+\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the input.\n     */\n    'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n    /**\n     * The maximum allowed value. Used for the aria-valuemax attribute.\n     */\n    'aria-valuemax'?: TextFieldInputProps['aria-valuemax'];\n\n    /**\n     * The minimum allowed value. Used for the aria-valuemin attribute.\n     */\n    'aria-valuemin'?: TextFieldInputProps['aria-valuemin'];\n\n    /**\n     * The number value of the component. Used for the aria-valuenow attribute.\n     */\n    'aria-valuenow'?: TextFieldInputProps['aria-valuenow'];\n\n    /**\n     * The formatted value of the component. Used for the aria-valueText\n     * attribute to provide a more human readable text alternative for\n     * aria-valuenow.\n     */\n    'aria-valuetext'?: TextFieldInputProps['aria-valuetext'];\n\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n    /**\n     * Dictates component's autocomplete state.\n     * This attribute indicates whether the value of the control can be automatically completed by the browser.\n     * The common values are \"on\" and \"off\".\n     */\n    autoComplete?: TextFieldInputProps['autoComplete'];\n\n    /**\n     * Autofocus specifies whether the component will get focus when the page is loaded.\n     * If it is set to true then the associated component will get input focus when the page is loaded.\n     * Setting this property doesn't set the focus to the component: it tells the browser to focus\n     * to it when the element is inserted in the document.\n     */\n    autoFocus?: TextFieldInputProps['autoFocus'];\n\n    /**\n     * Help source URL associated with the component.\n     */\n    helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n    /**\n     * Custom text to be rendered for the <code>helpSourceLink</code>.\n     */\n    helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n    /**\n     * Specifies whether the component is disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies whether the component is readonly.\n     */\n    isReadonly?: boolean;\n\n    /**\n     * Specifies for accessibility purposes whether a value is required.\n     *\n     * Setting this property to <code>false</code> means that a value is not required to be\n     * committed by the user. Setting this property to <code>true</code> means that a value\n     * is required to be committed by the user.\n     */\n    isRequired?: TextFieldInputProps['isRequired'];\n\n    /**\n     * Specifies whether to show an indicator on screen that a value is required, for example\n     * before the user has committed a value.\n     */\n    isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n    /**\n     * Specifies the label associated with the field.\n     */\n    label: string;\n\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n    /**\n     * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n     */\n    labelStartWidth?: Size;\n\n    /**\n     * Messages to show on screen that are associated with the component.\n     */\n    messages?: InlineUserAssistanceProps['messages'];\n\n    /**\n     * A short hint to display before the user enters a value.\n     */\n    placeholder?: TextFieldInputProps['placeholder'];\n\n    /**\n     * The prefix displays as regular text before the input text, and inline with it.\n     * The prefix is not editable or focusable.\n     */\n    prefix?: string;\n\n    /**\n     * The suffix displays as regular text after the input text, and inline with it.\n     * The suffix is not editable or focusable.\n     */\n    suffix?: string;\n\n    /**\n     * Specifies how to align text within the field.\n     */\n    textAlign?: TextFieldInputProps['textAlign'];\n\n    /**\n     * Specifies the density of the user assistance presentation. It can be set to:\n     * <ul>\n     * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n     * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n\n    /**\n     * The current possibly formatted display value of the component.\n     */\n    value?: TextFieldInputProps['value'];\n\n    /**\n     * The style variant of the component.\n     */\n    variant?: TextFieldInputProps['variant'];\n\n    /**\n     * The type of virtual keyboard to display for entering a value on mobile browsers.\n     * This property has no effect on desktop browsers.\n     */\n    virtualKeyboard?: 'auto' | 'number' | 'text';\n\n    /**\n     * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n     */\n    onCommit?: TextFieldInputProps['onCommit'];\n\n    /**\n     * Callback invoked each time the user changes the value of the field. For example, if the user\n     * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n     * respectively.\n     */\n    onInput: TextFieldInputProps['onInput'];\n  };\n\nexport const NumberInputText = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      'aria-valuemax': ariaValueMax,\n      'aria-valuemin': ariaValueMin,\n      'aria-valuenow': ariaValueNow,\n      'aria-valuetext': ariaValueText,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      isStepDownDisabled: propIsStepDownDisabled,\n      isStepUpDisabled: propIsStepUpDisabled,\n      hasSteppers = false,\n      stepperVariant = 'directional',\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      prefix,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit,\n      onSpin,\n      onSpinComplete,\n      onStep\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLDivElement\n    >({ isDisabled, isReadonly, ref });\n    const { hoverProps } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\n      value\n    });\n    // Disable the steppers if the number input is disabled.\n    const isStepDownDisabled = isDisabled || propIsStepDownDisabled;\n    const isStepUpDisabled = isDisabled || propIsStepUpDisabled;\n\n    // stepHandlerProps contains keyup and keydown handlers\n    // for stepping using the arrow up and down keys.\n    const { startContent, endContent, stepHandlerProps } = useSteppers({\n      hasSteppers,\n      stepperVariant,\n      inputRef: enabledElementRef,\n      isStepDownDisabled,\n      isStepUpDisabled,\n      onSpin,\n      onSpinComplete,\n      onStep\n    });\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: endContent !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: startContent !== undefined,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            ref={anchorRef}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              aria-describedby={inputProps['aria-describedby']}\n              aria-label={ariaLabel}\n              aria-labelledby={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasEmptyLabel={label === '' && labelEdge === 'none'}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    // If ariaValueText is the same as ariaValueNow.toString, no need to show it.\n    const valueText =\n      ariaValueNow === undefined\n        ? ariaValueText\n        : ariaValueNow.toString() !== ariaValueText\n        ? ariaValueText\n        : undefined;\n\n    const mainContent = (\n      <>\n        {renderedPrefix}\n        <TextFieldInput\n          aria-labelledby={ariaLabelledBy}\n          aria-label={ariaLabel}\n          aria-valuemax={ariaValueMax}\n          aria-valuemin={ariaValueMin}\n          aria-valuenow={ariaValueNow}\n          aria-valuetext={valueText}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={hasSteppers ? 'spinbutton' : undefined}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onInputAndDispatch}\n          {...inputProps}\n          {...stepHandlerProps}\n        />\n        {renderedSuffix}\n      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          startContent={startContent}\n          endContent={endContent}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          mainFieldRef={anchorRef}\n          hasZeroStartMargin={hasSteppers && stepperVariant === 'quantitative'}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["StepButton","direction","isDisabled","onStep","children","translations","useTranslationBundle","labelIncrease","inputNumber_increase","labelDecrease","inputNumber_decrease","label","handleClick","useCallback","_jsx","TabbableModeContext","Provider","value","isTabbable","IconButton","tooltip","onAction","variant","Steppers","Grid","align","gap","gridTemplateColumns","NumberInputText","forwardRef","ariaDescribedBy","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","assistiveText","autoComplete","autoFocus","helpSourceLink","helpSourceText","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","isStepDownDisabled","propIsStepDownDisabled","isStepUpDisabled","propIsStepUpDisabled","hasSteppers","stepperVariant","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","prefix","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","virtualKeyboard","onInput","onCommit","onSpin","onSpinComplete","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","startContent","endContent","stepHandlerProps","inputRef","keyboardHandlerProps","pointerIncreaseHandlerProps","pointerDecreaseHandlerProps","useSpinning","current","focus","_jsxs","jsx","DecrementIcon","SvgChevronDown","IncrementIcon","SvgChevronUp","PlusIcon","undefined","MinusIcon","useSteppers","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","hasValue","labelId","id","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","useRef","compactUserAssistance","CompactUserAssistance","FormFieldContext","ReadonlyTextField","role","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","hasEmptyLabel","valueText","toString","mainContent","jsxs","_Fragment","TextFieldInput","hasPrefix","hasSuffix","isMobile","TextField","mainFieldRef","hasZeroStartMargin","deviceType","getClientHints"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_NumberInputText.js","sources":["../../src/UNSAFE_NumberInputText/StepButton.tsx","../../src/UNSAFE_NumberInputText/Steppers.tsx","../../src/UNSAFE_NumberInputText/useSteppers.tsx","../../src/UNSAFE_NumberInputText/NumberInputText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { BundleType } from '../resources/nls/bundle';\nimport { StepDirection, StepEvent } from './useSteppers';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\n\ntype Props = {\n  /**\n   * The direction of the step.\n   */\n  direction: StepDirection;\n\n  /**\n   * Whether the button is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Called when a step request is made by clicking the button.\n   */\n  onStep?: (event: StepEvent) => void;\n\n  /**\n   * The children are Icons for the button.\n   */\n  children: ComponentChildren;\n};\n\n/**\n * A StepButton is used to request a \"step up\" or \"step down\" to a value in NumberInputText.\n * @param direction The direction of the step\n * @param isDisabled Whether the button should be disabled\n * @param onStep Handler called when the button is clicked\n * @param variant Represents different visual variants for the button\n */\nexport function StepButton({ direction, isDisabled, onStep, children }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const labelIncrease = translations.inputNumber_increase();\n  const labelDecrease = translations.inputNumber_decrease();\n  const label = direction === 'increase' ? labelIncrease : labelDecrease;\n\n  const handleClick = useCallback(() => {\n    onStep?.({ direction });\n  }, [onStep, direction]);\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <IconButton\n        isDisabled={isDisabled}\n        tooltip={label}\n        onAction={handleClick}\n        variant=\"borderless\">\n        {children}\n      </IconButton>\n    </TabbableModeContext.Provider>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\n\nexport type Props = {\n  /**\n   *The children are StepButtons.\n   */\n  children: ComponentChildren;\n};\n\n// TODO: Replace Steppers with Buttonset when it becomes available\nexport function Steppers({ children }: Props) {\n  return (\n    <Grid align=\"center\" gap=\"1x\" gridTemplateColumns=\"1fr 1fr\">\n      {children}\n    </Grid>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Ref, useCallback } from 'preact/hooks';\nimport { useSpinning, StepProps } from '../hooks/UNSAFE_useSpinning';\nimport { StepButton } from './StepButton';\nimport { Steppers } from './Steppers';\nimport { IncrementIcon } from '../PRIVATE_ThemedIcons/IncrementIcon';\nimport { DecrementIcon } from '../PRIVATE_ThemedIcons/DecrementIcon';\nimport { MinusIcon } from '../PRIVATE_ThemedIcons/MinusIcon';\nimport { PlusIcon } from '../PRIVATE_ThemedIcons/PlusIcon';\n\nexport { StepDirection, StepEvent } from '../hooks/UNSAFE_useSpinning';\n\ntype Props = StepProps & {\n  /**\n   * Controls whether the step buttons are shown.\n   */\n  hasSteppers?: boolean;\n\n  /**\n   * Variant style of step buttons.\n   * @default directional\n   */\n  stepperVariant?: 'directional' | 'quantitative';\n\n  /**\n   * A ref to the input element.\n   */\n  inputRef: Ref<HTMLInputElement>;\n};\n\n/**\n * A hook for using stepping functionality with NumberInputText. Stepping can\n * be accomplished using the step up or down buttons or by pressing the arrow\n * up or arrow down keys. Holding down the buttons or keys produces continuous\n * step events.\n *\n * The hook returns a JSX element containing the step buttons, which can be\n * placed in the endContent of NumberInputText. It also returns\n * stepHandlerProps which should be spread onto the component to handle\n * keyboard stepping.\n *\n * @param hasSteppers Controls whether the step buttons are shown\n * @param stepperVariant Variant style of step buttons.\n * @param inputRef A ref to the input element\n * @param isStepDownDisabled Controls whether stepping down is disabled\n * @param isStepUpDisabled Controls whether stepping up is disabled\n * @param onSpin Called when a continuous step (aka spin) is requested\n * @param onSpinComplete Called when spinning is complete\n * @param onStep Called when a single step is requested\n * @returns An object containing the steppers and stepHandlerProps\n */\nexport const useSteppers = ({\n  hasSteppers,\n  stepperVariant,\n  inputRef,\n  isStepDownDisabled,\n  isStepUpDisabled,\n  onSpin,\n  onSpinComplete,\n  onStep\n}: Props) => {\n  const { keyboardHandlerProps, pointerIncreaseHandlerProps, pointerDecreaseHandlerProps } =\n    useSpinning({ isStepDownDisabled, isStepUpDisabled, onSpin, onSpinComplete, onStep });\n\n  const handleClick = useCallback(() => {\n    // When a step button is clicked, set focus to the input.\n    // Don't need to call onStep because it's already called from onPointerDown.\n    // Button only calls its onAction handler after the mouse is released.\n    // If the button is disabled while stepping or spinning and you hit the min/max, the\n    // button handler is not called for this reason. Work around this by adding onClick\n    // to the outer div (when enabled, Button handles clicks and calls stopPropagation).\n    inputRef.current?.focus();\n  }, [inputRef]);\n\n  // when stepperVariant is directional, both buttons are wrapped in Steppers and placed in the endContent slot\n  // if it equals quantitative, only the increase button is placed in the endContent slot\n  const endContent = hasSteppers ? (\n    stepperVariant === 'directional' ? (\n      <Steppers>\n        <div aria-hidden=\"true\" {...pointerDecreaseHandlerProps}>\n          <StepButton direction=\"decrease\" isDisabled={isStepDownDisabled} onStep={handleClick}>\n            <DecrementIcon />\n          </StepButton>\n        </div>\n\n        <div aria-hidden=\"true\" {...pointerIncreaseHandlerProps}>\n          <StepButton direction=\"increase\" isDisabled={isStepUpDisabled} onStep={handleClick}>\n            <IncrementIcon />\n          </StepButton>\n        </div>\n      </Steppers>\n    ) : (\n      <div aria-hidden=\"true\" {...pointerIncreaseHandlerProps}>\n        <StepButton direction=\"increase\" isDisabled={isStepUpDisabled} onStep={handleClick}>\n          <PlusIcon />\n        </StepButton>\n      </div>\n    )\n  ) : undefined;\n\n  // when stepperVariant is quantitative, the decrease button is placed in the startContent slot\n  const startContent =\n    hasSteppers && stepperVariant === 'quantitative' ? (\n      <div aria-hidden=\"true\" {...pointerDecreaseHandlerProps}>\n        <StepButton direction=\"decrease\" isDisabled={isStepDownDisabled} onStep={handleClick}>\n          <MinusIcon />\n        </StepButton>\n      </div>\n    ) : undefined;\n\n  // stepHandlerProps will be spread onto the parent to handle\n  // stepping functionality via the arrow up or down keys.\n  const stepHandlerProps = hasSteppers ? keyboardHandlerProps : {};\n\n  return { startContent, endContent, stepHandlerProps };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { FocusableHandle, useFocusableTextField } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useTextField } from '../hooks/UNSAFE_useTextField';\nimport { Label } from '../UNSAFE_Label';\nimport { usePrefixSuffix } from '../hooks/UNSAFE_usePrefixSuffix';\n\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '../UNSAFE_TextField';\nimport {\n  InlineUserAssistance,\n  CompactUserAssistance,\n  UserAssistanceDensityType\n} from '../UNSAFE_UserAssistance';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { Size } from '../utils/UNSAFE_size';\nimport { StepEvent, useSteppers } from './useSteppers';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '../hooks/UNSAFE_useCurrentValueReducer';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype StepperProps = Parameters<typeof useSteppers>[0];\n\ntype NumberInputTextProps = {\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\ntype Props = NumberInputTextProps &\n  Pick<StepperProps, 'stepperVariant' | 'hasSteppers'> & {\n    /**+\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the input.\n     */\n    'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n    /**\n     * The maximum allowed value. Used for the aria-valuemax attribute.\n     */\n    'aria-valuemax'?: TextFieldInputProps['aria-valuemax'];\n\n    /**\n     * The minimum allowed value. Used for the aria-valuemin attribute.\n     */\n    'aria-valuemin'?: TextFieldInputProps['aria-valuemin'];\n\n    /**\n     * The number value of the component. Used for the aria-valuenow attribute.\n     */\n    'aria-valuenow'?: TextFieldInputProps['aria-valuenow'];\n\n    /**\n     * The formatted value of the component. Used for the aria-valueText\n     * attribute to provide a more human readable text alternative for\n     * aria-valuenow.\n     */\n    'aria-valuetext'?: TextFieldInputProps['aria-valuetext'];\n\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n    /**\n     * Dictates component's autocomplete state.\n     * This attribute indicates whether the value of the control can be automatically completed by the browser.\n     * The common values are \"on\" and \"off\".\n     */\n    autoComplete?: TextFieldInputProps['autoComplete'];\n\n    /**\n     * Autofocus specifies whether the component will get focus when the page is loaded.\n     * If it is set to true then the associated component will get input focus when the page is loaded.\n     * Setting this property doesn't set the focus to the component: it tells the browser to focus\n     * to it when the element is inserted in the document.\n     */\n    autoFocus?: TextFieldInputProps['autoFocus'];\n\n    /**\n     * Help source URL associated with the component.\n     */\n    helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n    /**\n     * Custom text to be rendered for the <code>helpSourceLink</code>.\n     */\n    helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n    /**\n     * Specifies whether the component is disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies whether the component is readonly.\n     */\n    isReadonly?: boolean;\n\n    /**\n     * Specifies for accessibility purposes whether a value is required.\n     *\n     * Setting this property to <code>false</code> means that a value is not required to be\n     * committed by the user. Setting this property to <code>true</code> means that a value\n     * is required to be committed by the user.\n     */\n    isRequired?: TextFieldInputProps['isRequired'];\n\n    /**\n     * Specifies whether to show an indicator on screen that a value is required, for example\n     * before the user has committed a value.\n     */\n    isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n    /**\n     * Specifies the label associated with the field.\n     */\n    label: string;\n\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n    /**\n     * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n     */\n    labelStartWidth?: Size;\n\n    /**\n     * Messages to show on screen that are associated with the component.\n     */\n    messages?: InlineUserAssistanceProps['messages'];\n\n    /**\n     * A short hint to display before the user enters a value.\n     */\n    placeholder?: TextFieldInputProps['placeholder'];\n\n    /**\n     * The prefix displays as regular text before the input text, and inline with it.\n     * The prefix is not editable or focusable.\n     */\n    prefix?: string;\n\n    /**\n     * The suffix displays as regular text after the input text, and inline with it.\n     * The suffix is not editable or focusable.\n     */\n    suffix?: string;\n\n    /**\n     * Specifies how to align text within the field.\n     */\n    textAlign?: TextFieldInputProps['textAlign'];\n\n    /**\n     * Specifies the density of the user assistance presentation. It can be set to:\n     * <ul>\n     * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n     * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n\n    /**\n     * The current possibly formatted display value of the component.\n     */\n    value?: TextFieldInputProps['value'];\n\n    /**\n     * The style variant of the component.\n     */\n    variant?: TextFieldInputProps['variant'];\n\n    /**\n     * The type of virtual keyboard to display for entering a value on mobile browsers.\n     * This property has no effect on desktop browsers.\n     */\n    virtualKeyboard?: 'auto' | 'number' | 'text';\n\n    /**\n     * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n     */\n    onCommit?: TextFieldInputProps['onCommit'];\n\n    /**\n     * Callback invoked each time the user changes the value of the field. For example, if the user\n     * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n     * respectively.\n     */\n    onInput: TextFieldInputProps['onInput'];\n  };\n\nexport const NumberInputText = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      'aria-valuemax': ariaValueMax,\n      'aria-valuemin': ariaValueMin,\n      'aria-valuenow': ariaValueNow,\n      'aria-valuetext': ariaValueText,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      isStepDownDisabled: propIsStepDownDisabled,\n      isStepUpDisabled: propIsStepUpDisabled,\n      hasSteppers = false,\n      stepperVariant = 'directional',\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      prefix,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit,\n      onSpin,\n      onSpinComplete,\n      onStep\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const { enabledElementRef, focusProps, isFocused, readonlyElementRef } = useFocusableTextField<\n      HTMLInputElement,\n      HTMLDivElement\n    >({ isDisabled, isReadonly, ref });\n    const { hoverProps } = useHover({ isDisabled: isReadonly || isDisabled || false });\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\n      value\n    });\n    // Disable the steppers if the number input is disabled.\n    const isStepDownDisabled = isDisabled || propIsStepDownDisabled;\n    const isStepUpDisabled = isDisabled || propIsStepUpDisabled;\n\n    // stepHandlerProps contains keyup and keydown handlers\n    // for stepping using the arrow up and down keys.\n    const { startContent, endContent, stepHandlerProps } = useSteppers({\n      hasSteppers,\n      stepperVariant,\n      inputRef: enabledElementRef,\n      isStepDownDisabled,\n      isStepUpDisabled,\n      onSpin,\n      onSpinComplete,\n      onStep\n    });\n\n    const {\n      renderedPrefix,\n      renderedSuffix,\n      text: valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: endContent !== undefined,\n      hasInsideLabel: label !== undefined && labelEdge === 'inside',\n      hasStartContent: startContent !== undefined,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled || isReadonly ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled or readonly fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    if (isReadonly) {\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onfocusout}\n            onFocus={focusProps.onfocusin}\n            ref={anchorRef}\n            {...fieldLabelProps}>\n            <ReadonlyTextFieldInput\n              aria-describedby={inputProps['aria-describedby']}\n              aria-label={ariaLabel}\n              aria-labelledby={labelProps.id}\n              as=\"div\"\n              autoFocus={autoFocus}\n              elementRef={readonlyElementRef}\n              textAlign={textAlign}\n              value={valuePrefixSuffix}\n              hasEmptyLabel={label === '' && labelEdge === 'none'}\n              hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n            />\n          </ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    // If ariaValueText is the same as ariaValueNow.toString, no need to show it.\n    const valueText =\n      ariaValueNow === undefined\n        ? ariaValueText\n        : ariaValueNow.toString() !== ariaValueText\n        ? ariaValueText\n        : undefined;\n\n    const mainContent = (\n      <>\n        {renderedPrefix}\n        <TextFieldInput\n          aria-labelledby={ariaLabelledBy}\n          aria-label={ariaLabel}\n          aria-valuemax={ariaValueMax}\n          aria-valuemin={ariaValueMin}\n          aria-valuenow={ariaValueNow}\n          aria-valuetext={valueText}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={labelComp !== undefined && labelEdge === 'inside'}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={hasSteppers ? 'spinbutton' : undefined}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onInputAndDispatch}\n          {...inputProps}\n          {...stepHandlerProps}\n        />\n        {renderedSuffix}\n      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          startContent={startContent}\n          endContent={endContent}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onfocusout}\n          onFocus={focusProps.onfocusin}\n          mainFieldRef={anchorRef}\n          hasZeroStartMargin={hasSteppers && stepperVariant === 'quantitative'}\n          {...textFieldProps}\n          {...fieldLabelProps}\n          {...hoverProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n"],"names":["StepButton","direction","isDisabled","onStep","children","translations","useTranslationBundle","labelIncrease","inputNumber_increase","labelDecrease","inputNumber_decrease","label","handleClick","useCallback","_jsx","TabbableModeContext","Provider","value","isTabbable","IconButton","tooltip","onAction","variant","Steppers","Grid","align","gap","gridTemplateColumns","NumberInputText","forwardRef","ariaDescribedBy","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","assistiveText","autoComplete","autoFocus","helpSourceLink","helpSourceText","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","isStepDownDisabled","propIsStepDownDisabled","isStepUpDisabled","propIsStepUpDisabled","hasSteppers","stepperVariant","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","prefix","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","virtualKeyboard","onInput","onCommit","onSpin","onSpinComplete","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","enabledElementRef","focusProps","isFocused","readonlyElementRef","useFocusableTextField","hoverProps","useHover","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","startContent","endContent","stepHandlerProps","inputRef","keyboardHandlerProps","pointerIncreaseHandlerProps","pointerDecreaseHandlerProps","useSpinning","current","focus","_jsxs","jsx","DecrementIcon","SvgChevronDown","IncrementIcon","SvgChevronUp","PlusIcon","undefined","MinusIcon","useSteppers","renderedPrefix","renderedSuffix","text","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasInsideLabel","hasStartContent","hasValue","labelId","id","labelComp","Label","fieldLabelProps","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","useRef","compactUserAssistance","CompactUserAssistance","FormFieldContext","ReadonlyTextField","role","onBlur","onfocusout","onFocus","onfocusin","ReadonlyTextFieldInput","as","elementRef","hasEmptyLabel","valueText","toString","mainContent","jsxs","_Fragment","TextFieldInput","hasPrefix","hasSuffix","isMobile","TextField","mainFieldRef","hasZeroStartMargin","deviceType","getClientHints"],"mappings":"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"}

package/amd/UNSAFE_Popup/themes/redwood/PopupTheme.js

@@ -1,2 +1,2 @@
-define(['exports', './PopupBaseTheme.css', './PopupVariants.css', 'module', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,t,a,p,i){"use strict";const o={baseTheme:s.baseTheme,multiVariantStyles:t.multiVariantStyles};e.PopupRedwoodTheme=o,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './PopupBaseTheme.css', './PopupVariants.css', 'module', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,t,a,c,p){"use strict";const i={baseTheme:s.baseTheme,multiVariantStyles:t.multiVariantStyles};e.PopupRedwoodTheme=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PopupTheme.js.map

package/amd/UNSAFE_Popup/themes/redwood/PopupVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,t,a){"use strict";var s=a.createRuntimeFn({defaultClassName:"PopupStyles_baseStyle__1xjjaoy0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,t,a){"use strict";var s=a.createRuntimeFn({defaultClassName:"PopupStyles_baseStyle__1xjjaoy0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PopupVariants.css.js.map

package/amd/UNSAFE_Popup/themes/stable/PopupTheme.js

@@ -1,2 +1,2 @@
-define(['exports', './PopupBaseTheme.css', './PopupVariants.css', 'module', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,t,a,p,i){"use strict";const l={baseTheme:s.baseTheme,multiVariantStyles:t.multiVariantStyles};e.PopupStableTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './PopupBaseTheme.css', './PopupVariants.css', 'module', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,t,a,c,p){"use strict";const i={baseTheme:s.baseTheme,multiVariantStyles:t.multiVariantStyles};e.PopupStableTheme=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PopupTheme.js.map

package/amd/UNSAFE_Popup/themes/stable/PopupVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,t,a){"use strict";var s=a.createRuntimeFn({defaultClassName:"PopupStyles_baseStyle__1xjjaoy0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,t,a){"use strict";var s=a.createRuntimeFn({defaultClassName:"PopupStyles_baseStyle__1xjjaoy0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=PopupVariants.css.js.map

package/amd/UNSAFE_Popup.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Floating', './utils/PRIVATE_tabbableUtils', './utils/PRIVATE_refUtils', './UNSAFE_FocusTrap', './UNSAFE_Layer', 'preact/compat', './hooks/PRIVATE_useAnimationStatus', './utils/PRIVATE_floatingUtils', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Popup/themes/PopupContract.css', './utils/UNSAFE_stringUtils', './utils/UNSAFE_classNames', './UNSAFE_Popup/themes/redwood/PopupTheme', './stringUtils-2f1755af', './Floating-bce56ac3', './classNames-7db86b04', './FocusTrap-618797a1', './index-506999ae', './index-fc8f1cc9', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_logger', './_curry1-b3fba646', './_curry2-0b7b67aa', './utils-c7444933', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-449615b2', './vanilla-extract-dynamic.esm-18a5d83c', './UNSAFE_Floating/themes/FloatingContract.css', './_arity-186f8d06', './_curry3-966c4b00', './useThemeInterpolations-9f882fb0', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils/UNSAFE_mergeInterpolations', './_has-fb587992', './hooks/UNSAFE_useAnimation', './useAnimation-37116bb0', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', 'module'], (function(t,e,o,n,r,s,i,a,c,l,u,m,p,f,h,g,d,b,A,E,F,S,_,U,N,y,T,P,O,x,k,C,R,v,w,V,I,j,$,B,D,L,M,X,Y,z,W,K,q,G,H,J,Q,Z,tt,et,ot,nt,rt){"use strict";const st={opening:t=>{const e=at(t.placement,t.direction);return{from:{scaleX:0,scaleY:0,opacity:0,transformOrigin:it[e]},to:{scaleX:1,scaleY:1,opacity:1,transformOrigin:it[e]},options:{duration:200}}},closing:t=>{const e=at(t.placement,t.direction);return{from:{scaleX:1,scaleY:1,opacity:1,transformOrigin:it[e]},to:{scaleX:0,scaleY:0,opacity:0,transformOrigin:it[e]},options:{duration:200}}}},it={top:"center bottom","top-right":"right bottom","top-left":"left bottom","top-right-corner":"left bottom","top-left-corner":"right bottom",right:"left center","right-top":"left top","right-bottom":"left bottom","right-top-corner":"left bottom","right-bottom-corner":"left top",bottom:"center top","bottom-right":"right top","bottom-left":"left top","bottom-right-corner":"left top","bottom-left-corner":"right top",left:"right center","left-top":"right top","left-bottom":"right bottom","left-top-corner":"right bottom","left-bottom-corner":"right top"},at=(t,e)=>{if(null==t||null==e)return"bottom";const o=t.split("-")[0],n=t.split("-")[1],r=t.split("-")[2],s=u.normalizePosition(o,e),i=["top","top-right","top-left","top-right-corner","top-left-corner","right","right-top","right-bottom","right-top-corner","right-bottom-corner","bottom","bottom-right","bottom-left","bottom-right-corner","bottom-left-corner","left","left-top","left-bottom","left-top-corner","left-bottom-corner"].filter((t=>n&&r&&t===`${s}-${u.normalizePosition(n,e)}-${r}`||n&&!r&&t===`${s}-${u.normalizePosition(n,e)}`||!n&&t===`${s}`))[0];return i||"bottom"};const ct=c.forwardRef((({anchorRef:t,children:n,isOpen:i=!1,offset:c={mainAxis:0,crossAxis:0},flipOptions:u={mainAxis:!0,crossAxis:!0},shiftOptions:h={mainAxis:!1,crossAxis:!1},onClose:g,initialFocus:S="auto",onClickOutside:_,placement:U="top",tail:N="none",onTransitionEnd:y,role:T="tooltip"},P)=>{const[O,x]=o.useState(!0),k=o.useRef(null),[C,R]=o.useState(),v=o.useRef(null),[w,V]=o.useState(U);function I(t){k.current===r.getActiveElement()&&"F6"===t.code&&(t.preventDefault(),t.stopPropagation(),r.focusWithin(v.current))}const{setAnimationElementRef:j,status:$}=function(t){const{isOpen:e,isAnimatedOnMount:n,onTransitionEnd:r,placement:s}=t,{direction:i}=m.useUser(),{setAnimationElementRef:a,animationElementRef:c,status:u}=l.useAnimationStatus({isOpen:e,isAnimatedOnMount:n,animationStates:st,onTransitionEnd:r}),p=c;return o.useEffect((()=>{null!=p&&null!=p.current&&"unmounted"!=u&&(p.current.placement=s,p.current.direction=i)}),[p,s,i,u]),{setAnimationElementRef:a,status:u}}({isOpen:i,isAnimatedOnMount:!0,onTransitionEnd:t=>{t?(D(),y?.(!0)):y?.(!1)},placement:w}),B=o.useMemo((()=>s.mergeRefs(j,P)),[j,P]);o.useEffect((()=>{i||"opening"!==$||v.current?.contains(r.getActiveElement())&&(()=>{const e=k.current,o=t.current;e?r.focusOn(e):o&&o instanceof Element&&r.focusOn(o)})()}),[i,$]),o.useEffect((()=>(i&&t.current instanceof Element&&(r.getActiveElement()===document.body?k.current=t.current:k.current=r.getActiveElement(),k.current?.addEventListener("keydown",I)),()=>{k.current?.removeEventListener("keydown",I)})),[i]);const D=()=>{let t=S;"auto"===S&&(t="none"),"popup"===t&&r.focusOn(v.current),"firstFocusable"===t&&r.focusWithin(v.current)},L={mainAxis:(t=>{let e=0;return t&&(e="number"==typeof t?t:t.mainAxis||0,"simple"===N&&(e+=5)),e})(c),crossAxis:(t=>t?"number"==typeof t?0:t.crossAxis||0:0)(c)},M=o.useCallback((t=>{U!==t.placement&&V(t.placement)}),[V,U]);o.useLayoutEffect((()=>{if("unmounted"===$||null==v.current||null!=C||"none"===N)return;const t=b.getVarName(f.popupVars.backgroundColor),e=getComputedStyle(v.current);R(e.getPropertyValue(t))}),[$,v,C,N]);const{baseTheme:X,classes:Y}=p.useComponentTheme(d.PopupRedwoodTheme);return"unmounted"!==$&&e.jsx(a.Layer,{children:e.jsx(A.Floating,{ref:B,backgroundColor:C,anchorRef:t,placement:U,offsetValue:L,flipOptions:u,shiftOptions:h,onClickOutside:_,tail:N,onPosition:M,children:e.jsx("div",{ref:v,tabIndex:-1,role:T,className:E.classNames([X,Y]),onFocus:t=>{v.current?.contains(t.relatedTarget)&&t.relatedTarget!==v.current||t.target!=v.current&&x(!1)},onBlur:t=>{v.current?.contains(t.relatedTarget)&&t.relatedTarget!==v.current||x(!0)},onKeyDown:t=>{const e=r.getActiveElement(),o=v.current,n=k.current;if(o===e||o?.contains(e))switch(t.code){case"Escape":g?.(t);break;case"F6":t.preventDefault(),t.stopPropagation(),n&&r.focusOn(n),x(!0);break;case"Tab":t.target===v.current&&O&&n&&(r.focusOn(n),t.preventDefault())}},children:e.jsx(F.FocusTrap,{isDisabled:O,restoreFocusRef:!1,children:n})})})})}));t.Popup=ct,Object.defineProperty(t,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Floating', './utils/PRIVATE_tabbableUtils', './utils/PRIVATE_refUtils', './UNSAFE_FocusTrap', './UNSAFE_Layer', 'preact/compat', './hooks/PRIVATE_useAnimationStatus', './utils/PRIVATE_floatingUtils', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Popup/themes/PopupContract.css', './utils/UNSAFE_stringUtils', './utils/UNSAFE_classNames', './UNSAFE_Popup/themes/redwood/PopupTheme', './stringUtils-44e32167', './Floating-da2c4dcb', './classNames-6de7b592', './FocusTrap-e9b56dbb', './index-074188a5', './index-dcceda35', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_logger', './_curry1-bc28cf16', './_curry2-a1cd6f10', './utils-9bc07598', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11', './vanilla-extract-dynamic.esm-52bed244', './UNSAFE_Floating/themes/FloatingContract.css', './_arity-4ae8938b', './_curry3-7ded894f', './useThemeInterpolations-f0ae4ffe', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils/UNSAFE_mergeInterpolations', './_has-6c49dcb6', './hooks/UNSAFE_useAnimation', './useAnimation-3ce9e918', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', 'module'], (function(t,e,o,n,r,s,i,c,a,l,u,m,p,f,d,h,g,b,A,E,F,S,_,U,N,y,T,P,O,x,k,C,R,v,w,V,I,j,$,B,D,L,M,X,Y,z,W,K,q,G,H,J,Q,Z,tt,et,ot,nt,rt){"use strict";const st={opening:t=>{const e=ct(t.placement,t.direction);return{from:{scaleX:0,scaleY:0,opacity:0,transformOrigin:it[e]},to:{scaleX:1,scaleY:1,opacity:1,transformOrigin:it[e]},options:{duration:200}}},closing:t=>{const e=ct(t.placement,t.direction);return{from:{scaleX:1,scaleY:1,opacity:1,transformOrigin:it[e]},to:{scaleX:0,scaleY:0,opacity:0,transformOrigin:it[e]},options:{duration:200}}}},it={top:"center bottom","top-right":"right bottom","top-left":"left bottom","top-right-corner":"left bottom","top-left-corner":"right bottom",right:"left center","right-top":"left top","right-bottom":"left bottom","right-top-corner":"left bottom","right-bottom-corner":"left top",bottom:"center top","bottom-right":"right top","bottom-left":"left top","bottom-right-corner":"left top","bottom-left-corner":"right top",left:"right center","left-top":"right top","left-bottom":"right bottom","left-top-corner":"right bottom","left-bottom-corner":"right top"},ct=(t,e)=>{if(null==t||null==e)return"bottom";const o=t.split("-")[0],n=t.split("-")[1],r=t.split("-")[2],s=u.normalizePosition(o,e),i=["top","top-right","top-left","top-right-corner","top-left-corner","right","right-top","right-bottom","right-top-corner","right-bottom-corner","bottom","bottom-right","bottom-left","bottom-right-corner","bottom-left-corner","left","left-top","left-bottom","left-top-corner","left-bottom-corner"].filter((t=>n&&r&&t===`${s}-${u.normalizePosition(n,e)}-${r}`||n&&!r&&t===`${s}-${u.normalizePosition(n,e)}`||!n&&t===`${s}`))[0];return i||"bottom"};const at=a.forwardRef((({anchorRef:t,children:n,isOpen:i=!1,offset:a={mainAxis:0,crossAxis:0},flipOptions:u={mainAxis:!0,crossAxis:!0},shiftOptions:d={mainAxis:!1,crossAxis:!1},onClose:h,initialFocus:S="auto",onClickOutside:_,placement:U="top",tail:N="none",onTransitionEnd:y,role:T="tooltip"},P)=>{const[O,x]=o.useState(!0),k=o.useRef(null),[C,R]=o.useState(),v=o.useRef(null),[w,V]=o.useState(U);function I(t){k.current===r.getActiveElement()&&"F6"===t.code&&(t.preventDefault(),t.stopPropagation(),r.focusWithin(v.current))}const{setAnimationElementRef:j,status:$}=function(t){const{isOpen:e,isAnimatedOnMount:n,onTransitionEnd:r,placement:s}=t,{direction:i}=m.useUser(),{setAnimationElementRef:c,animationElementRef:a,status:u}=l.useAnimationStatus({isOpen:e,isAnimatedOnMount:n,animationStates:st,onTransitionEnd:r}),p=a;return o.useEffect((()=>{null!=p&&null!=p.current&&"unmounted"!=u&&(p.current.placement=s,p.current.direction=i)}),[p,s,i,u]),{setAnimationElementRef:c,status:u}}({isOpen:i,isAnimatedOnMount:!0,onTransitionEnd:t=>{t?(D(),y?.(!0)):y?.(!1)},placement:w}),B=o.useMemo((()=>s.mergeRefs(j,P)),[j,P]);o.useEffect((()=>{i||"opening"!==$||v.current?.contains(r.getActiveElement())&&(()=>{const e=k.current,o=t.current;e?r.focusOn(e):o&&o instanceof Element&&r.focusOn(o)})()}),[i,$]),o.useEffect((()=>(i&&t.current instanceof Element&&(r.getActiveElement()===document.body?k.current=t.current:k.current=r.getActiveElement(),k.current?.addEventListener("keydown",I)),()=>{k.current?.removeEventListener("keydown",I)})),[i]);const D=()=>{let t=S;"auto"===S&&(t="none"),"popup"===t&&r.focusOn(v.current),"firstFocusable"===t&&r.focusWithin(v.current)},L={mainAxis:(t=>{let e=0;return t&&(e="number"==typeof t?t:t.mainAxis||0,"simple"===N&&(e+=5)),e})(a),crossAxis:(t=>t?"number"==typeof t?0:t.crossAxis||0:0)(a)},M=o.useCallback((t=>{U!==t.placement&&V(t.placement)}),[V,U]);o.useLayoutEffect((()=>{if("unmounted"===$||null==v.current||null!=C||"none"===N)return;const t=b.getVarName(f.popupVars.backgroundColor),e=getComputedStyle(v.current);R(e.getPropertyValue(t))}),[$,v,C,N]);const{baseTheme:X,classes:Y}=p.useComponentTheme(g.PopupRedwoodTheme);return"unmounted"!==$&&e.jsx(c.Layer,{children:e.jsx(A.Floating,{ref:B,backgroundColor:C,anchorRef:t,placement:U,offsetValue:L,flipOptions:u,shiftOptions:d,onClickOutside:_,tail:N,onPosition:M,children:e.jsx("div",{ref:v,tabIndex:-1,role:T,className:E.classNames([X,Y]),onFocus:t=>{v.current?.contains(t.relatedTarget)&&t.relatedTarget!==v.current||t.target!=v.current&&x(!1)},onBlur:t=>{v.current?.contains(t.relatedTarget)&&t.relatedTarget!==v.current||x(!0)},onKeyDown:t=>{const e=r.getActiveElement(),o=v.current,n=k.current;if(o===e||o?.contains(e))switch(t.code){case"Escape":h?.(t);break;case"F6":t.preventDefault(),t.stopPropagation(),n&&r.focusOn(n),x(!0);break;case"Tab":t.target===v.current&&O&&n&&(r.focusOn(n),t.preventDefault())}},children:e.jsx(F.FocusTrap,{isDisabled:O,restoreFocusRef:!1,children:n})})})})}));t.Popup=at,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Popup.js.map

package/amd/UNSAFE_PrefixSuffix/themes/PrefixSuffixStyles.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../PrefixSuffixStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(t,e,a){"use strict";var i=a.createRuntimeFn({defaultClassName:"PrefixSuffixStyles_styles_base__yu43bw0",variantClassNames:{variant:{prefix:"",suffix:""},isFocused:{yes:"PrefixSuffixStyles_multiVariantStyles_isFocused_yes__yu43bw3",no:"PrefixSuffixStyles_multiVariantStyles_isFocused_no__yu43bw4"},isDisabled:{yes:"PrefixSuffixStyles_multiVariantStyles_isDisabled_yes__yu43bw5",no:"PrefixSuffixStyles_multiVariantStyles_isDisabled_no__yu43bw6"},hasInsideLabel:{yes:"PrefixSuffixStyles_multiVariantStyles_hasInsideLabel_yes__yu43bw7",no:"PrefixSuffixStyles_multiVariantStyles_hasInsideLabel_no__yu43bw8"},hasStartContent:{yes:"PrefixSuffixStyles_multiVariantStyles_hasStartContent_yes__yu43bw9",no:"PrefixSuffixStyles_multiVariantStyles_hasStartContent_no__yu43bwa"},hasEndContent:{yes:"PrefixSuffixStyles_multiVariantStyles_hasEndContent_yes__yu43bwb",no:"PrefixSuffixStyles_multiVariantStyles_hasEndContent_no__yu43bwc"}},defaultVariants:{},compoundVariants:[[{variant:"prefix",hasStartContent:"yes"},"PrefixSuffixStyles_multiVariantStyles_compound_0__yu43bwd"],[{variant:"prefix",hasStartContent:"no"},"PrefixSuffixStyles_multiVariantStyles_compound_1__yu43bwe"],[{variant:"suffix",hasEndContent:"yes"},"PrefixSuffixStyles_multiVariantStyles_compound_2__yu43bwf"],[{variant:"suffix",hasEndContent:"no"},"PrefixSuffixStyles_multiVariantStyles_compound_3__yu43bwg"]]});t.compoundVariants=[{variants:{variant:"prefix",hasStartContent:"yes"},style:{paddingInlineStart:"var(--iconToTextPadding__w6gg1y8)"}},{variants:{variant:"prefix",hasStartContent:"no"},style:{paddingInlineStart:"var(--textToEdgePadding__w6gg1ya)"}},{variants:{variant:"suffix",hasEndContent:"yes"},style:{paddingInlineEnd:"var(--iconToTextPadding__w6gg1y8)"}},{variants:{variant:"suffix",hasEndContent:"no"},style:{paddingInlineEnd:"var(--textToEdgePadding__w6gg1ya)"}}],t.multiVariantStyles=i,t.styles={base:"PrefixSuffixStyles_styles_base__yu43bw0"},t.variants={variant:{prefix:"",suffix:""},isFocused:{yes:{opacity:".45"},no:{}},isDisabled:{yes:{color:"var(--textColorDisabled__w6gg1yh)"},no:{}},hasInsideLabel:{yes:{minHeight:"var(--insideEdgeHeight__w6gg1yb)",paddingTop:"var(--insideEdgePaddingTop__w6gg1yc)"},no:{}},hasStartContent:{yes:{},no:{}},hasEndContent:{yes:{},no:{}}},Object.defineProperty(t,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../PrefixSuffixStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(t,e,a){"use strict";var i=a.createRuntimeFn({defaultClassName:"PrefixSuffixStyles_styles_base__yu43bw0",variantClassNames:{variant:{prefix:"",suffix:""},isFocused:{yes:"PrefixSuffixStyles_multiVariantStyles_isFocused_yes__yu43bw3",no:"PrefixSuffixStyles_multiVariantStyles_isFocused_no__yu43bw4"},isDisabled:{yes:"PrefixSuffixStyles_multiVariantStyles_isDisabled_yes__yu43bw5",no:"PrefixSuffixStyles_multiVariantStyles_isDisabled_no__yu43bw6"},hasInsideLabel:{yes:"PrefixSuffixStyles_multiVariantStyles_hasInsideLabel_yes__yu43bw7",no:"PrefixSuffixStyles_multiVariantStyles_hasInsideLabel_no__yu43bw8"},hasStartContent:{yes:"PrefixSuffixStyles_multiVariantStyles_hasStartContent_yes__yu43bw9",no:"PrefixSuffixStyles_multiVariantStyles_hasStartContent_no__yu43bwa"},hasEndContent:{yes:"PrefixSuffixStyles_multiVariantStyles_hasEndContent_yes__yu43bwb",no:"PrefixSuffixStyles_multiVariantStyles_hasEndContent_no__yu43bwc"}},defaultVariants:{},compoundVariants:[[{variant:"prefix",hasStartContent:"yes"},"PrefixSuffixStyles_multiVariantStyles_compound_0__yu43bwd"],[{variant:"prefix",hasStartContent:"no"},"PrefixSuffixStyles_multiVariantStyles_compound_1__yu43bwe"],[{variant:"suffix",hasEndContent:"yes"},"PrefixSuffixStyles_multiVariantStyles_compound_2__yu43bwf"],[{variant:"suffix",hasEndContent:"no"},"PrefixSuffixStyles_multiVariantStyles_compound_3__yu43bwg"]]});t.compoundVariants=[{variants:{variant:"prefix",hasStartContent:"yes"},style:{paddingInlineStart:"var(--iconToTextPadding__w6gg1y8)"}},{variants:{variant:"prefix",hasStartContent:"no"},style:{paddingInlineStart:"var(--textToEdgePadding__w6gg1ya)"}},{variants:{variant:"suffix",hasEndContent:"yes"},style:{paddingInlineEnd:"var(--iconToTextPadding__w6gg1y8)"}},{variants:{variant:"suffix",hasEndContent:"no"},style:{paddingInlineEnd:"var(--textToEdgePadding__w6gg1ya)"}}],t.multiVariantStyles=i,t.styles={base:"PrefixSuffixStyles_styles_base__yu43bw0"},t.variants={variant:{prefix:"",suffix:""},isFocused:{yes:{opacity:".45"},no:{}},isDisabled:{yes:{color:"var(--textColorDisabled__w6gg1yh)"},no:{}},hasInsideLabel:{yes:{minHeight:"var(--insideEdgeHeight__w6gg1yb)",paddingTop:"var(--insideEdgePaddingTop__w6gg1yc)"},no:{}},hasStartContent:{yes:{},no:{}},hasEndContent:{yes:{},no:{}}},Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=PrefixSuffixStyles.css.js.map

package/amd/UNSAFE_PrefixSuffix.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './UNSAFE_PrefixSuffix/themes/PrefixSuffixStyles.css', 'css!./PrefixSuffixStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,t,n,i){"use strict";e.PrefixSuffix=function({hasEndContent:e,hasInsideLabel:n,hasStartContent:i,id:a,isDisabled:r,isFocused:o,text:c,variant:d}){const f=t.multiVariantStyles({variant:d,isFocused:o?"yes":"no",isDisabled:r?"yes":"no",hasInsideLabel:n?"yes":"no",hasStartContent:i?"yes":"no",hasEndContent:e?"yes":"no"});return s.jsx("div",{class:f,id:a,children:s.jsx("span",{children:c})})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './UNSAFE_PrefixSuffix/themes/PrefixSuffixStyles.css', 'css!./PrefixSuffixStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,t,n,i){"use strict";e.PrefixSuffix=function({hasEndContent:e,hasInsideLabel:n,hasStartContent:i,id:a,isDisabled:r,isFocused:c,text:f,variant:d}){const o=t.multiVariantStyles({variant:d,isFocused:c?"yes":"no",isDisabled:r?"yes":"no",hasInsideLabel:n?"yes":"no",hasStartContent:i?"yes":"no",hasEndContent:e?"yes":"no"});return s.jsx("div",{class:o,id:a,children:s.jsx("span",{children:f})})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_PrefixSuffix.js.map

package/amd/UNSAFE_ProgressBar/themes/redwood/ProgressBarTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../ProgressBarStyles.css', './ProgressBarBaseTheme.css', './ProgressBarVariants.css', 'css!./../../../ProgressBarStyles.styles.css', 'module', 'css!./../../../ProgressBarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(s,e,r,a,t,i,l,n){"use strict";const o={baseTheme:r.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.ProgressBarRedwoodTheme=o,Object.defineProperty(s,"__esModule",{value:!0})}));
+define(['exports', '../ProgressBarStyles.css', './ProgressBarBaseTheme.css', './ProgressBarVariants.css', 'css!./../../../ProgressBarStyles.styles.css', 'module', 'css!./../../../ProgressBarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(s,e,r,a,t,c,i,l){"use strict";const n={baseTheme:r.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.ProgressBarRedwoodTheme=n,Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=ProgressBarTheme.js.map

package/amd/UNSAFE_ProgressBar/themes/redwood/ProgressBarVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../ProgressBarStyles.styles.css', 'css!./../../../ProgressBarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,a,t){"use strict";var r=t.createRuntimeFn({defaultClassName:"ProgressBarStyles_base__1hi376f2",variantClassNames:{edge:{none:"ProgressBarVariants_multiVariantStyles_edge_none__5ab1t30"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../ProgressBarStyles.styles.css', 'css!./../../../ProgressBarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,a,t){"use strict";var r=t.createRuntimeFn({defaultClassName:"ProgressBarStyles_base__1hi376f2",variantClassNames:{edge:{none:"ProgressBarVariants_multiVariantStyles_edge_none__5ab1t30"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ProgressBarVariants.css.js.map

package/amd/UNSAFE_ProgressBar/themes/stable/ProgressBarTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../ProgressBarStyles.css', './ProgressBarBaseTheme.css', './ProgressBarVariants.css', 'css!./../../../ProgressBarStyles.styles.css', 'module', 'css!./../../../ProgressBarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(s,e,r,a,t,l,i,n){"use strict";const c={baseTheme:r.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.ProgressBarStableTheme=c,Object.defineProperty(s,"__esModule",{value:!0})}));
+define(['exports', '../ProgressBarStyles.css', './ProgressBarBaseTheme.css', './ProgressBarVariants.css', 'css!./../../../ProgressBarStyles.styles.css', 'module', 'css!./../../../ProgressBarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(s,e,r,a,t,l,c,i){"use strict";const n={baseTheme:r.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.ProgressBarStableTheme=n,Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=ProgressBarTheme.js.map

package/amd/UNSAFE_ProgressBar/themes/stable/ProgressBarVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../ProgressBarStyles.styles.css', 'css!./../../../ProgressBarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,a,t){"use strict";var r=t.createRuntimeFn({defaultClassName:"ProgressBarStyles_base__1hi376f2",variantClassNames:{edge:{none:"ProgressBarVariants_multiVariantStyles_edge_none__1nfhaj90"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../ProgressBarStyles.styles.css', 'css!./../../../ProgressBarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,a,t){"use strict";var r=t.createRuntimeFn({defaultClassName:"ProgressBarStyles_base__1hi376f2",variantClassNames:{edge:{none:"ProgressBarVariants_multiVariantStyles_edge_none__1nfhaj90"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ProgressBarVariants.css.js.map

package/amd/UNSAFE_ProgressBar.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useTranslationBundle', './PRIVATE_Meter', './hooks/UNSAFE_useComponentTheme', './UNSAFE_ProgressBar/themes/redwood/ProgressBarTheme', './classNames-7db86b04', 'preact/hooks', './index-fc8f1cc9', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_logger', './_curry1-b3fba646', './_curry2-0b7b67aa', './UNSAFE_ProgressBar/themes/ProgressBarStyles.css', 'css!./ProgressBarStyles.styles.css', './UNSAFE_ProgressBar/themes/redwood/ProgressBarBaseTheme.css', 'module', './UNSAFE_ProgressBar/themes/redwood/ProgressBarVariants.css', 'css!./ProgressBarVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,r,a,o,t,n,l,i,c,m,d,u,h,g,B,v,P,S,p,x,y,T,_,N,U,C){"use strict";const A=({id:e,width:r,edge:c="none",...m})=>{const{classes:d,styles:{valueStyle:u,indeterminate:h,animationStyleLTR:g,animationStyleRTL:B,highContrastValueStyle:v}}=n.useComponentTheme(l.ProgressBarRedwoodTheme,{edge:"none"===c?c:void 0}),{direction:P,forcedColors:S}=a.useUser(),p=i.classNames([u,h,"rtl"===P?B:g,"active"===S?v:""]),x=o.useTranslationBundle("@oracle/oraclejet-preact"),y={"aria-valuetext":m["aria-valuetext"]||x.progressIndeterminate(),role:"progressbar"};return s.jsx(t.BarTrack,{id:e,ariaProps:y,class:d,length:r,children:s.jsx(t.BarValue,{class:p})})},E=({value:e=0,max:r=100,id:o,width:c,edge:m="none"})=>{const{forcedColors:d}=a.useUser(),{classes:u,styles:{valueStyle:h,highContrastValueStyle:g}}=n.useComponentTheme(l.ProgressBarRedwoodTheme,{edge:"none"===m?m:void 0}),B=i.classNames([h,"active"===d?g:""]),v=100*Math.min(Math.max(0,e/r),1)+"%",P={};return P["aria-valuemin"]=null!=e?0:void 0,P["aria-valuemax"]=null!=e?r:void 0,P["aria-valuenow"]=null!=e?e:void 0,P.role="progressbar",s.jsx(t.BarTrack,{ariaProps:P,id:o,length:c,class:u,children:s.jsx(t.BarValue,{class:B,length:v})})};e.ProgressBar=function({value:e,max:r,...a}){return"indeterminate"===e?s.jsx(A,{...a}):s.jsx(E,{value:e,max:r,...a})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useTranslationBundle', './PRIVATE_Meter', './hooks/UNSAFE_useComponentTheme', './UNSAFE_ProgressBar/themes/redwood/ProgressBarTheme', './classNames-6de7b592', 'preact/hooks', './index-dcceda35', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_logger', './_curry1-bc28cf16', './_curry2-a1cd6f10', './UNSAFE_ProgressBar/themes/ProgressBarStyles.css', 'css!./ProgressBarStyles.styles.css', './UNSAFE_ProgressBar/themes/redwood/ProgressBarBaseTheme.css', 'module', './UNSAFE_ProgressBar/themes/redwood/ProgressBarVariants.css', 'css!./ProgressBarVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,r,a,o,t,n,l,c,i,m,d,u,h,g,B,v,P,S,p,x,y,T,_,N,U,C){"use strict";const A=({id:e,width:r,edge:i="none",...m})=>{const{classes:d,styles:{valueStyle:u,indeterminate:h,animationStyleLTR:g,animationStyleRTL:B,highContrastValueStyle:v}}=n.useComponentTheme(l.ProgressBarRedwoodTheme,{edge:"none"===i?i:void 0}),{direction:P,forcedColors:S}=a.useUser(),p=c.classNames([u,h,"rtl"===P?B:g,"active"===S?v:""]),x=o.useTranslationBundle("@oracle/oraclejet-preact"),y={"aria-valuetext":m["aria-valuetext"]||x.progressIndeterminate(),role:"progressbar"};return s.jsx(t.BarTrack,{id:e,ariaProps:y,class:d,length:r,children:s.jsx(t.BarValue,{class:p})})},E=({value:e=0,max:r=100,id:o,width:i,edge:m="none"})=>{const{forcedColors:d}=a.useUser(),{classes:u,styles:{valueStyle:h,highContrastValueStyle:g}}=n.useComponentTheme(l.ProgressBarRedwoodTheme,{edge:"none"===m?m:void 0}),B=c.classNames([h,"active"===d?g:""]),v=100*Math.min(Math.max(0,e/r),1)+"%",P={};return P["aria-valuemin"]=null!=e?0:void 0,P["aria-valuemax"]=null!=e?r:void 0,P["aria-valuenow"]=null!=e?e:void 0,P.role="progressbar",s.jsx(t.BarTrack,{ariaProps:P,id:o,length:i,class:u,children:s.jsx(t.BarValue,{class:B,length:v})})};e.ProgressBar=function({value:e,max:r,...a}){return"indeterminate"===e?s.jsx(A,{...a}):s.jsx(E,{value:e,max:r,...a})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ProgressBar.js.map

package/amd/UNSAFE_ProgressCircle/themes/redwood/ProgressCircleTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../ProgressCircleStyles.css', './ProgressCircleBaseTheme.css', './ProgressCircleVariants.css', 'css!./../../../ProgressCircleStyles.styles.css', 'module', 'css!./../../../ProgressCircleVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,r,t,i,l,a,c){"use strict";const n={baseTheme:r.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.ProgressCircleRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../ProgressCircleStyles.css', './ProgressCircleBaseTheme.css', './ProgressCircleVariants.css', 'css!./../../../ProgressCircleStyles.styles.css', 'module', 'css!./../../../ProgressCircleVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,r,t,c,i,l,a){"use strict";const n={baseTheme:r.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.ProgressCircleRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ProgressCircleTheme.js.map

package/amd/UNSAFE_ProgressCircle/themes/redwood/ProgressCircleVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../ProgressCircleStyles.styles.css', 'css!./../../../ProgressCircleVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,r,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"ProgressCircleStyles_base__o65man2",variantClassNames:{size:{sm:"ProgressCircleVariants_multiVariantStyles_size_sm__18za6ef0",md:"ProgressCircleVariants_multiVariantStyles_size_md__18za6ef1",lg:"ProgressCircleVariants_multiVariantStyles_size_lg__18za6ef2"},type:{indeterminate:"ProgressCircleStyles_indeterminateWrapper__o65man3"}},defaultVariants:{size:"md"},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../ProgressCircleStyles.styles.css', 'css!./../../../ProgressCircleVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,r,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"ProgressCircleStyles_base__o65man2",variantClassNames:{size:{sm:"ProgressCircleVariants_multiVariantStyles_size_sm__18za6ef0",md:"ProgressCircleVariants_multiVariantStyles_size_md__18za6ef1",lg:"ProgressCircleVariants_multiVariantStyles_size_lg__18za6ef2"},type:{indeterminate:"ProgressCircleStyles_indeterminateWrapper__o65man3"}},defaultVariants:{size:"md"},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ProgressCircleVariants.css.js.map

package/amd/UNSAFE_ProgressCircle/themes/stable/ProgressCircleTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../ProgressCircleStyles.css', './ProgressCircleBaseTheme.css', './ProgressCircleVariants.css', 'css!./../../../ProgressCircleStyles.styles.css', 'module', 'css!./../../../ProgressCircleVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,r,t,l,a,i,c){"use strict";const n={baseTheme:r.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.ProgressCircleStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../ProgressCircleStyles.css', './ProgressCircleBaseTheme.css', './ProgressCircleVariants.css', 'css!./../../../ProgressCircleStyles.styles.css', 'module', 'css!./../../../ProgressCircleVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,r,t,l,a,c,i){"use strict";const n={baseTheme:r.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.ProgressCircleStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ProgressCircleTheme.js.map

package/amd/UNSAFE_ProgressCircle/themes/stable/ProgressCircleVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../ProgressCircleStyles.styles.css', 'css!./../../../ProgressCircleVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,r,t){"use strict";var a=t.createRuntimeFn({defaultClassName:"ProgressCircleStyles_base__o65man2",variantClassNames:{size:{sm:"ProgressCircleVariants_multiVariantStyles_size_sm__8ngr9h0",md:"ProgressCircleVariants_multiVariantStyles_size_md__8ngr9h1",lg:"ProgressCircleVariants_multiVariantStyles_size_lg__8ngr9h2"},type:{indeterminate:"ProgressCircleStyles_indeterminateWrapper__o65man3"}},defaultVariants:{size:"md"},compoundVariants:[]});e.multiVariantStyles=a,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../ProgressCircleStyles.styles.css', 'css!./../../../ProgressCircleVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,r,t){"use strict";var a=t.createRuntimeFn({defaultClassName:"ProgressCircleStyles_base__o65man2",variantClassNames:{size:{sm:"ProgressCircleVariants_multiVariantStyles_size_sm__8ngr9h0",md:"ProgressCircleVariants_multiVariantStyles_size_md__8ngr9h1",lg:"ProgressCircleVariants_multiVariantStyles_size_lg__8ngr9h2"},type:{indeterminate:"ProgressCircleStyles_indeterminateWrapper__o65man3"}},defaultVariants:{size:"md"},compoundVariants:[]});e.multiVariantStyles=a,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ProgressCircleVariants.css.js.map

package/amd/UNSAFE_ProgressCircle.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './PRIVATE_Meter', './utils/PRIVATE_meterUtils', './hooks/UNSAFE_useTranslationBundle', './hooks/UNSAFE_useComponentTheme', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleTheme', './classNames-7db86b04', 'preact/compat', './utils/UNSAFE_dvtCommonUtils', './Common/themes/themeContract.css', 'preact/hooks', './index-fc8f1cc9', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/UNSAFE_logger', './_curry1-b3fba646', './_curry2-0b7b67aa', './UNSAFE_ProgressCircle/themes/ProgressCircleStyles.css', 'css!./ProgressCircleStyles.styles.css', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleBaseTheme.css', 'module', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleVariants.css', 'css!./ProgressCircleVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,r,a,t,o,l,i,c,n,m,d,u,C,h,p,P,g,x,_,v,N,S,y,A,E,T,U){"use strict";const F=({id:e,size:r,...t})=>{const{classes:c,styles:{indeterminate:n}}=l.useComponentTheme(i.ProgressCircleRedwoodTheme,{size:r,type:"indeterminate"}),m=o.useTranslationBundle("@oracle/oraclejet-preact"),d={"aria-valuetext":t["aria-valuetext"]||m.progressIndeterminate(),role:"progressbar"};return s.jsx(a.CircleWrapper,{id:e,ariaProps:d,class:c,children:s.jsx(a.CircleInner,{class:n})})},b=({value:e=0,max:r=100,id:o,size:n})=>{const{classes:m,styles:{determinate:d,track:u,valueStyle:C}}=l.useComponentTheme(i.ProgressCircleRedwoodTheme,{size:n}),h=Math.min(Math.max(0,e/r),1),p=t.getProgressClipPath(h),P={};return P["aria-valuemin"]=null!=e?0:void 0,P["aria-valuemax"]=null!=e?r:void 0,P["aria-valuenow"]=null!=e?e:void 0,P.role="progressbar",s.jsxs(a.CircleWrapper,{id:o,ariaProps:P,class:m,children:[s.jsx(a.CircleInner,{class:c.classNames([d,u])}),s.jsx(a.CircleInner,{class:c.classNames([d,C]),clipPath:p})]})};e.ProgressCircle=function({value:e,max:r,...a}){return"indeterminate"===e?s.jsx(F,{...a}):s.jsx(b,{value:e,max:r,...a})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './PRIVATE_Meter', './utils/PRIVATE_meterUtils', './hooks/UNSAFE_useTranslationBundle', './hooks/UNSAFE_useComponentTheme', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleTheme', './classNames-6de7b592', 'preact/compat', './utils/UNSAFE_dvtCommonUtils', './Common/themes/themeContract.css', 'preact/hooks', './index-dcceda35', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/UNSAFE_logger', './_curry1-bc28cf16', './_curry2-a1cd6f10', './UNSAFE_ProgressCircle/themes/ProgressCircleStyles.css', 'css!./ProgressCircleStyles.styles.css', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleBaseTheme.css', 'module', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleVariants.css', 'css!./ProgressCircleVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,r,a,t,o,l,i,c,n,m,d,u,C,h,p,P,g,x,_,v,N,S,y,A,E,T,U){"use strict";const F=({id:e,size:r,...t})=>{const{classes:c,styles:{indeterminate:n}}=l.useComponentTheme(i.ProgressCircleRedwoodTheme,{size:r,type:"indeterminate"}),m=o.useTranslationBundle("@oracle/oraclejet-preact"),d={"aria-valuetext":t["aria-valuetext"]||m.progressIndeterminate(),role:"progressbar"};return s.jsx(a.CircleWrapper,{id:e,ariaProps:d,class:c,children:s.jsx(a.CircleInner,{class:n})})},j=({value:e=0,max:r=100,id:o,size:n})=>{const{classes:m,styles:{determinate:d,track:u,valueStyle:C}}=l.useComponentTheme(i.ProgressCircleRedwoodTheme,{size:n}),h=Math.min(Math.max(0,e/r),1),p=t.getProgressClipPath(h),P={};return P["aria-valuemin"]=null!=e?0:void 0,P["aria-valuemax"]=null!=e?r:void 0,P["aria-valuenow"]=null!=e?e:void 0,P.role="progressbar",s.jsxs(a.CircleWrapper,{id:o,ariaProps:P,class:m,children:[s.jsx(a.CircleInner,{class:c.classNames([d,u])}),s.jsx(a.CircleInner,{class:c.classNames([d,C]),clipPath:p})]})};e.ProgressCircle=function({value:e,max:r,...a}){return"indeterminate"===e?s.jsx(F,{...a}):s.jsx(j,{value:e,max:r,...a})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ProgressCircle.js.map

package/amd/UNSAFE_Radio/themes/redwood/RadioIconTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../RadioIconStyles.css', './RadioIconBaseTheme.css', './RadioIconVariants.css', 'css!./../../../RadioIconStyles.styles.css', 'module', 'css!./../../../RadioIconVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,a,t,i,n,o,c){"use strict";const l={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.RadioIconRedwoodTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../RadioIconStyles.css', './RadioIconBaseTheme.css', './RadioIconVariants.css', 'css!./../../../RadioIconStyles.styles.css', 'module', 'css!./../../../RadioIconVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,a,t,c,i,n,o){"use strict";const l={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.RadioIconRedwoodTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=RadioIconTheme.js.map

package/amd/UNSAFE_Radio/themes/redwood/RadioIconVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../RadioIconStyles.styles.css', 'css!./../../../RadioIconVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,a,o,t){"use strict";var i=t.createRuntimeFn({defaultClassName:"RadioIconStyles_radioIconBaseStyle__j4tr310",variantClassNames:{disabled:{isDisabled:"",notDisabled:""},selected:{isSelected:"",notSelected:""},readonly:{isReadonly:"",notReadonly:""},active:{isActive:"",notActive:""},iconSize:{"4xUnits":"RadioIconVariants_multiVariantStyles_iconSize_4xUnits__1b7o90z8"}},defaultVariants:{iconSize:"4xUnits"},compoundVariants:[[{disabled:"isDisabled",readonly:"notReadonly"},"RadioIconStyles_radioSvgDisabledColor__j4tr313"],[{disabled:"notDisabled",readonly:"isReadonly",selected:"notSelected"},"RadioIconStyles_radioSvgReadonlyColor__j4tr315"],[{disabled:"notDisabled",readonly:"notReadonly",selected:"isSelected"},"RadioIconStyles_radioSvgSelectedColor__j4tr311"],[{disabled:"notDisabled",readonly:"notReadonly",selected:"notSelected"},"RadioIconStyles_radioSvgUnselectedColor__j4tr312"],[{disabled:"notDisabled",readonly:"isReadonly",selected:"isSelected"},"RadioIconStyles_radioSvgPrimaryColor__j4tr314"],[{disabled:"notDisabled",readonly:"notReadonly",active:"isActive"},"RadioIconStyles_radioIconActive__j4tr316"]]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../RadioIconStyles.styles.css', 'css!./../../../RadioIconVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,a,o,t){"use strict";var d=t.createRuntimeFn({defaultClassName:"RadioIconStyles_radioIconBaseStyle__j4tr310",variantClassNames:{disabled:{isDisabled:"",notDisabled:""},selected:{isSelected:"",notSelected:""},readonly:{isReadonly:"",notReadonly:""},active:{isActive:"",notActive:""},iconSize:{"4xUnits":"RadioIconVariants_multiVariantStyles_iconSize_4xUnits__1b7o90z8"}},defaultVariants:{iconSize:"4xUnits"},compoundVariants:[[{disabled:"isDisabled",readonly:"notReadonly"},"RadioIconStyles_radioSvgDisabledColor__j4tr313"],[{disabled:"notDisabled",readonly:"isReadonly",selected:"notSelected"},"RadioIconStyles_radioSvgReadonlyColor__j4tr315"],[{disabled:"notDisabled",readonly:"notReadonly",selected:"isSelected"},"RadioIconStyles_radioSvgSelectedColor__j4tr311"],[{disabled:"notDisabled",readonly:"notReadonly",selected:"notSelected"},"RadioIconStyles_radioSvgUnselectedColor__j4tr312"],[{disabled:"notDisabled",readonly:"isReadonly",selected:"isSelected"},"RadioIconStyles_radioSvgPrimaryColor__j4tr314"],[{disabled:"notDisabled",readonly:"notReadonly",active:"isActive"},"RadioIconStyles_radioIconActive__j4tr316"]]});e.multiVariantStyles=d,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=RadioIconVariants.css.js.map

package/amd/UNSAFE_Radio/themes/redwood/RadioTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../RadioStyles.css', './RadioBaseTheme.css', './RadioVariants.css', 'css!./../../../RadioStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,t,a,i,l,n){"use strict";const o={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.RadioRedwoodTheme=o,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../RadioStyles.css', './RadioBaseTheme.css', './RadioVariants.css', 'css!./../../../RadioStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,t,a,i,c,l){"use strict";const n={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.RadioRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=RadioTheme.js.map

package/amd/UNSAFE_Radio/themes/redwood/RadioVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../RadioStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,a,s){"use strict";var t=s.createRuntimeFn({defaultClassName:"RadioStyles_radioBaseStyle__rjrvbk0",variantClassNames:{disabled:{isDisabled:"RadioStyles_radioDisabledColor__rjrvbk4",notDisabled:"RadioStyles_radioDefaultColor__rjrvbk3"},focused:{isFocused:"RadioStyles_radioFocused__rjrvbk5"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../RadioStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,a,s){"use strict";var t=s.createRuntimeFn({defaultClassName:"RadioStyles_radioBaseStyle__rjrvbk0",variantClassNames:{disabled:{isDisabled:"RadioStyles_radioDisabledColor__rjrvbk4",notDisabled:"RadioStyles_radioDefaultColor__rjrvbk3"},focused:{isFocused:"RadioStyles_radioFocused__rjrvbk5"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=RadioVariants.css.js.map

package/amd/UNSAFE_Radio/themes/stable/RadioIconTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../RadioIconStyles.css', './RadioIconBaseTheme.css', './RadioIconVariants.css', 'css!./../../../RadioIconStyles.styles.css', 'module', 'css!./../../../RadioIconVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,a,t,i,n,c,o){"use strict";const l={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.RadioIconStableTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../RadioIconStyles.css', './RadioIconBaseTheme.css', './RadioIconVariants.css', 'css!./../../../RadioIconStyles.styles.css', 'module', 'css!./../../../RadioIconVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,a,t,c,i,n,o){"use strict";const l={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.RadioIconStableTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=RadioIconTheme.js.map

package/amd/UNSAFE_Radio/themes/stable/RadioIconVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../RadioIconStyles.styles.css', 'css!./../../../RadioIconVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,a,t,o){"use strict";var d=o.createRuntimeFn({defaultClassName:"RadioIconStyles_radioIconBaseStyle__j4tr310",variantClassNames:{disabled:{isDisabled:"",notDisabled:""},selected:{isSelected:"",notSelected:""},readonly:{isReadonly:"",notReadonly:""},active:{isActive:"",notActive:""},iconSize:{"4xUnits":"RadioIconVariants_multiVariantStyles_iconSize_4xUnits__s3h4tg8"}},defaultVariants:{},compoundVariants:[[{disabled:"isDisabled",readonly:"notReadonly"},"RadioIconStyles_radioSvgDisabledColor__j4tr313"],[{disabled:"notDisabled",readonly:"isReadonly",selected:"notSelected"},"RadioIconStyles_radioSvgReadonlyColor__j4tr315"],[{disabled:"notDisabled",readonly:"notReadonly",selected:"isSelected"},"RadioIconStyles_radioSvgSelectedColor__j4tr311"],[{disabled:"notDisabled",readonly:"notReadonly",selected:"notSelected"},"RadioIconStyles_radioSvgUnselectedColor__j4tr312"],[{disabled:"notDisabled",readonly:"isReadonly",selected:"isSelected"},"RadioIconStyles_radioSvgPrimaryColor__j4tr314"],[{disabled:"notDisabled",readonly:"notReadonly",active:"isActive"},"RadioIconStyles_radioIconActive__j4tr316"]]});e.multiVariantStyles=d,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../RadioIconStyles.styles.css', 'css!./../../../RadioIconVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,a,t,o){"use strict";var d=o.createRuntimeFn({defaultClassName:"RadioIconStyles_radioIconBaseStyle__j4tr310",variantClassNames:{disabled:{isDisabled:"",notDisabled:""},selected:{isSelected:"",notSelected:""},readonly:{isReadonly:"",notReadonly:""},active:{isActive:"",notActive:""},iconSize:{"4xUnits":"RadioIconVariants_multiVariantStyles_iconSize_4xUnits__s3h4tg8"}},defaultVariants:{},compoundVariants:[[{disabled:"isDisabled",readonly:"notReadonly"},"RadioIconStyles_radioSvgDisabledColor__j4tr313"],[{disabled:"notDisabled",readonly:"isReadonly",selected:"notSelected"},"RadioIconStyles_radioSvgReadonlyColor__j4tr315"],[{disabled:"notDisabled",readonly:"notReadonly",selected:"isSelected"},"RadioIconStyles_radioSvgSelectedColor__j4tr311"],[{disabled:"notDisabled",readonly:"notReadonly",selected:"notSelected"},"RadioIconStyles_radioSvgUnselectedColor__j4tr312"],[{disabled:"notDisabled",readonly:"isReadonly",selected:"isSelected"},"RadioIconStyles_radioSvgPrimaryColor__j4tr314"],[{disabled:"notDisabled",readonly:"notReadonly",active:"isActive"},"RadioIconStyles_radioIconActive__j4tr316"]]});e.multiVariantStyles=d,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=RadioIconVariants.css.js.map

package/amd/UNSAFE_Radio/themes/stable/RadioTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../RadioStyles.css', './RadioBaseTheme.css', './RadioVariants.css', 'css!./../../../RadioStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,s,t,a,i,l,n){"use strict";const c={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.RadioStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../RadioStyles.css', './RadioBaseTheme.css', './RadioVariants.css', 'css!./../../../RadioStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,s,t,a,i,l,c){"use strict";const n={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.RadioStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=RadioTheme.js.map

package/amd/UNSAFE_Radio/themes/stable/RadioVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../RadioStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-449615b2'], (function(e,a,s){"use strict";var t=s.createRuntimeFn({defaultClassName:"RadioStyles_radioBaseStyle__rjrvbk0",variantClassNames:{disabled:{isDisabled:"RadioStyles_radioDisabledColor__rjrvbk4",notDisabled:"RadioStyles_radioDefaultColor__rjrvbk3"},focused:{isFocused:"RadioStyles_radioFocused__rjrvbk5"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../RadioStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11'], (function(e,a,s){"use strict";var t=s.createRuntimeFn({defaultClassName:"RadioStyles_radioBaseStyle__rjrvbk0",variantClassNames:{disabled:{isDisabled:"RadioStyles_radioDisabledColor__rjrvbk4",notDisabled:"RadioStyles_radioDefaultColor__rjrvbk3"},focused:{isFocused:"RadioStyles_radioFocused__rjrvbk5"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=RadioVariants.css.js.map

package/amd/UNSAFE_Radio.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useId', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useInteractionStyle', './CheckboxRadioContext-f77c1680', './PRIVATE_ThemedIcons/CheckIcon', './PRIVATE_ThemedIcons/RadioOffIcon', './PRIVATE_ThemedIcons/RadioOnIcon', './UNSAFE_HiddenAccessible', './RadioGroupContext-18350823', './UNSAFE_UserAssistance', './utils/UNSAFE_stringUtils', './UNSAFE_Radio/themes/RadioIconContract.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/redwood/RadioTheme', './HiddenAccessible-31342a6d', './stringUtils-2f1755af', './utils/UNSAFE_logger', './_curry1-b3fba646', './_curry2-0b7b67aa', './hooks/UNSAFE_useToggle', 'preact/hooks', 'preact', './utils/UNSAFE_mergeProps', './utils/PRIVATE_clientHints', './clientHints-6a60a81f', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './UNSAFE_Icon', './Icon-862cc6d2', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c7444933', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-bce56ac3', 'preact/compat', './index-506999ae', './hooks/UNSAFE_useUser', './index-fc8f1cc9', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './classNames-7db86b04', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-449615b2', './vanilla-extract-dynamic.esm-18a5d83c', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-9f882fb0', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-966c4b00', './_has-fb587992', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-37116bb0', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', 'module', './InlineHelpSource-08f31b0a', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './UNSAFE_ComponentMessage', './ComponentMessage-eee5ec9d', './PRIVATE_Message', './UNSAFE_Flex', './Flex-162d1295', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './keys-fefb7628', './utils/UNSAFE_interpolations/flexbox', './flexbox-f4af7fd8', './utils/UNSAFE_interpolations/flexitem', './flexitem-11c1ee04', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-27e527a8', './UNSAFE_IconButton', './IconButton-ba5bf817', './UNSAFE_BaseButton', './BaseButton-2a81d907', './hooks/UNSAFE_usePress', './UNSAFE_ButtonLayout', './ButtonLayout-3802dbaa', './UNSAFE_Text', './Text-124b29d6', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './MessageDetail-26766dd3', './MessageFormattingUtils-e289771f', './utils/UNSAFE_getLocale', './Message.types-c7f3500d', './MessageStartIcon-9a6e6ebd', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-ea049723', './MessageTimestamp-ff1f927c', './MessageUtils-7eb71b76', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './MessagesManager-cbe9e083', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-0881de9e', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-186f8d06', './UNSAFE_FocusTrap', './FocusTrap-618797a1', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-54bffeab', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-39e1c0b1', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-3eddfa42', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css'], (function(e,s,o,t,a,n,i,l,c,d,r,m,h,S,A,F,u,_,U,E,N,p,T,y,g,b,I,R,C,M,f,x,w,B,k,P,V,v,L,D,j,H,O,G,z,W,$,q,J,K,Q,X,Y,Z,ee,se,oe,te,ae,ne,ie,le,ce,de,re,me,he,Se,Ae,Fe,ue,_e,Ue,Ee,Ne,pe,Te,ye,ge,be,Ie,Re,Ce,Me,fe,xe,we,Be,ke,Pe,Ve,ve,Le,De,je,He,Oe,Ge,ze,We,$e,qe,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,as,ns,is,ls,cs,ds,rs,ms,hs,Ss,As,Fs,us,_s,Us,Es,Ns,ps,Ts,ys,gs,bs,Is,Rs,Cs,Ms,fs,xs,ws,Bs,ks,Ps,Vs,vs,Ls,Ds,js,Hs,Os,Gs,zs,Ws,$s,qs,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,ao,no,io,lo,co,ro,mo,ho,So,Ao,Fo,uo,_o,Uo,Eo,No,po,To,yo,go,bo,Io,Ro,Co){"use strict";e.Radio=({value:e,children:S,...u})=>{const{isReadonly:T,isDisabled:y}=a.useFormContext(),{isDisabled:g,isReadonly:b}=n.useFormFieldContext(),{name:I,value:R,onCommit:C}=A.useRadioGroupContext(),{isFocusRingShown:M}=d.useCheckboxRadioContext(),{isTabbable:f}=l.useTabbableMode(),x=i.useId(),{isFocus:w,focusProps:B}=t.useFocus(),k=R===e,P=g??y,V=b??T,{interactionProps:v,applyActiveStyle:L}=c.useInteractionStyle(),{classes:D,styles:{valueLabelStyle:j,valueTextStyle:H}}=o.useComponentTheme(E.RadioRedwoodTheme,{disabled:P?"isDisabled":"notDisabled",focused:w&&M?"isFocused":""}),{classes:O}=o.useComponentTheme(U.RadioIconRedwoodTheme,{disabled:P?"isDisabled":"notDisabled",selected:k?"isSelected":"notSelected",readonly:V?"isReadonly":"notReadonly",active:L?"isActive":"notActive"}),{assistiveText:G,helpSourceLink:z}=u,W=!(V||!G&&!z),$=W?`${x}-icon-ua`:void 0,q=V?k?r.CheckIcon:m.RadioOffIcon:k?h.RadioOnIcon:m.RadioOffIcon;return s.jsx("div",{children:s.jsxs("label",{class:D,...v,children:[s.jsx(N.HiddenAccessible,{children:s.jsx("input",{type:"radio",name:I,id:x,value:e,...!V&&{onChange:s=>{s.stopPropagation(),C?.({previousValue:R,value:e})}},checked:k,disabled:P,"aria-describedby":$,...!f&&{tabIndex:-1},...V&&{"aria-readonly":!0},...B})}),s.jsx("span",{"aria-hidden":"true",class:O,children:s.jsx(q,{size:p.getVarName(_.radioIconVars.iconSize),color:"currentColor"})}),s.jsxs("span",{class:j,children:[s.jsx("span",{class:H,children:S}),W&&s.jsx(F.IconUserAssistance,{...u,isTabbable:f&&k&&w,id:$})]})]})})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './hooks/UNSAFE_useId', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useInteractionStyle', './CheckboxRadioContext-d431d99b', './PRIVATE_ThemedIcons/CheckIcon', './PRIVATE_ThemedIcons/RadioOffIcon', './PRIVATE_ThemedIcons/RadioOnIcon', './UNSAFE_HiddenAccessible', './RadioGroupContext-7de3178c', './UNSAFE_UserAssistance', './utils/UNSAFE_stringUtils', './UNSAFE_Radio/themes/RadioIconContract.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/redwood/RadioTheme', './HiddenAccessible-49ecd914', './stringUtils-44e32167', './utils/UNSAFE_logger', './_curry1-bc28cf16', './_curry2-a1cd6f10', './hooks/UNSAFE_useToggle', 'preact/hooks', 'preact', './utils/UNSAFE_mergeProps', './utils/PRIVATE_clientHints', './clientHints-e1ddd513', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './UNSAFE_Icon', './Icon-87b672fe', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-9bc07598', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-da2c4dcb', 'preact/compat', './index-074188a5', './hooks/UNSAFE_useUser', './index-dcceda35', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './classNames-6de7b592', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-cbffdc11', './vanilla-extract-dynamic.esm-52bed244', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-f0ae4ffe', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-7ded894f', './_has-6c49dcb6', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-3ce9e918', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', 'module', './InlineHelpSource-e0993481', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', 'css!./UserAssistanceStyles.styles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './UNSAFE_ComponentMessage', './ComponentMessage-9a8d09d7', './PRIVATE_Message', './UNSAFE_Flex', './Flex-737b4558', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/boxalignment', './keys-bd864d3b', './utils/UNSAFE_interpolations/flexbox', './flexbox-360da814', './utils/UNSAFE_interpolations/flexitem', './flexitem-50bdf28f', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-e12e6cd3', './UNSAFE_IconButton', './IconButton-8279d66e', './UNSAFE_BaseButton', './BaseButton-6402590c', './hooks/UNSAFE_usePress', './UNSAFE_ButtonLayout', './ButtonLayout-a305ee60', './UNSAFE_Text', './Text-b4ada444', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './MessageDetail-8ea3e981', './MessageFormattingUtils-f7a98a15', './utils/UNSAFE_getLocale', './Message.types-5481bbeb', './MessageStartIcon-122ac18c', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-cc50ccae', './MessageTimestamp-f0855103', './MessageUtils-3bfa725d', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-683cc006', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './ComponentMessageContainer-13fbf82d', './hooks/UNSAFE_useInputGroupContext', './UNSAFE_Popup', './utils/PRIVATE_tabbableUtils', './_arity-4ae8938b', './UNSAFE_FocusTrap', './FocusTrap-e9b56dbb', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Divider', './Divider-cb904aa5', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './CompactHelpSource-fb94eea7', './PRIVATE_ThemedIcons/HelpIcon', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-0ed11e14', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './UNSAFE_Radio/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioVariants.css'], (function(e,s,o,t,a,n,i,c,d,l,r,m,h,S,A,F,u,_,U,E,N,p,T,y,g,b,I,R,C,M,x,w,B,k,f,P,V,v,L,D,j,H,O,G,z,W,$,q,J,K,Q,X,Y,Z,ee,se,oe,te,ae,ne,ie,ce,de,le,re,me,he,Se,Ae,Fe,ue,_e,Ue,Ee,Ne,pe,Te,ye,ge,be,Ie,Re,Ce,Me,xe,we,Be,ke,fe,Pe,Ve,ve,Le,De,je,He,Oe,Ge,ze,We,$e,qe,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,as,ns,is,cs,ds,ls,rs,ms,hs,Ss,As,Fs,us,_s,Us,Es,Ns,ps,Ts,ys,gs,bs,Is,Rs,Cs,Ms,xs,ws,Bs,ks,fs,Ps,Vs,vs,Ls,Ds,js,Hs,Os,Gs,zs,Ws,$s,qs,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,ao,no,io,co,lo,ro,mo,ho,So,Ao,Fo,uo,_o,Uo,Eo,No,po,To,yo,go,bo,Io,Ro,Co){"use strict";e.Radio=({value:e,children:S,...u})=>{const{isReadonly:T,isDisabled:y}=a.useFormContext(),{isDisabled:g,isReadonly:b}=n.useFormFieldContext(),{name:I,value:R,onCommit:C}=A.useRadioGroupContext(),{isFocusRingShown:M}=l.useCheckboxRadioContext(),{isTabbable:x}=c.useTabbableMode(),w=i.useId(),{isFocus:B,focusProps:k}=t.useFocus(),f=R===e,P=g??y,V=b??T,{interactionProps:v,applyActiveStyle:L}=d.useInteractionStyle(),{classes:D,styles:{valueLabelStyle:j,valueTextStyle:H}}=o.useComponentTheme(E.RadioRedwoodTheme,{disabled:P?"isDisabled":"notDisabled",focused:B&&M?"isFocused":""}),{classes:O}=o.useComponentTheme(U.RadioIconRedwoodTheme,{disabled:P?"isDisabled":"notDisabled",selected:f?"isSelected":"notSelected",readonly:V?"isReadonly":"notReadonly",active:L?"isActive":"notActive"}),{assistiveText:G,helpSourceLink:z}=u,W=!(V||!G&&!z),$=W?`${w}-icon-ua`:void 0,q=V?f?r.CheckIcon:m.RadioOffIcon:f?h.RadioOnIcon:m.RadioOffIcon;return s.jsx("div",{children:s.jsxs("label",{class:D,...v,children:[s.jsx(N.HiddenAccessible,{children:s.jsx("input",{type:"radio",name:I,id:w,value:e,...!V&&{onChange:s=>{s.stopPropagation(),C?.({previousValue:R,value:e})}},checked:f,disabled:P,"aria-describedby":$,...!x&&{tabIndex:-1},...V&&{"aria-readonly":!0},...k})}),s.jsx("span",{"aria-hidden":"true",class:O,children:s.jsx(q,{size:p.getVarName(_.radioIconVars.iconSize),color:"currentColor"})}),s.jsxs("span",{class:j,children:[s.jsx("span",{class:H,children:S}),W&&s.jsx(F.IconUserAssistance,{...u,isTabbable:x&&f&&B,id:$})]})]})})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Radio.js.map

package/amd/UNSAFE_Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Radio.js","sources":["../../src/UNSAFE_Radio/Radio.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useCheckboxRadioContext } from '../PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { CheckIcon } from '../PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '../PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '../PRIVATE_ThemedIcons/RadioOnIcon';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useRadioGroupContext } from '../UNSAFE_RadioGroup/RadioGroupContext';\n\nimport { IconUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getVarName } from '../utils/UNSAFE_stringUtils';\nimport { radioIconVars } from './themes/RadioIconContract.css';\nimport { RadioIconRedwoodTheme } from './themes/redwood/RadioIconTheme';\nimport { RadioRedwoodTheme } from './themes/redwood/RadioTheme';\n\n// FIXME: \ntype CalcType = `calc(${string})`;\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Text that describes the radio button value.\n   */\n  children: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: string;\n  /**\n   * Value of the radio button.\n   */\n  value: string;\n};\n\nexport const Radio = ({ value, children, ...assistanceProps }: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, value: groupValue, onCommit } = useRadioGroupContext();\n  const { isFocusRingShown } = useCheckboxRadioContext();\n  const { isTabbable } = useTabbableMode();\n\n  const id = useId();\n  const { isFocus, focusProps } = useFocus();\n\n  const isSelected = groupValue === value;\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n  const {\n    classes: radioClasses,\n    styles: { valueLabelStyle, valueTextStyle }\n  } = useComponentTheme(RadioRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    focused: isFocus && isFocusRingShown ? 'isFocused' : ''\n  });\n\n  const { classes: radioIconClasses } = useComponentTheme(RadioIconRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    selected: isSelected ? 'isSelected' : 'notSelected',\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    active: applyActiveStyle ? 'isActive' : 'notActive'\n  });\n\n  const { assistiveText, helpSourceLink } = assistanceProps;\n  const hasUserAssistive = !isReadonly && !!(assistiveText || helpSourceLink);\n  const uaId = hasUserAssistive ? `${id}-icon-ua` : undefined;\n\n  const IconComp = isReadonly\n    ? isSelected\n      ? CheckIcon\n      : RadioOffIcon\n    : isSelected\n    ? RadioOnIcon\n    : RadioOffIcon;\n\n  return (\n    <div>\n      <label class={radioClasses} {...interactionProps}>\n        <HiddenAccessible>\n          <input\n            type=\"radio\"\n            name={name}\n            id={id}\n            value={value}\n            {...(!isReadonly && {\n              onChange: (e) => {\n                e.stopPropagation();\n                onCommit?.({ previousValue: groupValue, value });\n              }\n            })}\n            checked={isSelected}\n            disabled={isDisabled}\n            aria-describedby={uaId}\n            {...(!isTabbable && { tabIndex: -1 })}\n            {...(isReadonly && { 'aria-readonly': true })}\n            {...focusProps}\n          />\n        </HiddenAccessible>\n        <span aria-hidden=\"true\" class={radioIconClasses}>\n          <IconComp size={getVarName(radioIconVars.iconSize) as CalcType} color=\"currentColor\" />\n        </span>\n        <span class={valueLabelStyle}>\n          <span class={valueTextStyle}>{children}</span>\n          {hasUserAssistive && (\n            <IconUserAssistance\n              {...assistanceProps}\n              isTabbable={isTabbable && isSelected && isFocus}\n              id={uaId as string}\n            />\n          )}\n        </span>\n      </label>\n    </div>\n  );\n};\n"],"names":["value","children","assistanceProps","isReadonly","isFormReadonly","isDisabled","isFormDisabled","useFormContext","isFieldDisabled","isFieldReadonly","useFormFieldContext","name","groupValue","onCommit","useRadioGroupContext","isFocusRingShown","useCheckboxRadioContext","isTabbable","useTabbableMode","id","useId","isFocus","focusProps","useFocus","isSelected","interactionProps","applyActiveStyle","useInteractionStyle","classes","radioClasses","styles","valueLabelStyle","valueTextStyle","useComponentTheme","RadioRedwoodTheme","disabled","focused","radioIconClasses","RadioIconRedwoodTheme","selected","readonly","active","assistiveText","helpSourceLink","hasUserAssistive","uaId","undefined","IconComp","CheckIcon","RadioOffIcon","RadioOnIcon","_jsx","jsx","_jsxs","jsxs","class","HiddenAccessible","type","onChange","e","stopPropagation","previousValue","checked","tabIndex","size","getVarName","radioIconVars","iconSize","color","IconUserAssistance"],"mappings":"kqOAqDqB,EAAGA,QAAOC,cAAaC,MAC1C,MAAQC,WAAYC,EAAgBC,WAAYC,GAAmBC,EAAAA,kBAC3DF,WAAYG,EAAiBL,WAAYM,GAAoBC,EAAAA,uBAC/DC,KAAEA,EAAMX,MAAOY,EAAUC,SAAEA,GAAaC,EAAAA,wBACxCC,iBAAEA,GAAqBC,EAAAA,2BACvBC,WAAEA,GAAeC,EAAAA,kBAEjBC,EAAKC,EAAAA,SACLC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAElCC,EAAaZ,IAAeZ,EAC5BK,EAAaG,GAAmBF,EAChCH,EAAaM,GAAmBL,GAEhCqB,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAmBA,uBAGhEC,QAASC,EACTC,QAAQC,gBAAEA,EAAeC,eAAEA,IACzBC,EAAiBA,kBAACC,oBAAmB,CACvCC,SAAU9B,EAAa,aAAe,cACtC+B,QAASf,GAAWN,EAAmB,YAAc,MAG/Ca,QAASS,GAAqBJ,EAAAA,kBAAkBK,EAAAA,sBAAuB,CAC7EH,SAAU9B,EAAa,aAAe,cACtCkC,SAAUf,EAAa,aAAe,cACtCgB,SAAUrC,EAAa,aAAe,cACtCsC,OAAQf,EAAmB,WAAa,eAGpCgB,cAAEA,EAAaC,eAAEA,GAAmBzC,EACpC0C,IAAoBzC,IAAiBuC,IAAiBC,GACtDE,EAAOD,EAAmB,GAAGzB,iBAAe2B,EAE5CC,EAAW5C,EACbqB,EACEwB,EAASA,UACTC,EAAYA,aACdzB,EACA0B,EAAWA,YACXD,eAEJ,OACEE,EAAAC,IAAA,MAAA,CAAAnD,SACEoD,EAAOC,KAAA,QAAA,CAAAC,MAAO1B,KAAkBJ,EAAgBxB,SAAA,CAC9CkD,EAACC,IAAAI,EAAgBA,iBACf,CAAAvD,SAAAkD,EAAAC,IAAA,QAAA,CACEK,KAAK,QACL9C,KAAMA,EACNQ,GAAIA,EACJnB,MAAOA,MACDG,GAAc,CAClBuD,SAAWC,IACTA,EAAEC,kBACF/C,IAAW,CAAEgD,cAAejD,EAAYZ,SAAQ,GAGpD8D,QAAStC,EACTW,SAAU9B,EAAU,mBACFwC,MACZ5B,GAAc,CAAE8C,UAAW,MAC5B5D,GAAc,CAAE,iBAAiB,MAClCmB,MAGR6B,EAAAA,0BAAkB,OAAOI,MAAOlB,WAC9Bc,EAACC,IAAAL,EAAS,CAAAiB,KAAMC,EAAAA,WAAWC,EAAaA,cAACC,UAAuBC,MAAM,mBAExEf,EAAAC,KAAA,OAAA,CAAMC,MAAOxB,YACXoB,EAAAA,IAAM,OAAA,CAAAI,MAAOvB,EAAc/B,SAAGA,IAC7B2C,GACCO,EAAAC,IAACiB,qBACK,IAAAnE,EACJe,WAAYA,GAAcO,GAAcH,EACxCF,GAAI0B,WAMd"}
+{"version":3,"file":"UNSAFE_Radio.js","sources":["../../src/UNSAFE_Radio/Radio.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useCheckboxRadioContext } from '../PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { CheckIcon } from '../PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '../PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '../PRIVATE_ThemedIcons/RadioOnIcon';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useRadioGroupContext } from '../UNSAFE_RadioGroup/RadioGroupContext';\n\nimport { IconUserAssistance } from '../UNSAFE_UserAssistance';\nimport { getVarName } from '../utils/UNSAFE_stringUtils';\nimport { radioIconVars } from './themes/RadioIconContract.css';\nimport { RadioIconRedwoodTheme } from './themes/redwood/RadioIconTheme';\nimport { RadioRedwoodTheme } from './themes/redwood/RadioTheme';\n\n// FIXME: \ntype CalcType = `calc(${string})`;\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Text that describes the radio button value.\n   */\n  children: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: string;\n  /**\n   * Value of the radio button.\n   */\n  value: string;\n};\n\nexport const Radio = ({ value, children, ...assistanceProps }: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, value: groupValue, onCommit } = useRadioGroupContext();\n  const { isFocusRingShown } = useCheckboxRadioContext();\n  const { isTabbable } = useTabbableMode();\n\n  const id = useId();\n  const { isFocus, focusProps } = useFocus();\n\n  const isSelected = groupValue === value;\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n  const {\n    classes: radioClasses,\n    styles: { valueLabelStyle, valueTextStyle }\n  } = useComponentTheme(RadioRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    focused: isFocus && isFocusRingShown ? 'isFocused' : ''\n  });\n\n  const { classes: radioIconClasses } = useComponentTheme(RadioIconRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    selected: isSelected ? 'isSelected' : 'notSelected',\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    active: applyActiveStyle ? 'isActive' : 'notActive'\n  });\n\n  const { assistiveText, helpSourceLink } = assistanceProps;\n  const hasUserAssistive = !isReadonly && !!(assistiveText || helpSourceLink);\n  const uaId = hasUserAssistive ? `${id}-icon-ua` : undefined;\n\n  const IconComp = isReadonly\n    ? isSelected\n      ? CheckIcon\n      : RadioOffIcon\n    : isSelected\n    ? RadioOnIcon\n    : RadioOffIcon;\n\n  return (\n    <div>\n      <label class={radioClasses} {...interactionProps}>\n        <HiddenAccessible>\n          <input\n            type=\"radio\"\n            name={name}\n            id={id}\n            value={value}\n            {...(!isReadonly && {\n              onChange: (e) => {\n                e.stopPropagation();\n                onCommit?.({ previousValue: groupValue, value });\n              }\n            })}\n            checked={isSelected}\n            disabled={isDisabled}\n            aria-describedby={uaId}\n            {...(!isTabbable && { tabIndex: -1 })}\n            {...(isReadonly && { 'aria-readonly': true })}\n            {...focusProps}\n          />\n        </HiddenAccessible>\n        <span aria-hidden=\"true\" class={radioIconClasses}>\n          <IconComp size={getVarName(radioIconVars.iconSize) as CalcType} color=\"currentColor\" />\n        </span>\n        <span class={valueLabelStyle}>\n          <span class={valueTextStyle}>{children}</span>\n          {hasUserAssistive && (\n            <IconUserAssistance\n              {...assistanceProps}\n              isTabbable={isTabbable && isSelected && isFocus}\n              id={uaId as string}\n            />\n          )}\n        </span>\n      </label>\n    </div>\n  );\n};\n"],"names":["value","children","assistanceProps","isReadonly","isFormReadonly","isDisabled","isFormDisabled","useFormContext","isFieldDisabled","isFieldReadonly","useFormFieldContext","name","groupValue","onCommit","useRadioGroupContext","isFocusRingShown","useCheckboxRadioContext","isTabbable","useTabbableMode","id","useId","isFocus","focusProps","useFocus","isSelected","interactionProps","applyActiveStyle","useInteractionStyle","classes","radioClasses","styles","valueLabelStyle","valueTextStyle","useComponentTheme","RadioRedwoodTheme","disabled","focused","radioIconClasses","RadioIconRedwoodTheme","selected","readonly","active","assistiveText","helpSourceLink","hasUserAssistive","uaId","undefined","IconComp","CheckIcon","RadioOffIcon","RadioOnIcon","_jsx","jsx","_jsxs","jsxs","class","HiddenAccessible","type","onChange","e","stopPropagation","previousValue","checked","tabIndex","size","getVarName","radioIconVars","iconSize","color","IconUserAssistance"],"mappings":"gqOAqDqB,EAAGA,QAAOC,cAAaC,MAC1C,MAAQC,WAAYC,EAAgBC,WAAYC,GAAmBC,EAAAA,kBAC3DF,WAAYG,EAAiBL,WAAYM,GAAoBC,EAAAA,uBAC/DC,KAAEA,EAAMX,MAAOY,EAAUC,SAAEA,GAAaC,EAAAA,wBACxCC,iBAAEA,GAAqBC,EAAAA,2BACvBC,WAAEA,GAAeC,EAAAA,kBAEjBC,EAAKC,EAAAA,SACLC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAElCC,EAAaZ,IAAeZ,EAC5BK,EAAaG,GAAmBF,EAChCH,EAAaM,GAAmBL,GAEhCqB,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAmBA,uBAGhEC,QAASC,EACTC,QAAQC,gBAAEA,EAAeC,eAAEA,IACzBC,EAAiBA,kBAACC,oBAAmB,CACvCC,SAAU9B,EAAa,aAAe,cACtC+B,QAASf,GAAWN,EAAmB,YAAc,MAG/Ca,QAASS,GAAqBJ,EAAAA,kBAAkBK,EAAAA,sBAAuB,CAC7EH,SAAU9B,EAAa,aAAe,cACtCkC,SAAUf,EAAa,aAAe,cACtCgB,SAAUrC,EAAa,aAAe,cACtCsC,OAAQf,EAAmB,WAAa,eAGpCgB,cAAEA,EAAaC,eAAEA,GAAmBzC,EACpC0C,IAAoBzC,IAAiBuC,IAAiBC,GACtDE,EAAOD,EAAmB,GAAGzB,iBAAe2B,EAE5CC,EAAW5C,EACbqB,EACEwB,EAASA,UACTC,EAAYA,aACdzB,EACA0B,EAAWA,YACXD,eAEJ,OACEE,EAAAC,IAAA,MAAA,CAAAnD,SACEoD,EAAOC,KAAA,QAAA,CAAAC,MAAO1B,KAAkBJ,EAAgBxB,SAAA,CAC9CkD,EAACC,IAAAI,EAAgBA,iBACf,CAAAvD,SAAAkD,EAAAC,IAAA,QAAA,CACEK,KAAK,QACL9C,KAAMA,EACNQ,GAAIA,EACJnB,MAAOA,MACDG,GAAc,CAClBuD,SAAWC,IACTA,EAAEC,kBACF/C,IAAW,CAAEgD,cAAejD,EAAYZ,SAAQ,GAGpD8D,QAAStC,EACTW,SAAU9B,EAAU,mBACFwC,MACZ5B,GAAc,CAAE8C,UAAW,MAC5B5D,GAAc,CAAE,iBAAiB,MAClCmB,MAGR6B,EAAAA,0BAAkB,OAAOI,MAAOlB,WAC9Bc,EAACC,IAAAL,EAAS,CAAAiB,KAAMC,EAAAA,WAAWC,EAAaA,cAACC,UAAuBC,MAAM,mBAExEf,EAAAC,KAAA,OAAA,CAAMC,MAAOxB,YACXoB,EAAAA,IAAM,OAAA,CAAAI,MAAOvB,EAAc/B,SAAGA,IAC7B2C,GACCO,EAAAC,IAACiB,qBACK,IAAAnE,EACJe,WAAYA,GAAcO,GAAcH,EACxCF,GAAI0B,WAMd"}