@okta/odyssey-contribution-tooling 1.47.0

package/dist/esm/useAutocomplete.js

@@ -0,0 +1,104 @@
+import _InputBase from "@mui/material/InputBase";
+/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+import { useCallback, useMemo, useRef } from "react";
+import { Field } from "./Field.js";
+import { ComponentControlledState, getControlState, useInputValues } from "./inputUtils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const useAutocomplete = ({
+  ariaDescribedBy,
+  defaultValue,
+  errorMessage,
+  errorMessageList,
+  hasMultipleChoices,
+  hint,
+  HintLinkComponent,
+  inputValue,
+  isFullWidth,
+  isOptional,
+  isVirtualized: isVirtualizedProp,
+  label,
+  name: nameOverride,
+  testId,
+  value
+}) => {
+  const controlledStateRef = useRef(getControlState({
+    controlledValue: value,
+    uncontrolledValue: defaultValue
+  }));
+  const isVirtualizedRef = useRef(Boolean(isVirtualizedProp));
+  const defaultValueProp = useMemo(() => {
+    if (hasMultipleChoices) {
+      if (value === undefined) {
+        return defaultValue;
+      }
+      return [];
+    }
+    return value === undefined ? defaultValue : undefined;
+  }, [defaultValue, hasMultipleChoices, value]);
+  const valueProps = useInputValues({
+    controlState: controlledStateRef.current,
+    defaultValue: defaultValueProp,
+    value
+  });
+  const inputValueProp = useMemo(() => {
+    if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {
+      return {
+        inputValue
+      };
+    }
+    return undefined;
+  }, [inputValue]);
+  const renderInput = useCallback(({
+    InputLabelProps,
+    InputProps,
+    ...params
+  }) => _jsx(Field, {
+    ariaDescribedBy: ariaDescribedBy,
+    errorMessage: errorMessage,
+    errorMessageList: errorMessageList,
+    fieldType: "single",
+    hasVisibleLabel: true,
+    hint: hint,
+    HintLinkComponent: HintLinkComponent,
+    id: InputLabelProps.htmlFor,
+    isFullWidth: isFullWidth,
+    isOptional: isOptional,
+    label: label,
+    renderFieldComponent: ({
+      ariaDescribedBy,
+      id,
+      errorMessageElementId,
+      labelElementId
+    }) => _jsx(_InputBase, {
+      ...params,
+      ...InputProps,
+      "aria-describedby": ariaDescribedBy,
+      id: id,
+      inputProps: {
+        ...params.inputProps,
+        "aria-errormessage": errorMessageElementId,
+        "aria-labelledby": labelElementId,
+        "data-se": testId
+      },
+      name: nameOverride ?? id,
+      required: !isOptional
+    })
+  }), [ariaDescribedBy, errorMessage, errorMessageList, hint, HintLinkComponent, isFullWidth, isOptional, label, nameOverride, testId]);
+  return {
+    inputValueProp,
+    isVirtualizedRef,
+    renderInput,
+    valueProps
+  };
+};
+//# sourceMappingURL=useAutocomplete.js.map

