@oracle/oraclejet-preact 15.0.12 → 15.0.13

package/amd/UNSAFE_TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/TextField.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { ReadonlyTextFieldVariantOptions } from './themes/ReadonlyTextFieldStyles.css';\nimport { TextFieldStyles } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\nimport { FormLayoutRedwoodTheme } from './themes/redwood/FormLayoutTheme';\nimport { ReadonlyTextFieldRedwoodTheme } from './themes/redwood/ReadonlyTextFieldTheme';\n\ntype DivProps = HTMLAttributesSignalExcluded<HTMLDivElement>;\ntype UAProps = {\n  compactUserAssistance?: ComponentChildren;\n  inlineUserAssistance?: ComponentChildren;\n};\ntype InnerOuterClassNamesProps = {\n  outerClassNames?: string;\n  innerClassNames?: string;\n};\n\ntype StartTopLabelReadonlyTextFieldProps = Omit<DivProps, 'label'> &\n  UAProps &\n  InnerOuterClassNamesProps & {\n    label?: ComponentChildren;\n    labelEdge?: 'start' | 'top';\n    labelStartWidth?: Size;\n  };\n\nconst StartTopLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  label,\n  labelEdge,\n  labelStartWidth,\n  compactUserAssistance,\n  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      {compactUserAssistance}\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <div class={innerClassNames}>{children}</div>\n      </LabelValueLayout>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\ntype InsideLabelReadonlyTextFieldProps = DivProps & UAProps & InnerOuterClassNamesProps;\nconst InsideLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  compactUserAssistance,\n  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      {compactUserAssistance}\n      <div class={innerClassNames}>{children}</div>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\nexport type StyleProps = UAProps & {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  variant?: 'textarea';\n};\n\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const ReadonlyTextField = ({ label, labelEdge, children, variant, ...props }: Props) => {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n  const isInsideNonReadonlyForm = isFormLayout && !isReadonlyForm;\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  const inputGroupContext = useInputGroupContext();\n  const hasGroupContext = inputGroupContext !== null;\n  // depending on browser direction, apply the appropriate styling.\n  // when 'rtl' the flex row direction is reversed.\n  const inputGroupPosition = inputGroupContext\n    ? inputGroupContext.last\n      ? isLtr\n        ? 'groupRight'\n        : 'groupLeft'\n      : inputGroupContext.index === 0\n      ? isLtr\n        ? 'groupLeft'\n        : 'groupRight'\n      : 'groupMiddle'\n    : undefined;\n\n  const { classes, styles } = useComponentTheme(TextFieldRedwoodTheme, {\n    readonly: 'isReadonly'\n  });\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const { classes: readonlyClassNames } = useComponentTheme<\n    ReadonlyTextFieldVariantOptions,\n    TextFieldStyles\n  >(ReadonlyTextFieldRedwoodTheme, {\n    insideNonReadonlyForm: isInsideNonReadonlyForm\n      ? 'isInsideNonReadonlyForm'\n      : 'notInsideNonReadonlyForm',\n    insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    textarea: variant === 'textarea' ? 'isTextArea' : 'notTextArea',\n    loading: isLoading ? 'isLoading' : 'notLoading',\n    withinGroup: hasGroupContext ? 'isWithinGroup' : undefined,\n    inputGroupPosition\n  });\n\n  const { formControlBase } = styles;\n  const outerClassNames = classNames([classes, formControlBase, formLayoutTheme, labelBaseTheme]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={readonlyClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={readonlyClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","import { ComponentChildren, Ref } from 'preact';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TextFieldStyles, TextFieldVariantOptions } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\n\ntype VariantProps = {\n  contentVariant?: 'input' | 'textarea';\n  statusVariant?: 'error' | 'none' | 'warning';\n  styleVariant?: 'default' | 'embedded';\n};\n\ntype Props = VariantProps & {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\n  rootRef?: Ref<HTMLDivElement>;\n};\n\n// Renders the oj-text-field-container dom which includes the\n// start, middle (where the inside label and inputElem goes),\n// and end pieces of the form component.\n// This does not include user assistance because that is rendered outside the\n// oj-text-field-container; that is rendered in the TextField component.\nexport const TextFieldContent = ({\n  contentVariant = 'input',\n  insideLabel,\n  mainContent,\n  startContent,\n  statusVariant = 'none',\n  styleVariant = 'default',\n  endContent,\n  resize,\n  rootRef\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  const hasInsideLabel = insideLabel !== undefined;\n  const inputGroupContext = useInputGroupContext();\n  const hasGroupContext = inputGroupContext !== null;\n  // depending on browser direction, apply the appropriate styling.\n  // when 'rtl' the flex row direction is reversed.\n  const inputGroupPosition = inputGroupContext\n    ? inputGroupContext.last\n      ? isLtr\n        ? 'groupRight'\n        : 'groupLeft'\n      : inputGroupContext.index === 0\n      ? isLtr\n        ? 'groupLeft'\n        : 'groupRight'\n      : 'groupMiddle'\n    : undefined;\n\n  const { variantClasses, styles } = useComponentTheme<TextFieldVariantOptions, TextFieldStyles>(\n    TextFieldRedwoodTheme,\n    {\n      statusVariant,\n      styleVariant,\n      contentVariant,\n      insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n      focused: isFocused ? 'isFocused' : 'notFocused',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      loading: isLoading ? 'isLoading' : 'notLoading',\n      resize: resize ?? 'none',\n      withinGroup: hasGroupContext ? 'isWithinGroup' : undefined,\n      inputGroupPosition\n    }\n  );\n\n  const {\n    textFieldContainerBase,\n    textFieldStartContentLabelInside,\n    textFieldStartContentBase,\n    textFieldStartContentDisabled,\n    textFieldMiddleBase,\n    textFieldMiddleTextarea,\n    textFieldEndContentBase,\n    textFieldEndContentLabelInside\n  } = styles;\n\n  const startContentStyles = classNames([\n    textFieldStartContentBase,\n    hasInsideLabel && textFieldStartContentLabelInside,\n    isDisabled && textFieldStartContentDisabled\n  ]);\n\n  const middleStyles = classNames([\n    textFieldMiddleBase,\n    contentVariant === 'textarea' && textFieldMiddleTextarea\n  ]);\n\n  const endContentStyles = classNames([\n    textFieldEndContentBase,\n    hasInsideLabel && textFieldEndContentLabelInside\n  ]);\n\n  return (\n    <div\n      role=\"presentation\"\n      class={classNames([variantClasses, textFieldContainerBase])}\n      ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {startContent}\n          </Flex>\n        </span>\n      )}\n      <div class={middleStyles}>\n        {insideLabel}\n        {mainContent}\n      </div>\n      {endContent && (\n        <span class={endContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {endContent}\n          </Flex>\n        </span>\n      )}\n    </div>\n  );\n};\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TextFieldStyles, TextFieldVariantOptions } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { FormLayoutRedwoodTheme } from './themes/redwood/FormLayoutTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\nimport { SkeletonRedwoodTheme } from '../UNSAFE_Skeleton/themes/redwood/SkeletonTheme';\n\nexport type StyleProps = {\n  hasInsideLabel?: boolean;\n  variant?: 'default' | 'embedded';\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({\n  hasInsideLabel = false,\n  variant = 'default',\n  ...props\n}: Props) => {\n  // because of the mismatch of height for inputs with inside labels and no labels,\n  // we'll have to set everything to the same min-height while within an input group context.\n  // Here we'll look to see if it's present and apply the style as needed\n  const groupContext = useInputGroupContext();\n  const { isReadonly } = useFormFieldContext();\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { classes: textFieldClasses, styles } = useComponentTheme<\n    TextFieldVariantOptions,\n    TextFieldStyles\n  >(TextFieldRedwoodTheme, {\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    formControlInsideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    withinGroup: groupContext !== null ? 'isWithinGroup' : undefined\n  });\n\n  const { formControlBase, textFieldBase, textFieldEmbedded } = styles;\n\n  // because TextField components reference Skeleton scoped vars, we need to bring in the Skeleton base theme\n  // to pick up the scoped var definitions.\n  const { baseTheme: skeletonBaseTheme } = useComponentTheme(SkeletonRedwoodTheme);\n\n  const classes = classNames([\n    skeletonBaseTheme,\n    formControlBase,\n    textFieldBase,\n    variant === 'embedded' && textFieldEmbedded,\n    textFieldClasses,\n    formLayoutTheme,\n    labelBaseTheme\n  ]);\n\n  return <div {...props} class={classes} />;\n};\n","import { Fragment } from 'preact';\nimport { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\n\ntype Props = {\n  isMaxLengthExceeded?: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <Fragment>\n      <LiveRegion>{remainingCharsTranslatedString}</LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion type=\"assertive\">{maxLengthExceededTranslatedString}</LiveRegion>\n      )}\n    </Fragment>\n  );\n}\n","import { ComponentChildren, ComponentProps, Ref } from 'preact';\n\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// TextField takes the inputElem and userAssistanceContainer\n// and renders the form component's root dom, along with the\n// TextFieldContent, and the user assistance container.\n\n// The PickedProps are the ones we pass through to the the TextFieldContent\ntype PickedPropsFromTextFieldContent = Pick<\n  ComponentProps<typeof TextFieldContent>,\n  | 'contentVariant'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'mainContent'\n  | 'endContent'\n  | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'id'>;\n// TODO: How should a parent component listen to events for the text field?  The recommendation\n// was to remove event listeners from TextField itself and instead configure the TextFieldInput\n// with them, for example, thus keeping TextField a more pure layout component.  The\n// TextFieldInput renders the focusable input element, and may be a more natural place for\n// listeners.  We would potentially have to add similar listeners for the ReadonlyTextField, but\n// that component renders the focusable element itself;  there is no TextFieldInput or analogous\n// component passed in.  (from review on 3/8/22)\ntype FocusEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'\n>;\ntype LabelProps = {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  labelStartWidth?: Size;\n};\ntype Props = PickedPropsFromTextFieldContent &\n  PickedPropsFromHTMLElement &\n  FocusEvents &\n  KeyEvents &\n  MouseEvents &\n  LabelProps & {\n    compactUserAssistance?: ComponentChildren;\n    inlineUserAssistance?: ComponentChildren;\n    mainFieldRef?: Ref<HTMLDivElement>;\n  };\n\n// TODO: Do we need named props for start/endContent, or could they just be children that get\n// wrapped in a flex layout?  (from review on 3/8/22)\n\n// TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we\n// have a separate layout component that lays them out, which could just be passed as a child\n// to the TextField?  (from review on 3/8/22)\n\nexport const TextField = ({\n  contentVariant,\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  compactUserAssistance,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave\n}: Props) => {\n  // TODO: What are the implications for interoperability between new preact-based form components\n  // and the existing JET oj-form-layout?  The preact form components create their own start/top\n  // labels, while oj-form-layout expects to create those itself and wire them to the existing form\n  // components through attributes like labelled-by.  (from review on 3/8/22)\n\n  // TODO: How should a parent form component render component-specific content within TextField,\n  // for example an aria live region?  Instead of a children prop on TextField, could the parent\n  // component pass comp-specific content through other props, like inputElem?   The parent could\n  // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)\n\n  const isStartTop = label !== undefined && (labelEdge === 'start' || labelEdge === 'top');\n  const textFieldContent = (\n    <TextFieldContent\n      contentVariant={contentVariant}\n      endContent={endContent}\n      mainContent={mainContent}\n      resize={resize}\n      rootRef={mainFieldRef}\n      startContent={startContent}\n      statusVariant={statusVariant}\n      styleVariant={styleVariant}\n      {...(!isStartTop ? { insideLabel: label } : {})}\n    />\n  );\n\n  const innerContent = (\n    <>\n      {compactUserAssistance}\n      {textFieldContent}\n      {inlineUserAssistance}\n    </>\n  );\n\n  const styledTextFieldChildren = isStartTop ? (\n    <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n      {innerContent}\n    </LabelValueLayout>\n  ) : (\n    innerContent\n  );\n\n  return (\n    <StyledTextField\n      id={id}\n      hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n      onfocusin={onFocus}\n      onfocusout={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      variant={styleVariant}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n"],"names":["StartTopLabelReadonlyTextField","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","compactUserAssistance","inlineUserAssistance","children","props","_jsxs","jsxs","class","_jsx","LabelValueLayout","InsideLabelReadonlyTextField","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","resize","rootRef","isDisabled","isFocused","isLoading","useFormFieldContext","direction","useUser","isLtr","hasInsideLabel","undefined","inputGroupContext","useInputGroupContext","hasGroupContext","inputGroupPosition","last","index","variantClasses","styles","useComponentTheme","TextFieldRedwoodTheme","focused","disabled","loading","withinGroup","textFieldContainerBase","textFieldStartContentLabelInside","textFieldStartContentBase","textFieldStartContentDisabled","textFieldMiddleBase","textFieldMiddleTextarea","textFieldEndContentBase","textFieldEndContentLabelInside","startContentStyles","classNames","middleStyles","endContentStyles","role","ref","jsx","Flex","justify","align","hasZeroMargins","StyledTextField","variant","groupContext","isReadonly","baseTheme","formLayoutTheme","FormLayoutRedwoodTheme","labelBaseTheme","LabelRedwoodTheme","classes","textFieldClasses","readonly","formControlInsideLabel","formControlBase","textFieldBase","textFieldEmbedded","skeletonBaseTheme","SkeletonRedwoodTheme","MAX_LENGTH_UPDATE_DELAY","isMaxLengthExceeded","maxLength","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","Fragment","LiveRegion","type","isFormLayout","isReadonlyForm","useFormContext","isInsideNonReadonlyForm","readonlyClassNames","ReadonlyTextFieldRedwoodTheme","insideNonReadonlyForm","textarea","id","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","isStartTop","textFieldContent","innerContent","_Fragment","styledTextFieldChildren","onfocusin","onfocusout"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/TextField.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { ReadonlyTextFieldVariantOptions } from './themes/ReadonlyTextFieldStyles.css';\nimport { TextFieldStyles } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\nimport { FormLayoutRedwoodTheme } from './themes/redwood/FormLayoutTheme';\nimport { ReadonlyTextFieldRedwoodTheme } from './themes/redwood/ReadonlyTextFieldTheme';\n\ntype DivProps = HTMLAttributesSignalExcluded<HTMLDivElement>;\ntype UAProps = {\n  compactUserAssistance?: ComponentChildren;\n  inlineUserAssistance?: ComponentChildren;\n};\ntype InnerOuterClassNamesProps = {\n  outerClassNames?: string;\n  innerClassNames?: string;\n};\n\ntype StartTopLabelReadonlyTextFieldProps = Omit<DivProps, 'label'> &\n  UAProps &\n  InnerOuterClassNamesProps & {\n    label?: ComponentChildren;\n    labelEdge?: 'start' | 'top';\n    labelStartWidth?: Size;\n  };\n\nconst StartTopLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  label,\n  labelEdge,\n  labelStartWidth,\n  compactUserAssistance,\n  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      {compactUserAssistance}\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <div class={innerClassNames}>{children}</div>\n      </LabelValueLayout>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\ntype InsideLabelReadonlyTextFieldProps = DivProps & UAProps & InnerOuterClassNamesProps;\nconst InsideLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  compactUserAssistance,\n  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      {compactUserAssistance}\n      <div class={innerClassNames}>{children}</div>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\nexport type StyleProps = UAProps & {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  variant?: 'textarea';\n};\n\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const ReadonlyTextField = ({ label, labelEdge, children, variant, ...props }: Props) => {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n  const isInsideNonReadonlyForm = isFormLayout && !isReadonlyForm;\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  const inputGroupContext = useInputGroupContext();\n  const hasGroupContext = inputGroupContext !== null;\n  // depending on browser direction, apply the appropriate styling.\n  // when 'rtl' the flex row direction is reversed.\n  const inputGroupPosition = inputGroupContext\n    ? inputGroupContext.last\n      ? isLtr\n        ? 'groupRight'\n        : 'groupLeft'\n      : inputGroupContext.index === 0\n      ? isLtr\n        ? 'groupLeft'\n        : 'groupRight'\n      : 'groupMiddle'\n    : undefined;\n\n  const { classes, styles } = useComponentTheme(TextFieldRedwoodTheme, {\n    readonly: 'isReadonly'\n  });\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const { classes: readonlyClassNames } = useComponentTheme<\n    ReadonlyTextFieldVariantOptions,\n    TextFieldStyles\n  >(ReadonlyTextFieldRedwoodTheme, {\n    insideNonReadonlyForm: isInsideNonReadonlyForm\n      ? 'isInsideNonReadonlyForm'\n      : 'notInsideNonReadonlyForm',\n    insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    textarea: variant === 'textarea' ? 'isTextArea' : 'notTextArea',\n    loading: isLoading ? 'isLoading' : 'notLoading',\n    withinGroup: hasGroupContext ? 'isWithinGroup' : undefined,\n    inputGroupPosition\n  });\n\n  const { formControlBase } = styles;\n  const outerClassNames = classNames([classes, formControlBase, formLayoutTheme, labelBaseTheme]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={readonlyClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={readonlyClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","import { ComponentChildren, Ref } from 'preact';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TextFieldStyles, TextFieldVariantOptions } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\n\ntype VariantProps = {\n  contentVariant?: 'input' | 'textarea';\n  statusVariant?: 'error' | 'none' | 'warning';\n  styleVariant?: 'default' | 'embedded';\n};\n\ntype Props = VariantProps & {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\n  rootRef?: Ref<HTMLDivElement>;\n};\n\n// Renders the oj-text-field-container dom which includes the\n// start, middle (where the inside label and inputElem goes),\n// and end pieces of the form component.\n// This does not include user assistance because that is rendered outside the\n// oj-text-field-container; that is rendered in the TextField component.\nexport const TextFieldContent = ({\n  contentVariant = 'input',\n  insideLabel,\n  mainContent,\n  startContent,\n  statusVariant = 'none',\n  styleVariant = 'default',\n  endContent,\n  resize,\n  rootRef\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  const hasInsideLabel = insideLabel !== undefined;\n  const inputGroupContext = useInputGroupContext();\n  const hasGroupContext = inputGroupContext !== null;\n  // depending on browser direction, apply the appropriate styling.\n  // when 'rtl' the flex row direction is reversed.\n  const inputGroupPosition = inputGroupContext\n    ? inputGroupContext.last\n      ? isLtr\n        ? 'groupRight'\n        : 'groupLeft'\n      : inputGroupContext.index === 0\n      ? isLtr\n        ? 'groupLeft'\n        : 'groupRight'\n      : 'groupMiddle'\n    : undefined;\n\n  const { variantClasses, styles } = useComponentTheme<TextFieldVariantOptions, TextFieldStyles>(\n    TextFieldRedwoodTheme,\n    {\n      statusVariant,\n      styleVariant,\n      contentVariant,\n      insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n      focused: isFocused ? 'isFocused' : 'notFocused',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      loading: isLoading ? 'isLoading' : 'notLoading',\n      resize: resize ?? 'none',\n      withinGroup: hasGroupContext ? 'isWithinGroup' : undefined,\n      inputGroupPosition\n    }\n  );\n\n  const {\n    textFieldContainerBase,\n    textFieldStartContentLabelInside,\n    textFieldStartContentBase,\n    textFieldStartContentDisabled,\n    textFieldMiddleBase,\n    textFieldMiddleTextarea,\n    textFieldEndContentBase,\n    textFieldEndContentLabelInside\n  } = styles;\n\n  const startContentStyles = classNames([\n    textFieldStartContentBase,\n    hasInsideLabel && textFieldStartContentLabelInside,\n    isDisabled && textFieldStartContentDisabled\n  ]);\n\n  const middleStyles = classNames([\n    textFieldMiddleBase,\n    contentVariant === 'textarea' && textFieldMiddleTextarea\n  ]);\n\n  const endContentStyles = classNames([\n    textFieldEndContentBase,\n    hasInsideLabel && textFieldEndContentLabelInside\n  ]);\n\n  return (\n    <div\n      role=\"presentation\"\n      class={classNames([variantClasses, textFieldContainerBase])}\n      ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {startContent}\n          </Flex>\n        </span>\n      )}\n      <div class={middleStyles}>\n        {insideLabel}\n        {mainContent}\n      </div>\n      {endContent && (\n        <span class={endContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {endContent}\n          </Flex>\n        </span>\n      )}\n    </div>\n  );\n};\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TextFieldStyles, TextFieldVariantOptions } from './themes/TextFieldStyles.css';\nimport { useInputGroupContext } from '../hooks/UNSAFE_useInputGroupContext';\nimport { FormLayoutRedwoodTheme } from './themes/redwood/FormLayoutTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\nimport { TextFieldRedwoodTheme } from './themes/redwood/TextFieldTheme';\nimport { SkeletonRedwoodTheme } from '../UNSAFE_Skeleton/themes/redwood/SkeletonTheme';\n\nexport type StyleProps = {\n  hasInsideLabel?: boolean;\n  variant?: 'default' | 'embedded';\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({\n  hasInsideLabel = false,\n  variant = 'default',\n  ...props\n}: Props) => {\n  // because of the mismatch of height for inputs with inside labels and no labels,\n  // we'll have to set everything to the same min-height while within an input group context.\n  // Here we'll look to see if it's present and apply the style as needed\n  const groupContext = useInputGroupContext();\n  const { isReadonly } = useFormFieldContext();\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { classes: textFieldClasses, styles } = useComponentTheme<\n    TextFieldVariantOptions,\n    TextFieldStyles\n  >(TextFieldRedwoodTheme, {\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    formControlInsideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel',\n    withinGroup: groupContext !== null ? 'isWithinGroup' : undefined\n  });\n\n  const { formControlBase, textFieldBase, textFieldEmbedded } = styles;\n\n  // because TextField components reference Skeleton scoped vars, we need to bring in the Skeleton base theme\n  // to pick up the scoped var definitions.\n  const { baseTheme: skeletonBaseTheme } = useComponentTheme(SkeletonRedwoodTheme);\n\n  const classes = classNames([\n    skeletonBaseTheme,\n    formControlBase,\n    textFieldBase,\n    variant === 'embedded' && textFieldEmbedded,\n    textFieldClasses,\n    formLayoutTheme,\n    labelBaseTheme\n  ]);\n\n  return <div {...props} class={classes} />;\n};\n","import { Fragment } from 'preact';\nimport { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\n\ntype Props = {\n  isMaxLengthExceeded?: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <Fragment>\n      <LiveRegion>{remainingCharsTranslatedString}</LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion type=\"assertive\">{maxLengthExceededTranslatedString}</LiveRegion>\n      )}\n    </Fragment>\n  );\n}\n","import { ComponentChildren, ComponentProps, Ref } from 'preact';\n\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// TextField takes the inputElem and userAssistanceContainer\n// and renders the form component's root dom, along with the\n// TextFieldContent, and the user assistance container.\n\n// The PickedProps are the ones we pass through to the the TextFieldContent\ntype PickedPropsFromTextFieldContent = Pick<\n  ComponentProps<typeof TextFieldContent>,\n  | 'contentVariant'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'mainContent'\n  | 'endContent'\n  | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'id'>;\n// TODO: How should a parent component listen to events for the text field?  The recommendation\n// was to remove event listeners from TextField itself and instead configure the TextFieldInput\n// with them, for example, thus keeping TextField a more pure layout component.  The\n// TextFieldInput renders the focusable input element, and may be a more natural place for\n// listeners.  We would potentially have to add similar listeners for the ReadonlyTextField, but\n// that component renders the focusable element itself;  there is no TextFieldInput or analogous\n// component passed in.  (from review on 3/8/22)\ntype FocusEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'\n>;\ntype LabelProps = {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  labelStartWidth?: Size;\n};\ntype Props = PickedPropsFromTextFieldContent &\n  PickedPropsFromHTMLElement &\n  FocusEvents &\n  KeyEvents &\n  MouseEvents &\n  LabelProps & {\n    compactUserAssistance?: ComponentChildren;\n    inlineUserAssistance?: ComponentChildren;\n    mainFieldRef?: Ref<HTMLDivElement>;\n  };\n\n// TODO: Do we need named props for start/endContent, or could they just be children that get\n// wrapped in a flex layout?  (from review on 3/8/22)\n\n// TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we\n// have a separate layout component that lays them out, which could just be passed as a child\n// to the TextField?  (from review on 3/8/22)\n\nexport const TextField = ({\n  contentVariant,\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  compactUserAssistance,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave\n}: Props) => {\n  // TODO: What are the implications for interoperability between new preact-based form components\n  // and the existing JET oj-form-layout?  The preact form components create their own start/top\n  // labels, while oj-form-layout expects to create those itself and wire them to the existing form\n  // components through attributes like labelled-by.  (from review on 3/8/22)\n\n  // TODO: How should a parent form component render component-specific content within TextField,\n  // for example an aria live region?  Instead of a children prop on TextField, could the parent\n  // component pass comp-specific content through other props, like inputElem?   The parent could\n  // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)\n\n  const isStartTop = label !== undefined && (labelEdge === 'start' || labelEdge === 'top');\n  const textFieldContent = (\n    <TextFieldContent\n      contentVariant={contentVariant}\n      endContent={endContent}\n      mainContent={mainContent}\n      resize={resize}\n      rootRef={mainFieldRef}\n      startContent={startContent}\n      statusVariant={statusVariant}\n      styleVariant={styleVariant}\n      {...(!isStartTop ? { insideLabel: label } : {})}\n    />\n  );\n\n  const innerContent = (\n    <>\n      {compactUserAssistance}\n      {textFieldContent}\n      {inlineUserAssistance}\n    </>\n  );\n\n  const styledTextFieldChildren = isStartTop ? (\n    <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n      {innerContent}\n    </LabelValueLayout>\n  ) : (\n    innerContent\n  );\n\n  return (\n    <StyledTextField\n      id={id}\n      hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n      onfocusin={onFocus}\n      onfocusout={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      variant={styleVariant}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n"],"names":["StartTopLabelReadonlyTextField","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","compactUserAssistance","inlineUserAssistance","children","props","_jsxs","jsxs","class","_jsx","LabelValueLayout","InsideLabelReadonlyTextField","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","resize","rootRef","isDisabled","isFocused","isLoading","useFormFieldContext","direction","useUser","isLtr","hasInsideLabel","undefined","inputGroupContext","useInputGroupContext","hasGroupContext","inputGroupPosition","last","index","variantClasses","styles","useComponentTheme","TextFieldRedwoodTheme","focused","disabled","loading","withinGroup","textFieldContainerBase","textFieldStartContentLabelInside","textFieldStartContentBase","textFieldStartContentDisabled","textFieldMiddleBase","textFieldMiddleTextarea","textFieldEndContentBase","textFieldEndContentLabelInside","startContentStyles","classNames","middleStyles","endContentStyles","role","ref","jsx","Flex","justify","align","hasZeroMargins","StyledTextField","variant","groupContext","isReadonly","baseTheme","formLayoutTheme","FormLayoutRedwoodTheme","labelBaseTheme","LabelRedwoodTheme","classes","textFieldClasses","readonly","formControlInsideLabel","formControlBase","textFieldBase","textFieldEmbedded","skeletonBaseTheme","SkeletonRedwoodTheme","MAX_LENGTH_UPDATE_DELAY","isMaxLengthExceeded","maxLength","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","Fragment","LiveRegion","type","isFormLayout","isReadonlyForm","useFormContext","isInsideNonReadonlyForm","readonlyClassNames","ReadonlyTextFieldRedwoodTheme","insideNonReadonlyForm","textarea","id","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","isStartTop","textFieldContent","innerContent","_Fragment","styledTextFieldChildren","onfocusin","onfocusout"],"mappings":"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"}

package/amd/UNSAFE_Theme.js

@@ -1,2 +1,2 @@
-define(['exports', './utils-81df4684', './Common/themes/themeContract.css'], (function(S,o,e){"use strict";const E="oj-scale-sm",L=`.${E}, :root.${E}`,C="oj-scale-md",_=`.${C}, :root.${C}`,t="oj-scale-lg",c=`.${t}`,r="oj-scale-dependent",s=`.${r}, :root.${E}, :root.${C}`;S.fallbackVar=o.fallbackVar,S.max=o.max,S.min=o.min,S.rgb=o.rgb,S.rgba=o.rgba,S.xUnits=o.xUnits,S.COLORSCHEME_DEPENDENT_CLASS="oj-c-colorscheme-dependent",S.DARK_CLASS="oj-c-colorscheme-dark",S.INVERT_CLASS="oj-color-invert",S.LIGHT_CLASS="oj-c-colorscheme-light",S.SCALE_DEFAULT_SELECTORS=":root",S.SCALE_DEPENDENT_CLASS=r,S.SCALE_DEPENDENT_SELECTORS=s,S.SCALE_LG_CLASS=t,S.SCALE_LG_SELECTORS=c,S.SCALE_MD_CLASS=C,S.SCALE_MD_SELECTORS=_,S.SCALE_SM_CLASS=E,S.SCALE_SM_SELECTORS=L,Object.defineProperty(S,"__esModule",{value:!0})}));
+define(['exports', './utils-ac6bf383', './Common/themes/themeContract.css'], (function(S,o,e){"use strict";const E="oj-scale-sm",L=`.${E}, :root.${E}`,C="oj-scale-md",_=`.${C}, :root.${C}`,c="oj-scale-lg",t=`.${c}`,r="oj-scale-dependent",s=`.${r}, :root.${E}, :root.${C}`;S.fallbackVar=o.fallbackVar,S.max=o.max,S.min=o.min,S.rgb=o.rgb,S.rgba=o.rgba,S.xUnits=o.xUnits,S.COLORSCHEME_DEPENDENT_CLASS="oj-c-colorscheme-dependent",S.DARK_CLASS="oj-c-colorscheme-dark",S.INVERT_CLASS="oj-color-invert",S.LIGHT_CLASS="oj-c-colorscheme-light",S.SCALE_DEFAULT_SELECTORS=":root",S.SCALE_DEPENDENT_CLASS=r,S.SCALE_DEPENDENT_SELECTORS=s,S.SCALE_LG_CLASS=c,S.SCALE_LG_SELECTORS=t,S.SCALE_MD_CLASS=C,S.SCALE_MD_SELECTORS=_,S.SCALE_SM_CLASS=E,S.SCALE_SM_SELECTORS=L,Object.defineProperty(S,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Theme.js.map

package/amd/UNSAFE_Train/themes/redwood/TrainTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../TrainStyles.css', './TrainBaseTheme.css', './TrainVariants.css', 'css!./../../../TrainStyles.styles.css', 'module', 'css!./../../../TrainVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(e,s,a,t,i,n,r,l){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.TrainRedwoodTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../TrainStyles.css', './TrainBaseTheme.css', './TrainVariants.css', 'css!./../../../TrainStyles.styles.css', 'module', 'css!./../../../TrainVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,s,a,t,i,n,r,l){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.TrainRedwoodTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TrainTheme.js.map

package/amd/UNSAFE_Train/themes/redwood/TrainTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrainTheme.js","sources":["../../../../../src/UNSAFE_Train/themes/redwood/TrainTheme.ts"],"sourcesContent":["import { styles, variants, TrainTheme } from '../TrainStyles.css';\nimport { baseTheme } from './TrainBaseTheme.css';\nimport { multiVariantStyles } from './TrainVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst TrainRedwoodTheme: TrainTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { TrainRedwoodTheme };\n"],"names":["TrainRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"qSAQA,MAAMA,EAAgC,WACpCC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"TrainTheme.js","sources":["../../../../../src/UNSAFE_Train/themes/redwood/TrainTheme.ts"],"sourcesContent":["import { styles, variants, TrainTheme } from '../TrainStyles.css';\nimport { baseTheme } from './TrainBaseTheme.css';\nimport { multiVariantStyles } from './TrainVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst TrainRedwoodTheme: TrainTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { TrainRedwoodTheme };\n"],"names":["TrainRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"sSAQA,MAAMA,EAAgC,WACpCC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

package/amd/UNSAFE_Train/themes/redwood/TrainVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../TrainStyles.styles.css', 'css!./../../../TrainVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(e,s,t,n){"use strict";var i=n.createRuntimeFn({defaultClassName:"TrainStyles_baseStyle__s507m10",variantClassNames:{stepDisabled:{isDisabled:"",notDisabled:""},stepActive:{isActive:"",notActive:""},connectorConnected:{isConnected:"TrainStyles_connectorConnectedStyle__s507m16",notConnected:"TrainStyles_connectorDisconnectedStyle__s507m15"},stepLabelCurrent:{isCurrent:"",notCurrent:""},stepLabelVisited:{isVisited:"",notVisited:""},stepLabelDisabled:{isDisabled:"TrainStyles_stepLabelDisabledStyle__s507m19",notDisabled:""},stepIconDisabled:{isDisabled:"TrainStyles_stepIconDisabledStyle__s507m1f",notDisabled:""},stepIconCurrent:{isCurrent:"",notCurrent:""},stepIconActive:{isActive:"",notActive:""},stepIconVisited:{isVisited:"",notVisited:""},messageType:{confirmation:"",error:"",fatal:"",info:"",warning:""},needsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__ty5ef5p",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__ty5ef5r",notPseudoHover:""},stepIconNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__ty5ef5t",notNeedsEventsHover:""},stepIconPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__ty5ef5v",notPseudoHover:""},stepLabelNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__ty5ef5x",notNeedsEventsHover:""},stepLabelPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__ty5ef5z",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{stepDisabled:"notDisabled",stepActive:"isActive"},"TrainStyles_stepActiveStyle__s507m1e"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"isCurrent"},"TrainStyles_stepLabelCurrentStyle__s507m1a"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"notCurrent",stepLabelVisited:"isVisited"},"TrainStyles_stepLabelVisitedStyle__s507m1b"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"isCurrent"},"TrainStyles_stepIconCurrentStyle__s507m1g"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"isActive"},"TrainStyles_stepIconActiveStyle__s507m1i"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"notActive",stepIconVisited:"isVisited"},"TrainStyles_stepIconVisitedStyle__s507m1h"],[{stepIconDisabled:"notDisabled",messageType:"confirmation"},"TrainStyles_messageTypeIconConfirmation__s507m1k"],[{stepIconDisabled:"notDisabled",messageType:"error"},"TrainStyles_messageTypeIconError__s507m1l"],[{stepIconDisabled:"notDisabled",messageType:"fatal"},"TrainStyles_messageTypeIconFatal__s507m1m"],[{stepIconDisabled:"notDisabled",messageType:"info"},"TrainStyles_messageTypeIconInfo__s507m1n"],[{stepIconDisabled:"notDisabled",messageType:"warning"},"TrainStyles_messageTypeIconWarning__s507m1o"]]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../TrainStyles.styles.css', 'css!./../../../TrainVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,s,t,n){"use strict";var i=n.createRuntimeFn({defaultClassName:"TrainStyles_baseStyle__s507m10",variantClassNames:{stepDisabled:{isDisabled:"",notDisabled:""},stepActive:{isActive:"",notActive:""},connectorConnected:{isConnected:"TrainStyles_connectorConnectedStyle__s507m16",notConnected:"TrainStyles_connectorDisconnectedStyle__s507m15"},stepLabelCurrent:{isCurrent:"",notCurrent:""},stepLabelVisited:{isVisited:"",notVisited:""},stepLabelDisabled:{isDisabled:"TrainStyles_stepLabelDisabledStyle__s507m19",notDisabled:""},stepIconDisabled:{isDisabled:"TrainStyles_stepIconDisabledStyle__s507m1f",notDisabled:""},stepIconCurrent:{isCurrent:"",notCurrent:""},stepIconActive:{isActive:"",notActive:""},stepIconVisited:{isVisited:"",notVisited:""},messageType:{confirmation:"",error:"",fatal:"",info:"",warning:""},needsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__ty5ef5p",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__ty5ef5r",notPseudoHover:""},stepIconNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__ty5ef5t",notNeedsEventsHover:""},stepIconPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__ty5ef5v",notPseudoHover:""},stepLabelNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__ty5ef5x",notNeedsEventsHover:""},stepLabelPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__ty5ef5z",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{stepDisabled:"notDisabled",stepActive:"isActive"},"TrainStyles_stepActiveStyle__s507m1e"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"isCurrent"},"TrainStyles_stepLabelCurrentStyle__s507m1a"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"notCurrent",stepLabelVisited:"isVisited"},"TrainStyles_stepLabelVisitedStyle__s507m1b"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"isCurrent"},"TrainStyles_stepIconCurrentStyle__s507m1g"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"isActive"},"TrainStyles_stepIconActiveStyle__s507m1i"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"notActive",stepIconVisited:"isVisited"},"TrainStyles_stepIconVisitedStyle__s507m1h"],[{stepIconDisabled:"notDisabled",messageType:"confirmation"},"TrainStyles_messageTypeIconConfirmation__s507m1k"],[{stepIconDisabled:"notDisabled",messageType:"error"},"TrainStyles_messageTypeIconError__s507m1l"],[{stepIconDisabled:"notDisabled",messageType:"fatal"},"TrainStyles_messageTypeIconFatal__s507m1m"],[{stepIconDisabled:"notDisabled",messageType:"info"},"TrainStyles_messageTypeIconInfo__s507m1n"],[{stepIconDisabled:"notDisabled",messageType:"warning"},"TrainStyles_messageTypeIconWarning__s507m1o"]]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TrainVariants.css.js.map

