@oracle/oraclejet-preact 15.0.1 → 15.0.3

package/amd/UNSAFE_Train.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Train.js","sources":["../../src/UNSAFE_Train/TrainContext.tsx","../../src/UNSAFE_Train/Connector.tsx","../../src/UNSAFE_Train/UserChosenIcon.tsx","../../src/UNSAFE_Train/StepIcon.tsx","../../src/UNSAFE_Train/StepLabel.tsx","../../src/UNSAFE_Train/Step.tsx","../../src/UNSAFE_Train/Train.tsx"],"sourcesContent":["import { createContext } from 'preact';\nexport interface TrainContextType {\n  onSelect: (event: Event, stepId: string) => void;\n  selectedStep: string;\n  numberOfSteps: number;\n  selectedStepIndex: number;\n  index: number;\n  isCurrent: boolean;\n}\n\nexport const Context = createContext<any>(null);\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 { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface ConnectorProps {\n  /**\n   * Determines if the adjacent steps should be connected.\n   */\n  isConnected: boolean;\n}\n\nexport const Connector = ({ isConnected }: ConnectorProps) => {\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      connectorConnected: isConnected ? 'isConnected' : 'notConnected'\n    }\n  );\n\n  return <span class={classNames([styles.connectorBaseStyle, variantClasses])}></span>;\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 { MessageSeverity } from './TrainIcons.types';\nimport { MessageConfirmationIcon } from '../PRIVATE_ThemedIcons/MessageConfirmationIcon';\nimport { MessageErrorIcon } from '../PRIVATE_ThemedIcons/MessageErrorIcon';\nimport { MessageInfoIcon } from '../PRIVATE_ThemedIcons/MessageInfoIcon';\nimport { MessageWarningIcon } from '../PRIVATE_ThemedIcons/MessageWarningIcon';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\nconst messageTypeIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  fatal: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\n};\n\n/**\n * Props for the UserChosenIcon component\n */\ntype Props = {\n  /**\n   * Determines the message type icon from the following types 'error', 'warning', 'confirmation', 'info' and 'none'.\n   */\n  messageType: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    fatal?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * UserChosenIcon Component for rendering the severity based icon in Message\n */\nfunction UserChosenIcon({ messageType, isDisabled = false }: Props) {\n  const IconComponent = messageTypeIcons[messageType];\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      messageType: messageType,\n      stepIconDisabled: isDisabled ? 'isDisabled' : 'notDisabled'\n    }\n  );\n  return (\n    <div class={classNames([styles.messageTypeIconBaseStyle, variantClasses])} role=\"presentation\">\n      <IconComponent />\n    </div>\n  );\n}\n\nexport { UserChosenIcon };\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 { UserChosenIcon } from './UserChosenIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity } from './TrainIcons.types';\nimport { useContext } from 'preact/hooks';\nimport { Context, TrainContextType } from './TrainContext';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface StepIconProps {\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n  /**\n   * Determines if the step has been visited\n   */\n  isVisited: boolean;\n\n  /**\n   * A string that defines which icon type the step should take\n   */\n  messageType?: Exclude<MessageSeverity, 'none'>;\n}\n\n/**\n * Step icon\n */\nexport const StepIcon = ({ isDisabled, isVisited, messageType }: StepIconProps) => {\n  const { index, selectedStepIndex } = useContext<TrainContextType>(Context);\n\n  const isCurrent = selectedStepIndex === index;\n\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle(\n    isDisabled || isCurrent\n  );\n\n  const { isActive, activeProps } = useActive({ isDisabled: isDisabled || isCurrent });\n\n  console.log('isActive', isActive);\n  const mergedProps = mergeProps(interactionProps, activeProps);\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      stepIconDisabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      stepIconCurrent: isCurrent ? 'isCurrent' : 'notCurrent',\n      stepIconVisited: isVisited ? 'isVisited' : 'notVisited',\n      stepIconNeedsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n      stepIconPseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      stepIconActive: isActive ? 'isActive' : 'notActive'\n    }\n  );\n\n  const iconStyles = () => {\n    if (messageType) {\n      return <UserChosenIcon messageType={messageType} isDisabled={isDisabled} />;\n    } else {\n      return (\n        <span {...mergedProps} class={classNames([styles.stepIconBaseStyle, variantClasses])}>\n          {index + 1}\n        </span>\n      );\n    }\n  };\n\n  return <span class={styles.stepIconContainerStyle}>{iconStyles()}</span>;\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 { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity } from './TrainIcons.types';\nimport { useContext } from 'preact/hooks';\nimport { Context, TrainContextType } from './TrainContext';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\n\nimport type { BundleType } from '../resources/nls/bundle';\n\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface StepLabelProps {\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n  /**\n   * Determines if the step is visited or not\n   */\n  isVisited: boolean;\n\n  /**\n   * Label of the step\n   */\n  label: string;\n\n  /**\n   * Determines the message type icon from the following types 'error', 'warning', 'confirmation', 'info' and 'none'.\n   */\n  messageType?: Exclude<MessageSeverity, 'none'>;\n}\n\n/**\n * Step label component\n */\nexport const StepLabel = ({ label, isDisabled, isVisited, messageType }: StepLabelProps) => {\n  const { numberOfSteps, index, selectedStepIndex } = useContext<TrainContextType>(Context);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const isCurrent = selectedStepIndex === index;\n\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle(\n    isDisabled || isCurrent\n  );\n\n  const currentStepStatus = isCurrent\n    ? translations.train_current()\n    : isVisited\n    ? translations.train_visited()\n    : translations.train_not_visited();\n\n  const currentStep = index + 1;\n\n  const statusTextForCurrentStep = messageType\n    ? `${translations.train_status({\n        currentStep: currentStep.toString(),\n        numberOfSteps: numberOfSteps.toString()\n      })}. ${currentStepStatus}, ${translations.train_message_type()}: ${messageType}`\n    : `${translations.train_status({\n        currentStep: currentStep.toString(),\n        numberOfSteps: numberOfSteps.toString()\n      })}. ${currentStepStatus}`;\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      stepLabelDisabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      stepLabelCurrent: isCurrent ? 'isCurrent' : 'notCurrent',\n      stepLabelVisited: isVisited ? 'isVisited' : 'notVisited',\n      stepLabelNeedsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n      stepLabelPseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover'\n    }\n  );\n\n  const handleClick = (event: Event) => {\n    event.preventDefault();\n  };\n\n  return (\n    <span class={styles.stepLabelWrapperStyle}>\n      <a\n        {...interactionProps}\n        href=\"#\"\n        class={classNames([styles.stepLabelBaseStyle, variantClasses])}\n        onClick={handleClick}>\n        {label}\n        <HiddenAccessible>{statusTextForCurrentStep}</HiddenAccessible>\n      </a>\n    </span>\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 { FunctionComponent } from 'preact';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useCallback, useContext, useState } from 'preact/hooks';\nimport { Context, TrainContextType } from './TrainContext';\nimport { MessageSeverity } from './TrainIcons.types';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\n\nimport { Connector } from './Connector';\nimport { StepIcon } from './StepIcon';\nimport { StepLabel } from './StepLabel';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\n\ninterface StepProps {\n  /**\n   * Unique step id\n   */\n  id: string;\n\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n\n  /**\n   * Determines if the step has been visited or not\n   */\n  isVisited: boolean;\n\n  /**\n   * Determines which icon the step has from the following types 'error', 'warning', 'confirmation', 'info' and 'none'.\n   */\n  messageType?: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Step Label\n   */\n  label: string;\n}\n\n/**\n * Step component\n */\n\nexport const Step: FunctionComponent<StepProps> = ({\n  id,\n  isDisabled,\n  isVisited,\n  messageType,\n  label\n}) => {\n  const { onSelect, /* selectedStep ,*/ numberOfSteps, selectedStepIndex, index } =\n    useContext<TrainContextType>(Context) || // get the context object or...\n    (() => {\n      // if there's no context object, throw an error\n      throw new Error('Step component must be rendered within a Train component.');\n    })();\n\n  const isCurrent = selectedStepIndex === index;\n\n  const [isActive, setIsActive] = useState(false);\n\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle(\n    isDisabled || isCurrent\n  );\n\n  const isConnectorConnected = selectedStepIndex > index;\n\n  const onSelectHandler = useCallback(\n    (event: Event) => {\n      if (!isDisabled && !isCurrent) {\n        onSelect(event, id);\n      }\n    },\n    [isDisabled, onSelect, id]\n  );\n\n  const { pressProps } = usePress(onSelectHandler, {});\n\n  const isLast = index !== numberOfSteps - 1;\n\n  const onMouseUpHandler = useCallback(() => {\n    setIsActive(false);\n  }, [isActive]);\n\n  const onMouseDownHandler = useCallback(() => {\n    setIsActive(true);\n  }, [isActive]);\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      stepDisabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      stepActive: isActive && !isCurrent ? 'isActive' : 'notActive'\n    }\n  );\n\n  const mergedProps = mergeProps(pressProps, interactionProps, {\n    onMouseUp: onMouseUpHandler,\n    onMouseDown: onMouseDownHandler\n  });\n\n  return (\n    <span class={styles.stepContainerStyle}>\n      {isLast && <Connector isConnected={isConnectorConnected} />}\n      <span {...mergedProps} class={classNames([styles.stepBaseStyle, variantClasses])}>\n        <StepIcon isVisited={isVisited} isDisabled={isDisabled} messageType={messageType} />\n        <StepLabel\n          label={label}\n          isVisited={isVisited}\n          isDisabled={isDisabled}\n          messageType={messageType}\n        />\n      </span>\n    </span>\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 { useCallback } from 'preact/hooks';\nimport { toChildArray } from 'preact';\nimport { Context } from './TrainContext';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainStyles } from './themes/TrainStyles.css';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface TrainProps {\n  /**\n   * Id of the currently selected step.\n   */\n  selectedStep: string;\n\n  /**\n   * Children of Train which are of type Step.\n   */\n  children: JSX.Element[];\n\n  /**\n   * A callback function to be invoked when the Step is selected.\n   */\n  onSelect?: (detail: selectDetail) => void;\n}\n\nexport type selectDetail = {\n  /**\n   * Click event object\n   */\n  event: Event;\n  /**\n   * To step id\n   */\n  toStep: string;\n};\n\n/**\nThe JET Train component serves as a visual navigator enabling users to traverse through different 'steps'. Each 'step' is represented by the Step sub-component which can manifest its own state - 'visited', 'unvisited', or 'disabled', and is capable of communicating various message types including 'error', 'confirmation', 'warning', or 'info'.\n */\nexport function Train({ onSelect, selectedStep, children }: TrainProps) {\n  const { classes, styles } = useComponentTheme<never, TrainStyles>(TrainRedwoodTheme);\n\n  const selectedStepIndex = children.findIndex((step) => step.props.id === selectedStep);\n\n  const onStepSelect = useCallback(\n    (event: Event, stepId: string) => {\n      onSelect?.({\n        event: event,\n        toStep: stepId\n      });\n    },\n    [onSelect]\n  );\n\n  const trainContext = {\n    onSelect: onStepSelect,\n    selectedStep: selectedStep,\n    selectedStepIndex: selectedStepIndex,\n    numberOfSteps: children.length,\n    index: 0\n  };\n\n  const childrenArray = toChildArray(children).filter(Boolean);\n\n  return (\n    <div class={classes}>\n      {childrenArray.map((step, index) => (\n        <Context.Provider value={{ ...trainContext, index }}>\n          <div class={styles.baseListStyle}>{step}</div>\n        </Context.Provider>\n      ))}\n    </div>\n  );\n}\n"],"names":["Context","createContext","Connector","isConnected","styles","variantClasses","useComponentTheme","TrainRedwoodTheme","connectorConnected","_jsx","class","classNames","connectorBaseStyle","messageTypeIcons","confirmation","MessageConfirmationIcon","error","MessageErrorIcon","fatal","info","MessageInfoIcon","warning","MessageWarningIcon","UserChosenIcon","messageType","isDisabled","IconComponent","stepIconDisabled","messageTypeIconBaseStyle","role","children","StepIcon","isVisited","index","selectedStepIndex","useContext","isCurrent","interactionProps","applyPseudoHoverStyle","applyHoverStyle","useInteractionStyle","isActive","activeProps","useActive","console","log","mergedProps","mergeProps","stepIconCurrent","stepIconVisited","stepIconNeedsEventsHover","stepIconPseudoHover","stepIconActive","jsx","stepIconContainerStyle","stepIconBaseStyle","StepLabel","label","numberOfSteps","translations","useTranslationBundle","currentStepStatus","train_current","train_visited","train_not_visited","currentStep","statusTextForCurrentStep","train_status","toString","train_message_type","stepLabelDisabled","stepLabelCurrent","stepLabelVisited","stepLabelNeedsEventsHover","stepLabelPseudoHover","stepLabelWrapperStyle","_jsxs","jsxs","href","stepLabelBaseStyle","onClick","event","preventDefault","HiddenAccessible","id","onSelect","Error","setIsActive","useState","isConnectorConnected","onSelectHandler","useCallback","pressProps","usePress","isLast","onMouseUpHandler","onMouseDownHandler","stepDisabled","needsEventsHover","pseudoHover","stepActive","onMouseUp","onMouseDown","stepContainerStyle","stepBaseStyle","selectedStep","classes","findIndex","step","props","trainContext","stepId","toStep","length","childrenArray","toChildArray","filter","Boolean","map","Provider","value","baseListStyle"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_Train.js","sources":["../../src/UNSAFE_Train/TrainContext.tsx","../../src/UNSAFE_Train/Connector.tsx","../../src/UNSAFE_Train/UserChosenIcon.tsx","../../src/UNSAFE_Train/StepIcon.tsx","../../src/UNSAFE_Train/StepLabel.tsx","../../src/UNSAFE_Train/Step.tsx","../../src/UNSAFE_Train/Train.tsx"],"sourcesContent":["import { createContext } from 'preact';\nexport interface TrainContextType {\n  onSelect: (event: Event, stepId: string) => void;\n  selectedStep: string;\n  numberOfSteps: number;\n  selectedStepIndex: number;\n  index: number;\n  isCurrent: boolean;\n}\n\nexport const Context = createContext<any>(null);\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 { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface ConnectorProps {\n  /**\n   * Determines if the adjacent steps should be connected.\n   */\n  isConnected: boolean;\n}\n\nexport const Connector = ({ isConnected }: ConnectorProps) => {\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      connectorConnected: isConnected ? 'isConnected' : 'notConnected'\n    }\n  );\n\n  return <span class={classNames([styles.connectorBaseStyle, variantClasses])}></span>;\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 { MessageSeverity } from './TrainIcons.types';\nimport { MessageConfirmationIcon } from '../PRIVATE_ThemedIcons/MessageConfirmationIcon';\nimport { MessageErrorIcon } from '../PRIVATE_ThemedIcons/MessageErrorIcon';\nimport { MessageInfoIcon } from '../PRIVATE_ThemedIcons/MessageInfoIcon';\nimport { MessageWarningIcon } from '../PRIVATE_ThemedIcons/MessageWarningIcon';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\nconst messageTypeIcons = {\n  confirmation: MessageConfirmationIcon,\n  error: MessageErrorIcon,\n  fatal: MessageErrorIcon,\n  info: MessageInfoIcon,\n  warning: MessageWarningIcon\n};\n\n/**\n * Props for the UserChosenIcon component\n */\ntype Props = {\n  /**\n   * Determines the message type icon from the following types 'error', 'warning', 'confirmation', 'info' and 'none'.\n   */\n  messageType: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    fatal?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * UserChosenIcon Component for rendering the severity based icon in Message\n */\nfunction UserChosenIcon({ messageType, isDisabled = false }: Props) {\n  const IconComponent = messageTypeIcons[messageType];\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      messageType: messageType,\n      stepIconDisabled: isDisabled ? 'isDisabled' : 'notDisabled'\n    }\n  );\n  return (\n    <div class={classNames([styles.messageTypeIconBaseStyle, variantClasses])} role=\"presentation\">\n      <IconComponent />\n    </div>\n  );\n}\n\nexport { UserChosenIcon };\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 { UserChosenIcon } from './UserChosenIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity } from './TrainIcons.types';\nimport { useContext } from 'preact/hooks';\nimport { Context, TrainContextType } from './TrainContext';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface StepIconProps {\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n  /**\n   * Determines if the step has been visited\n   */\n  isVisited: boolean;\n\n  /**\n   * A string that defines which icon type the step should take\n   */\n  messageType?: Exclude<MessageSeverity, 'none'>;\n}\n\n/**\n * Step icon\n */\nexport const StepIcon = ({ isDisabled, isVisited, messageType }: StepIconProps) => {\n  const { index, selectedStepIndex } = useContext<TrainContextType>(Context);\n\n  const isCurrent = selectedStepIndex === index;\n\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle(\n    isDisabled || isCurrent\n  );\n\n  const { isActive, activeProps } = useActive({ isDisabled: isDisabled || isCurrent });\n\n  console.log('isActive', isActive);\n  const mergedProps = mergeProps(interactionProps, activeProps);\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      stepIconDisabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      stepIconCurrent: isCurrent ? 'isCurrent' : 'notCurrent',\n      stepIconVisited: isVisited ? 'isVisited' : 'notVisited',\n      stepIconNeedsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n      stepIconPseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      stepIconActive: isActive ? 'isActive' : 'notActive'\n    }\n  );\n\n  const iconStyles = () => {\n    if (messageType) {\n      return <UserChosenIcon messageType={messageType} isDisabled={isDisabled} />;\n    } else {\n      return (\n        <span {...mergedProps} class={classNames([styles.stepIconBaseStyle, variantClasses])}>\n          {index + 1}\n        </span>\n      );\n    }\n  };\n\n  return <span class={styles.stepIconContainerStyle}>{iconStyles()}</span>;\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 { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageSeverity } from './TrainIcons.types';\nimport { useContext } from 'preact/hooks';\nimport { Context, TrainContextType } from './TrainContext';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\n\nimport type { BundleType } from '../resources/nls/bundle';\n\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface StepLabelProps {\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n  /**\n   * Determines if the step is visited or not\n   */\n  isVisited: boolean;\n\n  /**\n   * Label of the step\n   */\n  label: string;\n\n  /**\n   * Determines the message type icon from the following types 'error', 'warning', 'confirmation', 'info' and 'none'.\n   */\n  messageType?: Exclude<MessageSeverity, 'none'>;\n}\n\n/**\n * Step label component\n */\nexport const StepLabel = ({ label, isDisabled, isVisited, messageType }: StepLabelProps) => {\n  const { numberOfSteps, index, selectedStepIndex } = useContext<TrainContextType>(Context);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const isCurrent = selectedStepIndex === index;\n\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle(\n    isDisabled || isCurrent\n  );\n\n  const currentStepStatus = isCurrent\n    ? translations.train_current()\n    : isVisited\n    ? translations.train_visited()\n    : translations.train_not_visited();\n\n  const currentStep = index + 1;\n\n  const statusTextForCurrentStep = messageType\n    ? `${translations.train_status({\n        currentStep: currentStep.toString(),\n        numberOfSteps: numberOfSteps.toString()\n      })}. ${currentStepStatus}, ${translations.train_message_type()}: ${messageType}`\n    : `${translations.train_status({\n        currentStep: currentStep.toString(),\n        numberOfSteps: numberOfSteps.toString()\n      })}. ${currentStepStatus}`;\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      stepLabelDisabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      stepLabelCurrent: isCurrent ? 'isCurrent' : 'notCurrent',\n      stepLabelVisited: isVisited ? 'isVisited' : 'notVisited',\n      stepLabelNeedsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n      stepLabelPseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover'\n    }\n  );\n\n  const handleClick = (event: Event) => {\n    event.preventDefault();\n  };\n\n  return (\n    <span class={styles.stepLabelWrapperStyle}>\n      <a\n        {...interactionProps}\n        href=\"#\"\n        class={classNames([styles.stepLabelBaseStyle, variantClasses])}\n        onClick={handleClick}>\n        {label}\n        <HiddenAccessible>{statusTextForCurrentStep}</HiddenAccessible>\n      </a>\n    </span>\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 { FunctionComponent } from 'preact';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useCallback, useContext, useState } from 'preact/hooks';\nimport { Context, TrainContextType } from './TrainContext';\nimport { MessageSeverity } from './TrainIcons.types';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\n\nimport { Connector } from './Connector';\nimport { StepIcon } from './StepIcon';\nimport { StepLabel } from './StepLabel';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\nimport { TrainVariantOptions, TrainStyles } from './themes/TrainStyles.css';\n\ninterface StepProps {\n  /**\n   * Unique step id\n   */\n  id: string;\n\n  /**\n   * Determines if the step is disabled or not\n   */\n  isDisabled: boolean;\n\n  /**\n   * Determines if the step has been visited or not\n   */\n  isVisited: boolean;\n\n  /**\n   * Determines which icon the step has from the following types 'error', 'warning', 'confirmation', 'info' and 'none'.\n   */\n  messageType?: Exclude<MessageSeverity, 'none'>;\n\n  /**\n   * Step Label\n   */\n  label: string;\n}\n\n/**\n * Step component\n */\n\nexport const Step: FunctionComponent<StepProps> = ({\n  id,\n  isDisabled,\n  isVisited,\n  messageType,\n  label\n}) => {\n  const { onSelect, /* selectedStep ,*/ numberOfSteps, selectedStepIndex, index } =\n    useContext<TrainContextType>(Context) || // get the context object or...\n    (() => {\n      // if there's no context object, throw an error\n      throw new Error('Step component must be rendered within a Train component.');\n    })();\n\n  const isCurrent = selectedStepIndex === index;\n\n  const [isActive, setIsActive] = useState(false);\n\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle(\n    isDisabled || isCurrent\n  );\n\n  const isConnectorConnected = selectedStepIndex > index;\n\n  const onSelectHandler = useCallback(\n    (event: Event) => {\n      if (!isDisabled && !isCurrent) {\n        onSelect(event, id);\n      }\n    },\n    [isDisabled, onSelect, id]\n  );\n\n  const { pressProps } = usePress(onSelectHandler, {});\n\n  const isLast = index !== numberOfSteps - 1;\n\n  const onMouseUpHandler = useCallback(() => {\n    setIsActive(false);\n  }, [isActive]);\n\n  const onMouseDownHandler = useCallback(() => {\n    setIsActive(true);\n  }, [isActive]);\n\n  const { styles, variantClasses } = useComponentTheme<TrainVariantOptions, TrainStyles>(\n    TrainRedwoodTheme,\n    {\n      stepDisabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      stepActive: isActive && !isCurrent ? 'isActive' : 'notActive'\n    }\n  );\n\n  const mergedProps = mergeProps(pressProps, interactionProps, {\n    onMouseUp: onMouseUpHandler,\n    onMouseDown: onMouseDownHandler\n  });\n\n  return (\n    <span class={styles.stepContainerStyle}>\n      {isLast && <Connector isConnected={isConnectorConnected} />}\n      <span {...mergedProps} class={classNames([styles.stepBaseStyle, variantClasses])}>\n        <StepIcon isVisited={isVisited} isDisabled={isDisabled} messageType={messageType} />\n        <StepLabel\n          label={label}\n          isVisited={isVisited}\n          isDisabled={isDisabled}\n          messageType={messageType}\n        />\n      </span>\n    </span>\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 { useCallback } from 'preact/hooks';\nimport { toChildArray } from 'preact';\nimport { Context } from './TrainContext';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TrainStyles } from './themes/TrainStyles.css';\nimport { TrainRedwoodTheme } from './themes/redwood/TrainTheme';\n\ninterface TrainProps {\n  /**\n   * Id of the currently selected step.\n   */\n  selectedStep: string;\n\n  /**\n   * Children of Train which are of type Step.\n   */\n  children: JSX.Element[];\n\n  /**\n   * A callback function to be invoked when the Step is selected.\n   */\n  onSelect?: (detail: selectDetail) => void;\n}\n\nexport type selectDetail = {\n  /**\n   * Click event object\n   */\n  event: Event;\n  /**\n   * To step id\n   */\n  toStep: string;\n};\n\n/**\nThe JET Train component serves as a visual navigator enabling users to traverse through different 'steps'. Each 'step' is represented by the Step sub-component which can manifest its own state - 'visited', 'unvisited', or 'disabled', and is capable of communicating various message types including 'error', 'confirmation', 'warning', or 'info'.\n */\nexport function Train({ onSelect, selectedStep, children }: TrainProps) {\n  const { classes, styles } = useComponentTheme<never, TrainStyles>(TrainRedwoodTheme);\n\n  const selectedStepIndex = children.findIndex((step) => step.props.id === selectedStep);\n\n  const onStepSelect = useCallback(\n    (event: Event, stepId: string) => {\n      onSelect?.({\n        event: event,\n        toStep: stepId\n      });\n    },\n    [onSelect]\n  );\n\n  const trainContext = {\n    onSelect: onStepSelect,\n    selectedStep: selectedStep,\n    selectedStepIndex: selectedStepIndex,\n    numberOfSteps: children.length,\n    index: 0\n  };\n\n  const childrenArray = toChildArray(children).filter(Boolean);\n\n  return (\n    <div class={classes}>\n      {childrenArray.map((step, index) => (\n        <Context.Provider value={{ ...trainContext, index }}>\n          <div class={styles.baseListStyle}>{step}</div>\n        </Context.Provider>\n      ))}\n    </div>\n  );\n}\n"],"names":["Context","createContext","Connector","isConnected","styles","variantClasses","useComponentTheme","TrainRedwoodTheme","connectorConnected","_jsx","class","classNames","connectorBaseStyle","messageTypeIcons","confirmation","MessageConfirmationIcon","error","MessageErrorIcon","fatal","info","MessageInfoIcon","warning","MessageWarningIcon","UserChosenIcon","messageType","isDisabled","IconComponent","stepIconDisabled","messageTypeIconBaseStyle","role","children","StepIcon","isVisited","index","selectedStepIndex","useContext","isCurrent","interactionProps","applyPseudoHoverStyle","applyHoverStyle","useInteractionStyle","isActive","activeProps","useActive","console","log","mergedProps","mergeProps","stepIconCurrent","stepIconVisited","stepIconNeedsEventsHover","stepIconPseudoHover","stepIconActive","jsx","stepIconContainerStyle","stepIconBaseStyle","StepLabel","label","numberOfSteps","translations","useTranslationBundle","currentStepStatus","train_current","train_visited","train_not_visited","currentStep","statusTextForCurrentStep","train_status","toString","train_message_type","stepLabelDisabled","stepLabelCurrent","stepLabelVisited","stepLabelNeedsEventsHover","stepLabelPseudoHover","stepLabelWrapperStyle","_jsxs","jsxs","href","stepLabelBaseStyle","onClick","event","preventDefault","HiddenAccessible","id","onSelect","Error","setIsActive","useState","isConnectorConnected","onSelectHandler","useCallback","pressProps","usePress","isLast","onMouseUpHandler","onMouseDownHandler","stepDisabled","needsEventsHover","pseudoHover","stepActive","onMouseUp","onMouseDown","stepContainerStyle","stepBaseStyle","selectedStep","classes","findIndex","step","props","trainContext","stepId","toStep","length","childrenArray","toChildArray","filter","Boolean","map","Provider","value","baseListStyle"],"mappings":"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"}