package/dist/esm/useAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutocomplete.js","names":["useCallback","useMemo","useRef","Field","ComponentControlledState","getControlState","useInputValues","jsx","_jsx","useAutocomplete","ariaDescribedBy","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hint","HintLinkComponent","inputValue","isFullWidth","isOptional","isVirtualized","isVirtualizedProp","label","name","nameOverride","testId","value","controlledStateRef","controlledValue","uncontrolledValue","isVirtualizedRef","Boolean","defaultValueProp","undefined","valueProps","controlState","current","inputValueProp","CONTROLLED","renderInput","InputLabelProps","InputProps","params","fieldType","hasVisibleLabel","id","htmlFor","renderFieldComponent","errorMessageElementId","labelElementId","_InputBase","inputProps","required"],"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":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA,SAASA,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAGpD,SAASC,KAAK,QAAQ,YAAY;AAClC,SACEC,wBAAwB,EACxBC,eAAe,EACfC,cAAc,QACT,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAyBzB,OAAO,MAAMC,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,GAAGzB,MAAM,CAC/BG,eAAe,CAAC;IACduB,eAAe,EAAEF,KAAK;IACtBG,iBAAiB,EAAElB;EACrB,CAAC,CACH,CAAC;EAED,MAAMmB,gBAAgB,GAAG5B,MAAM,CAAC6B,OAAO,CAACV,iBAAiB,CAAC,CAAC;EAE3D,MAAMW,gBAAgB,GAAG/B,OAAO,CAQ9B,MAAM;IACN,IAAIa,kBAAkB,EAAE;MACtB,IAAIY,KAAK,KAAKO,SAAS,EAAE;QACvB,OAAOtB,YAAY;MACrB;MACA,OAAO,EAAE;IAMX;IACA,OAAOe,KAAK,KAAKO,SAAS,GAAGtB,YAAY,GAAGsB,SAAS;EACvD,CAAC,EAAE,CAACtB,YAAY,EAAEG,kBAAkB,EAAEY,KAAK,CAAC,CAAC;EAE7C,MAAMQ,UAAU,GAAG5B,cAAc,CAAC;IAChC6B,YAAY,EAAER,kBAAkB,CAACS,OAAO;IACxCzB,YAAY,EAAEqB,gBAAgB;IAC9BN;EACF,CAAC,CAAC;EAEF,MAAMW,cAAc,GAAGpC,OAAO,CAAC,MAAM;IACnC,IAAI0B,kBAAkB,CAACS,OAAO,KAAKhC,wBAAwB,CAACkC,UAAU,EAAE;MACtE,OAAO;QAAErB;MAAW,CAAC;IACvB;IACA,OAAOgB,SAAS;EAClB,CAAC,EAAE,CAAChB,UAAU,CAAC,CAAC;EAEhB,MAAMsB,WAAW,GAAGvC,WAAW,CAC7B,CAAC;IACCwC,eAAe;IACfC,UAAU;IACV,GAAGC;EAC0B,CAAC,KAC9BlC,IAAA,CAACL,KAAK;IACJO,eAAe,EAAEA,eAAgB;IACjCE,YAAY,EAAEA,YAAa;IAC3BC,gBAAgB,EAAEA,gBAAiB;IACnC8B,SAAS,EAAC,QAAQ;IAClBC,eAAe;IACf7B,IAAI,EAAEA,IAAK;IACXC,iBAAiB,EAAEA,iBAAkB;IAGrC6B,EAAE,EAAEL,eAAe,CAACM,OAAQ;IAC5B5B,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBG,KAAK,EAAEA,KAAM;IACbyB,oBAAoB,EAAEA,CAAC;MACrBrC,eAAe;MACfmC,EAAE;MACFG,qBAAqB;MACrBC;IACF,CAAC,KACCzC,IAAA,CAAA0C,UAAA;MAAA,GACMR,MAAM;MAAA,GACND,UAAU;MACd,oBAAkB/B,eAAgB;MAClCmC,EAAE,EAAEA,EAAG;MACPM,UAAU,EAAE;QACV,GAAGT,MAAM,CAACS,UAAU;QACpB,mBAAmB,EAAEH,qBAAqB;QAC1C,iBAAiB,EAAEC,cAAc;QACjC,SAAS,EAAExB;MACb,CAAE;MACFF,IAAI,EAAEC,YAAY,IAAIqB,EAAG;MACzBO,QAAQ,EAAE,CAACjC;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;IACLY,cAAc;IACdP,gBAAgB;IAChBS,WAAW;IACXL;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/useContrastMode.js