package/amd/UNSAFE_Train/themes/stable/TrainTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../TrainStyles.css', './TrainBaseTheme.css', './TrainVariants.css', 'css!./../../../TrainStyles.styles.css', 'module', 'css!./../../../TrainVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(e,s,a,t,i,n,r,l){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.TrainStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../TrainStyles.css', './TrainBaseTheme.css', './TrainVariants.css', 'css!./../../../TrainStyles.styles.css', 'module', 'css!./../../../TrainVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,s,a,t,i,n,r,l){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.TrainStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TrainTheme.js.map

package/amd/UNSAFE_Train/themes/stable/TrainTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrainTheme.js","sources":["../../../../../src/UNSAFE_Train/themes/stable/TrainTheme.ts"],"sourcesContent":["import { styles, variants, TrainTheme } from '../TrainStyles.css';\nimport { baseTheme } from './TrainBaseTheme.css';\nimport { multiVariantStyles } from './TrainVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst TrainStableTheme: TrainTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { TrainStableTheme };\n"],"names":["TrainStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"sSAQA,MAAMA,EAA+B,WACnCC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"TrainTheme.js","sources":["../../../../../src/UNSAFE_Train/themes/stable/TrainTheme.ts"],"sourcesContent":["import { styles, variants, TrainTheme } from '../TrainStyles.css';\nimport { baseTheme } from './TrainBaseTheme.css';\nimport { multiVariantStyles } from './TrainVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst TrainStableTheme: TrainTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { TrainStableTheme };\n"],"names":["TrainStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"qSAQA,MAAMA,EAA+B,WACnCC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

package/amd/UNSAFE_Train/themes/stable/TrainVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../../TrainStyles.styles.css', 'css!./../../../TrainVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(e,s,t,n){"use strict";var i=n.createRuntimeFn({defaultClassName:"TrainStyles_baseStyle__s507m10",variantClassNames:{stepDisabled:{isDisabled:"",notDisabled:""},stepActive:{isActive:"",notActive:""},connectorConnected:{isConnected:"TrainStyles_connectorConnectedStyle__s507m16",notConnected:"TrainStyles_connectorDisconnectedStyle__s507m15"},stepLabelCurrent:{isCurrent:"",notCurrent:""},stepLabelVisited:{isVisited:"",notVisited:""},stepLabelDisabled:{isDisabled:"TrainStyles_stepLabelDisabledStyle__s507m19",notDisabled:""},stepIconDisabled:{isDisabled:"TrainStyles_stepIconDisabledStyle__s507m1f",notDisabled:""},stepIconCurrent:{isCurrent:"",notCurrent:""},stepIconActive:{isActive:"",notActive:""},stepIconVisited:{isVisited:"",notVisited:""},messageType:{confirmation:"",error:"",fatal:"",info:"",warning:""},needsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__szao47p",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__szao47r",notPseudoHover:""},stepIconNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__szao47t",notNeedsEventsHover:""},stepIconPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__szao47v",notPseudoHover:""},stepLabelNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__szao47x",notNeedsEventsHover:""},stepLabelPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__szao47z",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{stepDisabled:"notDisabled",stepActive:"isActive"},"TrainStyles_stepActiveStyle__s507m1e"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"isCurrent"},"TrainStyles_stepLabelCurrentStyle__s507m1a"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"notCurrent",stepLabelVisited:"isVisited"},"TrainStyles_stepLabelVisitedStyle__s507m1b"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"isCurrent"},"TrainStyles_stepIconCurrentStyle__s507m1g"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"isActive"},"TrainStyles_stepIconActiveStyle__s507m1i"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"notActive",stepIconVisited:"isVisited"},"TrainStyles_stepIconVisitedStyle__s507m1h"],[{stepIconDisabled:"notDisabled",messageType:"confirmation"},"TrainStyles_messageTypeIconConfirmation__s507m1k"],[{stepIconDisabled:"notDisabled",messageType:"error"},"TrainStyles_messageTypeIconError__s507m1l"],[{stepIconDisabled:"notDisabled",messageType:"fatal"},"TrainStyles_messageTypeIconFatal__s507m1m"],[{stepIconDisabled:"notDisabled",messageType:"info"},"TrainStyles_messageTypeIconInfo__s507m1n"],[{stepIconDisabled:"notDisabled",messageType:"warning"},"TrainStyles_messageTypeIconWarning__s507m1o"]]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../../TrainStyles.styles.css', 'css!./../../../TrainVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,s,t,n){"use strict";var i=n.createRuntimeFn({defaultClassName:"TrainStyles_baseStyle__s507m10",variantClassNames:{stepDisabled:{isDisabled:"",notDisabled:""},stepActive:{isActive:"",notActive:""},connectorConnected:{isConnected:"TrainStyles_connectorConnectedStyle__s507m16",notConnected:"TrainStyles_connectorDisconnectedStyle__s507m15"},stepLabelCurrent:{isCurrent:"",notCurrent:""},stepLabelVisited:{isVisited:"",notVisited:""},stepLabelDisabled:{isDisabled:"TrainStyles_stepLabelDisabledStyle__s507m19",notDisabled:""},stepIconDisabled:{isDisabled:"TrainStyles_stepIconDisabledStyle__s507m1f",notDisabled:""},stepIconCurrent:{isCurrent:"",notCurrent:""},stepIconActive:{isActive:"",notActive:""},stepIconVisited:{isVisited:"",notVisited:""},messageType:{confirmation:"",error:"",fatal:"",info:"",warning:""},needsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_needsEventsHover_isNeedsEventsHover__szao47p",notNeedsEventsHover:""},pseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_pseudoHover_isPseudoHover__szao47r",notPseudoHover:""},stepIconNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepIconNeedsEventsHover_isNeedsEventsHover__szao47t",notNeedsEventsHover:""},stepIconPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepIconPseudoHover_isPseudoHover__szao47v",notPseudoHover:""},stepLabelNeedsEventsHover:{isNeedsEventsHover:"TrainVariants_multiVariantStyles_stepLabelNeedsEventsHover_isNeedsEventsHover__szao47x",notNeedsEventsHover:""},stepLabelPseudoHover:{isPseudoHover:"TrainVariants_multiVariantStyles_stepLabelPseudoHover_isPseudoHover__szao47z",notPseudoHover:""}},defaultVariants:{},compoundVariants:[[{stepDisabled:"notDisabled",stepActive:"isActive"},"TrainStyles_stepActiveStyle__s507m1e"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"isCurrent"},"TrainStyles_stepLabelCurrentStyle__s507m1a"],[{stepLabelDisabled:"notDisabled",stepLabelCurrent:"notCurrent",stepLabelVisited:"isVisited"},"TrainStyles_stepLabelVisitedStyle__s507m1b"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"isCurrent"},"TrainStyles_stepIconCurrentStyle__s507m1g"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"isActive"},"TrainStyles_stepIconActiveStyle__s507m1i"],[{stepIconDisabled:"notDisabled",stepIconCurrent:"notCurrent",stepIconActive:"notActive",stepIconVisited:"isVisited"},"TrainStyles_stepIconVisitedStyle__s507m1h"],[{stepIconDisabled:"notDisabled",messageType:"confirmation"},"TrainStyles_messageTypeIconConfirmation__s507m1k"],[{stepIconDisabled:"notDisabled",messageType:"error"},"TrainStyles_messageTypeIconError__s507m1l"],[{stepIconDisabled:"notDisabled",messageType:"fatal"},"TrainStyles_messageTypeIconFatal__s507m1m"],[{stepIconDisabled:"notDisabled",messageType:"info"},"TrainStyles_messageTypeIconInfo__s507m1n"],[{stepIconDisabled:"notDisabled",messageType:"warning"},"TrainStyles_messageTypeIconWarning__s507m1o"]]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=TrainVariants.css.js.map