package/amd/UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module'], (function(s,e){"use strict";s.assistiveStyles="UserAssistanceStyles_assistiveStyles__14qa8xb3",s.dividerStyle="UserAssistanceStyles_dividerStyle__14qa8xb4",s.helpContentStyles="UserAssistanceStyles_helpContentStyles__14qa8xb7",s.helpIconBase="UserAssistanceStyles_helpIconBase__14qa8xb5",s.helpIconLabelEdgeStart="UserAssistanceStyles_helpIconLabelEdgeStart__14qa8xb6",s.iconUserAssistanceIcon="UserAssistanceStyles_iconUserAssistanceIcon__14qa8xba",s.iconUserAssistancePopupFocus="UserAssistanceStyles_iconUserAssistancePopupFocus__14qa8xbb",s.requiredIconBase="UserAssistanceStyles_requiredIconBase__14qa8xb8",s.requiredIconLabelEdgeStart="UserAssistanceStyles_requiredIconLabelEdgeStart__14qa8xb9",s.styles={helpTextStyles:"UserAssistanceStyles_helpTextStyles__14qa8xb0",helpSourceStyles:"UserAssistanceStyles_helpSourceStyles__14qa8xb1",inlineContainerBaseStyles:"UserAssistanceStyles_inlineContainerBaseStyles__14qa8xb2"},s.variants={align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},Object.defineProperty(s,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../UserAssistanceStyles.styles.css'], (function(s,e){"use strict";s.assistiveStyles="UserAssistanceStyles_assistiveStyles__14qa8xb3",s.dividerStyle="UserAssistanceStyles_dividerStyle__14qa8xb4",s.helpContentStyles="UserAssistanceStyles_helpContentStyles__14qa8xb7",s.helpIconBase="UserAssistanceStyles_helpIconBase__14qa8xb5",s.helpIconLabelEdgeStart="UserAssistanceStyles_helpIconLabelEdgeStart__14qa8xb6",s.iconUserAssistanceIcon="UserAssistanceStyles_iconUserAssistanceIcon__14qa8xba",s.iconUserAssistancePopupFocus="UserAssistanceStyles_iconUserAssistancePopupFocus__14qa8xbb",s.requiredIconBase="UserAssistanceStyles_requiredIconBase__14qa8xb8",s.requiredIconLabelEdgeStart="UserAssistanceStyles_requiredIconLabelEdgeStart__14qa8xb9",s.styles={helpTextStyles:"UserAssistanceStyles_helpTextStyles__14qa8xb0",helpSourceStyles:"UserAssistanceStyles_helpSourceStyles__14qa8xb1",inlineContainerBaseStyles:"UserAssistanceStyles_inlineContainerBaseStyles__14qa8xb2"},s.variants={align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UserAssistanceStyles.css.js.map

package/amd/UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../UserAssistanceStyles.css', './UserAssistanceBaseTheme.css', './UserAssistanceVariants.css', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(s,e,t,a,i,n,c){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.UserAssistanceRedwoodTheme=r,Object.defineProperty(s,"__esModule",{value:!0})}));
+define(['exports', '../UserAssistanceStyles.css', './UserAssistanceBaseTheme.css', './UserAssistanceVariants.css', 'css!./../../../UserAssistanceStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(s,e,t,a,i,n,c){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.UserAssistanceRedwoodTheme=r,Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UserAssistanceTheme.js.map

package/amd/UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"",variantClassNames:{align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../UserAssistanceStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"",variantClassNames:{align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UserAssistanceVariants.css.js.map

package/amd/UNSAFE_UserAssistance/themes/stable/UserAssistanceTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../UserAssistanceStyles.css', './UserAssistanceBaseTheme.css', './UserAssistanceVariants.css', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(s,e,t,a,i,n,c){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.UserAssistanceStableTheme=r,Object.defineProperty(s,"__esModule",{value:!0})}));
+define(['exports', '../UserAssistanceStyles.css', './UserAssistanceBaseTheme.css', './UserAssistanceVariants.css', 'css!./../../../UserAssistanceStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(s,e,t,a,i,n,c){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:e.variants,styles:e.styles};s.UserAssistanceStableTheme=r,Object.defineProperty(s,"__esModule",{value:!0})}));
 //# sourceMappingURL=UserAssistanceTheme.js.map

package/amd/UNSAFE_UserAssistance/themes/stable/UserAssistanceVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"",variantClassNames:{align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../UserAssistanceStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,s,a){"use strict";var t=a.createRuntimeFn({defaultClassName:"",variantClassNames:{align:{start:"UserAssistanceStyles_variants_align_start__14qa8xbc",end:"UserAssistanceStyles_variants_align_end__14qa8xbd"},visible:{hide:"UserAssistanceStyles_variants_visible_hide__14qa8xbe",show:""},container:{reflow:"UserAssistanceStyles_variants_container_reflow__14qa8xbf",efficient:"UserAssistanceStyles_variants_container_efficient__14qa8xbg"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=t,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UserAssistanceVariants.css.js.map

package/amd/UNSAFE_UserAssistance.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './InlineHelpSource-502a4bf4', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_ComponentMessage', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './utils/UNSAFE_classNames', './hooks/UNSAFE_useInputGroupContext', './classNames-a38faa50', './ComponentMessageContainer-a0e0e75f', './UNSAFE_Popup', './UNSAFE_Divider', './CompactHelpSource-7962a771', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './Divider-605e37cf', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useToggle', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Popup/themes/redwood/PopupTheme', './utils/UNSAFE_logger', './_curry1-8e80b9e8', './_curry2-6182e485', './hooks/UNSAFE_useTabbableMode', 'preact', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'css!./UserAssistanceStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-0002efa3', './index-972353b7', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './ComponentMessage-b623933c', './PRIVATE_Message', './UNSAFE_Flex', './Flex-602aedd6', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c3d71872', './utils/UNSAFE_mergeInterpolations', './_curry3-dfa9e462', './_has-d086a175', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-069dcca6', './utils/UNSAFE_interpolations/flexbox', './flexbox-de7617fc', './utils/UNSAFE_interpolations/flexitem', './flexitem-8a1a84c5', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'module', './MessageCloseButton-e8599ba5', './UNSAFE_IconButton', './IconButton-36dd487c', './UNSAFE_BaseButton', './BaseButton-4b9940bc', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-097c8e85', './utils/UNSAFE_mergeProps', './ButtonLayout-364c0a37', './UNSAFE_Text', './Text-33a18d63', './UNSAFE_Text/themes/TextStyles.css', 'module', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-6c7cf55e', './UNSAFE_Icon/themes/IconStyle.css', 'module', './MessageDetail-8f44a2fd', './MessageFormattingUtils-f67b2ba7', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-609a2a82', './Message.types-33f4e0af', './MessageStartIcon-f45a75e4', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-c60f1c4a', './MessageTimestamp-787ef5e3', './MessageUtils-3f27e5e8', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'module', './MessagesManager-0fa3c653', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useAnimation', './useAnimation-5e7d76a4', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-73f4ec25', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './UNSAFE_Floating', './Floating-894861f8', './index-1a7108e6', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-964c2211', './UNSAFE_Floating/themes/FloatingContract.css', './utils/PRIVATE_tabbableUtils', './_arity-0f1e8642', './UNSAFE_FocusTrap', './FocusTrap-e64dfc3e', './UNSAFE_Layer', './useThemeInterpolations-0b9b289d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-305163b1', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'module', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Divider/themes/DividerStyles.css', 'module', './hooks/UNSAFE_useId', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'module', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'module'], (function(e,s,o,t,n,a,i,l,r,c,u,d,m,h,p,A,S,F,U,_,E,T,g,N,x,y,C,I,f,b,M,B,P,k,w,j,R,v,L,V,H,D,q,O,W,G,z,$,J,K,Q,X,Y,Z,ee,se,oe,te,ne,ae,ie,le,re,ce,ue,de,me,he,pe,Ae,Se,Fe,Ue,_e,Ee,Te,ge,Ne,xe,ye,Ce,Ie,fe,be,Me,Be,Pe,ke,we,je,Re,ve,Le,Ve,He,De,qe,Oe,We,Ge,ze,$e,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,ns,as,is,ls,rs,cs,us,ds,ms,hs,ps,As,Ss,Fs,Us,_s,Es,Ts,gs,Ns,xs,ys,Cs,Is,fs,bs,Ms,Bs,Ps,ks,ws,js,Rs,vs,Ls,Vs,Hs,Ds,qs,Os,Ws,Gs,zs,$s,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,no,ao){"use strict";function io({assistiveText:e,sourceLink:a,sourceText:i}){const{styles:{helpTextStyles:l}}=o.useComponentTheme(n.UserAssistanceRedwoodTheme);return s.jsxs("div",{children:[e&&a?s.jsx("span",{class:l,children:e}):e,a&&s.jsx(t.InlineHelpSource,{source:a,children:i})]})}function lo({align:e="end",hasHelp:t=!1,hasMessages:i=!1}){const{classes:l}=o.useComponentTheme(n.UserAssistanceRedwoodTheme,{align:e,visible:t||i?"hide":"show"}),r=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:l,children:r})}function ro({variant:e="reflow",children:t,id:a}){const{classes:i,styles:{inlineContainerBaseStyles:l}}=o.useComponentTheme(n.UserAssistanceRedwoodTheme,{container:e});if(null!==u.useInputGroupContext())return null;return s.jsx("div",{class:d.classNames([i,l]),id:a,children:t})}e.InlineHelpSource=t.InlineHelpSource,e.CompactLabelAssistance=({helpIconId:e,helpSourceLink:o,helpSourceText:t,isRequiredShown:n,labelEdge:i})=>{const l=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required(),{tooltipContent:r,tooltipProps:c}=U.useTooltip({text:l,offset:{mainAxis:8}}),u=d.classNames([S.requiredIconBase,"start"===i&&S.requiredIconLabelEdgeStart]),m=n&&s.jsxs("span",{children:[s.jsx("span",{class:u,...c}),r]}),h=(o||t)&&s.jsx(A.CompactHelpSource,{id:e,labelEdge:i,source:o,children:t});return s.jsxs(s.Fragment,{children:["start"!==i&&m,h,"start"===i&&m]})},e.CompactUserAssistance=function({anchorRef:e,assistiveText:t,fieldLabel:a,id:i,messages:l=[]}){const{isInputFocused:c,isReadonly:u}=r.useFormFieldContext(),{isFocused:d,popupProps:p}=A.usePopupFocusWithin(),U=!0===c||!0===d,{baseTheme:_}=o.useComponentTheme(n.UserAssistanceRedwoodTheme);return!0!==u&&(l.length>0||t)?s.jsx(h.Popup,{...p,placement:"end-top-corner",isOpen:U,anchorRef:e,flipOptions:{mainAxis:!0,crossAxis:!1},tail:"simple",children:s.jsxs("div",{id:i,class:_,children:[l.length>0&&s.jsx(m.ComponentMessageContainer,{fieldLabel:a,messages:l}),l.length>0&&t&&s.jsx("span",{class:S.dividerStyle,children:s.jsx(F.Divider,{})}),t&&s.jsx("span",{class:S.assistiveStyles,children:t})]})}):null},e.IconUserAssistance=({assistiveText:e,helpSourceLink:t,helpSourceText:n,isTabbable:i=!0,id:l})=>{const{bool:r,setFalse:c,setTrue:u}=T.useToggle(!1),m=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),p=t&&(n||m),{baseTheme:A}=o.useComponentTheme(N.PopupRedwoodTheme),{pressProps:F}=E.usePress((e=>{e.preventDefault(),u()})),U=_.useRef(null),x=d.classNames([A,S.iconUserAssistancePopupFocus]);return t||e?s.jsxs(s.Fragment,{children:[s.jsx("span",{...F,ref:U,tabIndex:i?0:-1,class:S.iconUserAssistanceIcon,id:`${l}-help-icon`,children:s.jsx(g.HelpIcon,{})}),s.jsx(h.Popup,{placement:"top",isOpen:r,anchorRef:U,onClose:c,onClickOutside:c,shiftOptions:{mainAxis:!0,crossAxis:!1},initialFocus:"firstFocusable",children:s.jsx("div",{id:l,tabIndex:0,class:x,children:s.jsx(io,{assistiveText:e,sourceLink:t,sourceText:p})})})]}):null},e.InlineHelp=io,e.InlineRequired=lo,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:o,helpSourceLink:t,helpSourceText:n,id:a,isRequiredShown:i,requiredAlignment:c,messages:u=[],userAssistanceDensity:d}){const{isReadonly:h}=l.useFormContext(),p="efficient"===d&&!1===h,{isFocused:A}=r.useFormFieldContext(),S=u.length>0?s.jsx(m.ComponentMessageContainer,{fieldLabel:o,messages:u}):(e||t)&&A?s.jsx(io,{assistiveText:e,sourceLink:t,sourceText:n}):i?s.jsx(lo,{align:c}):null;return S||p?s.jsx(ro,{id:a,variant:d,children:S}):null},e.InlineUserAssistanceContainer=ro,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './InlineHelpSource-b0c75417', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_ComponentMessage', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './utils/UNSAFE_classNames', './hooks/UNSAFE_useInputGroupContext', './classNames-b5cf9a39', './ComponentMessageContainer-ad39f42d', './UNSAFE_Popup', './UNSAFE_Divider', './CompactHelpSource-0b145a73', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './Divider-d1cb0c52', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useToggle', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Popup/themes/redwood/PopupTheme', './utils/UNSAFE_logger', './_curry1-1f658b88', './_curry2-4a554218', './hooks/UNSAFE_useTabbableMode', 'preact', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'css!./UserAssistanceStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-8524d45d', './index-d6b6bee8', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './ComponentMessage-a3b84fe4', './PRIVATE_Message', './UNSAFE_Flex', './Flex-e7220b21', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-dfde7bba', './utils/UNSAFE_mergeInterpolations', './_curry3-05ec2e23', './_has-34b23a64', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-d1c31363', './utils/UNSAFE_interpolations/flexbox', './flexbox-761d3b14', './utils/UNSAFE_interpolations/flexitem', './flexitem-f686fedf', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-68740c24', './UNSAFE_IconButton', './IconButton-1c04540e', './UNSAFE_BaseButton', './BaseButton-0704080b', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-a9fac8c0', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-4b17b694', './UNSAFE_Text', './Text-e73cbafa', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-b3dac058', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-b5351f00', './MessageFormattingUtils-1308f276', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-96e3f9b5', './Message.types-c7c2dcac', './MessageStartIcon-ab2ee570', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-43aac7d5', './MessageTimestamp-dd61e1f7', './MessageUtils-8d88ada0', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', './MessagesManager-785f3004', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useAnimation', './useAnimation-5f94808b', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-3c5172f5', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './UNSAFE_Floating', './Floating-9f5d5900', './index-78b0c38f', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './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-dynamic.esm-e6f26831', './UNSAFE_Floating/themes/FloatingContract.css', './utils/PRIVATE_tabbableUtils', './_arity-9faba7af', './UNSAFE_FocusTrap', './FocusTrap-8b3bbcd4', './UNSAFE_Layer', './useThemeInterpolations-d6527912', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-ce5ebba5', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './hooks/UNSAFE_useId', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css'], (function(e,s,o,t,n,a,i,l,r,c,u,d,m,h,p,A,S,F,U,_,E,T,g,N,x,b,y,C,I,f,M,B,P,k,w,j,R,v,L,V,H,D,q,O,W,G,z,$,J,K,Q,X,Y,Z,ee,se,oe,te,ne,ae,ie,le,re,ce,ue,de,me,he,pe,Ae,Se,Fe,Ue,_e,Ee,Te,ge,Ne,xe,be,ye,Ce,Ie,fe,Me,Be,Pe,ke,we,je,Re,ve,Le,Ve,He,De,qe,Oe,We,Ge,ze,$e,Je,Ke,Qe,Xe,Ye,Ze,es,ss,os,ts,ns,as,is,ls,rs,cs,us,ds,ms,hs,ps,As,Ss,Fs,Us,_s,Es,Ts,gs,Ns,xs,bs,ys,Cs,Is,fs,Ms,Bs,Ps,ks,ws,js,Rs,vs,Ls,Vs,Hs,Ds,qs,Os,Ws,Gs,zs,$s,Js,Ks,Qs,Xs,Ys,Zs,eo,so,oo,to,no,ao,io){"use strict";function lo({assistiveText:e,sourceLink:a,sourceText:i}){const{styles:{helpTextStyles:l}}=o.useComponentTheme(n.UserAssistanceRedwoodTheme);return s.jsxs("div",{children:[e&&a?s.jsx("span",{class:l,children:e}):e,a&&s.jsx(t.InlineHelpSource,{source:a,children:i})]})}function ro({align:e="end",hasHelp:t=!1,hasMessages:i=!1}){const{classes:l}=o.useComponentTheme(n.UserAssistanceRedwoodTheme,{align:e,visible:t||i?"hide":"show"}),r=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required();return s.jsx("div",{class:l,children:r})}function co({variant:e="reflow",children:t,id:a}){const{classes:i,styles:{inlineContainerBaseStyles:l}}=o.useComponentTheme(n.UserAssistanceRedwoodTheme,{container:e});if(null!==u.useInputGroupContext())return null;return s.jsx("div",{class:d.classNames([i,l]),id:a,children:t})}e.InlineHelpSource=t.InlineHelpSource,e.CompactLabelAssistance=({helpIconId:e,helpSourceLink:o,helpSourceText:t,isRequiredShown:n,labelEdge:i})=>{const l=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_required(),{tooltipContent:r,tooltipProps:c}=U.useTooltip({text:l,offset:{mainAxis:8}}),u=d.classNames([S.requiredIconBase,"start"===i&&S.requiredIconLabelEdgeStart]),m=n&&s.jsxs("span",{children:[s.jsx("span",{class:u,...c}),r]}),h=(o||t)&&s.jsx(A.CompactHelpSource,{id:e,labelEdge:i,source:o,children:t});return s.jsxs(s.Fragment,{children:["start"!==i&&m,h,"start"===i&&m]})},e.CompactUserAssistance=function({anchorRef:e,assistiveText:t,fieldLabel:a,id:i,messages:l=[]}){const{isInputFocused:c,isReadonly:u}=r.useFormFieldContext(),{isFocused:d,popupProps:p}=A.usePopupFocusWithin(),U=!0===c||!0===d,{baseTheme:_}=o.useComponentTheme(n.UserAssistanceRedwoodTheme);return!0!==u&&(l.length>0||t)?s.jsx(h.Popup,{...p,placement:"end-top-corner",isOpen:U,anchorRef:e,flipOptions:{mainAxis:!0,crossAxis:!1},tail:"simple",children:s.jsxs("div",{id:i,class:_,children:[l.length>0&&s.jsx(m.ComponentMessageContainer,{fieldLabel:a,messages:l}),l.length>0&&t&&s.jsx("span",{class:S.dividerStyle,children:s.jsx(F.Divider,{})}),t&&s.jsx("span",{class:S.assistiveStyles,children:t})]})}):null},e.IconUserAssistance=({assistiveText:e,helpSourceLink:t,helpSourceText:n,isTabbable:i=!0,id:l})=>{const{bool:r,setFalse:c,setTrue:u}=T.useToggle(!1),m=a.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),p=t&&(n||m),{baseTheme:A}=o.useComponentTheme(N.PopupRedwoodTheme),{pressProps:F}=E.usePress((e=>{e.preventDefault(),u()})),U=_.useRef(null),x=d.classNames([A,S.iconUserAssistancePopupFocus]);return t||e?s.jsxs(s.Fragment,{children:[s.jsx("span",{...F,ref:U,tabIndex:i?0:-1,class:S.iconUserAssistanceIcon,id:`${l}-help-icon`,children:s.jsx(g.HelpIcon,{})}),s.jsx(h.Popup,{placement:"top",isOpen:r,anchorRef:U,onClose:c,onClickOutside:c,shiftOptions:{mainAxis:!0,crossAxis:!1},initialFocus:"firstFocusable",children:s.jsx("div",{id:l,tabIndex:0,class:x,children:s.jsx(lo,{assistiveText:e,sourceLink:t,sourceText:p})})})]}):null},e.InlineHelp=lo,e.InlineRequired=ro,e.InlineUserAssistance=function({assistiveText:e,fieldLabel:o,helpSourceLink:t,helpSourceText:n,id:a,isRequiredShown:i,requiredAlignment:c,messages:u=[],userAssistanceDensity:d}){const{isReadonly:h}=l.useFormContext(),p="efficient"===d&&!1===h,{isFocused:A}=r.useFormFieldContext(),S=u.length>0?s.jsx(m.ComponentMessageContainer,{fieldLabel:o,messages:u}):(e||t)&&A?s.jsx(lo,{assistiveText:e,sourceLink:t,sourceText:n}):i?s.jsx(ro,{align:c}):null;return S||p?s.jsx(co,{id:a,variant:d,children:S}):null},e.InlineUserAssistanceContainer=co,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_UserAssistance.js.map

package/amd/UNSAFE_UserAssistance.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_UserAssistance.js","sources":["../../src/UNSAFE_UserAssistance/InlineHelp.tsx","../../src/UNSAFE_UserAssistance/InlineRequired.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistanceContainer.tsx","../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx","../../src/UNSAFE_UserAssistance/CompactUserAssistance.tsx","../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistance.tsx"],"sourcesContent":["import { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { InlineHelpSource } from './InlineHelpSource';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  assistiveText?: string;\n  sourceLink?: string;\n  sourceText?: string;\n};\n\nexport function InlineHelp({ assistiveText, sourceLink, sourceText }: Props) {\n  const {\n    styles: { helpTextStyles }\n  } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme\n  );\n  return (\n    <div>\n      {assistiveText && sourceLink ? (\n        <span class={helpTextStyles}>{assistiveText}</span>\n      ) : (\n        assistiveText\n      )}\n      {sourceLink && <InlineHelpSource source={sourceLink}>{sourceText}</InlineHelpSource>}\n    </div>\n  );\n}\n","import { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceVariantOptions } from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  align?: 'start' | 'end';\n  hasMessages?: boolean;\n  hasHelp?: boolean;\n};\n\nexport function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }: Props) {\n  const { classes } = useComponentTheme<UserAssistanceVariantOptions>(UserAssistanceRedwoodTheme, {\n    align,\n    visible: hasHelp || hasMessages ? 'hide' : 'show' // TODO: fix typing so that options autocomplete\n  });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  return <div class={classes}>{requiredStr}</div>;\n}\n","import { ComponentChildren } from 'preact';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { UserAssistanceDensityType } from './InlineUserAssistance';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  id?: string;\n  children?: ComponentChildren;\n  variant?: UserAssistanceDensityType;\n};\n\n// defaults to type='reflow'. If this is within an oj-form-layout, the o-f-l\n// will pass down its type which defaults to 'efficient' (TODO).\nexport function InlineUserAssistanceContainer({ variant = 'reflow', children, id }: Props) {\n  const {\n    classes,\n    styles: { inlineContainerBaseStyles }\n  } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme,\n    {\n      container: variant\n    }\n  );\n\n  // we want to suppress the display of messages if it's in a group context\n  const inputGroupContext = useInputGroupContext();\n  if (inputGroupContext !== null) return null;\n\n  const content = (\n    <div class={classNames([classes, inlineContainerBaseStyles])} id={id}>\n      {children}\n    </div>\n  );\n\n  return content;\n}\n","import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n","import { RefObject } from 'preact/compat';\n\nimport { ComponentMessageContainer, ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Popup } from '../UNSAFE_Popup';\nimport { Coords } from '../UNSAFE_Floating';\nimport { Divider } from '../UNSAFE_Divider';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport { assistiveStyles, dividerStyle } from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  anchorRef: RefObject<HTMLElement | Coords>;\n  assistiveText?: string;\n  fieldLabel?: string;\n  id?: string;\n  messages?: ComponentMessageItem[];\n};\n\nexport function CompactUserAssistance({\n  anchorRef,\n  assistiveText,\n  fieldLabel,\n  id,\n  messages = []\n}: Props) {\n  const { isInputFocused, isReadonly } = useFormFieldContext();\n  const flip = { mainAxis: true, crossAxis: false };\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n  const isOpen = isInputFocused === true || isPopupFocused === true;\n\n  const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);\n\n  const uaCompactContent =\n    isReadonly !== true && (messages.length > 0 || assistiveText) ? (\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}\n        tail=\"simple\">\n        <div id={id} class={baseTheme}>\n          {messages.length > 0 && (\n            <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n          )}\n          {messages.length > 0 && assistiveText && (\n            <span class={dividerStyle}>\n              <Divider />\n            </span>\n          )}\n          {assistiveText && <span class={assistiveStyles}>{assistiveText}</span>}\n        </div>\n      </Popup>\n    ) : null;\n\n  return uaCompactContent;\n}\n","import { useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { HelpIcon } from '../PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '../UNSAFE_Popup';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '../UNSAFE_Popup/themes/redwood/PopupTheme';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, setTrue: setIsOpenTrue } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n\n  const { pressProps } = usePress((e) => {\n    e.preventDefault();\n    setIsOpenTrue();\n  });\n  const anchorRef = useRef(null);\n\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        {...pressProps}\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={setIsOpenFalse}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        initialFocus=\"firstFocusable\">\n        <div id={id} tabIndex={0} class={iconUserAssistanceClasses}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n","import { ComponentProps } from 'preact';\nimport { ComponentMessageItem, ComponentMessageContainer } from '../UNSAFE_ComponentMessage';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineHelp } from './InlineHelp';\nimport { InlineRequired } from './InlineRequired';\nimport { InlineUserAssistanceContainer } from './InlineUserAssistanceContainer';\n\nexport type UserAssistanceDensityType = 'reflow' | 'efficient';\n\ntype Props = {\n  assistiveText?: string;\n  fieldLabel?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  id?: string;\n  isRequiredShown?: boolean;\n  requiredAlignment?: ComponentProps<typeof InlineRequired>['align'];\n  messages?: ComponentMessageItem[];\n  userAssistanceDensity?: UserAssistanceDensityType;\n};\n\n// This has the precedence rules for the user assistance.\nexport function InlineUserAssistance({\n  assistiveText,\n  fieldLabel,\n  helpSourceLink,\n  helpSourceText,\n  id,\n  isRequiredShown,\n  requiredAlignment,\n  messages = [],\n  userAssistanceDensity\n}: Props) {\n  const { isReadonly: isFormReadonly } = useFormContext();\n  const needsUserAssistanceIfNoContent =\n    userAssistanceDensity === 'efficient' && isFormReadonly === false;\n  const { isFocused } = useFormFieldContext();\n  const uaInlineContent =\n    messages.length > 0 ? (\n      <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n    ) : (assistiveText || helpSourceLink) && isFocused ? (\n      <InlineHelp\n        assistiveText={assistiveText}\n        sourceLink={helpSourceLink}\n        sourceText={helpSourceText}\n      />\n    ) : isRequiredShown ? (\n      <InlineRequired align={requiredAlignment} />\n    ) : null;\n\n  // when reflow we do not render unless it has content.\n  // when efficient we render regardless of if it has content.\n  // TODO: Get the userAssistanceDensity value from the FormContext\n  return uaInlineContent || needsUserAssistanceIfNoContent ? (\n    <InlineUserAssistanceContainer id={id} variant={userAssistanceDensity}>\n      {uaInlineContent}\n    </InlineUserAssistanceContainer>\n  ) : null;\n}\n"],"names":["InlineHelp","assistiveText","sourceLink","sourceText","styles","helpTextStyles","useComponentTheme","UserAssistanceRedwoodTheme","_jsxs","children","_jsx","class","InlineHelpSource","source","InlineRequired","align","hasHelp","hasMessages","classes","visible","requiredStr","useTranslationBundle","userAssistance_required","InlineUserAssistanceContainer","variant","id","inlineContainerBaseStyles","container","useInputGroupContext","classNames","helpIconId","helpSourceLink","helpSourceText","isRequiredShown","labelEdge","tooltipContent","tooltipProps","useTooltip","text","offset","mainAxis","requiredStyles","requiredIconBase","requiredIconLabelEdgeStart","requiredIndicator","helpIndicator","jsx","CompactHelpSource","jsxs","_Fragment","Fragment","anchorRef","fieldLabel","messages","isInputFocused","isReadonly","useFormFieldContext","isFocused","isPopupFocused","popupProps","usePopupFocusWithin","isOpen","baseTheme","length","Popup","placement","flipOptions","crossAxis","tail","ComponentMessageContainer","dividerStyle","Divider","assistiveStyles","isTabbable","bool","setFalse","setIsOpenFalse","setTrue","setIsOpenTrue","useToggle","userAssistance_learnMoreStr","userAssistance_learnMore","popupBaseTheme","PopupRedwoodTheme","pressProps","usePress","e","preventDefault","useRef","iconUserAssistanceClasses","iconUserAssistancePopupFocus","ref","tabIndex","iconUserAssistanceIcon","HelpIcon","onClose","onClickOutside","shiftOptions","initialFocus","requiredAlignment","userAssistanceDensity","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","uaInlineContent"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_UserAssistance.js","sources":["../../src/UNSAFE_UserAssistance/InlineHelp.tsx","../../src/UNSAFE_UserAssistance/InlineRequired.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistanceContainer.tsx","../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx","../../src/UNSAFE_UserAssistance/CompactUserAssistance.tsx","../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx","../../src/UNSAFE_UserAssistance/InlineUserAssistance.tsx"],"sourcesContent":["import { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { InlineHelpSource } from './InlineHelpSource';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  assistiveText?: string;\n  sourceLink?: string;\n  sourceText?: string;\n};\n\nexport function InlineHelp({ assistiveText, sourceLink, sourceText }: Props) {\n  const {\n    styles: { helpTextStyles }\n  } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme\n  );\n  return (\n    <div>\n      {assistiveText && sourceLink ? (\n        <span class={helpTextStyles}>{assistiveText}</span>\n      ) : (\n        assistiveText\n      )}\n      {sourceLink && <InlineHelpSource source={sourceLink}>{sourceText}</InlineHelpSource>}\n    </div>\n  );\n}\n","import { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceVariantOptions } from './themes/UserAssistanceStyles.css';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  align?: 'start' | 'end';\n  hasMessages?: boolean;\n  hasHelp?: boolean;\n};\n\nexport function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }: Props) {\n  const { classes } = useComponentTheme<UserAssistanceVariantOptions>(UserAssistanceRedwoodTheme, {\n    align,\n    visible: hasHelp || hasMessages ? 'hide' : 'show' // TODO: fix typing so that options autocomplete\n  });\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  return <div class={classes}>{requiredStr}</div>;\n}\n","import { ComponentChildren } from 'preact';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { UserAssistanceDensityType } from './InlineUserAssistance';\nimport {\n  UserAssistanceStyles,\n  UserAssistanceVariantOptions\n} from './themes/UserAssistanceStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  id?: string;\n  children?: ComponentChildren;\n  variant?: UserAssistanceDensityType;\n};\n\n// defaults to type='reflow'. If this is within an oj-form-layout, the o-f-l\n// will pass down its type which defaults to 'efficient' (TODO).\nexport function InlineUserAssistanceContainer({ variant = 'reflow', children, id }: Props) {\n  const {\n    classes,\n    styles: { inlineContainerBaseStyles }\n  } = useComponentTheme<UserAssistanceVariantOptions, UserAssistanceStyles>(\n    UserAssistanceRedwoodTheme,\n    {\n      container: variant\n    }\n  );\n\n  // we want to suppress the display of messages if it's in a group context\n  const inputGroupContext = useInputGroupContext();\n  if (inputGroupContext !== null) return null;\n\n  const content = (\n    <div class={classNames([classes, inlineContainerBaseStyles])} id={id}>\n      {children}\n    </div>\n  );\n\n  return content;\n}\n","import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n","import { RefObject } from 'preact/compat';\n\nimport { ComponentMessageContainer, ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Popup } from '../UNSAFE_Popup';\nimport { Coords } from '../UNSAFE_Floating';\nimport { Divider } from '../UNSAFE_Divider';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport { assistiveStyles, dividerStyle } from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { UserAssistanceRedwoodTheme } from './themes/redwood/UserAssistanceTheme';\n\ntype Props = {\n  anchorRef: RefObject<HTMLElement | Coords>;\n  assistiveText?: string;\n  fieldLabel?: string;\n  id?: string;\n  messages?: ComponentMessageItem[];\n};\n\nexport function CompactUserAssistance({\n  anchorRef,\n  assistiveText,\n  fieldLabel,\n  id,\n  messages = []\n}: Props) {\n  const { isInputFocused, isReadonly } = useFormFieldContext();\n  const flip = { mainAxis: true, crossAxis: false };\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n  const isOpen = isInputFocused === true || isPopupFocused === true;\n\n  const { baseTheme } = useComponentTheme(UserAssistanceRedwoodTheme);\n\n  const uaCompactContent =\n    isReadonly !== true && (messages.length > 0 || assistiveText) ? (\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}\n        tail=\"simple\">\n        <div id={id} class={baseTheme}>\n          {messages.length > 0 && (\n            <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n          )}\n          {messages.length > 0 && assistiveText && (\n            <span class={dividerStyle}>\n              <Divider />\n            </span>\n          )}\n          {assistiveText && <span class={assistiveStyles}>{assistiveText}</span>}\n        </div>\n      </Popup>\n    ) : null;\n\n  return uaCompactContent;\n}\n","import { useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useToggle } from '../hooks/UNSAFE_useToggle';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { HelpIcon } from '../PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '../UNSAFE_Popup';\nimport { InlineHelp } from './InlineHelp';\nimport {\n  iconUserAssistanceIcon,\n  iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '../UNSAFE_Popup/themes/redwood/PopupTheme';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n   */\n  helpSourceText?: string;\n  /**\n   * Whether the trigger element is in tab sequence\n   */\n  isTabbable?: boolean;\n  /**\n   * ID of the pop up content that can be used for aria-describedby\n   */\n  id?: string;\n};\n\n/**\n * Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n  assistiveText,\n  helpSourceLink,\n  helpSourceText,\n  isTabbable = true,\n  id\n}: Props) => {\n  const { bool: isOpen, setFalse: setIsOpenFalse, setTrue: setIsOpenTrue } = useToggle(false);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const sourceText = helpSourceLink && (helpSourceText || userAssistance_learnMoreStr);\n  // We are referencing popup vars, so we need to bring in the baseTheme for popup\n  const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n\n  const { pressProps } = usePress((e) => {\n    e.preventDefault();\n    setIsOpenTrue();\n  });\n  const anchorRef = useRef(null);\n\n  const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n  return helpSourceLink || assistiveText ? (\n    <>\n      <span\n        {...pressProps}\n        ref={anchorRef}\n        tabIndex={isTabbable ? 0 : -1}\n        class={iconUserAssistanceIcon}\n        id={`${id}-help-icon`}>\n        <HelpIcon />\n      </span>\n      <Popup\n        placement=\"top\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        onClose={setIsOpenFalse}\n        onClickOutside={setIsOpenFalse}\n        shiftOptions={{ mainAxis: true, crossAxis: false }}\n        initialFocus=\"firstFocusable\">\n        <div id={id} tabIndex={0} class={iconUserAssistanceClasses}>\n          <InlineHelp\n            assistiveText={assistiveText}\n            sourceLink={helpSourceLink}\n            sourceText={sourceText}\n          />\n        </div>\n      </Popup>\n    </>\n  ) : null;\n};\n\nexport { IconUserAssistance };\n","import { ComponentProps } from 'preact';\nimport { ComponentMessageItem, ComponentMessageContainer } from '../UNSAFE_ComponentMessage';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineHelp } from './InlineHelp';\nimport { InlineRequired } from './InlineRequired';\nimport { InlineUserAssistanceContainer } from './InlineUserAssistanceContainer';\n\nexport type UserAssistanceDensityType = 'reflow' | 'efficient';\n\ntype Props = {\n  assistiveText?: string;\n  fieldLabel?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  id?: string;\n  isRequiredShown?: boolean;\n  requiredAlignment?: ComponentProps<typeof InlineRequired>['align'];\n  messages?: ComponentMessageItem[];\n  userAssistanceDensity?: UserAssistanceDensityType;\n};\n\n// This has the precedence rules for the user assistance.\nexport function InlineUserAssistance({\n  assistiveText,\n  fieldLabel,\n  helpSourceLink,\n  helpSourceText,\n  id,\n  isRequiredShown,\n  requiredAlignment,\n  messages = [],\n  userAssistanceDensity\n}: Props) {\n  const { isReadonly: isFormReadonly } = useFormContext();\n  const needsUserAssistanceIfNoContent =\n    userAssistanceDensity === 'efficient' && isFormReadonly === false;\n  const { isFocused } = useFormFieldContext();\n  const uaInlineContent =\n    messages.length > 0 ? (\n      <ComponentMessageContainer fieldLabel={fieldLabel} messages={messages} />\n    ) : (assistiveText || helpSourceLink) && isFocused ? (\n      <InlineHelp\n        assistiveText={assistiveText}\n        sourceLink={helpSourceLink}\n        sourceText={helpSourceText}\n      />\n    ) : isRequiredShown ? (\n      <InlineRequired align={requiredAlignment} />\n    ) : null;\n\n  // when reflow we do not render unless it has content.\n  // when efficient we render regardless of if it has content.\n  // TODO: Get the userAssistanceDensity value from the FormContext\n  return uaInlineContent || needsUserAssistanceIfNoContent ? (\n    <InlineUserAssistanceContainer id={id} variant={userAssistanceDensity}>\n      {uaInlineContent}\n    </InlineUserAssistanceContainer>\n  ) : null;\n}\n"],"names":["InlineHelp","assistiveText","sourceLink","sourceText","styles","helpTextStyles","useComponentTheme","UserAssistanceRedwoodTheme","_jsxs","children","_jsx","class","InlineHelpSource","source","InlineRequired","align","hasHelp","hasMessages","classes","visible","requiredStr","useTranslationBundle","userAssistance_required","InlineUserAssistanceContainer","variant","id","inlineContainerBaseStyles","container","useInputGroupContext","classNames","helpIconId","helpSourceLink","helpSourceText","isRequiredShown","labelEdge","tooltipContent","tooltipProps","useTooltip","text","offset","mainAxis","requiredStyles","requiredIconBase","requiredIconLabelEdgeStart","requiredIndicator","helpIndicator","jsx","CompactHelpSource","jsxs","_Fragment","Fragment","anchorRef","fieldLabel","messages","isInputFocused","isReadonly","useFormFieldContext","isFocused","isPopupFocused","popupProps","usePopupFocusWithin","isOpen","baseTheme","length","Popup","placement","flipOptions","crossAxis","tail","ComponentMessageContainer","dividerStyle","Divider","assistiveStyles","isTabbable","bool","setFalse","setIsOpenFalse","setTrue","setIsOpenTrue","useToggle","userAssistance_learnMoreStr","userAssistance_learnMore","popupBaseTheme","PopupRedwoodTheme","pressProps","usePress","e","preventDefault","useRef","iconUserAssistanceClasses","iconUserAssistancePopupFocus","ref","tabIndex","iconUserAssistanceIcon","HelpIcon","onClose","onClickOutside","shiftOptions","initialFocus","requiredAlignment","userAssistanceDensity","isFormReadonly","useFormContext","needsUserAssistanceIfNoContent","uaInlineContent"],"mappings":"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"}

package/amd/UNSAFE_View.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './utils/UNSAFE_interpolations/borders', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/flexitem', './utils/UNSAFE_interpolations/colors', './utils/UNSAFE_interpolations/padding', './utils/UNSAFE_interpolations/aria', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_arrayUtils', './index-972353b7', './index-111f0a56', './Common/themes/themeContract.css', './vanilla-extract-dynamic.esm-964c2211', './flexitem-8a1a84c5', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c3d71872', './_curry1-8e80b9e8', 'module', './keys-069dcca6', './_has-d086a175', './utils/UNSAFE_classNames', './classNames-a38faa50', './_curry3-dfa9e462', './_curry2-6182e485', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/hooks'], (function(e,o,t,a,r,s,i,l,n,c,m,d,u,p,b,_,h,S,v,E,N,g,y,A,U,f,x,F,j,C,I,O,k){"use strict";const w=d.stringLiteralArray(["div","main","article","section","aside"]),B=[...Object.values(a.borderInterpolations),...Object.values(r.dimensionInterpolations),...Object.values(h.flexitemInterpolations),...Object.values(i.colorInterpolations),...Object.values(l.paddingInterpolations),...Object.values(n.ariaInterpolations),...Object.values(c.themeInterpolations)],L=m.mergeInterpolations(B),V=t.forwardRef(((e,t)=>{const{as:a,children:r,colorScheme:s,scale:i,color:l,backgroundColor:n,...c}=e,{class:m,ariaLabelledBy:d,ariaLabel:h,...S}=L({colorScheme:s,scale:i,backgroundColor:n,color:l,...c}),v={};s&&(v.colorScheme=s),i&&(v.scale=i);let E={};n&&(v.currentBgColor=n,E=_.assignInlineVars({[b.globalVars.currentBackgroundColor]:S.backgroundColor}));const N=a||"div",g=o.jsx(N,{"aria-label":h,"aria-labelledby":d,class:m,style:{...S,boxSizing:"border-box",...E},ref:t,children:r});return p.isEmpty(v)?g:o.jsx(u.EnvironmentProvider,{environment:v,children:g})}));e.View=V,e.elementTypes=w,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './utils/UNSAFE_interpolations/borders', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_interpolations/flexitem', './utils/UNSAFE_interpolations/colors', './utils/UNSAFE_interpolations/padding', './utils/UNSAFE_interpolations/aria', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_arrayUtils', './index-d6b6bee8', './index-d01445f9', './Common/themes/themeContract.css', './vanilla-extract-dynamic.esm-e6f26831', './flexitem-f686fedf', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-dfde7bba', './_curry1-1f658b88', 'module', './keys-d1c31363', './_has-34b23a64', './utils/UNSAFE_classNames', './classNames-b5cf9a39', './_curry3-05ec2e23', './_curry2-4a554218', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/hooks'], (function(e,o,t,r,a,s,i,l,n,c,d,m,u,b,p,_,f,h,S,v,E,N,g,y,A,U,x,F,j,C,I,O,k){"use strict";const w=m.stringLiteralArray(["div","main","article","section","aside"]),B=[...Object.values(r.borderInterpolations),...Object.values(a.dimensionInterpolations),...Object.values(f.flexitemInterpolations),...Object.values(i.colorInterpolations),...Object.values(l.paddingInterpolations),...Object.values(n.ariaInterpolations),...Object.values(c.themeInterpolations)],L=d.mergeInterpolations(B),V=t.forwardRef(((e,t)=>{const{as:r,children:a,colorScheme:s,scale:i,color:l,backgroundColor:n,...c}=e,{class:d,ariaLabelledBy:m,ariaLabel:f,...h}=L({colorScheme:s,scale:i,backgroundColor:n,color:l,...c}),S={};s&&(S.colorScheme=s),i&&(S.scale=i);let v={};n&&(S.currentBgColor=n,v=_.assignInlineVars({[p.globalVars.currentBackgroundColor]:h.backgroundColor}));const E=r||"div",N=o.jsx(E,{"aria-label":f,"aria-labelledby":m,class:d,style:{...h,boxSizing:"border-box",...v},ref:t,children:a});return b.isEmpty(S)?N:o.jsx(u.EnvironmentProvider,{environment:S,children:N})}));e.View=V,e.elementTypes=w,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_View.js.map

package/amd/UNSAFE_VirtualizedListView.js

@@ -1,2 +1,2 @@
-define(['exports', './VirtualizedListView-a1e37094', 'preact/jsx-runtime', './PRIVATE_List', './List-25770507', 'preact/hooks', './utils/UNSAFE_classNames', './classNames-a38faa50', './utils/UNSAFE_mergeProps', './utils/UNSAFE_keys', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-8847185c', 'preact', './PRIVATE_Collection', './Collection-c6aaadf3', './hooks/UNSAFE_useViewportIntersect', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-063dc7b6', './utils/UNSAFE_arrayUtils', 'preact/compat', './hooks/UNSAFE_useTabbableMode', './UNSAFE_FocusTrap', './FocusTrap-e64dfc3e', 'module', './utils/PRIVATE_tabbableUtils', './_curry1-8e80b9e8', './_curry2-6182e485', './_arity-0f1e8642', './_curry3-dfa9e462', './hooks/UNSAFE_useId', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-097c8e85', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_has-d086a175', './utils/UNSAFE_interpolations/flexitem', './flexitem-8a1a84c5', './keys-069dcca6', './PRIVATE_List/themes/ListStyles.css', 'module', './vanilla-extract-recipes-createRuntimeFn.esm-0002efa3', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-972353b7', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './SkeletonContainer-fa0d5f60', './UNSAFE_Skeleton', './Skeleton-8b282c23', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c3d71872', './utils/UNSAFE_interpolations/borders', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Flex', './Flex-602aedd6', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-de7617fc', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-6c7cf55e', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-894861f8', './index-1a7108e6', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-964c2211', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-0b9b289d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5e7d76a4', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'module', './UNSAFE_Icon/themes/IconStyle.css', 'module', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'module', './hooks/PRIVATE_useCollectionGestureContext', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'module', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module'], (function(e,s,o,t,i,l,n,a,c,S,r,d,h,_,A,E,F,m,u,U,N,T,k,I,p,y,V,R,C,b,f,g,w,x,P,L,B,G,M,z,O,v,H,j,K,q,D,J,Q,W,X,Y,Z,$,ee,se,oe,te,ie,le,ne,ae,ce,Se,re,de,he,_e,Ae,Ee,Fe,me,ue,Ue,Ne,Te,ke,Ie,pe,ye,Ve,Re,Ce,be,fe,ge,we,xe,Pe,Le,Be,Ge,Me,ze,Oe,ve,He,je,Ke,qe,De,Je,Qe,We,Xe,Ye,Ze,$e,es,ss,os,ts,is,ls,ns,as,cs,Ss,rs,ds,hs,_s,As,Es,Fs,ms,us,Us,Ns,Ts,ks,Is,ps,ys,Vs){"use strict";e.VirtualizedListView=s.VirtualizedListView,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './VirtualizedListView-1bcdfe2f', 'preact/jsx-runtime', './PRIVATE_List', './List-978f1370', 'preact/hooks', './utils/UNSAFE_classNames', './classNames-b5cf9a39', './utils/UNSAFE_mergeProps', './utils/UNSAFE_keys', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-4a1e6b18', 'preact', './PRIVATE_Collection', './Collection-31894f46', './hooks/UNSAFE_useViewportIntersect', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-670d9c0b', './utils/UNSAFE_arrayUtils', 'preact/compat', './hooks/UNSAFE_useTabbableMode', './UNSAFE_FocusTrap', './FocusTrap-8b3bbcd4', 'module', './utils/PRIVATE_tabbableUtils', './_curry1-1f658b88', './_curry2-4a554218', './_arity-9faba7af', './_curry3-05ec2e23', './hooks/UNSAFE_useId', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-a9fac8c0', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_has-34b23a64', './utils/UNSAFE_interpolations/flexitem', './flexitem-f686fedf', './keys-d1c31363', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-8524d45d', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-d6b6bee8', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_collectionUtils', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './SkeletonContainer-1e52c5e3', './UNSAFE_Skeleton', './Skeleton-a6113f2f', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-dfde7bba', './utils/UNSAFE_interpolations/borders', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './UNSAFE_Flex', './Flex-e7220b21', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-761d3b14', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-b3dac058', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-9f5d5900', './index-78b0c38f', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './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-dynamic.esm-e6f26831', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-d6527912', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5f94808b', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './hooks/PRIVATE_useCollectionGestureContext', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module'], (function(e,s,o,t,i,l,n,c,a,S,r,d,h,_,A,E,F,m,u,U,N,T,k,I,p,y,b,V,R,C,f,g,w,x,P,L,B,G,M,z,O,v,H,j,K,q,D,J,Q,W,X,Y,Z,$,ee,se,oe,te,ie,le,ne,ce,ae,Se,re,de,he,_e,Ae,Ee,Fe,me,ue,Ue,Ne,Te,ke,Ie,pe,ye,be,Ve,Re,Ce,fe,ge,we,xe,Pe,Le,Be,Ge,Me,ze,Oe,ve,He,je,Ke,qe,De,Je,Qe,We,Xe,Ye,Ze,$e,es,ss,os,ts,is,ls,ns,cs,as,Ss,rs,ds,hs,_s,As,Es,Fs,ms,us,Us,Ns,Ts,ks,Is,ps,ys,bs){"use strict";e.VirtualizedListView=s.VirtualizedListView,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_VirtualizedListView.js.map

package/amd/UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module'], (function(e,t){"use strict";e.baseStyle="WindowOverlayStyles_baseStyle__d5jpag12",e.styles={baseStyle:"WindowOverlayStyles_baseStyle__d5jpag12",placementStyles:{center:"WindowOverlayStyles_placementStyles_center__d5jpagd",top:"WindowOverlayStyles_placementStyles_top__d5jpage","top-end":"WindowOverlayStyles_placementStyles__d5jpagf","top-right":"WindowOverlayStyles_placementStyles__d5jpagg","top-start":"WindowOverlayStyles_placementStyles__d5jpagh","top-left":"WindowOverlayStyles_placementStyles__d5jpagi","top-end-corner":"WindowOverlayStyles_placementStyles__d5jpagj","top-start-corner":"WindowOverlayStyles_placementStyles__d5jpagk",end:"WindowOverlayStyles_placementStyles_end__d5jpagl","end-top":"WindowOverlayStyles_placementStyles__d5jpagm","end-bottom":"WindowOverlayStyles_placementStyles__d5jpagn","end-top-corner":"WindowOverlayStyles_placementStyles__d5jpago","end-bottom-corner":"WindowOverlayStyles_placementStyles__d5jpagp",bottom:"WindowOverlayStyles_placementStyles_bottom__d5jpagq","bottom-end":"WindowOverlayStyles_placementStyles__d5jpagr","bottom-right":"WindowOverlayStyles_placementStyles__d5jpags","bottom-start":"WindowOverlayStyles_placementStyles__d5jpagt","bottom-left":"WindowOverlayStyles_placementStyles__d5jpagu","bottom-end-corner":"WindowOverlayStyles_placementStyles__d5jpagv","bottom-start-corner":"WindowOverlayStyles_placementStyles__d5jpagw",start:"WindowOverlayStyles_placementStyles_start__d5jpagx","start-top":"WindowOverlayStyles_placementStyles__d5jpagy","start-bottom":"WindowOverlayStyles_placementStyles__d5jpagz","start-top-corner":"WindowOverlayStyles_placementStyles__d5jpag10","start-bottom-corner":"WindowOverlayStyles_placementStyles__d5jpag11"},windowOverlayStyles:{notificationPosition:"WindowOverlayStyles_windowOverlayStyles_notificationPosition__d5jpag0",top:"WindowOverlayStyles_windowOverlayStyles_top__d5jpag1","top-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag2",bottom:"WindowOverlayStyles_windowOverlayStyles_bottom__d5jpag3","bottom-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag4","top-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag5","bottom-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag6",right:"WindowOverlayStyles_windowOverlayStyles_right__d5jpag7",left:"WindowOverlayStyles_windowOverlayStyles_left__d5jpag8","left-top":"WindowOverlayStyles_windowOverlayStyles__d5jpag9","left-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpaga","right-top":"WindowOverlayStyles_windowOverlayStyles__d5jpagb","right-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpagc"},gridStyles:"WindowOverlayStyles_gridStyles__d5jpag13"},e.variants={},e.windowOverlayStyles={notificationPosition:"WindowOverlayStyles_windowOverlayStyles_notificationPosition__d5jpag0",top:"WindowOverlayStyles_windowOverlayStyles_top__d5jpag1","top-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag2",bottom:"WindowOverlayStyles_windowOverlayStyles_bottom__d5jpag3","bottom-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag4","top-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag5","bottom-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag6",right:"WindowOverlayStyles_windowOverlayStyles_right__d5jpag7",left:"WindowOverlayStyles_windowOverlayStyles_left__d5jpag8","left-top":"WindowOverlayStyles_windowOverlayStyles__d5jpag9","left-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpaga","right-top":"WindowOverlayStyles_windowOverlayStyles__d5jpagb","right-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpagc"},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../WindowOverlayStyles.styles.css'], (function(e,t){"use strict";e.baseStyle="WindowOverlayStyles_baseStyle__d5jpag12",e.styles={baseStyle:"WindowOverlayStyles_baseStyle__d5jpag12",placementStyles:{center:"WindowOverlayStyles_placementStyles_center__d5jpagd",top:"WindowOverlayStyles_placementStyles_top__d5jpage","top-end":"WindowOverlayStyles_placementStyles__d5jpagf","top-right":"WindowOverlayStyles_placementStyles__d5jpagg","top-start":"WindowOverlayStyles_placementStyles__d5jpagh","top-left":"WindowOverlayStyles_placementStyles__d5jpagi","top-end-corner":"WindowOverlayStyles_placementStyles__d5jpagj","top-start-corner":"WindowOverlayStyles_placementStyles__d5jpagk",end:"WindowOverlayStyles_placementStyles_end__d5jpagl","end-top":"WindowOverlayStyles_placementStyles__d5jpagm","end-bottom":"WindowOverlayStyles_placementStyles__d5jpagn","end-top-corner":"WindowOverlayStyles_placementStyles__d5jpago","end-bottom-corner":"WindowOverlayStyles_placementStyles__d5jpagp",bottom:"WindowOverlayStyles_placementStyles_bottom__d5jpagq","bottom-end":"WindowOverlayStyles_placementStyles__d5jpagr","bottom-right":"WindowOverlayStyles_placementStyles__d5jpags","bottom-start":"WindowOverlayStyles_placementStyles__d5jpagt","bottom-left":"WindowOverlayStyles_placementStyles__d5jpagu","bottom-end-corner":"WindowOverlayStyles_placementStyles__d5jpagv","bottom-start-corner":"WindowOverlayStyles_placementStyles__d5jpagw",start:"WindowOverlayStyles_placementStyles_start__d5jpagx","start-top":"WindowOverlayStyles_placementStyles__d5jpagy","start-bottom":"WindowOverlayStyles_placementStyles__d5jpagz","start-top-corner":"WindowOverlayStyles_placementStyles__d5jpag10","start-bottom-corner":"WindowOverlayStyles_placementStyles__d5jpag11"},windowOverlayStyles:{notificationPosition:"WindowOverlayStyles_windowOverlayStyles_notificationPosition__d5jpag0",top:"WindowOverlayStyles_windowOverlayStyles_top__d5jpag1","top-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag2",bottom:"WindowOverlayStyles_windowOverlayStyles_bottom__d5jpag3","bottom-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag4","top-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag5","bottom-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag6",right:"WindowOverlayStyles_windowOverlayStyles_right__d5jpag7",left:"WindowOverlayStyles_windowOverlayStyles_left__d5jpag8","left-top":"WindowOverlayStyles_windowOverlayStyles__d5jpag9","left-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpaga","right-top":"WindowOverlayStyles_windowOverlayStyles__d5jpagb","right-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpagc"},gridStyles:"WindowOverlayStyles_gridStyles__d5jpag13"},e.variants={},e.windowOverlayStyles={notificationPosition:"WindowOverlayStyles_windowOverlayStyles_notificationPosition__d5jpag0",top:"WindowOverlayStyles_windowOverlayStyles_top__d5jpag1","top-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag2",bottom:"WindowOverlayStyles_windowOverlayStyles_bottom__d5jpag3","bottom-left":"WindowOverlayStyles_windowOverlayStyles__d5jpag4","top-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag5","bottom-right":"WindowOverlayStyles_windowOverlayStyles__d5jpag6",right:"WindowOverlayStyles_windowOverlayStyles_right__d5jpag7",left:"WindowOverlayStyles_windowOverlayStyles_left__d5jpag8","left-top":"WindowOverlayStyles_windowOverlayStyles__d5jpag9","left-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpaga","right-top":"WindowOverlayStyles_windowOverlayStyles__d5jpagb","right-bottom":"WindowOverlayStyles_windowOverlayStyles__d5jpagc"},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayStyles.css.js.map

package/amd/UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../WindowOverlayStyles.css', './WindowOverlayBaseTheme.css', './WindowOverlayVariants.css', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,a,t,i,l,n){"use strict";const r={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.WindowOverlayRedwoodTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../WindowOverlayStyles.css', './WindowOverlayBaseTheme.css', './WindowOverlayVariants.css', 'css!./../../../WindowOverlayStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,s,t,a,i,l,n){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.WindowOverlayRedwoodTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayTheme.js.map

package/amd/UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"WindowOverlayStyles_baseStyle__d5jpag12",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../WindowOverlayStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"WindowOverlayStyles_baseStyle__d5jpag12",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayVariants.css.js.map

package/amd/UNSAFE_WindowOverlay/themes/stable/WindowOverlayTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../WindowOverlayStyles.css', './WindowOverlayBaseTheme.css', './WindowOverlayVariants.css', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,a,t,l,i,n){"use strict";const r={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.WindowOverlayStableTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../WindowOverlayStyles.css', './WindowOverlayBaseTheme.css', './WindowOverlayVariants.css', 'css!./../../../WindowOverlayStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,s,t,a,l,i,n){"use strict";const r={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.WindowOverlayStableTheme=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayTheme.js.map

package/amd/UNSAFE_WindowOverlay/themes/stable/WindowOverlayVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"WindowOverlayStyles_baseStyle__d5jpag12",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../WindowOverlayStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"WindowOverlayStyles_baseStyle__d5jpag12",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=WindowOverlayVariants.css.js.map

package/amd/UNSAFE_WindowOverlay.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_mergeInterpolations', './vanilla-extract-dynamic.esm-964c2211', './utils/UNSAFE_classNames', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useComponentTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './classNames-a38faa50', './_curry1-8e80b9e8', './_curry3-dfa9e462', './_curry2-6182e485', './_has-d086a175', 'css!./WindowOverlayStyles.styles.css', 'preact/hooks', './index-972353b7', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_logger', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,t,s,o,a,r,l,n,i,y,w,d,c,m,v,O,S,h,p,f,b,u,g,x,A,_,N,W,k){"use strict";e.WindowOverlay=({children:e,...a})=>{const{direction:d}=n.useUser(),c="ltr"===d;null==a.placement&&(a.placement="center");const{styles:m,baseTheme:v}=i.useComponentTheme(y.WindowOverlayRedwoodTheme),{baseStyle:O,gridStyles:S,placementStyles:h}=m,p=[({placement:e="center"})=>({class:h[e]})],f=[...Object.values(p)],b=s.mergeInterpolations(f),{class:u,...g}=b(a),x=((e,t,s)=>{if(null==e)return;let o;switch(e){case"top-start":case"center":o=t?r.windowOverlayStyles["top-left"]:r.windowOverlayStyles["top-right"];break;case"top-end":o=t?r.windowOverlayStyles["top-right"]:r.windowOverlayStyles["top-left"];break;case"bottom-start":o=t?r.windowOverlayStyles["bottom-left"]:r.windowOverlayStyles["bottom-right"];break;case"bottom-end":o=t?r.windowOverlayStyles["bottom-right"]:r.windowOverlayStyles["bottom-left"];break;case"start-top":o=t?r.windowOverlayStyles["left-top"]:r.windowOverlayStyles["right-top"];break;case"end-top":o=t?r.windowOverlayStyles["right-top"]:r.windowOverlayStyles["left-top"];break;case"start-bottom":o=t?r.windowOverlayStyles["left-bottom"]:r.windowOverlayStyles["right-bottom"];break;case"end-bottom":o=t?r.windowOverlayStyles["right-bottom"]:r.windowOverlayStyles["left-bottom"];break;case"start":o=t?r.windowOverlayStyles.left:r.windowOverlayStyles.right;break;case"end":o=t?r.windowOverlayStyles.right:r.windowOverlayStyles.left;break;case"top":o=r.windowOverlayStyles.top;break;case"bottom":o=r.windowOverlayStyles.bottom}return w.classNames([r.windowOverlayStyles.notificationPosition,o,s])})(a.placement,c,v),A="number"==typeof(_=a.offset)?o.assignInlineVars({[l.windowOverlayVars.notificationMainAxisOffset]:`${_}px`,[l.windowOverlayVars.notificationCrossAxisOffset]:"0px"}):o.assignInlineVars({[l.windowOverlayVars.notificationMainAxisOffset]:`${_?.mainAxis??0}px`,[l.windowOverlayVars.notificationCrossAxisOffset]:`${_?.crossAxis??0}px`});var _;return t.jsx("div",{class:w.classNames([O,S,u]),style:g,children:t.jsx("div",{class:x,style:void 0!==A?A:void 0,children:e})})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_mergeInterpolations', './vanilla-extract-dynamic.esm-e6f26831', './utils/UNSAFE_classNames', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useComponentTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './classNames-b5cf9a39', './_curry1-1f658b88', './_curry3-05ec2e23', './_curry2-4a554218', './_has-34b23a64', 'css!./WindowOverlayStyles.styles.css', 'preact/hooks', './index-d6b6bee8', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_logger', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-8524d45d'], (function(e,t,s,o,a,r,l,n,i,y,d,w,c,m,v,O,S,h,p,b,f,u,g,x,A,_,N,W,k){"use strict";e.WindowOverlay=({children:e,...a})=>{const{direction:w}=n.useUser(),c="ltr"===w;null==a.placement&&(a.placement="center");const{styles:m,baseTheme:v}=i.useComponentTheme(y.WindowOverlayRedwoodTheme),{baseStyle:O,gridStyles:S,placementStyles:h}=m,p=[({placement:e="center"})=>({class:h[e]})],b=[...Object.values(p)],f=s.mergeInterpolations(b),{class:u,...g}=f(a),x=((e,t,s)=>{if(null==e)return;let o;switch(e){case"top-start":case"center":o=t?r.windowOverlayStyles["top-left"]:r.windowOverlayStyles["top-right"];break;case"top-end":o=t?r.windowOverlayStyles["top-right"]:r.windowOverlayStyles["top-left"];break;case"bottom-start":o=t?r.windowOverlayStyles["bottom-left"]:r.windowOverlayStyles["bottom-right"];break;case"bottom-end":o=t?r.windowOverlayStyles["bottom-right"]:r.windowOverlayStyles["bottom-left"];break;case"start-top":o=t?r.windowOverlayStyles["left-top"]:r.windowOverlayStyles["right-top"];break;case"end-top":o=t?r.windowOverlayStyles["right-top"]:r.windowOverlayStyles["left-top"];break;case"start-bottom":o=t?r.windowOverlayStyles["left-bottom"]:r.windowOverlayStyles["right-bottom"];break;case"end-bottom":o=t?r.windowOverlayStyles["right-bottom"]:r.windowOverlayStyles["left-bottom"];break;case"start":o=t?r.windowOverlayStyles.left:r.windowOverlayStyles.right;break;case"end":o=t?r.windowOverlayStyles.right:r.windowOverlayStyles.left;break;case"top":o=r.windowOverlayStyles.top;break;case"bottom":o=r.windowOverlayStyles.bottom}return d.classNames([r.windowOverlayStyles.notificationPosition,o,s])})(a.placement,c,v),A="number"==typeof(_=a.offset)?o.assignInlineVars({[l.windowOverlayVars.notificationMainAxisOffset]:`${_}px`,[l.windowOverlayVars.notificationCrossAxisOffset]:"0px"}):o.assignInlineVars({[l.windowOverlayVars.notificationMainAxisOffset]:`${_?.mainAxis??0}px`,[l.windowOverlayVars.notificationCrossAxisOffset]:`${_?.crossAxis??0}px`});var _;return t.jsx("div",{class:d.classNames([O,S,u]),style:g,children:t.jsx("div",{class:x,style:void 0!==A?A:void 0,children:e})})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_WindowOverlay.js.map

package/amd/VirtualizedCollection-670d9c0b.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './PRIVATE_Collection', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useViewportIntersect', './Collection-31894f46'], (function(e,t,o,n,r,i,c){"use strict";r.stringLiteralArray(["topPlaceholder","bottomPlaceholder"]);const l="oj-collection-placeholder",s=({context:e,placeholderHeight:o})=>{const{fromIndex:n,toIndex:r,which:i,estimateItemSize:c}=e;let s=0;if(o)s=o(e);else{const e=0===c?48:c;s=Math.max(0,r-n)*e}const a="topPlaceholder"===i?"_topPlaceholder":"_bottomPlaceholder",d={height:s+"px"};return 0===s&&(d.display="none"),t.jsx("div",{className:l,style:d},a)};function a(e){return function({itemSize:t,viewportHeight:o,scrollOffset:n,overscan:r=0}){if(void 0===t||0===t||void 0===o||void 0===n)return{offset:0,count:e};const i=Math.ceil(n/t),c=Math.ceil(o/t);return{offset:Math.max(0,i-r),count:c+r*(i>0?2:1)}}}const d=e=>e&&e.data&&e.offset>=0&&e.totalSize>=0,u=1,h=(e,t,o,n,r)=>{let i,c;if(e&&t){const o=t.getBoundingClientRect(),n=(e=>{let t,o;if(e===document.documentElement)t=0,o=document.documentElement.clientHeight;else{const n=e.getBoundingClientRect();t=n.top,o=n.bottom}return{top:t,bottom:o}})(e);o&&n&&(i=n.top-o.top-u,c=n.bottom-n.top+u)}if(void 0!==i&&void 0!==c){return n({scrollOffset:i,viewportHeight:c,overscan:o,itemSize:r})}return null},f=1,m=`.oj-collection-loadmore, .${l}`,g=a(25);e.PLACEHOLDER_STYLE_CLASS=l,e.VirtualizedCollection=function({data:e,children:n,viewportConfig:r,itemSelector:l,placeholderHeight:a,rangeExtractor:p=g,overscan:x=f,onLoadRange:v,loadMoreIndicator:S,suggestions:I}){const E=o.useRef(null),z=o.useRef(0);if(i.useViewportIntersect(r,u,0,m,(()=>{const e=h(r.scroller(),E.current,x,p,z.current??0);e&&v(e)})),o.useEffect((()=>{if(0===z.current){let e=0;const t=E.current.querySelectorAll(l);t.length>0&&(t.forEach((t=>{e+=t.offsetHeight})),z.current=e/t.length)}})),!e||!d(e))return t.jsx("div",{ref:E});const P=e.data,j=e.offset,w=j+P.length,C=e.totalSize,H=j>=0?{fromIndex:0,toIndex:j,which:"topPlaceholder",estimateItemSize:z.current??0}:void 0,R=w&&w<=C?{fromIndex:w,toIndex:C,which:"bottomPlaceholder",estimateItemSize:z.current??0}:void 0,A=S&&"atLeast"===e.sizePrecision&&w<=C;return t.jsxs("div",{ref:E,style:"will-change: contents",children:[I,H&&t.jsx(s,{context:H,placeholderHeight:a}),t.jsx(c.Collection,{items:P,children:(L=j,e=>{const t={index:L+e.index,data:e.data};return n(t)})}),R&&t.jsx(s,{context:R,placeholderHeight:a}),A&&S]});var L},e.getVirtualizedRangeExtractor=a}));
+//# sourceMappingURL=VirtualizedCollection-670d9c0b.js.map

package/amd/VirtualizedCollection-670d9c0b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedCollection-670d9c0b.js","sources":["../../src/PRIVATE_VirtualizedCollection/Placeholder.tsx","../../src/PRIVATE_VirtualizedCollection/VirtualizedCollection.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 { JSX } from 'preact';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\nexport const placeholderTypes = stringLiteralArray(['topPlaceholder', 'bottomPlaceholder']);\n/**\n * Type of placeholder (top which is before the data content and bottom which is after the data content)\n */\nexport type PlaceholderType = typeof placeholderTypes[number];\n\n/**\n * Context object which is pass to the placeholderHeight function callback\n */\nexport type PlaceholderContext = {\n  fromIndex: number;\n  toIndex: number;\n  estimateItemSize: number;\n  which: PlaceholderType;\n};\n\nexport const PLACEHOLDER_STYLE_CLASS = 'oj-collection-placeholder';\n\nconst DEFAULT_PLACEHOLDER_SIZE = 48; // min-height defined in Redwood spec for item\nconst TOP_PLACEHOLDER_KEY = '_topPlaceholder';\nconst BOTTOM_PLACEHOLDER_KEY = '_bottomPlaceholder';\n\ntype Props = {\n  context: PlaceholderContext;\n  placeholderHeight?: (context: PlaceholderContext) => number;\n};\n\n/**\n * A component that renders placeholder which is used internally by VirtualizeViewportCollection\n */\nexport const Placeholder = ({ context, placeholderHeight }: Props) => {\n  const { fromIndex, toIndex, which, estimateItemSize } = context;\n  let totalHeight = 0;\n  if (placeholderHeight) {\n    totalHeight = placeholderHeight(context);\n  } else {\n    const placeholderUnitHeight =\n      estimateItemSize === 0 ? DEFAULT_PLACEHOLDER_SIZE : estimateItemSize;\n    totalHeight = Math.max(0, toIndex - fromIndex) * placeholderUnitHeight;\n  }\n\n  const key = which === 'topPlaceholder' ? TOP_PLACEHOLDER_KEY : BOTTOM_PLACEHOLDER_KEY;\n  const style: JSX.CSSProperties = { height: totalHeight + 'px' };\n  if (totalHeight === 0) {\n    style.display = 'none';\n  }\n  return <div key={key} className={PLACEHOLDER_STYLE_CLASS} style={style}></div>;\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 */\nimport { RefObject, ComponentChildren } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { DataState, ItemContext, Range, Metadata, ViewportInfo } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport {\n  Placeholder,\n  PlaceholderContext,\n  PlaceholderType,\n  PLACEHOLDER_STYLE_CLASS\n} from './Placeholder';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the VirtualizedCollection component\n */\ntype Props<K, D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the VirtualizedCollection.\n   */\n  data: DataState<K, D> | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => ComponentChildren;\n\n  /**\n   * Callback to calculate placeholder height\n   */\n  placeholderHeight?: (context: PlaceholderContext) => number;\n\n  /**\n   * Viewport configuration including specifying the element which is used to determine what range\n   * of data to render\n   */\n  viewportConfig: ViewportConfig;\n\n  /**\n   * The selector string to identify the children items\n   */\n  itemSelector: string;\n\n  /**\n   * Callback function to handle when viewport has changed, including the case\n   * where user scrolls to the end of the component and there are more items to load.\n   * The function should sets a new DataState on the component for the specified range.\n   */\n  onLoadRange: (range: Range) => void;\n\n  /**\n   * The number of additional items to render before and after the current viewport.  This is\n   * mainly used for performance tuning.  Increase the overscan will result in less frequent\n   * rendering when scroll but at the same time each render will take longer depending on the\n   * item content.\n   */\n  overscan?: number;\n\n  /**\n   * Optionally provide a custom callback to return the range to render based on viewport info\n   */\n  rangeExtractor?: (info: ViewportInfo) => Range;\n\n  /**\n   * Optionally specify the custom load more indicator\n   */\n  loadMoreIndicator?: ComponentChildren;\n\n  /**\n   * Optionally provide the suggestion indicator sparkle\n   */\n  suggestions?: ComponentChildren;\n};\n\n/**\n * A function that returns the default range extractor\n * @param fetchSize\n */\nexport function getVirtualizedRangeExtractor(fetchSize: number) {\n  return function ({ itemSize, viewportHeight, scrollOffset, overscan = 0 }: ViewportInfo): Range {\n    // if any of these is missing then return default initial range\n    if (\n      itemSize === undefined ||\n      itemSize === 0 ||\n      viewportHeight === undefined ||\n      scrollOffset === undefined\n    ) {\n      return { offset: 0, count: fetchSize };\n    }\n    const offset = Math.ceil(scrollOffset / itemSize);\n    const count = Math.ceil(viewportHeight / itemSize);\n    return {\n      offset: Math.max(0, offset - overscan),\n      count: count + overscan * (offset > 0 ? 2 : 1)\n    };\n  };\n}\n\n/**\n * Helper function to find the top and bottom of an element relative to the viewport\n * @param elem\n */\nconst getElementTopBottom = (elem: HTMLElement): { top: number; bottom: number } => {\n  let top;\n  let bottom;\n  if (elem === document.documentElement) {\n    top = 0;\n    bottom = document.documentElement.clientHeight;\n  } else {\n    const scrollerBounds = elem.getBoundingClientRect();\n    top = scrollerBounds.top;\n    bottom = scrollerBounds.bottom;\n  }\n  return { top, bottom };\n};\n\nconst isDataStateValid = <K, D>(dataState: DataState<K, D>) => {\n  return dataState && dataState.data && dataState.offset >= 0 && dataState.totalSize >= 0;\n};\n\nconst DEFAULT_MARGIN = 1;\n\n/**\n * Returns the range for the current viewport\n */\nconst getViewportRange = (\n  scroller: HTMLElement | null,\n  root: HTMLElement,\n  overscan: number,\n  rangeExtractor: (info: ViewportInfo) => Range,\n  estimateItemSize: number\n) => {\n  let scrollOffset;\n  let viewportHeight;\n\n  if (scroller && root) {\n    const rootRect = root.getBoundingClientRect();\n    const viewportRect = getElementTopBottom(scroller);\n    if (rootRect && viewportRect) {\n      scrollOffset = viewportRect.top - rootRect.top - DEFAULT_MARGIN;\n      viewportHeight = viewportRect.bottom - viewportRect.top + DEFAULT_MARGIN;\n    }\n  }\n\n  if (scrollOffset !== undefined && viewportHeight !== undefined) {\n    // figure out what the new range should be\n    const range = rangeExtractor({\n      scrollOffset,\n      viewportHeight,\n      overscan: overscan,\n      itemSize: estimateItemSize\n    });\n\n    return range;\n  }\n  return null;\n};\n\nconst DEFAULT_OVERSCAN = 1;\nconst DEFAULT_END_INDEX = 25; // match default fetch size\nconst LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\nconst LOAD_MORE_AND_PLACEHOLDER_SELECTOR = `.${LOADMORE_STYLE_CLASS}, .${PLACEHOLDER_STYLE_CLASS}`;\nconst DEFAULT_RANGE_EXTRACTOR = getVirtualizedRangeExtractor(DEFAULT_END_INDEX);\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function VirtualizedCollection<K, D>({\n  data,\n  children,\n  viewportConfig,\n  itemSelector,\n  placeholderHeight,\n  rangeExtractor = DEFAULT_RANGE_EXTRACTOR,\n  overscan = DEFAULT_OVERSCAN,\n  onLoadRange,\n  loadMoreIndicator,\n  suggestions\n}: Props<K, D>) {\n  const rootRef: RefObject<any> = useRef<HTMLElement>(null);\n  const estimateItemSizeRef: RefObject<number> = useRef(0);\n\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(\n    viewportConfig,\n    DEFAULT_MARGIN,\n    0,\n    LOAD_MORE_AND_PLACEHOLDER_SELECTOR,\n    () => {\n      const range = getViewportRange(\n        viewportConfig.scroller(),\n        rootRef.current,\n        overscan,\n        rangeExtractor,\n        estimateItemSizeRef.current ?? 0\n      );\n      if (range) {\n        onLoadRange(range);\n      }\n    }\n  );\n\n  // calculate average item height.  For now, we'll just do this once, but we can\n  // do a rolling average where we'll adjust on every render.\n  useEffect(() => {\n    if (estimateItemSizeRef.current === 0) {\n      let totalHeight = 0;\n      const nodes = rootRef.current.querySelectorAll(itemSelector);\n      if (nodes.length > 0) {\n        nodes.forEach((item: HTMLElement) => {\n          totalHeight += item.offsetHeight;\n        });\n        estimateItemSizeRef.current = totalHeight / nodes.length;\n      }\n    }\n  });\n\n  // override itemRenderer to adjust the index\n  const _getItemRenderer = (startIndex: number) => {\n    // returns a new render function\n    return (context: ItemContext<{ data: D; metadata: Metadata<K> }>) => {\n      const itemContext: ItemContext<{ data: D; metadata: Metadata<K> }> = {\n        index: startIndex + context.index,\n        data: context.data\n      };\n      return children(itemContext);\n    };\n  };\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data || !isDataStateValid(data)) {\n    return <div ref={rootRef} />;\n  }\n\n  const rangeData = data.data;\n  const offset = data.offset;\n  const endIndex = offset + rangeData.length;\n  const itemCount = data.totalSize;\n  const topPlaceholderContext =\n    offset >= 0\n      ? {\n          fromIndex: 0,\n          toIndex: offset,\n          which: 'topPlaceholder' as PlaceholderType,\n          estimateItemSize: estimateItemSizeRef.current ?? 0\n        }\n      : undefined;\n  const bottomPlaceholderContext =\n    endIndex && endIndex <= itemCount\n      ? {\n          fromIndex: endIndex,\n          toIndex: itemCount,\n          which: 'bottomPlaceholder' as PlaceholderType,\n          estimateItemSize: estimateItemSizeRef.current ?? 0\n        }\n      : undefined;\n\n  const renderLoadMore =\n    loadMoreIndicator && data.sizePrecision === 'atLeast' && endIndex <= itemCount;\n\n  // might need to support elementType prop in the future to allow customization of what\n  // type of element to render for the root\n  return (\n    <div ref={rootRef} style=\"will-change: contents\">\n      {suggestions}\n      {topPlaceholderContext && (\n        <Placeholder\n          context={topPlaceholderContext}\n          placeholderHeight={placeholderHeight}></Placeholder>\n      )}\n      <Collection items={rangeData}>{_getItemRenderer(offset)}</Collection>\n      {bottomPlaceholderContext && (\n        <Placeholder\n          context={bottomPlaceholderContext}\n          placeholderHeight={placeholderHeight}></Placeholder>\n      )}\n      {renderLoadMore && loadMoreIndicator}\n    </div>\n  );\n}\n"],"names":["stringLiteralArray","PLACEHOLDER_STYLE_CLASS","Placeholder","context","placeholderHeight","fromIndex","toIndex","which","estimateItemSize","totalHeight","placeholderUnitHeight","Math","max","key","style","height","display","_jsx","jsx","className","getVirtualizedRangeExtractor","fetchSize","itemSize","viewportHeight","scrollOffset","overscan","undefined","offset","count","ceil","isDataStateValid","dataState","data","totalSize","DEFAULT_MARGIN","getViewportRange","scroller","root","rangeExtractor","rootRect","getBoundingClientRect","viewportRect","elem","top","bottom","document","documentElement","clientHeight","scrollerBounds","getElementTopBottom","DEFAULT_OVERSCAN","LOAD_MORE_AND_PLACEHOLDER_SELECTOR","DEFAULT_RANGE_EXTRACTOR","children","viewportConfig","itemSelector","onLoadRange","loadMoreIndicator","suggestions","rootRef","useRef","estimateItemSizeRef","useViewportIntersect","range","current","useEffect","nodes","querySelectorAll","length","forEach","item","offsetHeight","ref","rangeData","endIndex","itemCount","topPlaceholderContext","bottomPlaceholderContext","renderLoadMore","sizePrecision","_jsxs","jsxs","Collection","items","startIndex","itemContext","index"],"mappings":"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"}

package/amd/VirtualizedListView-1bcdfe2f.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './PRIVATE_List', './List-978f1370'], (function(i,t,e,n){"use strict";i.VirtualizedListView=function(i){return t.jsx(n.List,{...i,children:i.children})}}));
+//# sourceMappingURL=VirtualizedListView-1bcdfe2f.js.map

package/amd/VirtualizedListView-1bcdfe2f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedListView-1bcdfe2f.js","sources":["../../src/UNSAFE_VirtualizedListView/VirtualizedListView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { List } from '../PRIVATE_List';\nimport { ListProps } from '../UNSAFE_ListView/List.types';\n\n/**\n * Props for the VirtualizedListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'children'\n  | 'currentItemVariant'\n  | 'currentKey'\n  | 'data'\n  | 'gridlines'\n  | 'onCurrentKeyChange'\n  | 'onItemAction'\n  | 'onLoadRange'\n  | 'onSelectionChange'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n>;\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\n\nexport function VirtualizedListView<K extends string | number, D>(props: Props<K, D>) {\n  return <List {...props}>{props.children}</List>;\n}\n"],"names":["props","_jsx","jsx","List","children"],"mappings":"iIAoCM,SAA4DA,GAChE,OAAOC,EAAAC,IAACC,EAAIA,KAAK,IAAAH,WAAQA,EAAMI,UACjC"}

package/amd/_arity-9faba7af.js

@@ -0,0 +1,2 @@
+define(['exports', './_curry1-1f658b88'], (function(t,r){"use strict";var n=function(t,r){switch(t){case 0:return function(){return r.apply(this,arguments)};case 1:return function(t){return r.apply(this,arguments)};case 2:return function(t,n){return r.apply(this,arguments)};case 3:return function(t,n,e){return r.apply(this,arguments)};case 4:return function(t,n,e,u){return r.apply(this,arguments)};case 5:return function(t,n,e,u,i){return r.apply(this,arguments)};case 6:return function(t,n,e,u,i,a){return r.apply(this,arguments)};case 7:return function(t,n,e,u,i,a,s){return r.apply(this,arguments)};case 8:return function(t,n,e,u,i,a,s,c){return r.apply(this,arguments)};case 9:return function(t,n,e,u,i,a,s,c,p){return r.apply(this,arguments)};case 10:return function(t,n,e,u,i,a,s,c,p,o){return r.apply(this,arguments)};default:throw new Error("First argument to _arity must be a non-negative integer no greater than ten")}};t._arity_1=n}));
+//# sourceMappingURL=_arity-9faba7af.js.map

package/amd/_arity-9faba7af.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_arity-9faba7af.js","sources":["../../../../node_modules/ramda/src/internal/_arity.js"],"sourcesContent":["function _arity(n, fn) {\n  /* eslint-disable no-unused-vars */\n  switch (n) {\n    case 0:\n      return function () {\n        return fn.apply(this, arguments);\n      };\n\n    case 1:\n      return function (a0) {\n        return fn.apply(this, arguments);\n      };\n\n    case 2:\n      return function (a0, a1) {\n        return fn.apply(this, arguments);\n      };\n\n    case 3:\n      return function (a0, a1, a2) {\n        return fn.apply(this, arguments);\n      };\n\n    case 4:\n      return function (a0, a1, a2, a3) {\n        return fn.apply(this, arguments);\n      };\n\n    case 5:\n      return function (a0, a1, a2, a3, a4) {\n        return fn.apply(this, arguments);\n      };\n\n    case 6:\n      return function (a0, a1, a2, a3, a4, a5) {\n        return fn.apply(this, arguments);\n      };\n\n    case 7:\n      return function (a0, a1, a2, a3, a4, a5, a6) {\n        return fn.apply(this, arguments);\n      };\n\n    case 8:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7) {\n        return fn.apply(this, arguments);\n      };\n\n    case 9:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8) {\n        return fn.apply(this, arguments);\n      };\n\n    case 10:\n      return function (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9) {\n        return fn.apply(this, arguments);\n      };\n\n    default:\n      throw new Error('First argument to _arity must be a non-negative integer no greater than ten');\n  }\n}\n\nmodule.exports = _arity;"],"names":["_arity_1","n","fn","apply","this","arguments","a0","a1","a2","a3","a4","a5","a6","a7","a8","a9","Error"],"mappings":"oEA+DA,IAAAA,EA/DA,SAAgBC,EAAGC,GAEjB,OAAQD,GACN,KAAK,EACH,OAAO,WACL,OAAOC,EAAGC,MAAMC,KAAMC,UAC9B,EAEI,KAAK,EACH,OAAO,SAAUC,GACf,OAAOJ,EAAGC,MAAMC,KAAMC,UAC9B,EAEI,KAAK,EACH,OAAO,SAAUC,EAAIC,GACnB,OAAOL,EAAGC,MAAMC,KAAMC,UAC9B,EAEI,KAAK,EACH,OAAO,SAAUC,EAAIC,EAAIC,GACvB,OAAON,EAAGC,MAAMC,KAAMC,UAC9B,EAEI,KAAK,EACH,OAAO,SAAUC,EAAIC,EAAIC,EAAIC,GAC3B,OAAOP,EAAGC,MAAMC,KAAMC,UAC9B,EAEI,KAAK,EACH,OAAO,SAAUC,EAAIC,EAAIC,EAAIC,EAAIC,GAC/B,OAAOR,EAAGC,MAAMC,KAAMC,UAC9B,EAEI,KAAK,EACH,OAAO,SAAUC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,GACnC,OAAOT,EAAGC,MAAMC,KAAMC,UAC9B,EAEI,KAAK,EACH,OAAO,SAAUC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,GACvC,OAAOV,EAAGC,MAAMC,KAAMC,UAC9B,EAEI,KAAK,EACH,OAAO,SAAUC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,GAC3C,OAAOX,EAAGC,MAAMC,KAAMC,UAC9B,EAEI,KAAK,EACH,OAAO,SAAUC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,GAC/C,OAAOZ,EAAGC,MAAMC,KAAMC,UAC9B,EAEI,KAAK,GACH,OAAO,SAAUC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,GACnD,OAAOb,EAAGC,MAAMC,KAAMC,UAC9B,EAEI,QACE,MAAM,IAAIW,MAAM,+EAEtB"}

package/amd/_curry1-1f658b88.js

@@ -0,0 +1,2 @@
+define(['exports'], (function(e){"use strict";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;var n=function(e){return null!=e&&"object"==typeof e&&!0===e["@@functional/placeholder"]},o=n;var l=function(e){return function n(l){return 0===arguments.length||o(l)?n:e.apply(this,arguments)}};e._curry1_1=l,e._isPlaceholder_1=n}));
+//# sourceMappingURL=_curry1-1f658b88.js.map

package/amd/_curry1-1f658b88.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_curry1-1f658b88.js","sources":["../../../../node_modules/ramda/src/internal/_isPlaceholder.js","../../../../node_modules/ramda/src/internal/_curry1.js"],"sourcesContent":["function _isPlaceholder(a) {\n  return a != null && typeof a === 'object' && a['@@functional/placeholder'] === true;\n}\n\nmodule.exports = _isPlaceholder;","var _isPlaceholder =\n/*#__PURE__*/\nrequire(\"./_isPlaceholder\");\n/**\n * Optimized internal one-arity curry function.\n *\n * @private\n * @category Function\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\n\nfunction _curry1(fn) {\n  return function f1(a) {\n    if (arguments.length === 0 || _isPlaceholder(a)) {\n      return f1;\n    } else {\n      return fn.apply(this, arguments);\n    }\n  };\n}\n\nmodule.exports = _curry1;"],"names":["_isPlaceholder_1","a","_isPlaceholder","require$$0","_curry1_1","fn","f1","arguments","length","apply","this"],"mappings":"0LAIA,IAAAA,EAJA,SAAwBC,GACtB,OAAY,MAALA,GAA0B,iBAANA,IAAoD,IAAlCA,EAAE,2BACjD,ECFIC,EAEJC,EAqBA,IAAAC,EAVA,SAAiBC,GACf,OAAO,SAASC,EAAGL,GACjB,OAAyB,IAArBM,UAAUC,QAAgBN,EAAeD,GACpCK,EAEAD,EAAGI,MAAMC,KAAMH,UAE5B,CACA"}

package/amd/_curry2-4a554218.js

@@ -0,0 +1,2 @@
+define(['exports', './_curry1-1f658b88'], (function(r,n){"use strict";var t=n._curry1_1,u=n._isPlaceholder_1;var e=function(r){return function n(e,c){switch(arguments.length){case 0:return n;case 1:return u(e)?n:t((function(n){return r(e,n)}));default:return u(e)&&u(c)?n:u(e)?t((function(n){return r(n,c)})):u(c)?t((function(n){return r(e,n)})):r(e,c)}}};r._curry2_1=e}));
+//# sourceMappingURL=_curry2-4a554218.js.map

package/amd/_curry2-4a554218.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_curry2-4a554218.js","sources":["../../../../node_modules/ramda/src/internal/_curry2.js"],"sourcesContent":["var _curry1 =\n/*#__PURE__*/\nrequire(\"./_curry1\");\n\nvar _isPlaceholder =\n/*#__PURE__*/\nrequire(\"./_isPlaceholder\");\n/**\n * Optimized internal two-arity curry function.\n *\n * @private\n * @category Function\n * @param {Function} fn The function to curry.\n * @return {Function} The curried function.\n */\n\n\nfunction _curry2(fn) {\n  return function f2(a, b) {\n    switch (arguments.length) {\n      case 0:\n        return f2;\n\n      case 1:\n        return _isPlaceholder(a) ? f2 : _curry1(function (_b) {\n          return fn(a, _b);\n        });\n\n      default:\n        return _isPlaceholder(a) && _isPlaceholder(b) ? f2 : _isPlaceholder(a) ? _curry1(function (_a) {\n          return fn(_a, b);\n        }) : _isPlaceholder(b) ? _curry1(function (_b) {\n          return fn(a, _b);\n        }) : fn(a, b);\n    }\n  };\n}\n\nmodule.exports = _curry2;"],"names":["_curry1","require$$0","_isPlaceholder","require$$1","_curry2_1","fn","f2","a","b","arguments","length","_b","_a"],"mappings":"oEAAA,IAAIA,EAEJC,EAAAA,UAEIC,EAEJC,EAAAA,iBAgCA,IAAAC,EArBA,SAAiBC,GACf,OAAO,SAASC,EAAGC,EAAGC,GACpB,OAAQC,UAAUC,QAChB,KAAK,EACH,OAAOJ,EAET,KAAK,EACH,OAAOJ,EAAeK,GAAKD,EAAKN,GAAQ,SAAUW,GAChD,OAAON,EAAGE,EAAGI,EACvB,IAEM,QACE,OAAOT,EAAeK,IAAML,EAAeM,GAAKF,EAAKJ,EAAeK,GAAKP,GAAQ,SAAUY,GACzF,OAAOP,EAAGO,EAAIJ,EACf,IAAIN,EAAeM,GAAKR,GAAQ,SAAUW,GACzC,OAAON,EAAGE,EAAGI,EACd,IAAIN,EAAGE,EAAGC,GAEnB,CACA"}