@@ -0,0 +1,87 @@
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import * as Tokens from "@okta/odyssey-design-tokens";
+import { createContext, useCallback, useContext, useEffect, useRef, useState } from "react";
+import { hexToRgb } from "./hexToRgb.js";
+export const ContrastModeContext = createContext({
+  contrastMode: "lowContrast"
+});
+export const defaultContrast = "lowContrast";
+export const useContrastModeContext = () => useContext(ContrastModeContext);
+export const hueNeutral50Rgb = hexToRgb(Tokens.HueNeutral50).asFormattedString;
+export const isTransparentColor = color => color === "rgba(0, 0, 0, 0)" || color === "transparent";
+export const normalizeRgbaToRgb = rgba => rgba.replace(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*[\d.]+\)/, "rgb($1, $2, $3)");
+export const getElementComputedBackgroundColor = element => window.getComputedStyle(element).backgroundColor;
+export const normalizeBackgroundColor = bgColor => {
+  if (/rgba\((\d+),\s*(\d+),\s*(\d+),\s*[\d.]+\)/.test(bgColor)) {
+    const normalizedColor = normalizeRgbaToRgb(bgColor);
+    return normalizedColor === hueNeutral50Rgb ? Tokens.HueNeutral50 : normalizedColor;
+  }
+  return bgColor === hueNeutral50Rgb ? Tokens.HueNeutral50 : bgColor;
+};
+export const defaultParentBackgroundColor = "#ffffff";
+export const getBackgroundColor = element => {
+  while (element) {
+    const bgColor = getElementComputedBackgroundColor(element);
+    if (!isTransparentColor(bgColor)) {
+      return normalizeBackgroundColor(bgColor);
+    }
+    element = element.parentElement;
+  }
+  return defaultParentBackgroundColor;
+};
+export const useContrastMode = ({
+  contrastMode: explicitContrastMode
+}) => {
+  const contrastContainerRef = useRef(null);
+  const {
+    contrastMode: existingContrastMode
+  } = useContrastModeContext();
+  const [parentBackgroundColor, setParentBackgroundColor] = useState(defaultParentBackgroundColor);
+  const [contrastMode, setContrastMode] = useState(() => explicitContrastMode || existingContrastMode);
+  const updateBackgroundColor = useCallback(() => {
+    const newBgColor = getBackgroundColor(contrastContainerRef.current);
+    setParentBackgroundColor(newBgColor);
+    if (!explicitContrastMode) {
+      setContrastMode(newBgColor === Tokens.HueNeutral50 ? "highContrast" : "lowContrast");
+    }
+  }, [explicitContrastMode]);
+  useEffect(() => {
+    const observer = new MutationObserver(updateBackgroundColor);
+    observer.observe(document.querySelector("html"), {
+      attributes: true,
+      attributeFilter: ["class", "style"]
+    });
+    observer.observe(document.head, {
+      childList: true,
+      subtree: true
+    });
+    const onTransitionEnd = event => {
+      if (event.propertyName === "background-color") {
+        updateBackgroundColor();
+      }
+    };
+    document.addEventListener("transitionend", onTransitionEnd);
+    updateBackgroundColor();
+    return () => {
+      document.removeEventListener("transitionend", onTransitionEnd);
+      observer.disconnect();
+    };
+  }, [updateBackgroundColor]);
+  return {
+    contrastContainerRef,
+    contrastMode,
+    parentBackgroundColor
+  };
+};
+//# sourceMappingURL=useContrastMode.js.map

package/dist/esm/useContrastMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContrastMode.js","names":["Tokens","createContext","useCallback","useContext","useEffect","useRef","useState","hexToRgb","ContrastModeContext","contrastMode","defaultContrast","useContrastModeContext","hueNeutral50Rgb","HueNeutral50","asFormattedString","isTransparentColor","color","normalizeRgbaToRgb","rgba","replace","getElementComputedBackgroundColor","element","window","getComputedStyle","backgroundColor","normalizeBackgroundColor","bgColor","test","normalizedColor","defaultParentBackgroundColor","getBackgroundColor","parentElement","useContrastMode","explicitContrastMode","contrastContainerRef","existingContrastMode","parentBackgroundColor","setParentBackgroundColor","setContrastMode","updateBackgroundColor","newBgColor","current","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/esm/useMountLifecycleEffect.js

@@ -0,0 +1,29 @@
+/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { useEffect, useRef } from "react";
+export const useMountLifecycleEffect = ({
+  onMount,
+  onUpdate
+}) => {
+  const isMounted = useRef(false);
+  const onMountRef = useRef(onMount);
+  useEffect(() => {
+    if (isMounted.current) {
+      onUpdate?.();
+    } else {
+      isMounted.current = true;
+      onMountRef.current?.();
+    }
+  }, [onUpdate]);
+};
+//# sourceMappingURL=useMountLifecycleEffect.js.map

package/dist/esm/useMountLifecycleEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMountLifecycleEffect.js","names":["useEffect","useRef","useMountLifecycleEffect","onMount","onUpdate","isMounted","onMountRef","current"],"sources":["../../src/useMountLifecycleEffect.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 { useEffect, useRef } from \"react\";\n\nexport const useMountLifecycleEffect = ({\n  onMount,\n  onUpdate,\n}: {\n  onMount?: () => void;\n  onUpdate?: () => void;\n}) => {\n  const isMounted = useRef(false);\n  const onMountRef = useRef(onMount);\n\n  useEffect(() => {\n    if (isMounted.current) {\n      onUpdate?.();\n    } else {\n      isMounted.current = true;\n      onMountRef.current?.();\n    }\n  }, [onUpdate]);\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEzC,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EACtCC,OAAO;EACPC;AAIF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAGJ,MAAM,CAAC,KAAK,CAAC;EAC/B,MAAMK,UAAU,GAAGL,MAAM,CAACE,OAAO,CAAC;EAElCH,SAAS,CAAC,MAAM;IACd,IAAIK,SAAS,CAACE,OAAO,EAAE;MACrBH,QAAQ,GAAG,CAAC;IACd,CAAC,MAAM;MACLC,SAAS,CAACE,OAAO,GAAG,IAAI;MACxBD,UAAU,CAACC,OAAO,GAAG,CAAC;IACxB;EACF,CAAC,EAAE,CAACH,QAAQ,CAAC,CAAC;AAChB,CAAC","ignoreList":[]}