package/amd/UNSAFE_Train.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Train/themes/redwood/TrainTheme', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_classNames', './utils/UNSAFE_mergeProps', './classNames-b42a7cb0', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './hooks/UNSAFE_useActive', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_HiddenAccessible', './HiddenAccessible-18572cee', './utils/UNSAFE_logger', './_curry1-683f4bea', './_curry2-7e36243f', './UNSAFE_Train/themes/TrainStyles.css', 'css!./TrainStyles.styles.css', './UNSAFE_Train/themes/redwood/TrainBaseTheme.css', 'module', './UNSAFE_Train/themes/redwood/TrainVariants.css', 'css!./TrainVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1', './utils/PRIVATE_clientHints', './clientHints-a0ac529b', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './UNSAFE_Icon', './Icon-94b06462', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-81df4684', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-e057627d', 'preact/compat', './index-cc18c853', './hooks/UNSAFE_useUser', './index-72b1ad08', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './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-7e5f191b', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-850a6df5', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-d0bb1841', './_has-e3c91494', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-a6ba88f6', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', 'module'], (function(e,s,t,o,n,i,a,r,l,c,d,p,u,m,S,h,T,A,_,y,E,F,v,N,b,g,C,U,I,x,f,H,P,k,w,V,D,j,B,R,M,L,O,$,W,z,q,G,J,K,Q,X,Y,Z,ee,se,te,oe,ne,ie,ae,re,le,ce,de,pe,ue,me,Se,he,Te,Ae,_e,ye,Ee,Fe,ve,Ne,be,ge,Ce,Ue,Ie,xe,fe){"use strict";const He=o.createContext(null);const Pe=({isConnected:e})=>{const{styles:t,variantClasses:o}=n.useComponentTheme(i.TrainRedwoodTheme,{connectorConnected:e?"isConnected":"notConnected"});return s.jsx("span",{class:d.classNames([t.connectorBaseStyle,o])})},ke={confirmation:p.MessageConfirmationIcon,error:u.MessageErrorIcon,fatal:u.MessageErrorIcon,info:m.MessageInfoIcon,warning:S.MessageWarningIcon};function we({messageType:e,isDisabled:t=!1}){const o=ke[e],{styles:a,variantClasses:r}=n.useComponentTheme(i.TrainRedwoodTheme,{messageType:e,stepIconDisabled:t?"isDisabled":"notDisabled"});return s.jsx("div",{class:d.classNames([a.messageTypeIconBaseStyle,r]),role:"presentation",children:s.jsx(o,{})})}const Ve=({isDisabled:e,isVisited:o,messageType:a})=>{const{index:l,selectedStepIndex:p}=t.useContext(He),u=p===l,{interactionProps:m,applyPseudoHoverStyle:S,applyHoverStyle:T}=r.useInteractionStyle(e||u),{isActive:A,activeProps:_}=h.useActive({isDisabled:e||u});console.log("isActive",A);const y=c.mergeProps(m,_),{styles:E,variantClasses:F}=n.useComponentTheme(i.TrainRedwoodTheme,{stepIconDisabled:e?"isDisabled":"notDisabled",stepIconCurrent:u?"isCurrent":"notCurrent",stepIconVisited:o?"isVisited":"notVisited",stepIconNeedsEventsHover:T?"isNeedsEventsHover":"notNeedsEventsHover",stepIconPseudoHover:S?"isPseudoHover":"notPseudoHover",stepIconActive:A?"isActive":"notActive"});return s.jsx("span",{class:E.stepIconContainerStyle,children:a?s.jsx(we,{messageType:a,isDisabled:e}):s.jsx("span",{...y,class:d.classNames([E.stepIconBaseStyle,F]),children:l+1})})},De=({label:e,isDisabled:o,isVisited:a,messageType:l})=>{const{numberOfSteps:c,index:p,selectedStepIndex:u}=t.useContext(He),m=T.useTranslationBundle("@oracle/oraclejet-preact"),S=u===p,{interactionProps:h,applyPseudoHoverStyle:A,applyHoverStyle:y}=r.useInteractionStyle(o||S),E=S?m.train_current():a?m.train_visited():m.train_not_visited(),F=p+1,v=l?`${m.train_status({currentStep:F.toString(),numberOfSteps:c.toString()})}. ${E}, ${m.train_message_type()}: ${l}`:`${m.train_status({currentStep:F.toString(),numberOfSteps:c.toString()})}. ${E}`,{styles:N,variantClasses:b}=n.useComponentTheme(i.TrainRedwoodTheme,{stepLabelDisabled:o?"isDisabled":"notDisabled",stepLabelCurrent:S?"isCurrent":"notCurrent",stepLabelVisited:a?"isVisited":"notVisited",stepLabelNeedsEventsHover:y?"isNeedsEventsHover":"notNeedsEventsHover",stepLabelPseudoHover:A?"isPseudoHover":"notPseudoHover"});return s.jsx("span",{class:N.stepLabelWrapperStyle,children:s.jsxs("a",{...h,href:"#",class:d.classNames([N.stepLabelBaseStyle,b]),onClick:e=>{e.preventDefault()},children:[e,s.jsx(_.HiddenAccessible,{children:v})]})})};e.Step=({id:e,isDisabled:o,isVisited:l,messageType:p,label:u})=>{const{onSelect:m,numberOfSteps:S,selectedStepIndex:h,index:T}=t.useContext(He)||(()=>{throw new Error("Step component must be rendered within a Train component.")})(),A=h===T,[_,y]=t.useState(!1),{interactionProps:E,applyPseudoHoverStyle:F,applyHoverStyle:v}=r.useInteractionStyle(o||A),N=h>T,b=t.useCallback((s=>{o||A||m(s,e)}),[o,m,e]),{pressProps:g}=a.usePress(b,{}),C=T!==S-1,U=t.useCallback((()=>{y(!1)}),[_]),I=t.useCallback((()=>{y(!0)}),[_]),{styles:x,variantClasses:f}=n.useComponentTheme(i.TrainRedwoodTheme,{stepDisabled:o?"isDisabled":"notDisabled",needsEventsHover:v?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:F?"isPseudoHover":"notPseudoHover",stepActive:_&&!A?"isActive":"notActive"}),H=c.mergeProps(g,E,{onMouseUp:U,onMouseDown:I});return s.jsxs("span",{class:x.stepContainerStyle,children:[C&&s.jsx(Pe,{isConnected:N}),s.jsxs("span",{...H,class:d.classNames([x.stepBaseStyle,f]),children:[s.jsx(Ve,{isVisited:l,isDisabled:o,messageType:p}),s.jsx(De,{label:u,isVisited:l,isDisabled:o,messageType:p})]})]})},e.Train=function({onSelect:e,selectedStep:a,children:r}){const{classes:l,styles:c}=n.useComponentTheme(i.TrainRedwoodTheme),d=r.findIndex((e=>e.props.id===a)),p={onSelect:t.useCallback(((s,t)=>{e?.({event:s,toStep:t})}),[e]),selectedStep:a,selectedStepIndex:d,numberOfSteps:r.length,index:0},u=o.toChildArray(r).filter(Boolean);return s.jsx("div",{class:l,children:u.map(((e,t)=>s.jsx(He.Provider,{value:{...p,index:t},children:s.jsx("div",{class:c.baseListStyle,children:e})})))})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Train/themes/redwood/TrainTheme', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_classNames', './utils/UNSAFE_mergeProps', './classNames-2ae809ea', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './hooks/UNSAFE_useActive', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_HiddenAccessible', './HiddenAccessible-790dc695', './utils/UNSAFE_logger', './_curry1-12d8a4c2', './_curry2-d7eb25cd', './UNSAFE_Train/themes/TrainStyles.css', 'css!./TrainStyles.styles.css', './UNSAFE_Train/themes/redwood/TrainBaseTheme.css', 'module', './UNSAFE_Train/themes/redwood/TrainVariants.css', 'css!./TrainVariants.styles2.css', './vanilla-extract-recipes-createRuntimeFn.esm-91efbe77', './utils/PRIVATE_clientHints', './clientHints-0d755236', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './UNSAFE_Icon', './Icon-bd23cf70', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-ac6bf383', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-589b39b6', 'preact/compat', './index-95d915df', './hooks/UNSAFE_useUser', './index-e12e679d', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './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-4c51fd39', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-fb2dc27f', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-46de190a', './_has-72ed1986', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-103e527d', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', 'module'], (function(e,s,t,o,n,i,a,r,l,c,d,p,u,m,S,h,T,A,_,y,E,F,v,N,b,g,C,U,I,x,f,H,P,k,w,V,D,j,B,R,M,L,O,$,W,z,q,G,J,K,Q,X,Y,Z,ee,se,te,oe,ne,ie,ae,re,le,ce,de,pe,ue,me,Se,he,Te,Ae,_e,ye,Ee,Fe,ve,Ne,be,ge,Ce,Ue,Ie,xe,fe){"use strict";const He=o.createContext(null);const Pe=({isConnected:e})=>{const{styles:t,variantClasses:o}=n.useComponentTheme(i.TrainRedwoodTheme,{connectorConnected:e?"isConnected":"notConnected"});return s.jsx("span",{class:d.classNames([t.connectorBaseStyle,o])})},ke={confirmation:p.MessageConfirmationIcon,error:u.MessageErrorIcon,fatal:u.MessageErrorIcon,info:m.MessageInfoIcon,warning:S.MessageWarningIcon};function we({messageType:e,isDisabled:t=!1}){const o=ke[e],{styles:a,variantClasses:r}=n.useComponentTheme(i.TrainRedwoodTheme,{messageType:e,stepIconDisabled:t?"isDisabled":"notDisabled"});return s.jsx("div",{class:d.classNames([a.messageTypeIconBaseStyle,r]),role:"presentation",children:s.jsx(o,{})})}const Ve=({isDisabled:e,isVisited:o,messageType:a})=>{const{index:l,selectedStepIndex:p}=t.useContext(He),u=p===l,{interactionProps:m,applyPseudoHoverStyle:S,applyHoverStyle:T}=r.useInteractionStyle(e||u),{isActive:A,activeProps:_}=h.useActive({isDisabled:e||u});console.log("isActive",A);const y=c.mergeProps(m,_),{styles:E,variantClasses:F}=n.useComponentTheme(i.TrainRedwoodTheme,{stepIconDisabled:e?"isDisabled":"notDisabled",stepIconCurrent:u?"isCurrent":"notCurrent",stepIconVisited:o?"isVisited":"notVisited",stepIconNeedsEventsHover:T?"isNeedsEventsHover":"notNeedsEventsHover",stepIconPseudoHover:S?"isPseudoHover":"notPseudoHover",stepIconActive:A?"isActive":"notActive"});return s.jsx("span",{class:E.stepIconContainerStyle,children:a?s.jsx(we,{messageType:a,isDisabled:e}):s.jsx("span",{...y,class:d.classNames([E.stepIconBaseStyle,F]),children:l+1})})},De=({label:e,isDisabled:o,isVisited:a,messageType:l})=>{const{numberOfSteps:c,index:p,selectedStepIndex:u}=t.useContext(He),m=T.useTranslationBundle("@oracle/oraclejet-preact"),S=u===p,{interactionProps:h,applyPseudoHoverStyle:A,applyHoverStyle:y}=r.useInteractionStyle(o||S),E=S?m.train_current():a?m.train_visited():m.train_not_visited(),F=p+1,v=l?`${m.train_status({currentStep:F.toString(),numberOfSteps:c.toString()})}. ${E}, ${m.train_message_type()}: ${l}`:`${m.train_status({currentStep:F.toString(),numberOfSteps:c.toString()})}. ${E}`,{styles:N,variantClasses:b}=n.useComponentTheme(i.TrainRedwoodTheme,{stepLabelDisabled:o?"isDisabled":"notDisabled",stepLabelCurrent:S?"isCurrent":"notCurrent",stepLabelVisited:a?"isVisited":"notVisited",stepLabelNeedsEventsHover:y?"isNeedsEventsHover":"notNeedsEventsHover",stepLabelPseudoHover:A?"isPseudoHover":"notPseudoHover"});return s.jsx("span",{class:N.stepLabelWrapperStyle,children:s.jsxs("a",{...h,href:"#",class:d.classNames([N.stepLabelBaseStyle,b]),onClick:e=>{e.preventDefault()},children:[e,s.jsx(_.HiddenAccessible,{children:v})]})})};e.Step=({id:e,isDisabled:o,isVisited:l,messageType:p,label:u})=>{const{onSelect:m,numberOfSteps:S,selectedStepIndex:h,index:T}=t.useContext(He)||(()=>{throw new Error("Step component must be rendered within a Train component.")})(),A=h===T,[_,y]=t.useState(!1),{interactionProps:E,applyPseudoHoverStyle:F,applyHoverStyle:v}=r.useInteractionStyle(o||A),N=h>T,b=t.useCallback((s=>{o||A||m(s,e)}),[o,m,e]),{pressProps:g}=a.usePress(b,{}),C=T!==S-1,U=t.useCallback((()=>{y(!1)}),[_]),I=t.useCallback((()=>{y(!0)}),[_]),{styles:x,variantClasses:f}=n.useComponentTheme(i.TrainRedwoodTheme,{stepDisabled:o?"isDisabled":"notDisabled",needsEventsHover:v?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:F?"isPseudoHover":"notPseudoHover",stepActive:_&&!A?"isActive":"notActive"}),H=c.mergeProps(g,E,{onMouseUp:U,onMouseDown:I});return s.jsxs("span",{class:x.stepContainerStyle,children:[C&&s.jsx(Pe,{isConnected:N}),s.jsxs("span",{...H,class:d.classNames([x.stepBaseStyle,f]),children:[s.jsx(Ve,{isVisited:l,isDisabled:o,messageType:p}),s.jsx(De,{label:u,isVisited:l,isDisabled:o,messageType:p})]})]})},e.Train=function({onSelect:e,selectedStep:a,children:r}){const{classes:l,styles:c}=n.useComponentTheme(i.TrainRedwoodTheme),d=r.findIndex((e=>e.props.id===a)),p={onSelect:t.useCallback(((s,t)=>{e?.({event:s,toStep:t})}),[e]),selectedStep:a,selectedStepIndex:d,numberOfSteps:r.length,index:0},u=o.toChildArray(r).filter(Boolean);return s.jsx("div",{class:l,children:u.map(((e,t)=>s.jsx(He.Provider,{value:{...p,index:t},children:s.jsx("div",{class:c.baseListStyle,children:e})})))})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Train.js.map

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

@@ -1,2 +1,2 @@
-define(['exports', '../UserAssistanceStyles.css', './UserAssistanceBaseTheme.css', './UserAssistanceVariants.css', 'css!./../../../UserAssistanceStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(s,e,t,a,i,c,n){"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-91efbe77'], (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', 'css!./../../../UserAssistanceStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (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-91efbe77'], (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', 'css!./../../../UserAssistanceStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (function(s,e,t,a,i,c,n){"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-91efbe77'], (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', 'css!./../../../UserAssistanceStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (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-91efbe77'], (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-80fbd601', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_ComponentMessage', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './utils/UNSAFE_classNames', './hooks/UNSAFE_useInputGroupContext', './classNames-b42a7cb0', './ComponentMessageContainer-9482cc8f', './UNSAFE_Popup', './UNSAFE_Divider', './CompactHelpSource-ae295f38', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './Divider-14acbc26', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useToggle', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Popup/themes/redwood/PopupTheme', './utils/UNSAFE_logger', './_curry1-683f4bea', './_curry2-7e36243f', './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-ac7dbfe1', './index-72b1ad08', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './ComponentMessage-ad8b292d', './PRIVATE_Message', './UNSAFE_Flex', './Flex-7111a277', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-81df4684', './utils/UNSAFE_mergeInterpolations', './_curry3-d0bb1841', './_has-e3c91494', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-4f941d88', './utils/UNSAFE_interpolations/flexbox', './flexbox-9ed2d9a6', './utils/UNSAFE_interpolations/flexitem', './flexitem-611c5f29', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-26b03311', './UNSAFE_IconButton', './IconButton-b9ebe47e', './UNSAFE_BaseButton', './BaseButton-6f99abd5', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-a0ac529b', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-48c52413', './UNSAFE_Text', './Text-d7ea16a2', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-94b06462', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-476b2df1', './MessageFormattingUtils-a6bb556c', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-ae804f0b', './Message.types-94e72580', './MessageStartIcon-142acae0', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-33947da8', './MessageTimestamp-9a5891c2', './MessageUtils-0f0edba7', './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-c33cfd1d', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useAnimation', './useAnimation-a6ba88f6', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-18572cee', './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-e057627d', './index-cc18c853', './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-7e5f191b', './UNSAFE_Floating/themes/FloatingContract.css', './utils/PRIVATE_tabbableUtils', './_arity-3ecc8c68', './UNSAFE_FocusTrap', './FocusTrap-23259c3a', './UNSAFE_Layer', './useThemeInterpolations-850a6df5', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-f161bf5f', './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.styles2.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})}));
+define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './InlineHelpSource-c7081ed6', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './hooks/UNSAFE_useTranslationBundle', './UNSAFE_ComponentMessage', './hooks/UNSAFE_useFormContext', './hooks/UNSAFE_useFormFieldContext', './utils/UNSAFE_classNames', './hooks/UNSAFE_useInputGroupContext', './classNames-2ae809ea', './ComponentMessageContainer-2e191ef9', './UNSAFE_Popup', './UNSAFE_Divider', './CompactHelpSource-88c1945d', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './Divider-b4a009d3', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useToggle', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Popup/themes/redwood/PopupTheme', './utils/UNSAFE_logger', './_curry1-12d8a4c2', './_curry2-d7eb25cd', './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-91efbe77', './index-e12e679d', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './ComponentMessage-d77077ce', './PRIVATE_Message', './UNSAFE_Flex', './Flex-1ffbde86', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-ac6bf383', './utils/UNSAFE_mergeInterpolations', './_curry3-46de190a', './_has-72ed1986', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-d771635a', './utils/UNSAFE_interpolations/flexbox', './flexbox-fe6e1c28', './utils/UNSAFE_interpolations/flexitem', './flexitem-dab4db50', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'css!./MessageStyles.styles.css', './MessageCloseButton-0d661f07', './UNSAFE_IconButton', './IconButton-fab89d34', './UNSAFE_BaseButton', './BaseButton-d9df1851', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-0d755236', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-69dfc955', './UNSAFE_Text', './Text-c4aa2975', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-bd23cf70', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './MessageDetail-240f18e2', './MessageFormattingUtils-be099936', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-cb143ff2', './Message.types-9e800dad', './MessageStartIcon-44fb18a6', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-5c2ccec5', './MessageTimestamp-e6e2e8f9', './MessageUtils-b4c47838', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'css!./MessageBannerStyles.styles.css', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles2.css', './MessagesManager-eebfec42', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useAnimation', './useAnimation-103e527d', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-790dc695', './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-589b39b6', './index-95d915df', './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-4c51fd39', './UNSAFE_Floating/themes/FloatingContract.css', './utils/PRIVATE_tabbableUtils', './_arity-23a64394', './UNSAFE_FocusTrap', './FocusTrap-14115cb3', './UNSAFE_Layer', './useThemeInterpolations-fb2dc27f', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/PRIVATE_useAnimationStatus', './UNSAFE_Popup/themes/PopupContract.css', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-b7424620', './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,d,u,m,h,p,A,S,F,U,_,E,T,g,N,x,y,C,b,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,de,ue,me,he,pe,Ae,Se,Fe,Ue,_e,Ee,Te,ge,Ne,xe,ye,Ce,be,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,ds,us,ms,hs,ps,As,Ss,Fs,Us,_s,Es,Ts,gs,Ns,xs,ys,Cs,bs,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!==d.useInputGroupContext())return null;return s.jsx("div",{class:u.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}}),d=u.classNames([S.requiredIconBase,"start"===i&&S.requiredIconLabelEdgeStart]),m=n&&s.jsxs("span",{children:[s.jsx("span",{class:d,...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:d}=r.useFormFieldContext(),{isFocused:u,popupProps:p}=A.usePopupFocusWithin(),U=!0===c||!0===u,{baseTheme:_}=o.useComponentTheme(n.UserAssistanceRedwoodTheme);return!0!==d&&(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:d}=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(),d()})),U=_.useRef(null),x=u.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:d=[],userAssistanceDensity:u}){const{isReadonly:h}=l.useFormContext(),p="efficient"===u&&!1===h,{isFocused:A}=r.useFormFieldContext(),S=d.length>0?s.jsx(m.ComponentMessageContainer,{fieldLabel:o,messages:d}):(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:u,children:S}):null},e.InlineUserAssistanceContainer=co,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_UserAssistance.js.map

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-72b1ad08', './index-5599a886', './Common/themes/themeContract.css', './vanilla-extract-dynamic.esm-7e5f191b', './flexitem-611c5f29', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-81df4684', './_curry1-683f4bea', 'module', './keys-4f941d88', './_has-e3c91494', './utils/UNSAFE_classNames', './classNames-b42a7cb0', './_curry3-d0bb1841', './_curry2-7e36243f', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', 'preact/hooks'], (function(e,o,t,r,a,s,i,l,n,c,m,d,u,b,p,_,h,S,f,v,E,N,g,y,A,U,x,F,j,C,I,O,k){"use strict";const w=d.stringLiteralArray(["div","main","article","section","aside"]),B=[...Object.values(r.borderInterpolations),...Object.values(a.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:r,children:a,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}),f={};s&&(f.colorScheme=s),i&&(f.scale=i);let v={};n&&(f.currentBgColor=n,v=_.assignInlineVars({[p.globalVars.currentBackgroundColor]:S.backgroundColor}));const E=r||"div",N=o.jsx(E,{"aria-label":h,"aria-labelledby":d,class:m,style:{...S,boxSizing:"border-box",...v},ref:t,children:a});return b.isEmpty(f)?N:o.jsx(u.EnvironmentProvider,{environment:f,children:N})}));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-e12e679d', './index-801cdb22', './Common/themes/themeContract.css', './vanilla-extract-dynamic.esm-4c51fd39', './flexitem-dab4db50', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-ac6bf383', './_curry1-12d8a4c2', 'module', './keys-d771635a', './_has-72ed1986', './utils/UNSAFE_classNames', './classNames-2ae809ea', './_curry3-46de190a', './_curry2-d7eb25cd', '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,_,h,S,v,E,N,g,y,A,U,x,F,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(h.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: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({[p.globalVars.currentBackgroundColor]:S.backgroundColor}));const N=r||"div",g=o.jsx(N,{"aria-label":h,"aria-labelledby":m,class:d,style:{...S,boxSizing:"border-box",...E},ref:t,children:a});return b.isEmpty(v)?g:o.jsx(u.EnvironmentProvider,{environment:v,children:g})}));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-6de5fe7c', 'preact/jsx-runtime', './PRIVATE_List', './List-5562cd1b', 'preact/hooks', './utils/UNSAFE_classNames', './classNames-b42a7cb0', './utils/UNSAFE_mergeProps', './utils/UNSAFE_keys', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-fb8910d1', 'preact', './PRIVATE_Collection', './Collection-3ea7195f', './hooks/UNSAFE_useViewportIntersect', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-f52c2e83', './utils/UNSAFE_arrayUtils', 'preact/compat', './hooks/UNSAFE_useTabbableMode', './UNSAFE_FocusTrap', './FocusTrap-23259c3a', 'module', './utils/PRIVATE_tabbableUtils', './_curry1-683f4bea', './_curry2-7e36243f', './_arity-3ecc8c68', './_curry3-d0bb1841', './hooks/UNSAFE_useId', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-a0ac529b', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_has-e3c91494', './utils/UNSAFE_interpolations/flexitem', './flexitem-611c5f29', './keys-4f941d88', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-72b1ad08', './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-78f92636', './UNSAFE_Skeleton', './Skeleton-2edbffdb', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-81df4684', './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-7111a277', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-9ed2d9a6', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-94b06462', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-e057627d', './index-cc18c853', './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-7e5f191b', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-850a6df5', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-a6ba88f6', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles2.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './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,V,R,b,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,Ve,Re,be,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,Vs){"use strict";e.VirtualizedListView=s.VirtualizedListView,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './VirtualizedListView-c5f1559e', 'preact/jsx-runtime', './PRIVATE_List', './List-8311be79', 'preact/hooks', './utils/UNSAFE_classNames', './classNames-2ae809ea', './utils/UNSAFE_mergeProps', './utils/UNSAFE_keys', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-81f6eb8d', 'preact', './PRIVATE_Collection', './Collection-f3e78795', './hooks/UNSAFE_useViewportIntersect', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-398578f4', './utils/UNSAFE_arrayUtils', 'preact/compat', './hooks/UNSAFE_useTabbableMode', './UNSAFE_FocusTrap', './FocusTrap-14115cb3', 'module', './utils/PRIVATE_tabbableUtils', './_curry1-12d8a4c2', './_curry2-d7eb25cd', './_arity-23a64394', './_curry3-46de190a', './hooks/UNSAFE_useId', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-0d755236', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_mergeInterpolations', './_has-72ed1986', './utils/UNSAFE_interpolations/flexitem', './flexitem-dab4db50', './keys-d771635a', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-91efbe77', './hooks/PRIVATE_useSelection', './hooks/UNSAFE_useUser', './index-e12e679d', './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-53c9958d', './UNSAFE_Skeleton', './Skeleton-23d2ff11', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-ac6bf383', './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-1ffbde86', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-fe6e1c28', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './UNSAFE_Icon', './Icon-bd23cf70', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-589b39b6', './index-95d915df', './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-4c51fd39', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-fb2dc27f', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-103e527d', './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.styles2.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,d,S,r,h,_,A,E,F,m,u,U,N,T,k,I,p,y,V,R,b,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,de,Se,re,he,_e,Ae,Ee,Fe,me,ue,Ue,Ne,Te,ke,Ie,pe,ye,Ve,Re,be,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,ds,Ss,rs,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})}));
 //# sourceMappingURL=UNSAFE_VirtualizedListView.js.map

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

