@okta/odyssey-react-mui 1.42.0 → 1.44.0

package/dist/cjs/ui-shell/useUiShellBreakpoints.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUiShellBreakpoints.cjs","names":["_useMediaQuery","require","defaultUiShellBreakpointConfig","exports","narrow","medium","wide","adminAppUiShellBreakpoints","useUiShellBreakpoints","breakpointConfig","isNarrowView","useMediaQuery","isMediumView","isWideView"],"sources":["../../../src/ui-shell/useUiShellBreakpoints.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { useMediaQuery } from \"../theme/useMediaQuery.js\";\n\nexport type UiShellBreakpointConfig = {\n  narrow: number;\n  medium: number;\n  wide: number;\n};\n\nexport const defaultUiShellBreakpointConfig = {\n  narrow: 0,\n  medium: 600,\n  wide: 800,\n} as const satisfies UiShellBreakpointConfig;\n\nexport const adminAppUiShellBreakpoints = {\n  narrow: 0,\n  medium: 600,\n  wide: 1304,\n} as const satisfies UiShellBreakpointConfig;\n\nexport const useUiShellBreakpoints = (\n  breakpointConfig: UiShellBreakpointConfig = defaultUiShellBreakpointConfig,\n): keyof UiShellBreakpointConfig | \"none\" => {\n  const isNarrowView = useMediaQuery(\n    `(min-width: ${breakpointConfig.narrow}px)`,\n  );\n\n  const isMediumView = useMediaQuery(\n    `(min-width: ${breakpointConfig.medium}px)`,\n  );\n\n  const isWideView = useMediaQuery(`(min-width: ${breakpointConfig.wide}px)`);\n\n  if (isWideView) {\n    return \"wide\";\n  }\n\n  if (isMediumView) {\n    return \"medium\";\n  }\n\n  if (isNarrowView) {\n    return \"narrow\";\n  }\n\n  // This is a failsafe in case we don't have any media queries on page load or if media queries were improperly defined (no `0` case). With the default breakpoints, it will never be `\"none\"`.\n  return \"none\";\n};\n"],"mappings":";;;;;;AAYA,IAAAA,cAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUO,MAAMC,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,GAAG;EAC5CE,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,GAAG;EACXC,IAAI,EAAE;AACR,CAA4C;AAErC,MAAMC,0BAA0B,GAAAJ,OAAA,CAAAI,0BAAA,GAAG;EACxCH,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,GAAG;EACXC,IAAI,EAAE;AACR,CAA4C;AAErC,MAAME,qBAAqB,GAAGA,CACnCC,gBAAyC,GAAGP,8BAA8B,KAC/B;EAC3C,MAAMQ,YAAY,GAAG,IAAAC,4BAAa,EAChC,eAAeF,gBAAgB,CAACL,MAAM,KACxC,CAAC;EAED,MAAMQ,YAAY,GAAG,IAAAD,4BAAa,EAChC,eAAeF,gBAAgB,CAACJ,MAAM,KACxC,CAAC;EAED,MAAMQ,UAAU,GAAG,IAAAF,4BAAa,EAAC,eAAeF,gBAAgB,CAACH,IAAI,KAAK,CAAC;EAE3E,IAAIO,UAAU,EAAE;IACd,OAAO,MAAM;EACf;EAEA,IAAID,YAAY,EAAE;IAChB,OAAO,QAAQ;EACjB;EAEA,IAAIF,YAAY,EAAE;IAChB,OAAO,QAAQ;EACjB;EAGA,OAAO,MAAM;AACf,CAAC;AAACP,OAAA,CAAAK,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"file":"useUiShellBreakpoints.cjs","names":["_useMediaQuery","require","defaultUiShellBreakpointConfig","exports","narrow","medium","wide","adminAppUiShellBreakpoints","useUiShellBreakpoints","breakpointConfig","isNarrowView","useMediaQuery","isMediumView","isWideView"],"sources":["../../../src/ui-shell/useUiShellBreakpoints.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { useMediaQuery } from \"../theme/useMediaQuery.js\";\n\nexport type UiShellBreakpointConfig = {\n  medium: number;\n  narrow: number;\n  wide: number;\n};\n\nexport const defaultUiShellBreakpointConfig = {\n  narrow: 0,\n  medium: 600,\n  wide: 800,\n} as const satisfies UiShellBreakpointConfig;\n\nexport const adminAppUiShellBreakpoints = {\n  narrow: 0,\n  medium: 600,\n  wide: 1304,\n} as const satisfies UiShellBreakpointConfig;\n\nexport const useUiShellBreakpoints = (\n  breakpointConfig: UiShellBreakpointConfig = defaultUiShellBreakpointConfig,\n): keyof UiShellBreakpointConfig | \"none\" => {\n  const isNarrowView = useMediaQuery(\n    `(min-width: ${breakpointConfig.narrow}px)`,\n  );\n\n  const isMediumView = useMediaQuery(\n    `(min-width: ${breakpointConfig.medium}px)`,\n  );\n\n  const isWideView = useMediaQuery(`(min-width: ${breakpointConfig.wide}px)`);\n\n  if (isWideView) {\n    return \"wide\";\n  }\n\n  if (isMediumView) {\n    return \"medium\";\n  }\n\n  if (isNarrowView) {\n    return \"narrow\";\n  }\n\n  // This is a failsafe in case we don't have any media queries on page load or if media queries were improperly defined (no `0` case). With the default breakpoints, it will never be `\"none\"`.\n  return \"none\";\n};\n"],"mappings":";;;;;;AAYA,IAAAA,cAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUO,MAAMC,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,GAAG;EAC5CE,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,GAAG;EACXC,IAAI,EAAE;AACR,CAA4C;AAErC,MAAMC,0BAA0B,GAAAJ,OAAA,CAAAI,0BAAA,GAAG;EACxCH,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,GAAG;EACXC,IAAI,EAAE;AACR,CAA4C;AAErC,MAAME,qBAAqB,GAAGA,CACnCC,gBAAyC,GAAGP,8BAA8B,KAC/B;EAC3C,MAAMQ,YAAY,GAAG,IAAAC,4BAAa,EAChC,eAAeF,gBAAgB,CAACL,MAAM,KACxC,CAAC;EAED,MAAMQ,YAAY,GAAG,IAAAD,4BAAa,EAChC,eAAeF,gBAAgB,CAACJ,MAAM,KACxC,CAAC;EAED,MAAMQ,UAAU,GAAG,IAAAF,4BAAa,EAAC,eAAeF,gBAAgB,CAACH,IAAI,KAAK,CAAC;EAE3E,IAAIO,UAAU,EAAE;IACd,OAAO,MAAM;EACf;EAEA,IAAID,YAAY,EAAE;IAChB,OAAO,QAAQ;EACjB;EAEA,IAAIF,YAAY,EAAE;IAChB,OAAO,QAAQ;EACjB;EAGA,OAAO,MAAM;AACf,CAAC;AAACP,OAAA,CAAAK,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/useAutocomplete.cjs