package/dist/esm/useNormalizedKey.js

@@ -0,0 +1,17 @@
+/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+export const normalizedKey = (...keyParts) => {
+  const SEPARATOR = "-";
+  return keyParts.join(SEPARATOR).replace(/\W+/g, SEPARATOR).toLowerCase();
+};
+//# sourceMappingURL=useNormalizedKey.js.map

package/dist/esm/useNormalizedKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNormalizedKey.js","names":["normalizedKey","keyParts","SEPARATOR","join","replace","toLowerCase"],"sources":["../../src/useNormalizedKey.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\nexport const normalizedKey = (...keyParts: string[]): string => {\n  const SEPARATOR = \"-\";\n  // Joins all strings together with SEPARATOR, replaces any non-alphanumeric character with SEPARATOR and casts all to lowercase\n  return keyParts.join(SEPARATOR).replace(/\\W+/g, SEPARATOR).toLowerCase();\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,aAAa,GAAGA,CAAC,GAAGC,QAAkB,KAAa;EAC9D,MAAMC,SAAS,GAAG,GAAG;EAErB,OAAOD,QAAQ,CAACE,IAAI,CAACD,SAAS,CAAC,CAACE,OAAO,CAAC,MAAM,EAAEF,SAAS,CAAC,CAACG,WAAW,CAAC,CAAC;AAC1E,CAAC","ignoreList":[]}

package/dist/esm/useSessionStorageState.js

@@ -0,0 +1,56 @@
+/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useMountLifecycleEffect } from "./useMountLifecycleEffect.js";
+export const getSessionStorageValue = key => {
+  const sessionStorageValue = window.sessionStorage.getItem(key);
+  try {
+    if (typeof sessionStorageValue === "string") {
+      return JSON.parse(sessionStorageValue);
+    }
+    return null;
+  } catch {
+    if (typeof sessionStorageValue === "string") {
+      return sessionStorageValue;
+    }
+    return null;
+  }
+};
+export const useSessionStorageState = ({
+  initialState,
+  key
+}) => {
+  if (!key) {
+    throw new Error("You must pass a value for `key`.");
+  }
+  const sessionState = useMemo(() => getSessionStorageValue(key), [key]);
+  const setSessionState = useCallback(value => {
+    const sessionStorageState = typeof value === "undefined" ? "" : JSON.stringify(value);
+    window.sessionStorage.setItem(key, sessionStorageState);
+  }, [key]);
+  const [localState, setLocalState] = useState(() => sessionState ?? initialState);
+  useEffect(() => {
+    setSessionState(localState);
+  }, [localState, setSessionState]);
+  const onUpdate = useCallback(() => {
+    setLocalState(sessionState ?? initialState);
+  }, [initialState, sessionState]);
+  useMountLifecycleEffect({
+    onUpdate
+  });
+  return {
+    sessionState: localState,
+    setSessionState: setLocalState
+  };
+};
+//# sourceMappingURL=useSessionStorageState.js.map