@@ -1,2 +1,2 @@
-define(['exports', '../WindowOverlayStyles.css', './WindowOverlayBaseTheme.css', './WindowOverlayVariants.css', 'css!./../../../WindowOverlayStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (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-91efbe77'], (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', 'css!./../../../WindowOverlayStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (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-91efbe77'], (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', 'css!./../../../WindowOverlayStyles.styles.css', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (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-91efbe77'], (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', 'css!./../../../WindowOverlayStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-ac7dbfe1'], (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-91efbe77'], (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-7e5f191b', './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-b42a7cb0', './_curry1-683f4bea', './_curry3-d0bb1841', './_curry2-7e36243f', './_has-e3c91494', 'css!./WindowOverlayStyles.styles.css', 'preact/hooks', './index-72b1ad08', '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-ac7dbfe1'], (function(e,t,s,o,a,r,l,n,i,y,d,w,c,m,v,O,S,b,h,p,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:b}=m,h=[({placement:e="center"})=>({class:b[e]})],p=[...Object.values(h)],f=s.mergeInterpolations(p),{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})}));
+define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_mergeInterpolations', './vanilla-extract-dynamic.esm-4c51fd39', './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-2ae809ea', './_curry1-12d8a4c2', './_curry3-46de190a', './_curry2-d7eb25cd', './_has-72ed1986', 'css!./WindowOverlayStyles.styles.css', 'preact/hooks', './index-e12e679d', '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-91efbe77'], (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-398578f4.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './PRIVATE_Collection', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useViewportIntersect', './Collection-f3e78795'], (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-398578f4.js.map

package/amd/VirtualizedCollection-398578f4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedCollection-398578f4.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-c5f1559e.js

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

package/amd/VirtualizedListView-c5f1559e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedListView-c5f1559e.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-23a64394.js

@@ -0,0 +1,2 @@
+define(['exports', './_curry1-12d8a4c2'], (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,a){return r.apply(this,arguments)};case 6:return function(t,n,e,u,a,i){return r.apply(this,arguments)};case 7:return function(t,n,e,u,a,i,c){return r.apply(this,arguments)};case 8:return function(t,n,e,u,a,i,c,s){return r.apply(this,arguments)};case 9:return function(t,n,e,u,a,i,c,s,p){return r.apply(this,arguments)};case 10:return function(t,n,e,u,a,i,c,s,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-23a64394.js.map

package/amd/_arity-23a64394.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_arity-23a64394.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-12d8a4c2.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-12d8a4c2.js.map