@@ -76,12 +76,12 @@ const useAutocomplete = ({
     errorMessageList: errorMessageList,
     fieldType: "single",
     hasVisibleLabel: true,
-    id: InputLabelProps.htmlFor,
-    isFullWidth: isFullWidth,
     hint: hint,
     HintLinkComponent: HintLinkComponent,
-    label: label,
+    id: InputLabelProps.htmlFor,
+    isFullWidth: isFullWidth,
     isOptional: isOptional,
+    label: label,
     renderFieldComponent: ({
       ariaDescribedBy,
       id,
@@ -90,14 +90,14 @@ const useAutocomplete = ({
     }) => (0, _jsxRuntime.jsx)(_InputBase2.default, {
       ...params,
       ...InputProps,
+      "aria-describedby": ariaDescribedBy,
+      id: id,
       inputProps: {
         ...params.inputProps,
         "aria-errormessage": errorMessageElementId,
         "aria-labelledby": labelElementId,
         "data-se": testId
       },
-      "aria-describedby": ariaDescribedBy,
-      id: id,
       name: nameOverride ?? id,
       required: !isOptional
     })

package/dist/cjs/useAutocomplete.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAutocomplete.cjs","names":["_react","require","_Field","_inputUtils","_jsxRuntime","_interopRequireDefault","e","__esModule","default","useAutocomplete","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hint","HintLinkComponent","inputValue","isFullWidth","isOptional","isVirtualized","isVirtualizedProp","label","name","nameOverride","testId","value","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","isVirtualizedRef","Boolean","defaultValueProp","useMemo","undefined","valueProps","useInputValues","controlState","current","inputValueProp","ComponentControlledState","CONTROLLED","renderInput","useCallback","InputLabelProps","InputProps","params","jsx","Field","fieldType","hasVisibleLabel","id","htmlFor","renderFieldComponent","errorMessageElementId","labelElementId","_InputBase2","inputProps","required","exports"],"sources":["../../src/useAutocomplete.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { useCallback, useMemo, useRef } from \"react\";\nimport {\n  InputBase,\n  AutocompleteValue,\n  AutocompleteRenderInputParams,\n} from \"@mui/material\";\n\nimport { AutocompleteProps } from \"./Autocomplete.js\";\nimport { Field } from \"./Field.js\";\nimport {\n  ComponentControlledState,\n  useInputValues,\n  getControlState,\n} from \"./inputUtils.js\";\n\nexport type UseAutocompleteProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = Pick<\n  AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>,\n  | \"ariaDescribedBy\"\n  | \"defaultValue\"\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hasMultipleChoices\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"inputValue\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n  | \"isVirtualized\"\n  | \"label\"\n  | \"name\"\n  | \"testId\"\n  | \"value\"\n>;\n\nexport const useAutocomplete = <\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  hasMultipleChoices,\n  hint,\n  HintLinkComponent,\n  inputValue,\n  isFullWidth,\n  isOptional,\n  isVirtualized: isVirtualizedProp,\n  label,\n  name: nameOverride,\n  testId,\n  value,\n}: UseAutocompleteProps<\n  OptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>) => {\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: value,\n      uncontrolledValue: defaultValue,\n    }),\n  );\n\n  const isVirtualizedRef = useRef(Boolean(isVirtualizedProp));\n\n  const defaultValueProp = useMemo<\n    | AutocompleteValue<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >\n    | undefined\n  >(() => {\n    if (hasMultipleChoices) {\n      if (value === undefined) {\n        return defaultValue;\n      }\n      return [] as AutocompleteValue<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >;\n    }\n    return value === undefined ? defaultValue : undefined;\n  }, [defaultValue, hasMultipleChoices, value]);\n\n  const valueProps = useInputValues({\n    controlState: controlledStateRef.current,\n    defaultValue: defaultValueProp,\n    value,\n  });\n\n  const inputValueProp = useMemo(() => {\n    if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {\n      return { inputValue };\n    }\n    return undefined;\n  }, [inputValue]);\n\n  const renderInput = useCallback(\n    ({\n      InputLabelProps,\n      InputProps,\n      ...params\n    }: AutocompleteRenderInputParams) => (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        //@ts-expect-error htmlFor exists on `InputLabelProps`, but not the type.\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        id={InputLabelProps.htmlFor}\n        isFullWidth={isFullWidth}\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        label={label}\n        isOptional={isOptional}\n        renderFieldComponent={({\n          ariaDescribedBy,\n          id,\n          errorMessageElementId,\n          labelElementId,\n        }) => (\n          <InputBase\n            {...params}\n            {...InputProps}\n            inputProps={{\n              ...params.inputProps,\n              \"aria-errormessage\": errorMessageElementId,\n              \"aria-labelledby\": labelElementId,\n              \"data-se\": testId,\n            }}\n            aria-describedby={ariaDescribedBy}\n            id={id}\n            name={nameOverride ?? id}\n            required={!isOptional}\n          />\n        )}\n      />\n    ),\n    [\n      ariaDescribedBy,\n      errorMessage,\n      errorMessageList,\n      hint,\n      HintLinkComponent,\n      isFullWidth,\n      isOptional,\n      label,\n      nameOverride,\n      testId,\n    ],\n  );\n\n  return {\n    inputValueProp,\n    isVirtualizedRef,\n    renderInput,\n    valueProps,\n  };\n};\n"],"mappings":";;;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAIyB,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAzBzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAwCO,MAAMG,eAAe,GAAGA,CAI7B;EACAC,eAAe;EACfC,YAAY;EACZC,YAAY;EACZC,gBAAgB;EAChBC,kBAAkB;EAClBC,IAAI;EACJC,iBAAiB;EACjBC,UAAU;EACVC,WAAW;EACXC,UAAU;EACVC,aAAa,EAAEC,iBAAiB;EAChCC,KAAK;EACLC,IAAI,EAAEC,YAAY;EAClBC,MAAM;EACNC;AAKF,CAAC,KAAK;EACJ,MAAMC,kBAAkB,GAAG,IAAAC,aAAM,EAC/B,IAAAC,2BAAe,EAAC;IACdC,eAAe,EAAEJ,KAAK;IACtBK,iBAAiB,EAAEpB;EACrB,CAAC,CACH,CAAC;EAED,MAAMqB,gBAAgB,GAAG,IAAAJ,aAAM,EAACK,OAAO,CAACZ,iBAAiB,CAAC,CAAC;EAE3D,MAAMa,gBAAgB,GAAG,IAAAC,cAAO,EAQ9B,MAAM;IACN,IAAIrB,kBAAkB,EAAE;MACtB,IAAIY,KAAK,KAAKU,SAAS,EAAE;QACvB,OAAOzB,YAAY;MACrB;MACA,OAAO,EAAE;IAMX;IACA,OAAOe,KAAK,KAAKU,SAAS,GAAGzB,YAAY,GAAGyB,SAAS;EACvD,CAAC,EAAE,CAACzB,YAAY,EAAEG,kBAAkB,EAAEY,KAAK,CAAC,CAAC;EAE7C,MAAMW,UAAU,GAAG,IAAAC,0BAAc,EAAC;IAChCC,YAAY,EAAEZ,kBAAkB,CAACa,OAAO;IACxC7B,YAAY,EAAEuB,gBAAgB;IAC9BR;EACF,CAAC,CAAC;EAEF,MAAMe,cAAc,GAAG,IAAAN,cAAO,EAAC,MAAM;IACnC,IAAIR,kBAAkB,CAACa,OAAO,KAAKE,oCAAwB,CAACC,UAAU,EAAE;MACtE,OAAO;QAAE1B;MAAW,CAAC;IACvB;IACA,OAAOmB,SAAS;EAClB,CAAC,EAAE,CAACnB,UAAU,CAAC,CAAC;EAEhB,MAAM2B,WAAW,GAAG,IAAAC,kBAAW,EAC7B,CAAC;IACCC,eAAe;IACfC,UAAU;IACV,GAAGC;EAC0B,CAAC,KAC9B,IAAA5C,WAAA,CAAA6C,GAAA,EAAC/C,MAAA,CAAAgD,KAAK;IACJxC,eAAe,EAAEA,eAAgB;IACjCE,YAAY,EAAEA,YAAa;IAC3BC,gBAAgB,EAAEA,gBAAiB;IACnCsC,SAAS,EAAC,QAAQ;IAClBC,eAAe;IAGfC,EAAE,EAAEP,eAAe,CAACQ,OAAQ;IAC5BpC,WAAW,EAAEA,WAAY;IACzBH,IAAI,EAAEA,IAAK;IACXC,iBAAiB,EAAEA,iBAAkB;IACrCM,KAAK,EAAEA,KAAM;IACbH,UAAU,EAAEA,UAAW;IACvBoC,oBAAoB,EAAEA,CAAC;MACrB7C,eAAe;MACf2C,EAAE;MACFG,qBAAqB;MACrBC;IACF,CAAC,KACC,IAAArD,WAAA,CAAA6C,GAAA,EAAAS,WAAA,CAAAlD,OAAA;MAAA,GACMwC,MAAM;MAAA,GACND,UAAU;MACdY,UAAU,EAAE;QACV,GAAGX,MAAM,CAACW,UAAU;QACpB,mBAAmB,EAAEH,qBAAqB;QAC1C,iBAAiB,EAAEC,cAAc;QACjC,SAAS,EAAEhC;MACb,CAAE;MACF,oBAAkBf,eAAgB;MAClC2C,EAAE,EAAEA,EAAG;MACP9B,IAAI,EAAEC,YAAY,IAAI6B,EAAG;MACzBO,QAAQ,EAAE,CAACzC;IAAW,CACvB;EACD,CACH,CACF,EACD,CACET,eAAe,EACfE,YAAY,EACZC,gBAAgB,EAChBE,IAAI,EACJC,iBAAiB,EACjBE,WAAW,EACXC,UAAU,EACVG,KAAK,EACLE,YAAY,EACZC,MAAM,CAEV,CAAC;EAED,OAAO;IACLgB,cAAc;IACdT,gBAAgB;IAChBY,WAAW;IACXP;EACF,CAAC;AACH,CAAC;AAACwB,OAAA,CAAApD,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"file":"useAutocomplete.cjs","names":["_react","require","_Field","_inputUtils","_jsxRuntime","_interopRequireDefault","e","__esModule","default","useAutocomplete","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hint","HintLinkComponent","inputValue","isFullWidth","isOptional","isVirtualized","isVirtualizedProp","label","name","nameOverride","testId","value","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","isVirtualizedRef","Boolean","defaultValueProp","useMemo","undefined","valueProps","useInputValues","controlState","current","inputValueProp","ComponentControlledState","CONTROLLED","renderInput","useCallback","InputLabelProps","InputProps","params","jsx","Field","fieldType","hasVisibleLabel","id","htmlFor","renderFieldComponent","errorMessageElementId","labelElementId","_InputBase2","inputProps","required","exports"],"sources":["../../src/useAutocomplete.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  AutocompleteRenderInputParams,\n  AutocompleteValue,\n  InputBase,\n} from \"@mui/material\";\nimport { useCallback, useMemo, useRef } from \"react\";\n\nimport { AutocompleteProps } from \"./Autocomplete.js\";\nimport { Field } from \"./Field.js\";\nimport {\n  ComponentControlledState,\n  getControlState,\n  useInputValues,\n} from \"./inputUtils.js\";\n\nexport type UseAutocompleteProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = Pick<\n  AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>,\n  | \"ariaDescribedBy\"\n  | \"defaultValue\"\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hasMultipleChoices\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"inputValue\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n  | \"isVirtualized\"\n  | \"label\"\n  | \"name\"\n  | \"testId\"\n  | \"value\"\n>;\n\nexport const useAutocomplete = <\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  hasMultipleChoices,\n  hint,\n  HintLinkComponent,\n  inputValue,\n  isFullWidth,\n  isOptional,\n  isVirtualized: isVirtualizedProp,\n  label,\n  name: nameOverride,\n  testId,\n  value,\n}: UseAutocompleteProps<\n  OptionType,\n  HasMultipleChoices,\n  IsCustomValueAllowed\n>) => {\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: value,\n      uncontrolledValue: defaultValue,\n    }),\n  );\n\n  const isVirtualizedRef = useRef(Boolean(isVirtualizedProp));\n\n  const defaultValueProp = useMemo<\n    | AutocompleteValue<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >\n    | undefined\n  >(() => {\n    if (hasMultipleChoices) {\n      if (value === undefined) {\n        return defaultValue;\n      }\n      return [] as AutocompleteValue<\n        OptionType,\n        HasMultipleChoices,\n        undefined,\n        IsCustomValueAllowed\n      >;\n    }\n    return value === undefined ? defaultValue : undefined;\n  }, [defaultValue, hasMultipleChoices, value]);\n\n  const valueProps = useInputValues({\n    controlState: controlledStateRef.current,\n    defaultValue: defaultValueProp,\n    value,\n  });\n\n  const inputValueProp = useMemo(() => {\n    if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {\n      return { inputValue };\n    }\n    return undefined;\n  }, [inputValue]);\n\n  const renderInput = useCallback(\n    ({\n      InputLabelProps,\n      InputProps,\n      ...params\n    }: AutocompleteRenderInputParams) => (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        //@ts-expect-error htmlFor exists on `InputLabelProps`, but not the type.\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        id={InputLabelProps.htmlFor}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={({\n          ariaDescribedBy,\n          id,\n          errorMessageElementId,\n          labelElementId,\n        }) => (\n          <InputBase\n            {...params}\n            {...InputProps}\n            aria-describedby={ariaDescribedBy}\n            id={id}\n            inputProps={{\n              ...params.inputProps,\n              \"aria-errormessage\": errorMessageElementId,\n              \"aria-labelledby\": labelElementId,\n              \"data-se\": testId,\n            }}\n            name={nameOverride ?? id}\n            required={!isOptional}\n          />\n        )}\n      />\n    ),\n    [\n      ariaDescribedBy,\n      errorMessage,\n      errorMessageList,\n      hint,\n      HintLinkComponent,\n      isFullWidth,\n      isOptional,\n      label,\n      nameOverride,\n      testId,\n    ],\n  );\n\n  return {\n    inputValueProp,\n    isVirtualizedRef,\n    renderInput,\n    valueProps,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/useContrastMode.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useContrastModeContext = exports.useContrastMode = exports.normalizeRgbaToRgb = exports.normalizeBackgroundColor = exports.isTransparentColor = exports.hueNeutral50Rgb = exports.getElementComputedBackgroundColor = exports.getBackgroundColor = exports.defaultParentBackgroundColor = exports.defaultContrast = exports.ContrastModeContext = void 0;
-var _react = require("react");
 var Tokens = _interopRequireWildcard(require("@okta/odyssey-design-tokens"));
+var _react = require("react");
 var _hexToRgb = require("./hexToRgb.cjs");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /*!

package/dist/cjs/useContrastMode.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useContrastMode.cjs","names":["_react","require","Tokens","_interopRequireWildcard","_hexToRgb","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ContrastModeContext","exports","createContext","contrastMode","defaultContrast","useContrastModeContext","useContext","hueNeutral50Rgb","hexToRgb","HueNeutral50","asFormattedString","isTransparentColor","color","normalizeRgbaToRgb","rgba","replace","getElementComputedBackgroundColor","element","window","getComputedStyle","backgroundColor","normalizeBackgroundColor","bgColor","test","normalizedColor","defaultParentBackgroundColor","getBackgroundColor","parentElement","useContrastMode","explicitContrastMode","contrastContainerRef","useRef","existingContrastMode","parentBackgroundColor","setParentBackgroundColor","useState","setContrastMode","updateBackgroundColor","useCallback","newBgColor","current","useEffect","observer","MutationObserver","observe","document","querySelector","attributes","attributeFilter","head","childList","subtree","onTransitionEnd","event","propertyName","addEventListener","removeEventListener","disconnect"],"sources":["../../src/useContrastMode.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nimport { hexToRgb } from \"./hexToRgb.js\";\n\nexport type ContrastMode = \"lowContrast\" | \"highContrast\";\nexport type ContrastModeContextType = {\n  contrastMode: ContrastMode;\n};\n\nexport const ContrastModeContext = createContext<ContrastModeContextType>({\n  contrastMode: \"lowContrast\",\n});\n\nexport const defaultContrast = \"lowContrast\";\n\nexport const useContrastModeContext = () => useContext(ContrastModeContext);\n\nexport const hueNeutral50Rgb = hexToRgb(Tokens.HueNeutral50).asFormattedString;\n\nexport const isTransparentColor = (color: string) =>\n  color === \"rgba(0, 0, 0, 0)\" || color === \"transparent\";\n\nexport const normalizeRgbaToRgb = (rgba: string) =>\n  rgba.replace(/rgba\\((\\d+),\\s*(\\d+),\\s*(\\d+),\\s*[\\d.]+\\)/, \"rgb($1, $2, $3)\");\n\nexport const getElementComputedBackgroundColor = (\n  element: HTMLElement,\n): string => window.getComputedStyle(element).backgroundColor;\n\nexport const normalizeBackgroundColor = (bgColor: string): string => {\n  if (/rgba\\((\\d+),\\s*(\\d+),\\s*(\\d+),\\s*[\\d.]+\\)/.test(bgColor)) {\n    const normalizedColor = normalizeRgbaToRgb(bgColor);\n    return normalizedColor === hueNeutral50Rgb\n      ? Tokens.HueNeutral50\n      : normalizedColor;\n  }\n\n  return bgColor === hueNeutral50Rgb ? Tokens.HueNeutral50 : bgColor;\n};\n\nexport const defaultParentBackgroundColor = \"#ffffff\";\n\n/**\n * Determines the effective background color of an element.\n *\n * @param element - The HTML element to check.\n * @returns The effective background color. Returns  defaultParentBackgroundColor if no non-transparent background is found.\n *\n * Note:\n * - Low contrast mode is used for white background (defaultParentBackgroundColor or HueNeutralWhite).\n * - High contrast mode is used for gray background (#f4f4f4 or HueNeutral50).\n */\nexport const getBackgroundColor = (element: HTMLElement | null): string => {\n  while (element) {\n    const bgColor = getElementComputedBackgroundColor(element);\n    if (!isTransparentColor(bgColor)) {\n      return normalizeBackgroundColor(bgColor);\n    }\n    element = element.parentElement;\n  }\n  return defaultParentBackgroundColor; // Default to white/low contrast if no background color is found\n};\n\ntype UseContrastModeProps = {\n  contrastMode?: ContrastMode;\n};\n\nexport const useContrastMode = ({\n  contrastMode: explicitContrastMode,\n}: UseContrastModeProps) => {\n  const contrastContainerRef = useRef<HTMLDivElement>(null);\n  const { contrastMode: existingContrastMode } = useContrastModeContext();\n\n  const [parentBackgroundColor, setParentBackgroundColor] = useState(\n    defaultParentBackgroundColor,\n  );\n  const [contrastMode, setContrastMode] = useState<ContrastMode>(\n    () => explicitContrastMode || existingContrastMode,\n  );\n\n  const updateBackgroundColor = useCallback(() => {\n    const newBgColor = getBackgroundColor(contrastContainerRef.current);\n    setParentBackgroundColor(newBgColor);\n\n    if (!explicitContrastMode) {\n      setContrastMode(\n        newBgColor === Tokens.HueNeutral50 ? \"highContrast\" : \"lowContrast\",\n      );\n    }\n  }, [explicitContrastMode]);\n\n  useEffect(() => {\n    const observer = new MutationObserver(updateBackgroundColor);\n    observer.observe(document.querySelector(\"html\") as HTMLHtmlElement, {\n      attributes: true,\n      attributeFilter: [\"class\", \"style\"],\n    });\n    observer.observe(document.head, {\n      childList: true,\n      subtree: true,\n    });\n\n    const onTransitionEnd = (event: TransitionEvent) => {\n      if (event.propertyName === \"background-color\") {\n        updateBackgroundColor();\n      }\n    };\n\n    document.addEventListener(\"transitionend\", onTransitionEnd);\n    updateBackgroundColor();\n\n    return () => {\n      document.removeEventListener(\"transitionend\", onTransitionEnd);\n      observer.disconnect();\n    };\n  }, [updateBackgroundColor]);\n\n  return {\n    contrastContainerRef,\n    contrastMode,\n    parentBackgroundColor,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useContrastMode.cjs","names":["Tokens","_interopRequireWildcard","require","_react","_hexToRgb","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ContrastModeContext","exports","createContext","contrastMode","defaultContrast","useContrastModeContext","useContext","hueNeutral50Rgb","hexToRgb","HueNeutral50","asFormattedString","isTransparentColor","color","normalizeRgbaToRgb","rgba","replace","getElementComputedBackgroundColor","element","window","getComputedStyle","backgroundColor","normalizeBackgroundColor","bgColor","test","normalizedColor","defaultParentBackgroundColor","getBackgroundColor","parentElement","useContrastMode","explicitContrastMode","contrastContainerRef","useRef","existingContrastMode","parentBackgroundColor","setParentBackgroundColor","useState","setContrastMode","updateBackgroundColor","useCallback","newBgColor","current","useEffect","observer","MutationObserver","observe","document","querySelector","attributes","attributeFilter","head","childList","subtree","onTransitionEnd","event","propertyName","addEventListener","removeEventListener","disconnect"],"sources":["../../src/useContrastMode.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { hexToRgb } from \"./hexToRgb.js\";\n\nexport type ContrastMode = \"lowContrast\" | \"highContrast\";\nexport type ContrastModeContextType = {\n  contrastMode: ContrastMode;\n};\n\nexport const ContrastModeContext = createContext<ContrastModeContextType>({\n  contrastMode: \"lowContrast\",\n});\n\nexport const defaultContrast = \"lowContrast\";\n\nexport const useContrastModeContext = () => useContext(ContrastModeContext);\n\nexport const hueNeutral50Rgb = hexToRgb(Tokens.HueNeutral50).asFormattedString;\n\nexport const isTransparentColor = (color: string) =>\n  color === \"rgba(0, 0, 0, 0)\" || color === \"transparent\";\n\nexport const normalizeRgbaToRgb = (rgba: string) =>\n  rgba.replace(/rgba\\((\\d+),\\s*(\\d+),\\s*(\\d+),\\s*[\\d.]+\\)/, \"rgb($1, $2, $3)\");\n\nexport const getElementComputedBackgroundColor = (\n  element: HTMLElement,\n): string => window.getComputedStyle(element).backgroundColor;\n\nexport const normalizeBackgroundColor = (bgColor: string): string => {\n  if (/rgba\\((\\d+),\\s*(\\d+),\\s*(\\d+),\\s*[\\d.]+\\)/.test(bgColor)) {\n    const normalizedColor = normalizeRgbaToRgb(bgColor);\n    return normalizedColor === hueNeutral50Rgb\n      ? Tokens.HueNeutral50\n      : normalizedColor;\n  }\n\n  return bgColor === hueNeutral50Rgb ? Tokens.HueNeutral50 : bgColor;\n};\n\nexport const defaultParentBackgroundColor = \"#ffffff\";\n\n/**\n * Determines the effective background color of an element.\n *\n * @param element - The HTML element to check.\n * @returns The effective background color. Returns  defaultParentBackgroundColor if no non-transparent background is found.\n *\n * Note:\n * - Low contrast mode is used for white background (defaultParentBackgroundColor or HueNeutralWhite).\n * - High contrast mode is used for gray background (#f4f4f4 or HueNeutral50).\n */\nexport const getBackgroundColor = (element: HTMLElement | null): string => {\n  while (element) {\n    const bgColor = getElementComputedBackgroundColor(element);\n    if (!isTransparentColor(bgColor)) {\n      return normalizeBackgroundColor(bgColor);\n    }\n    element = element.parentElement;\n  }\n  return defaultParentBackgroundColor; // Default to white/low contrast if no background color is found\n};\n\ntype UseContrastModeProps = {\n  contrastMode?: ContrastMode;\n};\n\nexport const useContrastMode = ({\n  contrastMode: explicitContrastMode,\n}: UseContrastModeProps) => {\n  const contrastContainerRef = useRef<HTMLDivElement>(null);\n  const { contrastMode: existingContrastMode } = useContrastModeContext();\n\n  const [parentBackgroundColor, setParentBackgroundColor] = useState(\n    defaultParentBackgroundColor,\n  );\n  const [contrastMode, setContrastMode] = useState<ContrastMode>(\n    () => explicitContrastMode || existingContrastMode,\n  );\n\n  const updateBackgroundColor = useCallback(() => {\n    const newBgColor = getBackgroundColor(contrastContainerRef.current);\n    setParentBackgroundColor(newBgColor);\n\n    if (!explicitContrastMode) {\n      setContrastMode(\n        newBgColor === Tokens.HueNeutral50 ? \"highContrast\" : \"lowContrast\",\n      );\n    }\n  }, [explicitContrastMode]);\n\n  useEffect(() => {\n    const observer = new MutationObserver(updateBackgroundColor);\n    observer.observe(document.querySelector(\"html\") as HTMLHtmlElement, {\n      attributes: true,\n      attributeFilter: [\"class\", \"style\"],\n    });\n    observer.observe(document.head, {\n      childList: true,\n      subtree: true,\n    });\n\n    const onTransitionEnd = (event: TransitionEvent) => {\n      if (event.propertyName === \"background-color\") {\n        updateBackgroundColor();\n      }\n    };\n\n    document.addEventListener(\"transitionend\", onTransitionEnd);\n    updateBackgroundColor();\n\n    return () => {\n      document.removeEventListener(\"transitionend\", onTransitionEnd);\n      observer.disconnect();\n    };\n  }, [updateBackgroundColor]);\n\n  return {\n    contrastContainerRef,\n    contrastMode,\n    parentBackgroundColor,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/useSessionStorageState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSessionStorageState.cjs","names":["_react","require","_useMountLifecycleEffect","getSessionStorageValue","key","sessionStorageValue","window","sessionStorage","getItem","JSON","parse","exports","useSessionStorageState","initialState","Error","sessionState","useMemo","setSessionState","useCallback","value","sessionStorageState","stringify","setItem","localState","setLocalState","useState","useEffect","onUpdate","useMountLifecycleEffect"],"sources":["../../src/useSessionStorageState.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useMountLifecycleEffect } from \"./useMountLifecycleEffect.js\";\n\nexport const getSessionStorageValue = <Value>(key: string): Value | null => {\n  const sessionStorageValue = window.sessionStorage.getItem(key);\n\n  try {\n    if (typeof sessionStorageValue === \"string\") {\n      return JSON.parse(sessionStorageValue) as Value;\n    }\n\n    return null;\n  } catch {\n    if (typeof sessionStorageValue === \"string\") {\n      return sessionStorageValue as Value;\n    }\n\n    return null;\n  }\n};\n\nexport const useSessionStorageState = <Value>({\n  initialState,\n  key,\n}: {\n  initialState: Value;\n  key: string;\n}) => {\n  if (!key) {\n    throw new Error(\"You must pass a value for `key`.\");\n  }\n\n  const sessionState = useMemo(() => getSessionStorageValue<Value>(key), [key]);\n\n  const setSessionState = useCallback(\n    (value: Value) => {\n      const sessionStorageState =\n        typeof value === \"undefined\" ? \"\" : JSON.stringify(value);\n\n      window.sessionStorage.setItem(key, sessionStorageState);\n    },\n    [key],\n  );\n\n  const [localState, setLocalState] = useState<Value>(\n    () => sessionState ?? initialState,\n  );\n\n  // This keeps session storage's state based on local state.\n  useEffect(() => {\n    setSessionState(localState);\n  }, [localState, setSessionState]);\n\n  // This updates when `key` is updated.\n  const onUpdate = useCallback(() => {\n    setLocalState(sessionState ?? initialState);\n  }, [initialState, sessionState]);\n\n  useMountLifecycleEffect({\n    onUpdate,\n  });\n\n  return {\n    sessionState: localState,\n    setSessionState: setLocalState,\n  };\n};\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKO,MAAME,sBAAsB,GAAWC,GAAW,IAAmB;EAC1E,MAAMC,mBAAmB,GAAGC,MAAM,CAACC,cAAc,CAACC,OAAO,CAACJ,GAAG,CAAC;EAE9D,IAAI;IACF,IAAI,OAAOC,mBAAmB,KAAK,QAAQ,EAAE;MAC3C,OAAOI,IAAI,CAACC,KAAK,CAACL,mBAAmB,CAAC;IACxC;IAEA,OAAO,IAAI;EACb,CAAC,CAAC,MAAM;IACN,IAAI,OAAOA,mBAAmB,KAAK,QAAQ,EAAE;MAC3C,OAAOA,mBAAmB;IAC5B;IAEA,OAAO,IAAI;EACb;AACF,CAAC;AAACM,OAAA,CAAAR,sBAAA,GAAAA,sBAAA;AAEK,MAAMS,sBAAsB,GAAGA,CAAQ;EAC5CC,YAAY;EACZT;AAIF,CAAC,KAAK;EACJ,IAAI,CAACA,GAAG,EAAE;IACR,MAAM,IAAIU,KAAK,CAAC,kCAAkC,CAAC;EACrD;EAEA,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAMb,sBAAsB,CAAQC,GAAG,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAE7E,MAAMa,eAAe,GAAG,IAAAC,kBAAW,EAChCC,KAAY,IAAK;IAChB,MAAMC,mBAAmB,GACvB,OAAOD,KAAK,KAAK,WAAW,GAAG,EAAE,GAAGV,IAAI,CAACY,SAAS,CAACF,KAAK,CAAC;IAE3Db,MAAM,CAACC,cAAc,CAACe,OAAO,CAAClB,GAAG,EAAEgB,mBAAmB,CAAC;EACzD,CAAC,EACD,CAAChB,GAAG,CACN,CAAC;EAED,MAAM,CAACmB,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAC1C,MAAMV,YAAY,IAAIF,YACxB,CAAC;EAGD,IAAAa,gBAAS,EAAC,MAAM;IACdT,eAAe,CAACM,UAAU,CAAC;EAC7B,CAAC,EAAE,CAACA,UAAU,EAAEN,eAAe,CAAC,CAAC;EAGjC,MAAMU,QAAQ,GAAG,IAAAT,kBAAW,EAAC,MAAM;IACjCM,aAAa,CAACT,YAAY,IAAIF,YAAY,CAAC;EAC7C,CAAC,EAAE,CAACA,YAAY,EAAEE,YAAY,CAAC,CAAC;EAEhC,IAAAa,gDAAuB,EAAC;IACtBD;EACF,CAAC,CAAC;EAEF,OAAO;IACLZ,YAAY,EAAEQ,UAAU;IACxBN,eAAe,EAAEO;EACnB,CAAC;AACH,CAAC;AAACb,OAAA,CAAAC,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"version":3,"file":"useSessionStorageState.cjs","names":["_react","require","_useMountLifecycleEffect","getSessionStorageValue","key","sessionStorageValue","window","sessionStorage","getItem","JSON","parse","exports","useSessionStorageState","initialState","Error","sessionState","useMemo","setSessionState","useCallback","value","sessionStorageState","stringify","setItem","localState","setLocalState","useState","useEffect","onUpdate","useMountLifecycleEffect"],"sources":["../../src/useSessionStorageState.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport { useMountLifecycleEffect } from \"./useMountLifecycleEffect.js\";\n\nexport const getSessionStorageValue = <Value>(key: string): Value | null => {\n  const sessionStorageValue = window.sessionStorage.getItem(key);\n\n  try {\n    if (typeof sessionStorageValue === \"string\") {\n      return JSON.parse(sessionStorageValue) as Value;\n    }\n\n    return null;\n  } catch {\n    if (typeof sessionStorageValue === \"string\") {\n      return sessionStorageValue as Value;\n    }\n\n    return null;\n  }\n};\n\nexport const useSessionStorageState = <Value>({\n  initialState,\n  key,\n}: {\n  initialState: Value;\n  key: string;\n}) => {\n  if (!key) {\n    throw new Error(\"You must pass a value for `key`.\");\n  }\n\n  const sessionState = useMemo(() => getSessionStorageValue<Value>(key), [key]);\n\n  const setSessionState = useCallback(\n    (value: Value) => {\n      const sessionStorageState =\n        typeof value === \"undefined\" ? \"\" : JSON.stringify(value);\n\n      window.sessionStorage.setItem(key, sessionStorageState);\n    },\n    [key],\n  );\n\n  const [localState, setLocalState] = useState<Value>(\n    () => sessionState ?? initialState,\n  );\n\n  // This keeps session storage's state based on local state.\n  useEffect(() => {\n    setSessionState(localState);\n  }, [localState, setSessionState]);\n\n  // This updates when `key` is updated.\n  const onUpdate = useCallback(() => {\n    setLocalState(sessionState ?? initialState);\n  }, [initialState, sessionState]);\n\n  useMountLifecycleEffect({\n    onUpdate,\n  });\n\n  return {\n    sessionState: localState,\n    setSessionState: setLocalState,\n  };\n};\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,wBAAA,GAAAD,OAAA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAME,sBAAsB,GAAWC,GAAW,IAAmB;EAC1E,MAAMC,mBAAmB,GAAGC,MAAM,CAACC,cAAc,CAACC,OAAO,CAACJ,GAAG,CAAC;EAE9D,IAAI;IACF,IAAI,OAAOC,mBAAmB,KAAK,QAAQ,EAAE;MAC3C,OAAOI,IAAI,CAACC,KAAK,CAACL,mBAAmB,CAAC;IACxC;IAEA,OAAO,IAAI;EACb,CAAC,CAAC,MAAM;IACN,IAAI,OAAOA,mBAAmB,KAAK,QAAQ,EAAE;MAC3C,OAAOA,mBAAmB;IAC5B;IAEA,OAAO,IAAI;EACb;AACF,CAAC;AAACM,OAAA,CAAAR,sBAAA,GAAAA,sBAAA;AAEK,MAAMS,sBAAsB,GAAGA,CAAQ;EAC5CC,YAAY;EACZT;AAIF,CAAC,KAAK;EACJ,IAAI,CAACA,GAAG,EAAE;IACR,MAAM,IAAIU,KAAK,CAAC,kCAAkC,CAAC;EACrD;EAEA,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAMb,sBAAsB,CAAQC,GAAG,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAE7E,MAAMa,eAAe,GAAG,IAAAC,kBAAW,EAChCC,KAAY,IAAK;IAChB,MAAMC,mBAAmB,GACvB,OAAOD,KAAK,KAAK,WAAW,GAAG,EAAE,GAAGV,IAAI,CAACY,SAAS,CAACF,KAAK,CAAC;IAE3Db,MAAM,CAACC,cAAc,CAACe,OAAO,CAAClB,GAAG,EAAEgB,mBAAmB,CAAC;EACzD,CAAC,EACD,CAAChB,GAAG,CACN,CAAC;EAED,MAAM,CAACmB,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAC1C,MAAMV,YAAY,IAAIF,YACxB,CAAC;EAGD,IAAAa,gBAAS,EAAC,MAAM;IACdT,eAAe,CAACM,UAAU,CAAC;EAC7B,CAAC,EAAE,CAACA,UAAU,EAAEN,eAAe,CAAC,CAAC;EAGjC,MAAMU,QAAQ,GAAG,IAAAT,kBAAW,EAAC,MAAM;IACjCM,aAAa,CAACT,YAAY,IAAIF,YAAY,CAAC;EAC7C,CAAC,EAAE,CAACA,YAAY,EAAEE,YAAY,CAAC,CAAC;EAEhC,IAAAa,gDAAuB,EAAC;IACtBD;EACF,CAAC,CAAC;EAEF,OAAO;IACLZ,YAAY,EAAEQ,UAAU;IACxBN,eAAe,EAAEO;EACnB,CAAC;AACH,CAAC;AAACb,OAAA,CAAAC,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs

@@ -15,5 +15,5 @@ exports.default = void 0;
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-var _default = exports.default = "1-42-0";
+var _default = exports.default = "1-44-0";
 //# sourceMappingURL=odysseyWebComponentVersion.generated.cjs.map

package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"odysseyWebComponentVersion.generated.cjs","names":["_default","exports","default"],"sources":["../../../src/web-component/odysseyWebComponentVersion.generated.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n/**\n * DO NOT UPDATE THIS FILE MANUALLY\n * This file is managed by scripts/updateWebComponentVersion.ts and any changes made will be overwritten\n * This script only needs to be run during release, and shouldn't be used during local development.\n */\n\nexport default \"1-42-0\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAAAA,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAkBe,QAAQ","ignoreList":[]}
+{"version":3,"file":"odysseyWebComponentVersion.generated.cjs","names":["_default","exports","default"],"sources":["../../../src/web-component/odysseyWebComponentVersion.generated.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n/**\n * DO NOT UPDATE THIS FILE MANUALLY\n * This file is managed by scripts/updateWebComponentVersion.ts and any changes made will be overwritten\n * This script only needs to be run during release, and shouldn't be used during local development.\n */\n\nexport default \"1-44-0\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAAAA,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAkBe,QAAQ","ignoreList":[]}

package/dist/cjs/web-component/renderReactInWebComponent.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.webComponentDataAttributeName = exports.versionedWebComponentName = exports.renderReactInWebComponent = exports.getReactWebComponent = exports.WebComponentClass = void 0;
-var _odysseyWebComponentVersionGenerated = _interopRequireDefault(require("./odysseyWebComponentVersion.generated.cjs"));
 var _createReactRootElements = require("./createReactRootElements.cjs");
+var _odysseyWebComponentVersionGenerated = _interopRequireDefault(require("./odysseyWebComponentVersion.generated.cjs"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function __transformExtension(filepath, extMapping) {

package/dist/cjs/web-component/renderReactInWebComponent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"renderReactInWebComponent.cjs","names":["_odysseyWebComponentVersionGenerated","_interopRequireDefault","require","_createReactRootElements","e","__esModule","default","_interopRequireWildcard","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","__transformExtension","filepath","extMapping","startsWith","idx","lastIndexOf","includes","newExt","origExt","entries","sort","a","b","length","endsWith","slice","webComponentDataAttributeName","exports","versionedWebComponentName","version","toLowerCase","SsrFriendlyHtmlElementClass","globalThis","HTMLElement","WebComponentClass","getReactComponent","reactRootElements","elementName","localName","reactRootPromise","Promise","resolve","constructor","createReactRootElements","appRootElement","stylesRootElement","shadowRoot","attachShadow","mode","appendChild","styleHostElement","document","createElement","setAttribute","window","cspNonce","innerHTML","setGetReactComponent","then","reactRoot","render","connectedCallback","Error","specifier","s","createRoot","disconnectedCallback","unmount","getReactWebComponent","webComponentName","customElements","define","element","renderReactInWebComponent","webComponentChildren","webComponentParentElement","webComponentRootElement","reactElement","Array","isArray","forEach","webComponentChild"],"sources":["../../../src/web-component/renderReactInWebComponent.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { type ReactNode } from \"react\";\nimport type { Root } from \"react-dom/client\";\nimport version from \"./odysseyWebComponentVersion.generated.js\";\n\nimport {\n  createReactRootElements,\n  type ReactRootElements,\n} from \"./createReactRootElements.js\";\n\ninterface GetReactWebComponentOptions {\n  webComponentName?: string;\n  getReactComponent: (reactRootElements: ReactRootElements) => ReactNode;\n}\n\n// Used by selenium when selecting for odyssey web components regardless of their name.\nexport const webComponentDataAttributeName = \"data-odyssey-react-web-component\";\n\n// Unique name to avoid multiple versions of odyssey overwriting each other's implementations\nexport const versionedWebComponentName =\n  `odyssey-react-web-component-${version}`.toLowerCase();\n\nconst SsrFriendlyHtmlElementClass =\n  \"HTMLElement\" in globalThis\n    ? HTMLElement\n    : (class {} as unknown as typeof globalThis.HTMLElement);\n\nexport class WebComponentClass extends SsrFriendlyHtmlElementClass {\n  #getReactComponent: GetReactComponentInWebComponent | null = null;\n  readonly #reactRootElements: ReactRootElements;\n  public readonly elementName: string = this.localName;\n  // public for testing\n  public reactRootPromise: Promise<Root | null> = Promise.resolve(null);\n\n  constructor() {\n    super();\n\n    this.#reactRootElements = createReactRootElements();\n    const { appRootElement, stylesRootElement } = this.#reactRootElements;\n\n    const shadowRoot = this.attachShadow({ mode: \"open\" });\n    shadowRoot.appendChild(stylesRootElement);\n    shadowRoot.appendChild(appRootElement);\n\n    const styleHostElement = document.createElement(\"style\");\n    styleHostElement.setAttribute(\"nonce\", window.cspNonce);\n    styleHostElement.innerHTML = `\n      :host {\n        all: initial;\n        contain: content;\n      }\n    `;\n    stylesRootElement.appendChild(styleHostElement);\n  }\n\n  /**\n   * Provides the function used to initialize react content that is specific to this instance\n   * of the web component, which is used later in the connectedCallback.\n   *\n   * Always set immediately after creation via document.createElement\n   */\n  setGetReactComponent(getReactComponent: GetReactComponentInWebComponent) {\n    this.reactRootPromise = this.reactRootPromise.then((reactRoot) => {\n      this.#getReactComponent = getReactComponent;\n      if (reactRoot) {\n        // connectedCallback has already been fired. Need to mount this content to the existing root\n        reactRoot.render(this.#getReactComponent(this.#reactRootElements));\n      } else {\n        // Nothing to do. Content will be mounted when connectedCallback is called\n      }\n\n      return reactRoot;\n    });\n  }\n\n  connectedCallback() {\n    this.reactRootPromise = this.reactRootPromise\n      .then((reactRoot) => {\n        if (reactRoot) {\n          // Shouldn't ever happen. connected and disconnected should never be called out of order\n          throw new Error(\n            `connectedCallback fired when reactRoot is already mounted.`,\n          );\n        }\n\n        // Ensure react root is available before mounting\n        // If we want to support React v17 in the future, we can use a try-catch on the import to grab the old `ReactDOM.render` function if `react-dom/client` errors. --Kevin Ghadyani\n        return import(\"react-dom/client\").then(({ createRoot }) =>\n          createRoot(this.#reactRootElements.appRootElement),\n        );\n      })\n      .then((reactRoot) => {\n        if (!this.#getReactComponent) {\n          // getReactComponent hasn't been set yet. Content will be mounted once it's set.\n        } else {\n          reactRoot.render(this.#getReactComponent(this.#reactRootElements));\n        }\n        return reactRoot;\n      });\n  }\n\n  disconnectedCallback() {\n    this.reactRootPromise = this.reactRootPromise.then((reactRoot) => {\n      if (!reactRoot) {\n        // Shouldn't ever happen\n        throw new Error(\n          `disconnectedCallback fired when reactRoot is already unmounted.`,\n        );\n      }\n\n      reactRoot.unmount();\n      // Set root to null. We don't want to attempt to render to a root that's already been unmounted.\n      return null;\n    });\n  }\n}\n\n/**\n * Returns a constructed web component which manages it's own shadow dom and react dom roots\n * A custom name can be specified, otherwise a default is provided\n */\nexport const getReactWebComponent = ({\n  webComponentName = versionedWebComponentName,\n  getReactComponent,\n}: GetReactWebComponentOptions) => {\n  // This name hasn't been defined yet. Add a definition for it before constructing one.\n  if (!customElements.get(webComponentName)) {\n    customElements.define(webComponentName, WebComponentClass);\n  }\n\n  const element = document.createElement(webComponentName) as InstanceType<\n    typeof WebComponentClass\n  >;\n  // Set selenium attribute so this can be selected\n  element.setAttribute(webComponentDataAttributeName, \"\");\n  // function used for creating react content\n  element.setGetReactComponent(getReactComponent);\n  return element;\n};\n\nexport type GetReactComponentInWebComponent = (\n  reactRootElements: ReactRootElements,\n) => ReactNode;\n\nexport type RenderReactInWebComponentProps = {\n  /**\n   * Optional name given to this web component.\n   * Defaults to a 'odyssey-react-wc-' plus the current odyssey version\n   */\n  webComponentName?: string;\n  /**\n   * This is a callback function for rendering your React component or app in the Web Component.\n   * It gives you access to the Shadow DOM elements if you need them for Odyssey, Emotion, or MUI.\n   *\n   * You will need to add `<slot>` elements if you want to pass child elements or components or React apps.\n   * You can have multiple slots in your app if you add a `name` attribute to your `<slot>` elements.\n   */\n  getReactComponent: GetReactComponentInWebComponent;\n  /**\n   * One or more HTML elements that are going to render as `children` of the web component.\n   * If your React component doesn't take children, this is unnecessary.\n   *\n   * Typically, a React app root element is passed, but it can include an array of other elements if there are multiple slots for children.\n   *\n   * You will need to have rendered `<slot>` elements in your React component or `children` won't show up.\n   */\n  webComponentChildren?: HTMLElement | HTMLElement[];\n} & (\n  | {\n      /**\n       * The React app renders in the web component, but the web component needs to be rendered in the document.\n       *\n       * This is the element the web component is rendered into.\n       */\n      webComponentParentElement: HTMLElement;\n      webComponentRootElement?: never;\n    }\n  | {\n      webComponentParentElement?: HTMLElement;\n      /**\n       * @deprecated Use `webComponentParentElement` instead.\n       */\n      webComponentRootElement: HTMLElement;\n    }\n);\n\n/**\n * Lets you render React apps or components in a Web Component.\n *\n * This is useful when global styles are causing conflicts with your React components.\n */\nexport const renderReactInWebComponent = ({\n  webComponentName,\n  getReactComponent,\n  webComponentChildren,\n  webComponentParentElement,\n  webComponentRootElement,\n}: RenderReactInWebComponentProps) => {\n  const reactElement = getReactWebComponent({\n    getReactComponent,\n    webComponentName,\n  });\n\n  if (webComponentChildren) {\n    (Array.isArray(webComponentChildren)\n      ? webComponentChildren\n      : [webComponentChildren]\n    ).forEach((webComponentChild) => {\n      reactElement.appendChild(webComponentChild);\n    });\n  }\n\n  if (webComponentParentElement) {\n    webComponentParentElement.appendChild(reactElement);\n  }\n  // Remove this condition when `webComponentRootElement` is no longer a prop.\n  else if (webComponentRootElement) {\n    webComponentRootElement.appendChild(reactElement);\n  }\n\n  return reactElement;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderReactInWebComponent.cjs","names":["_createReactRootElements","require","_odysseyWebComponentVersionGenerated","_interopRequireDefault","e","__esModule","default","_interopRequireWildcard","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","__transformExtension","filepath","extMapping","startsWith","idx","lastIndexOf","includes","newExt","origExt","entries","sort","a","b","length","endsWith","slice","webComponentDataAttributeName","exports","versionedWebComponentName","version","toLowerCase","SsrFriendlyHtmlElementClass","globalThis","HTMLElement","WebComponentClass","getReactComponent","reactRootElements","elementName","localName","reactRootPromise","Promise","resolve","constructor","createReactRootElements","appRootElement","stylesRootElement","shadowRoot","attachShadow","mode","appendChild","styleHostElement","document","createElement","setAttribute","window","cspNonce","innerHTML","setGetReactComponent","then","reactRoot","render","connectedCallback","Error","specifier","s","createRoot","disconnectedCallback","unmount","getReactWebComponent","webComponentName","customElements","define","element","renderReactInWebComponent","webComponentChildren","webComponentParentElement","webComponentRootElement","reactElement","Array","isArray","forEach","webComponentChild"],"sources":["../../../src/web-component/renderReactInWebComponent.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { Root } from \"react-dom/client\";\n\nimport { type ReactNode } from \"react\";\n\nimport {\n  createReactRootElements,\n  type ReactRootElements,\n} from \"./createReactRootElements.js\";\nimport version from \"./odysseyWebComponentVersion.generated.js\";\n\ninterface GetReactWebComponentOptions {\n  getReactComponent: (reactRootElements: ReactRootElements) => ReactNode;\n  webComponentName?: string;\n}\n\n// Used by selenium when selecting for odyssey web components regardless of their name.\nexport const webComponentDataAttributeName = \"data-odyssey-react-web-component\";\n\n// Unique name to avoid multiple versions of odyssey overwriting each other's implementations\nexport const versionedWebComponentName =\n  `odyssey-react-web-component-${version}`.toLowerCase();\n\nconst SsrFriendlyHtmlElementClass =\n  \"HTMLElement\" in globalThis\n    ? HTMLElement\n    : (class {} as unknown as typeof globalThis.HTMLElement);\n\nexport class WebComponentClass extends SsrFriendlyHtmlElementClass {\n  #getReactComponent: GetReactComponentInWebComponent | null = null;\n  readonly #reactRootElements: ReactRootElements;\n  public readonly elementName: string = this.localName;\n  // public for testing\n  public reactRootPromise: Promise<Root | null> = Promise.resolve(null);\n\n  constructor() {\n    super();\n\n    this.#reactRootElements = createReactRootElements();\n    const { appRootElement, stylesRootElement } = this.#reactRootElements;\n\n    const shadowRoot = this.attachShadow({ mode: \"open\" });\n    shadowRoot.appendChild(stylesRootElement);\n    shadowRoot.appendChild(appRootElement);\n\n    const styleHostElement = document.createElement(\"style\");\n    styleHostElement.setAttribute(\"nonce\", window.cspNonce);\n    styleHostElement.innerHTML = `\n      :host {\n        all: initial;\n        contain: content;\n      }\n    `;\n    stylesRootElement.appendChild(styleHostElement);\n  }\n\n  /**\n   * Provides the function used to initialize react content that is specific to this instance\n   * of the web component, which is used later in the connectedCallback.\n   *\n   * Always set immediately after creation via document.createElement\n   */\n  setGetReactComponent(getReactComponent: GetReactComponentInWebComponent) {\n    this.reactRootPromise = this.reactRootPromise.then((reactRoot) => {\n      this.#getReactComponent = getReactComponent;\n      if (reactRoot) {\n        // connectedCallback has already been fired. Need to mount this content to the existing root\n        reactRoot.render(this.#getReactComponent(this.#reactRootElements));\n      } else {\n        // Nothing to do. Content will be mounted when connectedCallback is called\n      }\n\n      return reactRoot;\n    });\n  }\n\n  connectedCallback() {\n    this.reactRootPromise = this.reactRootPromise\n      .then((reactRoot) => {\n        if (reactRoot) {\n          // Shouldn't ever happen. connected and disconnected should never be called out of order\n          throw new Error(\n            `connectedCallback fired when reactRoot is already mounted.`,\n          );\n        }\n\n        // Ensure react root is available before mounting\n        // If we want to support React v17 in the future, we can use a try-catch on the import to grab the old `ReactDOM.render` function if `react-dom/client` errors. --Kevin Ghadyani\n        return import(\"react-dom/client\").then(({ createRoot }) =>\n          createRoot(this.#reactRootElements.appRootElement),\n        );\n      })\n      .then((reactRoot) => {\n        if (!this.#getReactComponent) {\n          // getReactComponent hasn't been set yet. Content will be mounted once it's set.\n        } else {\n          reactRoot.render(this.#getReactComponent(this.#reactRootElements));\n        }\n        return reactRoot;\n      });\n  }\n\n  disconnectedCallback() {\n    this.reactRootPromise = this.reactRootPromise.then((reactRoot) => {\n      if (!reactRoot) {\n        // Shouldn't ever happen\n        throw new Error(\n          `disconnectedCallback fired when reactRoot is already unmounted.`,\n        );\n      }\n\n      reactRoot.unmount();\n      // Set root to null. We don't want to attempt to render to a root that's already been unmounted.\n      return null;\n    });\n  }\n}\n\n/**\n * Returns a constructed web component which manages it's own shadow dom and react dom roots\n * A custom name can be specified, otherwise a default is provided\n */\nexport const getReactWebComponent = ({\n  webComponentName = versionedWebComponentName,\n  getReactComponent,\n}: GetReactWebComponentOptions) => {\n  // This name hasn't been defined yet. Add a definition for it before constructing one.\n  if (!customElements.get(webComponentName)) {\n    customElements.define(webComponentName, WebComponentClass);\n  }\n\n  const element = document.createElement(webComponentName) as InstanceType<\n    typeof WebComponentClass\n  >;\n  // Set selenium attribute so this can be selected\n  element.setAttribute(webComponentDataAttributeName, \"\");\n  // function used for creating react content\n  element.setGetReactComponent(getReactComponent);\n  return element;\n};\n\nexport type GetReactComponentInWebComponent = (\n  reactRootElements: ReactRootElements,\n) => ReactNode;\n\nexport type RenderReactInWebComponentProps = {\n  /**\n   * This is a callback function for rendering your React component or app in the Web Component.\n   * It gives you access to the Shadow DOM elements if you need them for Odyssey, Emotion, or MUI.\n   *\n   * You will need to add `<slot>` elements if you want to pass child elements or components or React apps.\n   * You can have multiple slots in your app if you add a `name` attribute to your `<slot>` elements.\n   */\n  getReactComponent: GetReactComponentInWebComponent;\n  /**\n   * One or more HTML elements that are going to render as `children` of the web component.\n   * If your React component doesn't take children, this is unnecessary.\n   *\n   * Typically, a React app root element is passed, but it can include an array of other elements if there are multiple slots for children.\n   *\n   * You will need to have rendered `<slot>` elements in your React component or `children` won't show up.\n   */\n  webComponentChildren?: HTMLElement | HTMLElement[];\n  /**\n   * Optional name given to this web component.\n   * Defaults to a 'odyssey-react-wc-' plus the current odyssey version\n   */\n  webComponentName?: string;\n} & (\n  | {\n      /**\n       * The React app renders in the web component, but the web component needs to be rendered in the document.\n       *\n       * This is the element the web component is rendered into.\n       */\n      webComponentParentElement: HTMLElement;\n      webComponentRootElement?: never;\n    }\n  | {\n      webComponentParentElement?: HTMLElement;\n      /**\n       * @deprecated Use `webComponentParentElement` instead.\n       */\n      webComponentRootElement: HTMLElement;\n    }\n);\n\n/**\n * Lets you render React apps or components in a Web Component.\n *\n * This is useful when global styles are causing conflicts with your React components.\n */\nexport const renderReactInWebComponent = ({\n  webComponentName,\n  getReactComponent,\n  webComponentChildren,\n  webComponentParentElement,\n  webComponentRootElement,\n}: RenderReactInWebComponentProps) => {\n  const reactElement = getReactWebComponent({\n    getReactComponent,\n    webComponentName,\n  });\n\n  if (webComponentChildren) {\n    (Array.isArray(webComponentChildren)\n      ? webComponentChildren\n      : [webComponentChildren]\n    ).forEach((webComponentChild) => {\n      reactElement.appendChild(webComponentChild);\n    });\n  }\n\n  if (webComponentParentElement) {\n    webComponentParentElement.appendChild(reactElement);\n  }\n  // Remove this condition when `webComponentRootElement` is no longer a prop.\n  else if (webComponentRootElement) {\n    webComponentRootElement.appendChild(reactElement);\n  }\n\n  return reactElement;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/@types/i18next.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18next.d.js","names":[],"sources":["../../../src/@types/i18next.d.ts"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport \"i18next\";\nimport { defaultNS, keySeparator, resources } from \"../i18n.js\";\n\ndeclare module \"i18next\" {\n  interface CustomTypeOptions {\n    defaultNS: typeof defaultNS;\n    keySeparator: typeof keySeparator;\n    resources: {\n      odyssey: (typeof resources)[\"en\"];\n    };\n  }\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,SAAS","ignoreList":[]}
+{"version":3,"file":"i18next.d.js","names":[],"sources":["../../../src/@types/i18next.d.ts"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport \"i18next\";\n\nimport { defaultNS, keySeparator, resources } from \"../i18n.js\";\n\ndeclare module \"i18next\" {\n  interface CustomTypeOptions {\n    defaultNS: typeof defaultNS;\n    keySeparator: typeof keySeparator;\n    resources: {\n      odyssey: (typeof resources)[\"en\"];\n    };\n  }\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,SAAS","ignoreList":[]}

package/dist/esm/@types/properties.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"properties.d.js","names":[],"sources":["../../../src/@types/properties.d.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/**\n * Copied this in from a PR that will hopefully get merged:\n * @see https://github.com/gagle/node-properties/pull/35\n */\ndeclare module \"properties\" {\n  export interface ParseOptions {\n    /**\n     * By default `parse()` reads a String.\n     * If you want to read a file, set this option to true.\n     * If this option is used, the callback is mandatory.\n     * It gets 2 parameters, a possible error and the object with all the properties.\n     */\n    path?: boolean;\n\n    /**\n     * Allows you to add additional comment tokens.\n     * The token must be a single printable non-whitespae ascii character.\n     * If the `strict` option is not set, the tokens `#` and `!` are parsed as comment tokens.\n     *\n     * @example\n     * comments: \";\"\n     * @example\n     * comments: [\";\", \"@\"]\n     */\n    comments?: string | string[];\n\n    /**\n     * Allows you to add additional separator tokens.\n     * The token must be a single printable non-whitespae ascii character.\n     * If the `strict` option is not set, the tokens `=` and `:` are parsed as comment tokens.\n     *\n     * @example\n     * separators: \"-\"\n     * @example\n     * separators: [\"-\", \">\"]\n     */\n    separators?: string | string[];\n\n    /**\n     * This option can be used with the `comments` and `separators` options.\n     * If true, **only** the tokens specified in these options are used to parse comments and separators.\n     */\n    strict?: boolean;\n\n    /**\n     * Parses INI sections.\n     * Read the INI section for further details.\n     *\n     * @link https://www.npmjs.com/package/properties#ini\n     */\n    sections?: boolean;\n\n    /**\n     * Parses dot separated keys as JavaScript objects.\n     *\n     * Look at the namespaces section for further details.\n     * @link https://www.npmjs.com/package/properties#namespaces\n     */\n    namespaces?: boolean;\n\n    /**\n     * Allows you to read the value of a key while the file is being parsed.\n     *\n     * Look at the variables section for further details.\n     * @link https://www.npmjs.com/package/properties#variables\n     */\n    variables?: boolean;\n\n    /**\n     * External variables can be passed to the file if the variables option is enabled.\n     *\n     * Look at the variables section for further details.\n     * @link https://www.npmjs.com/package/properties#variables\n     */\n    vars?: boolean;\n\n    /**\n     * Files can be linked and imported with the include key.\n     * If this option is used, the callback is mandatory.\n     *\n     * Look at the include section for further details.\n     * @link https://www.npmjs.com/package/properties#include\n     */\n    include?: boolean;\n\n    /**\n     * Each property or section can be removed or modified from the final object.\n     * It's similar to the reviver of the `JSON.parse()` function.\n     *\n     * The reviver it's exactly the same as the replacer from `stringify()`.\n     * The same function can be reused.\n     *\n     * The callback gets 3 parameters: key, value and section.\n     *\n     * A property has a key and a value and can belong to a section.\n     * If it's a global property, the section is set to null.\n     * If **undefined** is returned, the property will be removed from the final object, otherwise the returned value will be used as the property value.\n     *\n     * If the key and the value are set to null, then it's a section line.\n     * If it returns a falsy value, it won't be added to the final object, the entire section _including all the properties_ will be discarded.\n     * If it returns a truthy value, the section is parsed.\n     *\n     * For your convenience, to know whether the line is a property or section you can access to `this.isProperty` and `this.isSection` from inside the replacer function.\n     * Also, `this.assert()` can be used to return the default value, the unmodified value that will be used to parse the line.\n     *\n     * Look at the reviver example for further details.\n     * @link https://github.com/gagle/node-properties/blob/master/examples/reviver/reviver.js\n     */\n    reviver?: (this: Context, key: any, value: any) => any;\n  }\n\n  export interface Context {\n    assert(): any;\n  }\n\n  /**\n   * Parses a .properties string.\n   *\n   * @param data\n   * @param options\n   */\n  export function parse(data: string, options?: ParseOptions): object;\n\n  /**\n   * Parses a .properties string.\n   *\n   * If a callback is given, the result is returned as the second parameter. Some options will require a callback.\n   *\n   * @param data\n   * @param cb\n   */\n  export function parse(\n    data: string,\n    cb: (err: Error, result: { [key: string]: unknown } | undefined) => void,\n  ): void;\n\n  /**\n   * Parses a .properties string.\n   *\n   * If a callback is given, the result is returned as the second parameter. Some options will require a callback.\n   *\n   * @param data\n   * @param options\n   * @param cb\n   */\n  export function parse(\n    data: string,\n    options: ParseOptions | undefined,\n    cb: (err: Error, result: { [key: string]: unknown } | undefined) => void,\n  ): void;\n\n  export interface StringifyOptions {\n    /**\n     * By default `stringify()` returns a string.\n     * If you want to write it to a file, use this option and pass the path of a file.\n     * If this option is used, the callback is mandatory.\n     * It gets two parameters, a possible error and the string.\n     */\n    path?: string;\n\n    /**\n     * The token to use to write comments.\n     * It must be a single printable non-whitespace ascii character.\n     * @default `#`\n     */\n    comment?: string;\n\n    /**\n     * The token to use to separate keys from values.\n     * It must be a single printable non-whitespace ascii character.\n     * @default `=`\n     */\n    separator?: string;\n\n    /**\n     * The .properties specification uses iso 8859-1 (latin-1) as a default encoding.\n     * In the other hand, Node.js has a utf8 default encoding.\n     * This means that if you want a full compatibility with Java, that is, you are generating a .properties file that is going to be read by a Java program, then set this option to true.\n     * This will encode all ascii extended and multibyte characters to their unicode string representation (`\\uXXXX`).\n     *\n     * Non-printable control codes (control sets 0 and 1) are always encoded as unicode strings except `\\t`, `\\n`, `\\f` and `\\r`.\n     *\n     * If you are in a platform that can handle utf8 strings, e.g. Node.js, you don't need to use this option.\n     */\n    unicode?: boolean;\n\n    /**\n     * Each property or section can be removed or modified from the final string.\n     * It's similar to the replacer of the `JSON.stringify()` function.\n     *\n     * The replacer it's exatcly the same as the reviver from `parse()`.\n     * The same function can be reused.\n     *\n     * The callback gets three parameters: key, value and section.\n     *\n     * A property has a key and a value and can belong to a section.\n     * If it's a global property, the section is set to null.\n     * If **undefined** is returned, the property won't be stringified, otherwise the returned value will be used as the property value.\n     *\n     * If the key and the value are set to null, then it's a section line.\n     * If it returns a falsy value, it won't be added to the final string, the entire section _including all the properties_ will be discarded.\n     * If it returns a truthy value, the section is stringified.\n     *\n     * For your convenience, to know whether the line is a property or section you can access to `this.isProperty` and `this.isSection` from inside the replacer function.\n     * Also, `this.assert()` can be used to return the default value, the unmodified value that will be used to stringify the line.\n     *\n     * Look at the replacer example for further details.\n     * @link https://github.com/gagle/node-properties/blob/master/examples/replacer.js\n     */\n    replacer?: (this: Context, key: string, value: any) => any;\n  }\n\n  /**\n   * Stringifies an `object` or a `Stringifier`.\n   *\n   * If you don't need to add sections or comments simply pass an object, otherwise use a `Stringifier`.\n   *\n   * @param obj\n   * @param options\n   */\n  export function stringify(obj: object, options?: StringifyOptions): string;\n\n  /**\n   * Stringifies an `object` or a `Stringifier`.\n   *\n   * If you don't need to add sections or comments simply pass an object, otherwise use a `Stringifier`.\n   *\n   * The callback is only necessary when the `path` option is used.\n   *\n   * @param obj\n   * @param options\n   * @param cb\n   */\n  export function stringify(\n    obj: object,\n    options: StringifyOptions | undefined,\n    cb: (err: Error, result: string) => void,\n  ): void;\n\n  /**\n   * This class is used when you want to add sections or comments to the final string.\n   *\n   * To create a Stringifier use the `createStringifier()` function.\n   *\n   * Look at the stringify-ini example for further details.\n   * @link https://github.com/gagle/node-properties/blob/master/examples/ini/stringify-ini.js\n   */\n  export interface Stringifier {\n    /**\n     * Writes a header comment.\n     * It will be written to the top of the final string.\n     * Returns the Stringifier being used.\n     */\n    header(comment: string): this;\n\n    /**\n     * Writes a property line.\n     * It takes an object with three options: `key`, `value` and comment.\n     * Both the key and the value are converted into a string automatically.\n     * Returns the Stringifier being used.\n     */\n    property(obj: { key?: string; value?: string; comment?: string }): this;\n\n    /**\n     * Writes a section line.\n     * It gets an object with two options: `name` and `comment`.\n     * The name is converted into a string.\n     * If you don't need to write a comment, you can pass the name instead of an object.\n     * Returns the stringifier being used.\n     */\n    section(obj: string | { name: string; comment?: string }): this;\n  }\n\n  /**\n   * Returns a new `Stringifier` instance.\n   */\n  export function createStringifier(): Stringifier;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"properties.d.js","names":[],"sources":["../../../src/@types/properties.d.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/**\n * Copied this in from a PR that will hopefully get merged:\n * @see https://github.com/gagle/node-properties/pull/35\n */\ndeclare module \"properties\" {\n  export interface ParseOptions {\n    /**\n     * Allows you to add additional comment tokens.\n     * The token must be a single printable non-whitespae ascii character.\n     * If the `strict` option is not set, the tokens `#` and `!` are parsed as comment tokens.\n     *\n     * @example\n     * comments: \";\"\n     * @example\n     * comments: [\";\", \"@\"]\n     */\n    comments?: string | string[];\n\n    /**\n     * Files can be linked and imported with the include key.\n     * If this option is used, the callback is mandatory.\n     *\n     * Look at the include section for further details.\n     * @link https://www.npmjs.com/package/properties#include\n     */\n    include?: boolean;\n\n    /**\n     * Parses dot separated keys as JavaScript objects.\n     *\n     * Look at the namespaces section for further details.\n     * @link https://www.npmjs.com/package/properties#namespaces\n     */\n    namespaces?: boolean;\n\n    /**\n     * By default `parse()` reads a String.\n     * If you want to read a file, set this option to true.\n     * If this option is used, the callback is mandatory.\n     * It gets 2 parameters, a possible error and the object with all the properties.\n     */\n    path?: boolean;\n\n    /**\n     * Each property or section can be removed or modified from the final object.\n     * It's similar to the reviver of the `JSON.parse()` function.\n     *\n     * The reviver it's exactly the same as the replacer from `stringify()`.\n     * The same function can be reused.\n     *\n     * The callback gets 3 parameters: key, value and section.\n     *\n     * A property has a key and a value and can belong to a section.\n     * If it's a global property, the section is set to null.\n     * If **undefined** is returned, the property will be removed from the final object, otherwise the returned value will be used as the property value.\n     *\n     * If the key and the value are set to null, then it's a section line.\n     * If it returns a falsy value, it won't be added to the final object, the entire section _including all the properties_ will be discarded.\n     * If it returns a truthy value, the section is parsed.\n     *\n     * For your convenience, to know whether the line is a property or section you can access to `this.isProperty` and `this.isSection` from inside the replacer function.\n     * Also, `this.assert()` can be used to return the default value, the unmodified value that will be used to parse the line.\n     *\n     * Look at the reviver example for further details.\n     * @link https://github.com/gagle/node-properties/blob/master/examples/reviver/reviver.js\n     */\n    reviver?: (this: Context, key: any, value: any) => any;\n\n    /**\n     * Parses INI sections.\n     * Read the INI section for further details.\n     *\n     * @link https://www.npmjs.com/package/properties#ini\n     */\n    sections?: boolean;\n\n    /**\n     * Allows you to add additional separator tokens.\n     * The token must be a single printable non-whitespae ascii character.\n     * If the `strict` option is not set, the tokens `=` and `:` are parsed as comment tokens.\n     *\n     * @example\n     * separators: \"-\"\n     * @example\n     * separators: [\"-\", \">\"]\n     */\n    separators?: string | string[];\n\n    /**\n     * This option can be used with the `comments` and `separators` options.\n     * If true, **only** the tokens specified in these options are used to parse comments and separators.\n     */\n    strict?: boolean;\n\n    /**\n     * Allows you to read the value of a key while the file is being parsed.\n     *\n     * Look at the variables section for further details.\n     * @link https://www.npmjs.com/package/properties#variables\n     */\n    variables?: boolean;\n\n    /**\n     * External variables can be passed to the file if the variables option is enabled.\n     *\n     * Look at the variables section for further details.\n     * @link https://www.npmjs.com/package/properties#variables\n     */\n    vars?: boolean;\n  }\n\n  export interface Context {\n    assert(): any;\n  }\n\n  /**\n   * Parses a .properties string.\n   *\n   * @param data\n   * @param options\n   */\n  export function parse(data: string, options?: ParseOptions): object;\n\n  /**\n   * Parses a .properties string.\n   *\n   * If a callback is given, the result is returned as the second parameter. Some options will require a callback.\n   *\n   * @param data\n   * @param cb\n   */\n  export function parse(\n    data: string,\n    cb: (err: Error, result: { [key: string]: unknown } | undefined) => void,\n  ): void;\n\n  /**\n   * Parses a .properties string.\n   *\n   * If a callback is given, the result is returned as the second parameter. Some options will require a callback.\n   *\n   * @param data\n   * @param options\n   * @param cb\n   */\n  export function parse(\n    data: string,\n    options: ParseOptions | undefined,\n    cb: (err: Error, result: { [key: string]: unknown } | undefined) => void,\n  ): void;\n\n  export interface StringifyOptions {\n    /**\n     * The token to use to write comments.\n     * It must be a single printable non-whitespace ascii character.\n     * @default `#`\n     */\n    comment?: string;\n\n    /**\n     * By default `stringify()` returns a string.\n     * If you want to write it to a file, use this option and pass the path of a file.\n     * If this option is used, the callback is mandatory.\n     * It gets two parameters, a possible error and the string.\n     */\n    path?: string;\n\n    /**\n     * Each property or section can be removed or modified from the final string.\n     * It's similar to the replacer of the `JSON.stringify()` function.\n     *\n     * The replacer it's exatcly the same as the reviver from `parse()`.\n     * The same function can be reused.\n     *\n     * The callback gets three parameters: key, value and section.\n     *\n     * A property has a key and a value and can belong to a section.\n     * If it's a global property, the section is set to null.\n     * If **undefined** is returned, the property won't be stringified, otherwise the returned value will be used as the property value.\n     *\n     * If the key and the value are set to null, then it's a section line.\n     * If it returns a falsy value, it won't be added to the final string, the entire section _including all the properties_ will be discarded.\n     * If it returns a truthy value, the section is stringified.\n     *\n     * For your convenience, to know whether the line is a property or section you can access to `this.isProperty` and `this.isSection` from inside the replacer function.\n     * Also, `this.assert()` can be used to return the default value, the unmodified value that will be used to stringify the line.\n     *\n     * Look at the replacer example for further details.\n     * @link https://github.com/gagle/node-properties/blob/master/examples/replacer.js\n     */\n    replacer?: (this: Context, key: string, value: any) => any;\n\n    /**\n     * The token to use to separate keys from values.\n     * It must be a single printable non-whitespace ascii character.\n     * @default `=`\n     */\n    separator?: string;\n\n    /**\n     * The .properties specification uses iso 8859-1 (latin-1) as a default encoding.\n     * In the other hand, Node.js has a utf8 default encoding.\n     * This means that if you want a full compatibility with Java, that is, you are generating a .properties file that is going to be read by a Java program, then set this option to true.\n     * This will encode all ascii extended and multibyte characters to their unicode string representation (`\\uXXXX`).\n     *\n     * Non-printable control codes (control sets 0 and 1) are always encoded as unicode strings except `\\t`, `\\n`, `\\f` and `\\r`.\n     *\n     * If you are in a platform that can handle utf8 strings, e.g. Node.js, you don't need to use this option.\n     */\n    unicode?: boolean;\n  }\n\n  /**\n   * Stringifies an `object` or a `Stringifier`.\n   *\n   * If you don't need to add sections or comments simply pass an object, otherwise use a `Stringifier`.\n   *\n   * @param obj\n   * @param options\n   */\n  export function stringify(obj: object, options?: StringifyOptions): string;\n\n  /**\n   * Stringifies an `object` or a `Stringifier`.\n   *\n   * If you don't need to add sections or comments simply pass an object, otherwise use a `Stringifier`.\n   *\n   * The callback is only necessary when the `path` option is used.\n   *\n   * @param obj\n   * @param options\n   * @param cb\n   */\n  export function stringify(\n    obj: object,\n    options: StringifyOptions | undefined,\n    cb: (err: Error, result: string) => void,\n  ): void;\n\n  /**\n   * This class is used when you want to add sections or comments to the final string.\n   *\n   * To create a Stringifier use the `createStringifier()` function.\n   *\n   * Look at the stringify-ini example for further details.\n   * @link https://github.com/gagle/node-properties/blob/master/examples/ini/stringify-ini.js\n   */\n  export interface Stringifier {\n    /**\n     * Writes a header comment.\n     * It will be written to the top of the final string.\n     * Returns the Stringifier being used.\n     */\n    header(comment: string): this;\n\n    /**\n     * Writes a property line.\n     * It takes an object with three options: `key`, `value` and comment.\n     * Both the key and the value are converted into a string automatically.\n     * Returns the Stringifier being used.\n     */\n    property(obj: { comment?: string; key?: string; value?: string }): this;\n\n    /**\n     * Writes a section line.\n     * It gets an object with two options: `name` and `comment`.\n     * The name is converted into a string.\n     * If you don't need to write a comment, you can pass the name instead of an object.\n     * Returns the stringifier being used.\n     */\n    section(obj: string | { comment?: string; name: string }): this;\n  }\n\n  /**\n   * Returns a new `Stringifier` instance.\n   */\n  export function createStringifier(): Stringifier;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/Accordion.js

@@ -12,7 +12,6 @@ import _AccordionSummary from "@mui/material/AccordionSummary";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-
 import { memo } from "react";
 import { ChevronDownIcon } from "./icons.generated/index.js";
 import { Support } from "./Typography.js";
@@ -35,8 +34,8 @@ const Accordion = ({
   const headerId = `${id}-header`;
   const contentId = `${id}-content`;
   return _jsxs(_Accordion, {
-    "data-se": testId,
     "data-ods-variant": variant,
+    "data-se": testId,
     defaultExpanded: isDefaultExpanded,
     disabled: isDisabled,
     disableGutters: true,

package/dist/esm/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["memo","ChevronDownIcon","Support","useUniqueId","jsx","_jsx","jsxs","_jsxs","accordionVariantValues","Accordion","children","label","id","idOverride","isDefaultExpanded","isDisabled","isExpanded","onChange","testId","translate","variant","headerId","contentId","_Accordion","defaultExpanded","disabled","disableGutters","expanded","_AccordionSummary","expandIcon","component","_AccordionDetails","MemoizedAccordion","displayName"],"sources":["../../src/Accordion.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { ReactNode, memo } from \"react\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport {\n  Accordion as MuiAccordion,\n  AccordionDetails as MuiAccordionDetails,\n  AccordionSummary as MuiAccordionSummary,\n  AccordionProps as MuiAccordionProps,\n} from \"@mui/material\";\nimport { ChevronDownIcon } from \"./icons.generated/index.js\";\nimport { Support } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const accordionVariantValues = [\"default\", \"borderless\"] as const;\n\nexport type AccordionProps = {\n  /**\n   * The content of the Accordion itself\n   */\n  children: ReactNode;\n  /**\n   * Defines IDs for the header and the content of the Accordion\n   */\n  id?: string;\n  /**\n   * The label text for the AccordionSummary\n   */\n  label: string;\n  /**\n   * Whether the item is expanded by default\n   */\n  isDefaultExpanded?: boolean;\n  /**\n   * Whether the item is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item is expanded\n   */\n  isExpanded?: boolean;\n  /**\n   * Event fired when the expansion state of the accordion is changed\n   */\n  /**\n   * Visual style for the accordion (default or borderless)\n   */\n  variant?: (typeof accordionVariantValues)[number];\n  onChange?: MuiAccordionProps[\"onChange\"];\n} & (\n  | {\n      isExpanded: boolean;\n      isDefaultExpanded?: never;\n    }\n  | {\n      isDefaultExpanded?: boolean;\n      isExpanded?: never;\n    }\n) &\n  Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Accordion = ({\n  children,\n  label,\n  id: idOverride,\n  isDefaultExpanded,\n  isDisabled,\n  isExpanded,\n  onChange,\n  testId,\n  translate,\n  variant = \"default\",\n}: AccordionProps) => {\n  const id = useUniqueId(idOverride);\n  const headerId = `${id}-header`;\n  const contentId = `${id}-content`;\n\n  return (\n    <MuiAccordion\n      data-se={testId}\n      data-ods-variant={variant}\n      defaultExpanded={isDefaultExpanded}\n      disabled={isDisabled}\n      disableGutters\n      expanded={isExpanded}\n      onChange={onChange}\n    >\n      <MuiAccordionSummary\n        aria-controls={contentId}\n        expandIcon={<ChevronDownIcon />}\n        id={headerId}\n      >\n        <Support component=\"div\" translate={translate}>\n          {label}\n        </Support>\n      </MuiAccordionSummary>\n      <MuiAccordionDetails aria-labelledby={headerId}>\n        {children}\n      </MuiAccordionDetails>\n    </MuiAccordion>\n  );\n};\n\nconst MemoizedAccordion = memo(Accordion);\nMemoizedAccordion.displayName = \"Accordion\";\n\nexport { MemoizedAccordion as Accordion };\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAoBA,IAAI,QAAQ,OAAO;AAQvC,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,WAAW,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/C,OAAO,MAAMC,sBAAsB,GAAG,CAAC,SAAS,EAAE,YAAY,CAAU;AA+CxE,MAAMC,SAAS,GAAGA,CAAC;EACjBC,QAAQ;EACRC,KAAK;EACLC,EAAE,EAAEC,UAAU;EACdC,iBAAiB;EACjBC,UAAU;EACVC,UAAU;EACVC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACTC,OAAO,GAAG;AACI,CAAC,KAAK;EACpB,MAAMR,EAAE,GAAGT,WAAW,CAACU,UAAU,CAAC;EAClC,MAAMQ,QAAQ,GAAG,GAAGT,EAAE,SAAS;EAC/B,MAAMU,SAAS,GAAG,GAAGV,EAAE,UAAU;EAEjC,OACEL,KAAA,CAAAgB,UAAA;IACE,WAASL,MAAO;IAChB,oBAAkBE,OAAQ;IAC1BI,eAAe,EAAEV,iBAAkB;IACnCW,QAAQ,EAAEV,UAAW;IACrBW,cAAc;IACdC,QAAQ,EAAEX,UAAW;IACrBC,QAAQ,EAAEA,QAAS;IAAAP,QAAA,GAEnBL,IAAA,CAAAuB,iBAAA;MACE,iBAAeN,SAAU;MACzBO,UAAU,EAAExB,IAAA,CAACJ,eAAe,IAAE,CAAE;MAChCW,EAAE,EAAES,QAAS;MAAAX,QAAA,EAEbL,IAAA,CAACH,OAAO;QAAC4B,SAAS,EAAC,KAAK;QAACX,SAAS,EAAEA,SAAU;QAAAT,QAAA,EAC3CC;MAAK,CACC;IAAC,CACS,CAAC,EACtBN,IAAA,CAAA0B,iBAAA;MAAqB,mBAAiBV,QAAS;MAAAX,QAAA,EAC5CA;IAAQ,CACU,CAAC;EAAA,CACV,CAAC;AAEnB,CAAC;AAED,MAAMsB,iBAAiB,GAAGhC,IAAI,CAACS,SAAS,CAAC;AACzCuB,iBAAiB,CAACC,WAAW,GAAG,WAAW;AAE3C,SAASD,iBAAiB,IAAIvB,SAAS","ignoreList":[]}
+{"version":3,"file":"Accordion.js","names":["memo","ChevronDownIcon","Support","useUniqueId","jsx","_jsx","jsxs","_jsxs","accordionVariantValues","Accordion","children","label","id","idOverride","isDefaultExpanded","isDisabled","isExpanded","onChange","testId","translate","variant","headerId","contentId","_Accordion","defaultExpanded","disabled","disableGutters","expanded","_AccordionSummary","expandIcon","component","_AccordionDetails","MemoizedAccordion","displayName"],"sources":["../../src/Accordion.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  Accordion as MuiAccordion,\n  AccordionDetails as MuiAccordionDetails,\n  AccordionProps as MuiAccordionProps,\n  AccordionSummary as MuiAccordionSummary,\n} from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { ChevronDownIcon } from \"./icons.generated/index.js\";\nimport { Support } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const accordionVariantValues = [\"default\", \"borderless\"] as const;\n\nexport type AccordionProps = {\n  /**\n   * The content of the Accordion itself\n   */\n  children: ReactNode;\n  /**\n   * Defines IDs for the header and the content of the Accordion\n   */\n  id?: string;\n  /**\n   * Whether the item is expanded by default\n   */\n  isDefaultExpanded?: boolean;\n  /**\n   * Whether the item is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item is expanded\n   */\n  isExpanded?: boolean;\n  /**\n   * The label text for the AccordionSummary\n   */\n  label: string;\n  onChange?: MuiAccordionProps[\"onChange\"];\n  /**\n   * Event fired when the expansion state of the accordion is changed\n   */\n  /**\n   * Visual style for the accordion (default or borderless)\n   */\n  variant?: (typeof accordionVariantValues)[number];\n} & (\n  | {\n      isDefaultExpanded?: never;\n      isExpanded: boolean;\n    }\n  | {\n      isDefaultExpanded?: boolean;\n      isExpanded?: never;\n    }\n) &\n  Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Accordion = ({\n  children,\n  label,\n  id: idOverride,\n  isDefaultExpanded,\n  isDisabled,\n  isExpanded,\n  onChange,\n  testId,\n  translate,\n  variant = \"default\",\n}: AccordionProps) => {\n  const id = useUniqueId(idOverride);\n  const headerId = `${id}-header`;\n  const contentId = `${id}-content`;\n\n  return (\n    <MuiAccordion\n      data-ods-variant={variant}\n      data-se={testId}\n      defaultExpanded={isDefaultExpanded}\n      disabled={isDisabled}\n      disableGutters\n      expanded={isExpanded}\n      onChange={onChange}\n    >\n      <MuiAccordionSummary\n        aria-controls={contentId}\n        expandIcon={<ChevronDownIcon />}\n        id={headerId}\n      >\n        <Support component=\"div\" translate={translate}>\n          {label}\n        </Support>\n      </MuiAccordionSummary>\n      <MuiAccordionDetails aria-labelledby={headerId}>\n        {children}\n      </MuiAccordionDetails>\n    </MuiAccordion>\n  );\n};\n\nconst MemoizedAccordion = memo(Accordion);\nMemoizedAccordion.displayName = \"Accordion\";\n\nexport { MemoizedAccordion as Accordion };\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAQA,SAASA,IAAI,QAAmB,OAAO;AAIvC,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,WAAW,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/C,OAAO,MAAMC,sBAAsB,GAAG,CAAC,SAAS,EAAE,YAAY,CAAU;AA+CxE,MAAMC,SAAS,GAAGA,CAAC;EACjBC,QAAQ;EACRC,KAAK;EACLC,EAAE,EAAEC,UAAU;EACdC,iBAAiB;EACjBC,UAAU;EACVC,UAAU;EACVC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACTC,OAAO,GAAG;AACI,CAAC,KAAK;EACpB,MAAMR,EAAE,GAAGT,WAAW,CAACU,UAAU,CAAC;EAClC,MAAMQ,QAAQ,GAAG,GAAGT,EAAE,SAAS;EAC/B,MAAMU,SAAS,GAAG,GAAGV,EAAE,UAAU;EAEjC,OACEL,KAAA,CAAAgB,UAAA;IACE,oBAAkBH,OAAQ;IAC1B,WAASF,MAAO;IAChBM,eAAe,EAAEV,iBAAkB;IACnCW,QAAQ,EAAEV,UAAW;IACrBW,cAAc;IACdC,QAAQ,EAAEX,UAAW;IACrBC,QAAQ,EAAEA,QAAS;IAAAP,QAAA,GAEnBL,IAAA,CAAAuB,iBAAA;MACE,iBAAeN,SAAU;MACzBO,UAAU,EAAExB,IAAA,CAACJ,eAAe,IAAE,CAAE;MAChCW,EAAE,EAAES,QAAS;MAAAX,QAAA,EAEbL,IAAA,CAACH,OAAO;QAAC4B,SAAS,EAAC,KAAK;QAACX,SAAS,EAAEA,SAAU;QAAAT,QAAA,EAC3CC;MAAK,CACC;IAAC,CACS,CAAC,EACtBN,IAAA,CAAA0B,iBAAA;MAAqB,mBAAiBV,QAAS;MAAAX,QAAA,EAC5CA;IAAQ,CACU,CAAC;EAAA,CACV,CAAC;AAEnB,CAAC;AAED,MAAMsB,iBAAiB,GAAGhC,IAAI,CAACS,SAAS,CAAC;AACzCuB,iBAAiB,CAACC,WAAW,GAAG,WAAW;AAE3C,SAASD,iBAAiB,IAAIvB,SAAS","ignoreList":[]}

package/dist/esm/Autocomplete.js

@@ -10,7 +10,6 @@ import _Autocomplete from "@mui/material/Autocomplete";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-
 import { memo } from "react";
 import { useTranslation } from "react-i18next";
 import { PickerVirtualizationListBox } from "./labs/OdysseyPickers/PickerVirtualizationListBox.js";

package/dist/esm/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","names":["memo","useTranslation","PickerVirtualizationListBox","useAutocomplete","jsx","_jsx","AutocompleteTestSelector","accessibleText","errorMessage","hint","label","children","list","listItem","elementSelector","method","options","role","isControlledElement","Autocomplete","ariaDescribedBy","defaultValue","errorMessageList","getIsOptionEqualToValue","getOptionLabel","hasMultipleChoices","HintLinkComponent","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isFullWidth","isLoading","isOptional","isReadOnly","isVirtualized","name","nameOverride","noOptionsText","onBlur","onChange","onFocus","onInputChange","testId","translate","value","t","inputValueProp","isVirtualizedRef","renderInput","valueProps","_Autocomplete","current","ListboxComponent","clearText","closeText","disableCloseOnSelect","disabled","filterSelectedOptions","freeSolo","fullWidth","isOptionEqualToValue","loading","multiple","openText","readOnly","MemoizedAutocomplete","displayName"],"sources":["../../src/Autocomplete.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  Autocomplete as MuiAutocomplete,\n  AutocompleteProps as MuiAutocompleteProps,\n  UseAutocompleteProps as MuiUseAutocompleteProps,\n} from \"@mui/material\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { PickerVirtualizationListBox } from \"./labs/OdysseyPickers/PickerVirtualizationListBox.js\";\nimport { useAutocomplete } from \"./useAutocomplete.js\";\nimport { TestSelector } from \"./test-selectors/index.js\";\n\nexport const AutocompleteTestSelector = {\n  accessibleText: {\n    errorMessage: \"errorMessage\",\n    hint: \"description\",\n    label: \"label\",\n  },\n  children: {\n    list: {\n      children: {\n        listItem: {\n          elementSelector: {\n            method: \"ByRole\",\n            options: {\n              label: \"name\",\n            },\n            role: \"option\",\n          },\n        },\n      },\n      isControlledElement: true,\n    },\n  },\n  elementSelector: {\n    method: \"ByRole\",\n    options: {\n      label: \"name\",\n    },\n    role: \"combobox\",\n  },\n} as const satisfies TestSelector;\n// type SetItemSize = (size: number) => void;\n\nexport type AutocompleteProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = {\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: MuiUseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"defaultValue\"];\n  /**\n   * Used to determine the string value for a given option. It's used to fill the input (and the list box options if renderOption is not provided). If used in free solo mode, it must accept both the type of the options and a string.\n   *\n   * `function(option: Value) => string`\n   */\n  getOptionLabel?: MuiUseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"getOptionLabel\"];\n\n  /** Used to determine if the option represents the given value. Uses strict equality by default if none provided.\n   * Both arguments need to be handled, an option can only match with one value.\n   * option: the option to test\n   * value: the value to test against\n   *\n   * You will need to implement this function if your `option` items are objects.\n   */\n  getIsOptionEqualToValue?: (option: OptionType, value: OptionType) => boolean;\n  /**\n   * Enables multiple choice selection\n   */\n  hasMultipleChoices?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"multiple\"];\n  /**\n   * The value for the input\n   */\n  inputValue?: MuiUseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"inputValue\"];\n  /**\n   * Allows the input of custom values\n   */\n  isCustomValueAllowed?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"freeSolo\"];\n  /**\n   * Disables the Autocomplete input\n   */\n  isDisabled?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"disabled\"];\n  /**\n   * Displays a loading indicator\n   */\n  isLoading?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"loading\"];\n  /**\n   * Makes the Autocomplete input read-only\n   */\n  isReadOnly?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"readOnly\"];\n  /**\n   * If this component is required to display a virtualized list of options,\n   * then this value needs to be set to true.\n   * It is recommended if you're options are on the order of 10's of hundreds or more.\n   */\n  isVirtualized?: boolean;\n  /**\n   * The label text for the autocomplete input\n   */\n  label: string;\n  /**\n   * The text to display when no options are available\n   *\n   * default: \"No options\"\n   */\n  noOptionsText?: string;\n  /**\n   * Callback fired when the autocomplete loses focus.\n   */\n  onBlur?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onBlur\"];\n  /**\n   * Callback fired when a selection is made.\n   */\n  onChange?: MuiUseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onChange\"];\n  /**\n   * Callback fired when the textbox receives typed characters.\n   */\n  onInputChange?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onInputChange\"];\n  /**\n   * Callback fired when the autocomplete gains focus.\n   */\n  onFocus?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onFocus\"];\n  /**\n   * The options for the Autocomplete input\n   */\n  options: ReadonlyArray<OptionType>;\n  /**\n   * The value of the Autocomplete input\n   */\n  value?: MuiUseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"value\"];\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n  | \"name\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\nconst Autocomplete = <\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  getIsOptionEqualToValue,\n  getOptionLabel,\n  hasMultipleChoices,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  inputValue,\n  isCustomValueAllowed,\n  isDisabled,\n  isFullWidth = false,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  isVirtualized = false,\n  label,\n  name: nameOverride,\n  noOptionsText,\n  onBlur,\n  onChange,\n  onFocus,\n  onInputChange,\n  options,\n  testId,\n  translate,\n  value,\n}: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => {\n  const { t } = useTranslation();\n  const { inputValueProp, isVirtualizedRef, renderInput, valueProps } =\n    useAutocomplete<OptionType, HasMultipleChoices, IsCustomValueAllowed>({\n      ariaDescribedBy,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasMultipleChoices,\n      hint,\n      HintLinkComponent,\n      inputValue,\n      isFullWidth,\n      isOptional,\n      isVirtualized,\n      label,\n      name: nameOverride,\n      testId,\n      value,\n    });\n\n  return (\n    <MuiAutocomplete\n      {...valueProps}\n      {...inputValueProp}\n      // conditionally provide the ListboxComponent if this needs to be virtualized\n      {...(isVirtualizedRef.current && {\n        ListboxComponent: PickerVirtualizationListBox,\n      })}\n      // AutoComplete is wrapped in a div within MUI which does not get the disabled attr. So this aria-disabled gets set in the div\n      aria-disabled={isDisabled}\n      clearText={t(\"clear.text\")}\n      closeText={t(\"close.text\")}\n      disableCloseOnSelect={hasMultipleChoices}\n      disabled={isDisabled}\n      filterSelectedOptions={true}\n      freeSolo={isCustomValueAllowed}\n      fullWidth={isFullWidth}\n      getOptionLabel={getOptionLabel}\n      id={idOverride}\n      isOptionEqualToValue={getIsOptionEqualToValue}\n      loading={isLoading}\n      multiple={hasMultipleChoices}\n      noOptionsText={noOptionsText || t(\"autocomplete.nooptions\")}\n      onBlur={onBlur}\n      onChange={onChange}\n      onFocus={onFocus}\n      onInputChange={onInputChange}\n      openText={t(\"open.text\")}\n      options={options}\n      readOnly={isReadOnly}\n      renderInput={renderInput}\n      translate={translate}\n    />\n  );\n};\n\n// Need the `typeof Autocomplete` because generics don't get passed through\nconst MemoizedAutocomplete = memo(Autocomplete) as typeof Autocomplete;\n// @ts-expect-error displayName is expected to not be on `typeof Autocomplete`\nMemoizedAutocomplete.displayName = \"Autocomplete\";\n\nexport { MemoizedAutocomplete as Autocomplete };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Autocomplete.js","names":["memo","useTranslation","PickerVirtualizationListBox","useAutocomplete","jsx","_jsx","AutocompleteTestSelector","accessibleText","errorMessage","hint","label","children","list","listItem","elementSelector","method","options","role","isControlledElement","Autocomplete","ariaDescribedBy","defaultValue","errorMessageList","getIsOptionEqualToValue","getOptionLabel","hasMultipleChoices","HintLinkComponent","id","idOverride","inputValue","isCustomValueAllowed","isDisabled","isFullWidth","isLoading","isOptional","isReadOnly","isVirtualized","name","nameOverride","noOptionsText","onBlur","onChange","onFocus","onInputChange","testId","translate","value","t","inputValueProp","isVirtualizedRef","renderInput","valueProps","_Autocomplete","current","ListboxComponent","clearText","closeText","disableCloseOnSelect","disabled","filterSelectedOptions","freeSolo","fullWidth","isOptionEqualToValue","loading","multiple","openText","readOnly","MemoizedAutocomplete","displayName"],"sources":["../../src/Autocomplete.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  Autocomplete as MuiAutocomplete,\n  AutocompleteProps as MuiAutocompleteProps,\n  UseAutocompleteProps as MuiUseAutocompleteProps,\n} from \"@mui/material\";\nimport { memo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { PickerVirtualizationListBox } from \"./labs/OdysseyPickers/PickerVirtualizationListBox.js\";\nimport { TestSelector } from \"./test-selectors/index.js\";\nimport { useAutocomplete } from \"./useAutocomplete.js\";\n\nexport const AutocompleteTestSelector = {\n  accessibleText: {\n    errorMessage: \"errorMessage\",\n    hint: \"description\",\n    label: \"label\",\n  },\n  children: {\n    list: {\n      children: {\n        listItem: {\n          elementSelector: {\n            method: \"ByRole\",\n            options: {\n              label: \"name\",\n            },\n            role: \"option\",\n          },\n        },\n      },\n      isControlledElement: true,\n    },\n  },\n  elementSelector: {\n    method: \"ByRole\",\n    options: {\n      label: \"name\",\n    },\n    role: \"combobox\",\n  },\n} as const satisfies TestSelector;\n// type SetItemSize = (size: number) => void;\n\nexport type AutocompleteProps<\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n> = {\n  /**\n   * The default value. Use when the component is not controlled.\n   */\n  defaultValue?: MuiUseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"defaultValue\"];\n  /** Used to determine if the option represents the given value. Uses strict equality by default if none provided.\n   * Both arguments need to be handled, an option can only match with one value.\n   * option: the option to test\n   * value: the value to test against\n   *\n   * You will need to implement this function if your `option` items are objects.\n   */\n  getIsOptionEqualToValue?: (option: OptionType, value: OptionType) => boolean;\n\n  /**\n   * Used to determine the string value for a given option. It's used to fill the input (and the list box options if renderOption is not provided). If used in free solo mode, it must accept both the type of the options and a string.\n   *\n   * `function(option: Value) => string`\n   */\n  getOptionLabel?: MuiUseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"getOptionLabel\"];\n  /**\n   * Enables multiple choice selection\n   */\n  hasMultipleChoices?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"multiple\"];\n  /**\n   * The value for the input\n   */\n  inputValue?: MuiUseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"inputValue\"];\n  /**\n   * Allows the input of custom values\n   */\n  isCustomValueAllowed?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"freeSolo\"];\n  /**\n   * Disables the Autocomplete input\n   */\n  isDisabled?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"disabled\"];\n  /**\n   * Displays a loading indicator\n   */\n  isLoading?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"loading\"];\n  /**\n   * Makes the Autocomplete input read-only\n   */\n  isReadOnly?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"readOnly\"];\n  /**\n   * If this component is required to display a virtualized list of options,\n   * then this value needs to be set to true.\n   * It is recommended if you're options are on the order of 10's of hundreds or more.\n   */\n  isVirtualized?: boolean;\n  /**\n   * The label text for the autocomplete input\n   */\n  label: string;\n  /**\n   * The text to display when no options are available\n   *\n   * default: \"No options\"\n   */\n  noOptionsText?: string;\n  /**\n   * Callback fired when the autocomplete loses focus.\n   */\n  onBlur?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onBlur\"];\n  /**\n   * Callback fired when a selection is made.\n   */\n  onChange?: MuiUseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onChange\"];\n  /**\n   * Callback fired when the autocomplete gains focus.\n   */\n  onFocus?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onFocus\"];\n  /**\n   * Callback fired when the textbox receives typed characters.\n   */\n  onInputChange?: MuiAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"onInputChange\"];\n  /**\n   * The options for the Autocomplete input\n   */\n  options: ReadonlyArray<OptionType>;\n  /**\n   * The value of the Autocomplete input\n   */\n  value?: MuiUseAutocompleteProps<\n    OptionType,\n    HasMultipleChoices,\n    undefined,\n    IsCustomValueAllowed\n  >[\"value\"];\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n  | \"name\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\nconst Autocomplete = <\n  OptionType,\n  HasMultipleChoices extends boolean | undefined,\n  IsCustomValueAllowed extends boolean | undefined,\n>({\n  ariaDescribedBy,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  getIsOptionEqualToValue,\n  getOptionLabel,\n  hasMultipleChoices,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  inputValue,\n  isCustomValueAllowed,\n  isDisabled,\n  isFullWidth = false,\n  isLoading,\n  isOptional = false,\n  isReadOnly,\n  isVirtualized = false,\n  label,\n  name: nameOverride,\n  noOptionsText,\n  onBlur,\n  onChange,\n  onFocus,\n  onInputChange,\n  options,\n  testId,\n  translate,\n  value,\n}: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => {\n  const { t } = useTranslation();\n  const { inputValueProp, isVirtualizedRef, renderInput, valueProps } =\n    useAutocomplete<OptionType, HasMultipleChoices, IsCustomValueAllowed>({\n      ariaDescribedBy,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasMultipleChoices,\n      hint,\n      HintLinkComponent,\n      inputValue,\n      isFullWidth,\n      isOptional,\n      isVirtualized,\n      label,\n      name: nameOverride,\n      testId,\n      value,\n    });\n\n  return (\n    <MuiAutocomplete\n      {...valueProps}\n      {...inputValueProp}\n      // conditionally provide the ListboxComponent if this needs to be virtualized\n      {...(isVirtualizedRef.current && {\n        ListboxComponent: PickerVirtualizationListBox,\n      })}\n      // AutoComplete is wrapped in a div within MUI which does not get the disabled attr. So this aria-disabled gets set in the div\n      aria-disabled={isDisabled}\n      clearText={t(\"clear.text\")}\n      closeText={t(\"close.text\")}\n      disableCloseOnSelect={hasMultipleChoices}\n      disabled={isDisabled}\n      filterSelectedOptions={true}\n      freeSolo={isCustomValueAllowed}\n      fullWidth={isFullWidth}\n      getOptionLabel={getOptionLabel}\n      id={idOverride}\n      isOptionEqualToValue={getIsOptionEqualToValue}\n      loading={isLoading}\n      multiple={hasMultipleChoices}\n      noOptionsText={noOptionsText || t(\"autocomplete.nooptions\")}\n      onBlur={onBlur}\n      onChange={onChange}\n      onFocus={onFocus}\n      onInputChange={onInputChange}\n      openText={t(\"open.text\")}\n      options={options}\n      readOnly={isReadOnly}\n      renderInput={renderInput}\n      translate={translate}\n    />\n  );\n};\n\n// Need the `typeof Autocomplete` because generics don't get passed through\nconst MemoizedAutocomplete = memo(Autocomplete) as typeof Autocomplete;\n// @ts-expect-error displayName is expected to not be on `typeof Autocomplete`\nMemoizedAutocomplete.displayName = \"Autocomplete\";\n\nexport { MemoizedAutocomplete as Autocomplete };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/Badge.js

@@ -11,8 +11,8 @@
  */
 
 import { memo, useMemo } from "react";
-import { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext.js";
 import { Box } from "./Box.js";
+import { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const badgeContentMaxValues = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
 export const badgeTypeValues = ["default", "attention", "danger"];

package/dist/esm/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["memo","useMemo","useOdysseyDesignTokens","Box","jsx","_jsx","badgeContentMaxValues","badgeTypeValues","badgeTypeColors","odysseyTokens","default","background","HueNeutral200","font","TypographyColorBody","attention","PalettePrimaryMain","TypographyColorInverse","danger","PaletteDangerMain","Badge","badgeContent","badgeContentMax","testId","translate","type","odysseyDesignTokens","renderBadge","greaterThanZeroContentMax","threeDigitLimitedMax","isOverContentMax","overContentMaxMessage","formattedContent","toString","badgeStyles","display","alignItems","justifyContent","minWidth","Spacing4","Spacing1","height","minHeight","padding","backgroundColor","color","borderRadius","length","BorderRadiusOuter","fontSize","TypographyScale0","fontFamily","TypographyFamilyMono","fontWeight","TypographyWeightBodyBold","lineHeight","transitionDuration","TransitionDurationMain","transitionProperty","hasNotificationCount","sx","children","MemoizedBadge","displayName"],"sources":["../../src/Badge.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { CSSProperties, memo, useMemo } from \"react\";\n\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Box } from \"./Box.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nexport const badgeContentMaxValues = [\n  10, 20, 30, 40, 50, 60, 70, 80, 90, 100,\n] as const;\nexport const badgeTypeValues = [\"default\", \"attention\", \"danger\"] as const;\n\nexport type BadgeProps = {\n  badgeContent: number;\n  badgeContentMax?: (typeof badgeContentMaxValues)[number];\n  type?: (typeof badgeTypeValues)[number];\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst badgeTypeColors = (odysseyTokens: DesignTokens) => ({\n  default: {\n    background: odysseyTokens.HueNeutral200,\n    font: odysseyTokens.TypographyColorBody,\n  },\n  attention: {\n    background: odysseyTokens.PalettePrimaryMain,\n    font: odysseyTokens.TypographyColorInverse,\n  },\n  danger: {\n    background: odysseyTokens.PaletteDangerMain,\n    font: odysseyTokens.TypographyColorInverse,\n  },\n});\n\nconst Badge = ({\n  badgeContent,\n  badgeContentMax = 100,\n  testId,\n  translate,\n  type = \"default\",\n}: BadgeProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const renderBadge = useMemo(() => {\n    const greaterThanZeroContentMax = badgeContentMax > 0 ? badgeContentMax : 1;\n    const threeDigitLimitedMax =\n      greaterThanZeroContentMax > 999 ? 999 : greaterThanZeroContentMax;\n    const isOverContentMax = badgeContent > threeDigitLimitedMax;\n    const overContentMaxMessage = `${greaterThanZeroContentMax}+`;\n    const formattedContent = isOverContentMax\n      ? overContentMaxMessage\n      : badgeContent.toString();\n\n    const badgeStyles: CSSProperties = {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      minWidth: `calc(${odysseyDesignTokens.Spacing4} + ${odysseyDesignTokens.Spacing1})`,\n      height: `calc(${odysseyDesignTokens.Spacing4} + ${odysseyDesignTokens.Spacing1})`,\n      minHeight: `calc(${odysseyDesignTokens.Spacing4} + ${odysseyDesignTokens.Spacing1})`,\n      // 6px horizontal padding per design requirements\n      padding: \"0 6px\",\n      backgroundColor: badgeTypeColors(odysseyDesignTokens)[type].background,\n      color: badgeTypeColors(odysseyDesignTokens)[type].font,\n      borderRadius:\n        formattedContent.length > 1\n          ? `${odysseyDesignTokens.BorderRadiusOuter}`\n          : \"50%\",\n      fontSize: `${odysseyDesignTokens.TypographyScale0}`,\n      fontFamily: `${odysseyDesignTokens.TypographyFamilyMono}`,\n      fontWeight: `${odysseyDesignTokens.TypographyWeightBodyBold}`,\n      lineHeight: 1,\n      transitionDuration: `${odysseyDesignTokens.TransitionDurationMain}`,\n      transitionProperty: `background-color, color`,\n    };\n\n    const hasNotificationCount = badgeContent && badgeContent > 0;\n\n    return hasNotificationCount ? (\n      <Box sx={badgeStyles} testId={testId} translate={translate}>\n        {formattedContent}\n      </Box>\n    ) : null;\n  }, [\n    badgeContent,\n    badgeContentMax,\n    odysseyDesignTokens,\n    testId,\n    translate,\n    type,\n  ]);\n\n  return renderBadge;\n};\n\nconst MemoizedBadge = memo(Badge);\nMemoizedBadge.displayName = \"Badge\";\n\nexport { MemoizedBadge as Badge };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Badge.js","names":["memo","useMemo","Box","useOdysseyDesignTokens","jsx","_jsx","badgeContentMaxValues","badgeTypeValues","badgeTypeColors","odysseyTokens","default","background","HueNeutral200","font","TypographyColorBody","attention","PalettePrimaryMain","TypographyColorInverse","danger","PaletteDangerMain","Badge","badgeContent","badgeContentMax","testId","translate","type","odysseyDesignTokens","renderBadge","greaterThanZeroContentMax","threeDigitLimitedMax","isOverContentMax","overContentMaxMessage","formattedContent","toString","badgeStyles","display","alignItems","justifyContent","minWidth","Spacing4","Spacing1","height","minHeight","padding","backgroundColor","color","borderRadius","length","BorderRadiusOuter","fontSize","TypographyScale0","fontFamily","TypographyFamilyMono","fontWeight","TypographyWeightBodyBold","lineHeight","transitionDuration","TransitionDurationMain","transitionProperty","hasNotificationCount","sx","children","MemoizedBadge","displayName"],"sources":["../../src/Badge.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { CSSProperties, memo, useMemo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Box } from \"./Box.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\n\nexport const badgeContentMaxValues = [\n  10, 20, 30, 40, 50, 60, 70, 80, 90, 100,\n] as const;\nexport const badgeTypeValues = [\"default\", \"attention\", \"danger\"] as const;\n\nexport type BadgeProps = {\n  badgeContent: number;\n  badgeContentMax?: (typeof badgeContentMaxValues)[number];\n  type?: (typeof badgeTypeValues)[number];\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst badgeTypeColors = (odysseyTokens: DesignTokens) => ({\n  default: {\n    background: odysseyTokens.HueNeutral200,\n    font: odysseyTokens.TypographyColorBody,\n  },\n  attention: {\n    background: odysseyTokens.PalettePrimaryMain,\n    font: odysseyTokens.TypographyColorInverse,\n  },\n  danger: {\n    background: odysseyTokens.PaletteDangerMain,\n    font: odysseyTokens.TypographyColorInverse,\n  },\n});\n\nconst Badge = ({\n  badgeContent,\n  badgeContentMax = 100,\n  testId,\n  translate,\n  type = \"default\",\n}: BadgeProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const renderBadge = useMemo(() => {\n    const greaterThanZeroContentMax = badgeContentMax > 0 ? badgeContentMax : 1;\n    const threeDigitLimitedMax =\n      greaterThanZeroContentMax > 999 ? 999 : greaterThanZeroContentMax;\n    const isOverContentMax = badgeContent > threeDigitLimitedMax;\n    const overContentMaxMessage = `${greaterThanZeroContentMax}+`;\n    const formattedContent = isOverContentMax\n      ? overContentMaxMessage\n      : badgeContent.toString();\n\n    const badgeStyles: CSSProperties = {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      minWidth: `calc(${odysseyDesignTokens.Spacing4} + ${odysseyDesignTokens.Spacing1})`,\n      height: `calc(${odysseyDesignTokens.Spacing4} + ${odysseyDesignTokens.Spacing1})`,\n      minHeight: `calc(${odysseyDesignTokens.Spacing4} + ${odysseyDesignTokens.Spacing1})`,\n      // 6px horizontal padding per design requirements\n      padding: \"0 6px\",\n      backgroundColor: badgeTypeColors(odysseyDesignTokens)[type].background,\n      color: badgeTypeColors(odysseyDesignTokens)[type].font,\n      borderRadius:\n        formattedContent.length > 1\n          ? `${odysseyDesignTokens.BorderRadiusOuter}`\n          : \"50%\",\n      fontSize: `${odysseyDesignTokens.TypographyScale0}`,\n      fontFamily: `${odysseyDesignTokens.TypographyFamilyMono}`,\n      fontWeight: `${odysseyDesignTokens.TypographyWeightBodyBold}`,\n      lineHeight: 1,\n      transitionDuration: `${odysseyDesignTokens.TransitionDurationMain}`,\n      transitionProperty: `background-color, color`,\n    };\n\n    const hasNotificationCount = badgeContent && badgeContent > 0;\n\n    return hasNotificationCount ? (\n      <Box sx={badgeStyles} testId={testId} translate={translate}>\n        {formattedContent}\n      </Box>\n    ) : null;\n  }, [\n    badgeContent,\n    badgeContentMax,\n    odysseyDesignTokens,\n    testId,\n    translate,\n    type,\n  ]);\n\n  return renderBadge;\n};\n\nconst MemoizedBadge = memo(Badge);\nMemoizedBadge.displayName = \"Badge\";\n\nexport { MemoizedBadge as Badge };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/Banner.js

@@ -11,7 +11,6 @@ import _AlertTitle from "@mui/material/AlertTitle";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-
 import { memo } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "./Link.js";