package/dist/esm/useSessionStorageState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionStorageState.js","names":["useCallback","useEffect","useMemo","useState","useMountLifecycleEffect","getSessionStorageValue","key","sessionStorageValue","window","sessionStorage","getItem","JSON","parse","useSessionStorageState","initialState","Error","sessionState","setSessionState","value","sessionStorageState","stringify","setItem","localState","setLocalState","onUpdate"],"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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAEjE,SAASC,uBAAuB,QAAQ,8BAA8B;AAEtE,OAAO,MAAMC,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;AAED,OAAO,MAAMM,sBAAsB,GAAGA,CAAQ;EAC5CC,YAAY;EACZR;AAIF,CAAC,KAAK;EACJ,IAAI,CAACA,GAAG,EAAE;IACR,MAAM,IAAIS,KAAK,CAAC,kCAAkC,CAAC;EACrD;EAEA,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAMG,sBAAsB,CAAQC,GAAG,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAE7E,MAAMW,eAAe,GAAGjB,WAAW,CAChCkB,KAAY,IAAK;IAChB,MAAMC,mBAAmB,GACvB,OAAOD,KAAK,KAAK,WAAW,GAAG,EAAE,GAAGP,IAAI,CAACS,SAAS,CAACF,KAAK,CAAC;IAE3DV,MAAM,CAACC,cAAc,CAACY,OAAO,CAACf,GAAG,EAAEa,mBAAmB,CAAC;EACzD,CAAC,EACD,CAACb,GAAG,CACN,CAAC;EAED,MAAM,CAACgB,UAAU,EAAEC,aAAa,CAAC,GAAGpB,QAAQ,CAC1C,MAAMa,YAAY,IAAIF,YACxB,CAAC;EAGDb,SAAS,CAAC,MAAM;IACdgB,eAAe,CAACK,UAAU,CAAC;EAC7B,CAAC,EAAE,CAACA,UAAU,EAAEL,eAAe,CAAC,CAAC;EAGjC,MAAMO,QAAQ,GAAGxB,WAAW,CAAC,MAAM;IACjCuB,aAAa,CAACP,YAAY,IAAIF,YAAY,CAAC;EAC7C,CAAC,EAAE,CAACA,YAAY,EAAEE,YAAY,CAAC,CAAC;EAEhCZ,uBAAuB,CAAC;IACtBoB;EACF,CAAC,CAAC;EAEF,OAAO;IACLR,YAAY,EAAEM,UAAU;IACxBL,eAAe,EAAEM;EACnB,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/useUniqueAlphabeticalId.js

@@ -0,0 +1,19 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { useMemo } from "react";
+import { createUniqueAlphabeticalId } from "./createUniqueAlphabeticalId.js";
+export const useUniqueAlphabeticalId = id => {
+  const uniqueAlphabeticalId = useMemo(() => createUniqueAlphabeticalId(), []);
+  return id ?? uniqueAlphabeticalId;
+};
+//# sourceMappingURL=useUniqueAlphabeticalId.js.map

package/dist/esm/useUniqueAlphabeticalId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUniqueAlphabeticalId.js","names":["useMemo","createUniqueAlphabeticalId","useUniqueAlphabeticalId","id","uniqueAlphabeticalId"],"sources":["../../src/useUniqueAlphabeticalId.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-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 { useMemo } from \"react\";\n\nimport { createUniqueAlphabeticalId } from \"./createUniqueAlphabeticalId.js\";\n\nexport const useUniqueAlphabeticalId = (id?: string) => {\n  const uniqueAlphabeticalId = useMemo(() => createUniqueAlphabeticalId(), []);\n\n  return id ?? uniqueAlphabeticalId;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,0BAA0B,QAAQ,iCAAiC;AAE5E,OAAO,MAAMC,uBAAuB,GAAIC,EAAW,IAAK;EACtD,MAAMC,oBAAoB,GAAGJ,OAAO,CAAC,MAAMC,0BAA0B,CAAC,CAAC,EAAE,EAAE,CAAC;EAE5E,OAAOE,EAAE,IAAIC,oBAAoB;AACnC,CAAC","ignoreList":[]}

package/dist/esm/useUniqueId.js

@@ -0,0 +1,19 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { useMemo } from "react";
+import { createUniqueId } from "./createUniqueId.js";
+export const useUniqueId = id => {
+  const uniqueId = useMemo(() => createUniqueId(), []);
+  return id ?? uniqueId;
+};
+//# sourceMappingURL=useUniqueId.js.map

package/dist/esm/useUniqueId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUniqueId.js","names":["useMemo","createUniqueId","useUniqueId","id","uniqueId"],"sources":["../../src/useUniqueId.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-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 { useMemo } from \"react\";\n\nimport { createUniqueId } from \"./createUniqueId.js\";\n\nexport const useUniqueId = (id?: string) => {\n  const uniqueId = useMemo(() => createUniqueId(), []);\n\n  return id ?? uniqueId;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,cAAc,QAAQ,qBAAqB;AAEpD,OAAO,MAAMC,WAAW,GAAIC,EAAW,IAAK;EAC1C,MAAMC,QAAQ,GAAGJ,OAAO,CAAC,MAAMC,cAAc,CAAC,CAAC,EAAE,EAAE,CAAC;EAEpD,OAAOE,EAAE,IAAIC,QAAQ;AACvB,CAAC","ignoreList":[]}

