@oracle/oraclejet-preact 15.1.3 → 15.1.4

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-a956c8b7'], (function(e,s,t,a,p,c){"use strict";const i={baseTheme:s.baseTheme,multiVariantStyles:t.multiVariantStyles};e.PopupRedwoodTheme=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './PopupBaseTheme.css', './PopupVariants.css', 'module', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(e,s,t,a,p,c){"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-a956c8b7'], (function(e,a,t){"use strict";var s=t.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-e41f3afc'], (function(e,a,t){"use strict";var s=t.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-a956c8b7'], (function(e,s,t,a,p,c){"use strict";const i={baseTheme:s.baseTheme,multiVariantStyles:t.multiVariantStyles};e.PopupStableTheme=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './PopupBaseTheme.css', './PopupVariants.css', 'module', 'css!./../../../PopupStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(e,s,t,a,p,c){"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-a956c8b7'], (function(e,a,t){"use strict";var s=t.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-e41f3afc'], (function(e,a,t){"use strict";var s=t.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-92e17ae8', './Floating-db18e245', './classNames-b19002dd', './FocusTrap-71217c02', './index-08fc7a13', './index-ef313fdb', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_logger', './_curry1-ac60a4b6', './_curry2-ec75f17a', './utils-15310d3e', './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-a956c8b7', './vanilla-extract-dynamic.esm-737f3b10', './UNSAFE_Floating/themes/FloatingContract.css', './_arity-0a28fbe3', './_curry3-b78b1282', './useThemeInterpolations-f84f1968', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils/UNSAFE_mergeInterpolations', './_has-7afcc05e', './hooks/UNSAFE_useAnimation', './useAnimation-45498bc0', './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-21c493e8', './Floating-eb348d77', './classNames-6767395f', './FocusTrap-99e3a240', './index-88e3273c', './index-fcbf385a', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_logger', './_curry1-e6d9d1a5', './_curry2-52d67333', './utils-b3699512', './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-e41f3afc', './vanilla-extract-dynamic.esm-9a92ef3d', './UNSAFE_Floating/themes/FloatingContract.css', './_arity-f7a07b47', './_curry3-e07e0dfb', './useThemeInterpolations-d0f96d4d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils/UNSAFE_mergeInterpolations', './_has-38a83b27', './hooks/UNSAFE_useAnimation', './useAnimation-346d4401', './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,d,h,g,A,E,F,b,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: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: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=A.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(a.Layer,{children:e.jsx(E.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:F.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(b.FocusTrap,{isDisabled:O,restoreFocusRef:!1,children:n})})})})}));t.Popup=ct,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-a956c8b7'], (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-e41f3afc'], (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-a956c8b7'], (function(e,s,t,n,i){"use strict";e.PrefixSuffix=function({hasEndContent:e,hasInsideLabel:n,hasStartContent:i,id:a,isDisabled:r,isFocused:c,text:o,variant:d}){const f=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:f,id:a,children:s.jsx("span",{children:o})})},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-e41f3afc'], (function(e,s,t,n,i){"use strict";e.PrefixSuffix=function({hasEndContent:e,hasInsideLabel:n,hasStartContent:i,id:a,isDisabled:r,isFocused:f,text:c,variant:o}){const d=t.multiVariantStyles({variant:o,isFocused:f?"yes":"no",isDisabled:r?"yes":"no",hasInsideLabel:n?"yes":"no",hasStartContent:i?"yes":"no",hasEndContent:e?"yes":"no"});return s.jsx("div",{class:d,id:a,children:s.jsx("span",{children:c})})},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.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-a956c8b7'], (function(s,e,r,a,t,i,l,c){"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})}));
+define(['exports', '../ProgressBarStyles.css', './ProgressBarBaseTheme.css', './ProgressBarVariants.css', 'css!./../../../ProgressBarStyles.styles.css', 'module', 'css!./../../../ProgressBarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(s,e,r,a,t,i,l,c){"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/ProgressBarTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarTheme.js","sources":["../../../../../src/UNSAFE_ProgressBar/themes/redwood/ProgressBarTheme.ts"],"sourcesContent":["import { styles, variants, ProgressBarTheme } from '../ProgressBarStyles.css';\nimport { baseTheme } from './ProgressBarBaseTheme.css';\nimport { multiVariantStyles } from './ProgressBarVariants.css';\n/*******************\n * Component Theme\n *******************/\n\nconst ProgressBarRedwoodTheme: ProgressBarTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { ProgressBarRedwoodTheme };\n"],"names":["ProgressBarRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"0UAOA,MAAMA,EAA4C,WAChDC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"ProgressBarTheme.js","sources":["../../../../../src/UNSAFE_ProgressBar/themes/redwood/ProgressBarTheme.ts"],"sourcesContent":["import { styles, variants, ProgressBarTheme } from '../ProgressBarStyles.css';\nimport { baseTheme } from './ProgressBarBaseTheme.css';\nimport { multiVariantStyles } from './ProgressBarVariants.css';\n/*******************\n * Component Theme\n *******************/\n\nconst ProgressBarRedwoodTheme: ProgressBarTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { ProgressBarRedwoodTheme };\n"],"names":["ProgressBarRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"yUAOA,MAAMA,EAA4C,WAChDC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

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

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../ProgressBarStyles.styles.css', 'css!./../../../ProgressBarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-a956c8b7'], (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-e41f3afc'], (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.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-a956c8b7'], (function(s,e,r,a,t,l,i,c){"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})}));
+define(['exports', '../ProgressBarStyles.css', './ProgressBarBaseTheme.css', './ProgressBarVariants.css', 'css!./../../../ProgressBarStyles.styles.css', 'module', 'css!./../../../ProgressBarVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(s,e,r,a,t,l,i,c){"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/ProgressBarTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarTheme.js","sources":["../../../../../src/UNSAFE_ProgressBar/themes/stable/ProgressBarTheme.ts"],"sourcesContent":["import { styles, variants, ProgressBarTheme } from '../ProgressBarStyles.css';\nimport { baseTheme } from './ProgressBarBaseTheme.css';\nimport { multiVariantStyles } from './ProgressBarVariants.css';\n/*******************\n * Component Theme\n *******************/\n\nconst ProgressBarStableTheme: ProgressBarTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { ProgressBarStableTheme };\n"],"names":["ProgressBarStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"yUAOA,MAAMA,EAA2C,WAC/CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"ProgressBarTheme.js","sources":["../../../../../src/UNSAFE_ProgressBar/themes/stable/ProgressBarTheme.ts"],"sourcesContent":["import { styles, variants, ProgressBarTheme } from '../ProgressBarStyles.css';\nimport { baseTheme } from './ProgressBarBaseTheme.css';\nimport { multiVariantStyles } from './ProgressBarVariants.css';\n/*******************\n * Component Theme\n *******************/\n\nconst ProgressBarStableTheme: ProgressBarTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { ProgressBarStableTheme };\n"],"names":["ProgressBarStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"0UAOA,MAAMA,EAA2C,WAC/CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

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

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../ProgressBarStyles.styles.css', 'css!./../../../ProgressBarVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-a956c8b7'], (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-e41f3afc'], (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-b19002dd', 'preact/hooks', './index-ef313fdb', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_logger', './_curry1-ac60a4b6', './_curry2-ec75f17a', './UNSAFE_ProgressBar/themes/ProgressBarStyles.css', 'css!./ProgressBarStyles.styles.css', './UNSAFE_ProgressBar/themes/redwood/ProgressBarBaseTheme.css', 'module', './UNSAFE_ProgressBar/themes/redwood/ProgressBarVariants.css', 'css!./ProgressBarVariants.styles2.css', './vanilla-extract-recipes-createRuntimeFn.esm-a956c8b7'], (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-6767395f', 'preact/hooks', './index-fcbf385a', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_logger', './_curry1-e6d9d1a5', './_curry2-52d67333', './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-e41f3afc'], (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 f=({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})})},A=({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(f,{...a}):s.jsx(A,{value:e,max:r,...a})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ProgressBar.js.map

package/amd/UNSAFE_ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.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 { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { ProgressBarStyles, ProgressBarVariantOptions } from './themes/ProgressBarStyles.css';\nimport { ProgressBarRedwoodTheme } from './themes/redwood/ProgressBarTheme';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({ id, width, edge = 'none', ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: {\n      valueStyle,\n      indeterminate,\n      animationStyleLTR,\n      animationStyleRTL,\n      highContrastValueStyle\n    }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const { direction, forcedColors } = useUser();\n  const barValueClasses = classNames([\n    valueStyle,\n    indeterminate,\n    direction === 'rtl' ? animationStyleRTL : animationStyleLTR,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <BarTrack id={id} ariaProps={ariaProps} class={classes} length={width}>\n      <BarValue class={barValueClasses} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const { forcedColors } = useUser();\n  const {\n    classes,\n    styles: { valueStyle, highContrastValueStyle }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const barValueClasses = classNames([\n    valueStyle,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <BarTrack ariaProps={ariaProps} id={id} length={width} class={classes}>\n      <BarValue class={barValueClasses} length={percentage} />\n    </BarTrack>\n  );\n};\n"],"names":["IndeterminateProgressBar","id","width","edge","props","classes","styles","valueStyle","indeterminate","animationStyleLTR","animationStyleRTL","highContrastValueStyle","useComponentTheme","ProgressBarRedwoodTheme","undefined","direction","forcedColors","useUser","barValueClasses","classNames","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","_jsx","jsx","BarTrack","class","length","children","BarValue","DeterminateProgressBar","value","max","percentage","Math","min","otherProps"],"mappings":"w6BAsEA,MAAMA,EAA2B,EAAGC,KAAIC,QAAOC,OAAO,UAAWC,MAC/D,MAAMC,QACJA,EACAC,QAAQC,WACNA,EAAUC,cACVA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAiBC,uBACjBA,IAEAC,EAAAA,kBAAgEC,EAAAA,wBAAyB,CAC3FV,KAAe,SAATA,EAAkBA,OAAOW,KAG3BC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkBC,EAAAA,WAAW,CACjCZ,EACAC,EACc,QAAdO,EAAsBL,EAAoBD,EACzB,WAAjBO,EAA4BL,EAAyB,KAEjDS,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBlB,EAAM,mBAAqBgB,EAAaG,wBAC1DC,KAAM,eAER,OACEC,EAAAC,IAACC,EAAQA,SAAA,CAAC1B,GAAIA,EAAIqB,UAAWA,EAAWM,MAAOvB,EAASwB,OAAQ3B,EAAK4B,SACnEL,EAAAA,IAACM,EAAQA,SAAC,CAAAH,MAAOV,KAEnB,EAOEc,EAAyB,EAC7BC,QAAQ,EACRC,MAAM,IACNjC,KACAC,QACAC,OAAO,WAEP,MAAMa,aAAEA,GAAiBC,EAAAA,WACnBZ,QACJA,EACAC,QAAQC,WAAEA,EAAUI,uBAAEA,IACpBC,EAAiBA,kBAA+CC,0BAAyB,CAC3FV,KAAe,SAATA,EAAkBA,OAAOW,IAG3BI,EAAkBC,EAAAA,WAAW,CACjCZ,EACiB,WAAjBS,EAA4BL,EAAyB,KAGjDwB,EAAwD,IAAxCC,KAAKC,IAAID,KAAKF,IAAI,EAAGD,EAAQC,GAAM,GAAtC,IACbZ,EAA2B,CAAA,EAKjC,OAJAA,EAAU,iBAA4B,MAATW,EAAgB,OAAInB,EACjDQ,EAAU,iBAA4B,MAATW,EAAgBC,OAAMpB,EACnDQ,EAAU,iBAA4B,MAATW,EAAgBA,OAAQnB,EACrDQ,EAAgB,KAAI,cAElBG,EAAAC,IAACC,WAAQ,CAACL,UAAWA,EAAWrB,GAAIA,EAAI4B,OAAQ3B,EAAO0B,MAAOvB,EAAOyB,SACnEL,EAAAA,IAACM,EAAQA,UAACH,MAAOV,EAAiBW,OAAQM,KAE5C,gBA7EE,UAAsBF,MAAEA,EAAKC,IAAEA,KAAQI,IAC3C,MAAiB,kBAAVL,EACLR,EAAAC,IAAC1B,EAAwB,IAAKsC,IAE9Bb,EAAAA,IAACO,EAAuB,CAAAC,MAAOA,EAAOC,IAAKA,KAASI,GAExD"}
+{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.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 { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { ProgressBarStyles, ProgressBarVariantOptions } from './themes/ProgressBarStyles.css';\nimport { ProgressBarRedwoodTheme } from './themes/redwood/ProgressBarTheme';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({ id, width, edge = 'none', ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: {\n      valueStyle,\n      indeterminate,\n      animationStyleLTR,\n      animationStyleRTL,\n      highContrastValueStyle\n    }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const { direction, forcedColors } = useUser();\n  const barValueClasses = classNames([\n    valueStyle,\n    indeterminate,\n    direction === 'rtl' ? animationStyleRTL : animationStyleLTR,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <BarTrack id={id} ariaProps={ariaProps} class={classes} length={width}>\n      <BarValue class={barValueClasses} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const { forcedColors } = useUser();\n  const {\n    classes,\n    styles: { valueStyle, highContrastValueStyle }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const barValueClasses = classNames([\n    valueStyle,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <BarTrack ariaProps={ariaProps} id={id} length={width} class={classes}>\n      <BarValue class={barValueClasses} length={percentage} />\n    </BarTrack>\n  );\n};\n"],"names":["IndeterminateProgressBar","id","width","edge","props","classes","styles","valueStyle","indeterminate","animationStyleLTR","animationStyleRTL","highContrastValueStyle","useComponentTheme","ProgressBarRedwoodTheme","undefined","direction","forcedColors","useUser","barValueClasses","classNames","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","_jsx","jsx","BarTrack","class","length","children","BarValue","DeterminateProgressBar","value","max","percentage","Math","min","otherProps"],"mappings":"u6BAsEA,MAAMA,EAA2B,EAAGC,KAAIC,QAAOC,OAAO,UAAWC,MAC/D,MAAMC,QACJA,EACAC,QAAQC,WACNA,EAAUC,cACVA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAiBC,uBACjBA,IAEAC,EAAAA,kBAAgEC,EAAAA,wBAAyB,CAC3FV,KAAe,SAATA,EAAkBA,OAAOW,KAG3BC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkBC,EAAAA,WAAW,CACjCZ,EACAC,EACc,QAAdO,EAAsBL,EAAoBD,EACzB,WAAjBO,EAA4BL,EAAyB,KAEjDS,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBlB,EAAM,mBAAqBgB,EAAaG,wBAC1DC,KAAM,eAER,OACEC,EAAAC,IAACC,EAAQA,SAAA,CAAC1B,GAAIA,EAAIqB,UAAWA,EAAWM,MAAOvB,EAASwB,OAAQ3B,EAAK4B,SACnEL,EAAAA,IAACM,EAAQA,SAAC,CAAAH,MAAOV,KAEnB,EAOEc,EAAyB,EAC7BC,QAAQ,EACRC,MAAM,IACNjC,KACAC,QACAC,OAAO,WAEP,MAAMa,aAAEA,GAAiBC,EAAAA,WACnBZ,QACJA,EACAC,QAAQC,WAAEA,EAAUI,uBAAEA,IACpBC,EAAiBA,kBAA+CC,0BAAyB,CAC3FV,KAAe,SAATA,EAAkBA,OAAOW,IAG3BI,EAAkBC,EAAAA,WAAW,CACjCZ,EACiB,WAAjBS,EAA4BL,EAAyB,KAGjDwB,EAAwD,IAAxCC,KAAKC,IAAID,KAAKF,IAAI,EAAGD,EAAQC,GAAM,GAAtC,IACbZ,EAA2B,CAAA,EAKjC,OAJAA,EAAU,iBAA4B,MAATW,EAAgB,OAAInB,EACjDQ,EAAU,iBAA4B,MAATW,EAAgBC,OAAMpB,EACnDQ,EAAU,iBAA4B,MAATW,EAAgBA,OAAQnB,EACrDQ,EAAgB,KAAI,cAElBG,EAAAC,IAACC,WAAQ,CAACL,UAAWA,EAAWrB,GAAIA,EAAI4B,OAAQ3B,EAAO0B,MAAOvB,EAAOyB,SACnEL,EAAAA,IAACM,EAAQA,UAACH,MAAOV,EAAiBW,OAAQM,KAE5C,gBA7EE,UAAsBF,MAAEA,EAAKC,IAAEA,KAAQI,IAC3C,MAAiB,kBAAVL,EACLR,EAAAC,IAAC1B,EAAwB,IAAKsC,IAE9Bb,EAAAA,IAACO,EAAuB,CAAAC,MAAOA,EAAOC,IAAKA,KAASI,GAExD"}

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.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-a956c8b7'], (function(e,s,r,t,a,i,l,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.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(e,s,r,t,a,i,l,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})}));
 //# 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.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-a956c8b7'], (function(e,s,a,r){"use strict";var t=r.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.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(e,s,a,r){"use strict";var t=r.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.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-a956c8b7'], (function(e,s,r,t,a,l,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.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(e,s,r,t,a,l,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})}));
 //# 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.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-a956c8b7'], (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.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (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-b19002dd', 'preact/compat', './utils/UNSAFE_dvtCommonUtils', './Common/themes/themeContract.css', 'preact/hooks', './index-ef313fdb', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/UNSAFE_logger', './_curry1-ac60a4b6', './_curry2-ec75f17a', './UNSAFE_ProgressCircle/themes/ProgressCircleStyles.css', 'css!./ProgressCircleStyles.styles.css', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleBaseTheme.css', 'module', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleVariants.css', 'css!./ProgressCircleVariants.styles2.css', './vanilla-extract-recipes-createRuntimeFn.esm-a956c8b7'], (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})}));
+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-6767395f', 'preact/compat', './utils/UNSAFE_dvtCommonUtils', './Common/themes/themeContract.css', 'preact/hooks', './index-fcbf385a', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/UNSAFE_logger', './_curry1-e6d9d1a5', './_curry2-52d67333', './UNSAFE_ProgressCircle/themes/ProgressCircleStyles.css', 'css!./ProgressCircleStyles.styles.css', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleBaseTheme.css', 'module', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleVariants.css', 'css!./ProgressCircleVariants.styles2.css', './vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (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-a956c8b7'], (function(e,s,a,t,i,c,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})}));
+define(['exports', '../RadioIconStyles.css', './RadioIconBaseTheme.css', './RadioIconVariants.css', 'css!./../../../RadioIconStyles.styles.css', 'module', 'css!./../../../RadioIconVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(e,s,a,t,i,c,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/RadioIconTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioIconTheme.js","sources":["../../../../../src/UNSAFE_Radio/themes/redwood/RadioIconTheme.ts"],"sourcesContent":["import { RadioIconTheme, styles, variants } from '../RadioIconStyles.css';\nimport { baseTheme } from './RadioIconBaseTheme.css';\nimport { multiVariantStyles } from './RadioIconVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst RadioIconRedwoodTheme: RadioIconTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { RadioIconRedwoodTheme };\n"],"names":["RadioIconRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"6TAQA,MAAMA,EAAwC,WAC5CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"RadioIconTheme.js","sources":["../../../../../src/UNSAFE_Radio/themes/redwood/RadioIconTheme.ts"],"sourcesContent":["import { RadioIconTheme, styles, variants } from '../RadioIconStyles.css';\nimport { baseTheme } from './RadioIconBaseTheme.css';\nimport { multiVariantStyles } from './RadioIconVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst RadioIconRedwoodTheme: RadioIconTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { RadioIconRedwoodTheme };\n"],"names":["RadioIconRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"8TAQA,MAAMA,EAAwC,WAC5CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

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-a956c8b7'], (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.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (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})}));
 //# 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-a956c8b7'], (function(e,s,a,t,i,l,c){"use strict";const n={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.RadioRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../RadioStyles.css', './RadioBaseTheme.css', './RadioVariants.css', 'css!./../../../RadioStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(e,s,a,t,i,l,c){"use strict";const n={baseTheme:a.baseTheme,multiVariantStyles:t.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-a956c8b7'], (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-e41f3afc'], (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-a956c8b7'], (function(e,s,a,t,i,c,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})}));
+define(['exports', '../RadioIconStyles.css', './RadioIconBaseTheme.css', './RadioIconVariants.css', 'css!./../../../RadioIconStyles.styles.css', 'module', 'css!./../../../RadioIconVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(e,s,a,t,i,c,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/RadioIconTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioIconTheme.js","sources":["../../../../../src/UNSAFE_Radio/themes/stable/RadioIconTheme.ts"],"sourcesContent":["import { RadioIconTheme, styles, variants } from '../RadioIconStyles.css';\nimport { baseTheme } from './RadioIconBaseTheme.css';\nimport { multiVariantStyles } from './RadioIconVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst RadioIconStableTheme: RadioIconTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { RadioIconStableTheme };\n"],"names":["RadioIconStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"8TAQA,MAAMA,EAAuC,WAC3CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"RadioIconTheme.js","sources":["../../../../../src/UNSAFE_Radio/themes/stable/RadioIconTheme.ts"],"sourcesContent":["import { RadioIconTheme, styles, variants } from '../RadioIconStyles.css';\nimport { baseTheme } from './RadioIconBaseTheme.css';\nimport { multiVariantStyles } from './RadioIconVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst RadioIconStableTheme: RadioIconTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { RadioIconStableTheme };\n"],"names":["RadioIconStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"6TAQA,MAAMA,EAAuC,WAC3CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

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-a956c8b7'], (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.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (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-a956c8b7'], (function(e,s,a,t,i,l,c){"use strict";const n={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.RadioStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../RadioStyles.css', './RadioBaseTheme.css', './RadioVariants.css', 'css!./../../../RadioStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(e,s,a,t,i,l,c){"use strict";const n={baseTheme:a.baseTheme,multiVariantStyles:t.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-a956c8b7'], (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-e41f3afc'], (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