package/dist/esm/web-component/createReactRootElements.js

@@ -0,0 +1,27 @@
+/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+export const appRootElementId = "app-root";
+export const stylesRootElementId = "style-root";
+export const createReactRootElements = () => {
+  const appRootElement = document.createElement("div");
+  const stylesRootElement = document.createElement("div");
+  appRootElement.style.setProperty("height", "inherit");
+  appRootElement.setAttribute("id", appRootElementId);
+  stylesRootElement.setAttribute("id", stylesRootElementId);
+  stylesRootElement.setAttribute("nonce", window.cspNonce);
+  return {
+    appRootElement,
+    stylesRootElement
+  };
+};
+//# sourceMappingURL=createReactRootElements.js.map

package/dist/esm/web-component/createReactRootElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createReactRootElements.js","names":["appRootElementId","stylesRootElementId","createReactRootElements","appRootElement","document","createElement","stylesRootElement","style","setProperty","setAttribute","window","cspNonce"],"sources":["../../../src/web-component/createReactRootElements.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\nexport type ReactRootElements = {\n  /**\n   * The element your root React component renders into.\n   * React has to render or portal somewhere, and this element can be used for that root element.\n   */\n  appRootElement: HTMLDivElement;\n  /**\n   * In React apps, your styles typically go in `document.head`, but you may want to render them somewhere else.\n   *\n   * Specifically when rendering in a web component, there is no `<head>`, so you have to create a spot for styles to render.\n   */\n  stylesRootElement: HTMLDivElement | HTMLHeadElement;\n};\n\nexport const appRootElementId = \"app-root\";\nexport const stylesRootElementId = \"style-root\";\n\nexport const createReactRootElements = () => {\n  const appRootElement = document.createElement(\"div\");\n  const stylesRootElement = document.createElement(\"div\");\n\n  // This `div` may cause layout issues unless it inherits the parent's height.\n  appRootElement.style.setProperty(\"height\", \"inherit\");\n\n  appRootElement.setAttribute(\"id\", appRootElementId);\n  stylesRootElement.setAttribute(\"id\", stylesRootElementId);\n  stylesRootElement.setAttribute(\"nonce\", window.cspNonce);\n\n  return {\n    appRootElement,\n    stylesRootElement,\n  } satisfies ReactRootElements;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,OAAO,MAAMA,gBAAgB,GAAG,UAAU;AAC1C,OAAO,MAAMC,mBAAmB,GAAG,YAAY;AAE/C,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EAC3C,MAAMC,cAAc,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACpD,MAAMC,iBAAiB,GAAGF,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAGvDF,cAAc,CAACI,KAAK,CAACC,WAAW,CAAC,QAAQ,EAAE,SAAS,CAAC;EAErDL,cAAc,CAACM,YAAY,CAAC,IAAI,EAAET,gBAAgB,CAAC;EACnDM,iBAAiB,CAACG,YAAY,CAAC,IAAI,EAAER,mBAAmB,CAAC;EACzDK,iBAAiB,CAACG,YAAY,CAAC,OAAO,EAAEC,MAAM,CAACC,QAAQ,CAAC;EAExD,OAAO;IACLR,cAAc;IACdG;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/web-component/createShadowDomElements.js

@@ -0,0 +1,47 @@
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { createReactRootElements } from "./createReactRootElements.js";
+import { removeGlobalStylesFromShadowDom } from "./removeGlobalStylesFromShadowDom.js";
+export const createShadowDomElements = (containerElement, nonce = window.cspNonce) => {
+  const shadowRoot = containerElement.attachShadow({
+    mode: "open"
+  });
+  const {
+    appRootElement,
+    stylesRootElement
+  } = createReactRootElements();
+  shadowRoot.appendChild(appRootElement);
+  shadowRoot.appendChild(stylesRootElement);
+  removeGlobalStylesFromShadowDom({
+    nonce,
+    stylesRootElement
+  });
+  return {
+    emotionRootElement: stylesRootElement,
+    shadowRootElement: appRootElement
+  };
+};
+export const createShadowRootElement = containerElement => {
+  const shadowRoot = containerElement.attachShadow({
+    mode: "open"
+  });
+  const emotionRootElement = document.createElement("style");
+  emotionRootElement.setAttribute("id", "style-root");
+  emotionRootElement.setAttribute("nonce", window.cspNonce);
+  const shadowRootElement = document.createElement("div");
+  shadowRootElement.setAttribute("id", "shadow-root");
+  shadowRoot.appendChild(emotionRootElement);
+  shadowRoot.appendChild(shadowRootElement);
+  return [emotionRootElement, shadowRootElement];
+};
+//# sourceMappingURL=createShadowDomElements.js.map

package/dist/esm/web-component/createShadowDomElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createShadowDomElements.js","names":["createReactRootElements","removeGlobalStylesFromShadowDom","createShadowDomElements","containerElement","nonce","window","cspNonce","shadowRoot","attachShadow","mode","appRootElement","stylesRootElement","appendChild","emotionRootElement","shadowRootElement","createShadowRootElement","document","createElement","setAttribute"],"sources":["../../../src/web-component/createShadowDomElements.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 { createReactRootElements } from \"./createReactRootElements.js\";\nimport { removeGlobalStylesFromShadowDom } from \"./removeGlobalStylesFromShadowDom.js\";\n\n/**\n * This function is necessary only when using bare Shadow DOM, but with UI Shell rendering in a Web Component, you won't be able to render your Shadow DOM in its Shadow DOM without using a Web Component.\n *\n * In most cases, you'll want to use `renderReactInWebComponent` from `@okta/odyssey-react-mui/web-component` instead.\n */\nexport const createShadowDomElements = (\n  containerElement: HTMLElement,\n  nonce: string = window.cspNonce,\n) => {\n  const shadowRoot = containerElement.attachShadow({ mode: \"open\" });\n\n  // Container for Emotion `<style>` elements.\n  const { appRootElement, stylesRootElement } = createReactRootElements();\n\n  shadowRoot.appendChild(appRootElement);\n  shadowRoot.appendChild(stylesRootElement);\n\n  removeGlobalStylesFromShadowDom({\n    nonce,\n    stylesRootElement,\n  });\n\n  return {\n    emotionRootElement: stylesRootElement,\n    shadowRootElement: appRootElement,\n  };\n};\n\n/**\n * @deprecated Use `createShadowDomElements` instead which returns an object instead of an array. It's otherwise the same.\n * @deprecated Ideally, use `renderReactInWebComponent` from `@okta/odyssey-react-mui/web-component` instead. This function was necessary when using bare Shadow DOM, but with UI Shell rendering in a Web Component, you won't be able to render your Shadow DOM in its Shadow DOM without using a Web Component. */\nexport const createShadowRootElement = (\n  containerElement: HTMLElement,\n): [HTMLStyleElement, HTMLDivElement] => {\n  const shadowRoot = containerElement.attachShadow({ mode: \"open\" });\n\n  // the element that styles will be cached into\n  const emotionRootElement = document.createElement(\"style\");\n  emotionRootElement.setAttribute(\"id\", \"style-root\");\n  emotionRootElement.setAttribute(\"nonce\", window.cspNonce);\n\n  // the element that emotion renders html into\n  const shadowRootElement = document.createElement(\"div\");\n  shadowRootElement.setAttribute(\"id\", \"shadow-root\");\n\n  shadowRoot.appendChild(emotionRootElement);\n  shadowRoot.appendChild(shadowRootElement);\n\n  return [emotionRootElement, shadowRootElement];\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,uBAAuB,QAAQ,8BAA8B;AACtE,SAASC,+BAA+B,QAAQ,sCAAsC;AAOtF,OAAO,MAAMC,uBAAuB,GAAGA,CACrCC,gBAA6B,EAC7BC,KAAa,GAAGC,MAAM,CAACC,QAAQ,KAC5B;EACH,MAAMC,UAAU,GAAGJ,gBAAgB,CAACK,YAAY,CAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC;EAGlE,MAAM;IAAEC,cAAc;IAAEC;EAAkB,CAAC,GAAGX,uBAAuB,CAAC,CAAC;EAEvEO,UAAU,CAACK,WAAW,CAACF,cAAc,CAAC;EACtCH,UAAU,CAACK,WAAW,CAACD,iBAAiB,CAAC;EAEzCV,+BAA+B,CAAC;IAC9BG,KAAK;IACLO;EACF,CAAC,CAAC;EAEF,OAAO;IACLE,kBAAkB,EAAEF,iBAAiB;IACrCG,iBAAiB,EAAEJ;EACrB,CAAC;AACH,CAAC;AAKD,OAAO,MAAMK,uBAAuB,GAClCZ,gBAA6B,IACU;EACvC,MAAMI,UAAU,GAAGJ,gBAAgB,CAACK,YAAY,CAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC;EAGlE,MAAMI,kBAAkB,GAAGG,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAC1DJ,kBAAkB,CAACK,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC;EACnDL,kBAAkB,CAACK,YAAY,CAAC,OAAO,EAAEb,MAAM,CAACC,QAAQ,CAAC;EAGzD,MAAMQ,iBAAiB,GAAGE,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACvDH,iBAAiB,CAACI,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC;EAEnDX,UAAU,CAACK,WAAW,CAACC,kBAAkB,CAAC;EAC1CN,UAAU,CAACK,WAAW,CAACE,iBAAiB,CAAC;EAEzC,OAAO,CAACD,kBAAkB,EAAEC,iBAAiB,CAAC;AAChD,CAAC","ignoreList":[]}

package/dist/esm/web-component/index.js

@@ -0,0 +1,17 @@
+/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+export * from "./createReactRootElements.js";
+export * from "./createShadowDomElements.js";
+export * from "./removeGlobalStylesFromShadowDom.js";
+export * from "./renderReactInWebComponent.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/web-component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/web-component/index.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\nexport * from \"./createReactRootElements.js\";\nexport * from \"./createShadowDomElements.js\";\nexport * from \"./removeGlobalStylesFromShadowDom.js\";\nexport * from \"./renderReactInWebComponent.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,cAAc,8BAA8B;AAC5C,cAAc,8BAA8B;AAC5C,cAAc,sCAAsC;AACpD,cAAc,gCAAgC","ignoreList":[]}

package/dist/esm/web-component/odysseyWebComponentVersion.generated.js

@@ -0,0 +1,12 @@
+/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */export default "1-47-0";
+//# sourceMappingURL=odysseyWebComponentVersion.generated.js.map

package/dist/esm/web-component/odysseyWebComponentVersion.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"odysseyWebComponentVersion.generated.js","names":[],"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-47-0\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAQA,eAAe,QAAQ","ignoreList":[]}

package/dist/esm/web-component/removeGlobalStylesFromShadowDom.js

@@ -0,0 +1,28 @@
+/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+export const shadowDomHostStyles = `
+  :host {
+    all: initial;
+    contain: content;
+  }
+`;
+export const removeGlobalStylesFromShadowDom = ({
+  nonce,
+  stylesRootElement
+}) => {
+  const styleHostElement = document.createElement("style");
+  styleHostElement.setAttribute("nonce", nonce);
+  styleHostElement.innerHTML = shadowDomHostStyles;
+  stylesRootElement.appendChild(styleHostElement);
+};
+//# sourceMappingURL=removeGlobalStylesFromShadowDom.js.map

package/dist/esm/web-component/removeGlobalStylesFromShadowDom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeGlobalStylesFromShadowDom.js","names":["shadowDomHostStyles","removeGlobalStylesFromShadowDom","nonce","stylesRootElement","styleHostElement","document","createElement","setAttribute","innerHTML","appendChild"],"sources":["../../../src/web-component/removeGlobalStylesFromShadowDom.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 { ReactRootElements } from \"./createReactRootElements.js\";\n\nexport const shadowDomHostStyles = `\n  :host {\n    all: initial;\n    contain: content;\n  }\n`;\n\nexport const removeGlobalStylesFromShadowDom = ({\n  nonce,\n  stylesRootElement,\n}: {\n  nonce: string;\n  stylesRootElement: ReactRootElements[\"stylesRootElement\"];\n}) => {\n  const styleHostElement = document.createElement(\"style\");\n\n  styleHostElement.setAttribute(\"nonce\", nonce);\n\n  styleHostElement.innerHTML = shadowDomHostStyles;\n\n  stylesRootElement.appendChild(styleHostElement);\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAO,MAAMA,mBAAmB,GAAG;AACnC;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,+BAA+B,GAAGA,CAAC;EAC9CC,KAAK;EACLC;AAIF,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAExDF,gBAAgB,CAACG,YAAY,CAAC,OAAO,EAAEL,KAAK,CAAC;EAE7CE,gBAAgB,CAACI,SAAS,GAAGR,mBAAmB;EAEhDG,iBAAiB,CAACM,WAAW,CAACL,gBAAgB,CAAC;AACjD,CAAC","ignoreList":[]}