@okta/odyssey-contribution-tooling 1.52.1 → 1.53.0

package/dist/cjs/useAutocomplete.cjs

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAutocomplete = void 0;
+var _InputBase2 = _interopRequireDefault(require("@mui/material/InputBase"));
+var _react = require("react");
+var _Field = require("./Field.cjs");
+var _inputUtils = require("./inputUtils.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */
+
+const useAutocomplete = ({
+  ariaDescribedBy,
+  defaultValue,
+  errorMessage,
+  errorMessageList,
+  hasMultipleChoices,
+  hint,
+  HintLinkComponent,
+  inputValue,
+  isFullWidth,
+  isOptional,
+  isVirtualized: isVirtualizedProp,
+  label,
+  name: nameOverride,
+  testId,
+  value
+}) => {
+  const controlledStateRef = (0, _react.useRef)((0, _inputUtils.getControlState)({
+    controlledValue: value,
+    uncontrolledValue: defaultValue
+  }));
+  const isVirtualizedRef = (0, _react.useRef)(Boolean(isVirtualizedProp));
+  const defaultValueProp = (0, _react.useMemo)(() => {
+    if (hasMultipleChoices) {
+      if (value === undefined) {
+        return defaultValue;
+      }
+      return [];
+    }
+    return value === undefined ? defaultValue : undefined;
+  }, [defaultValue, hasMultipleChoices, value]);
+  const valueProps = (0, _inputUtils.useInputValues)({
+    controlState: controlledStateRef.current,
+    defaultValue: defaultValueProp,
+    value
+  });
+  const inputValueProp = (0, _react.useMemo)(() => {
+    if (controlledStateRef.current === _inputUtils.ComponentControlledState.CONTROLLED) {
+      return {
+        inputValue
+      };
+    }
+    return undefined;
+  }, [inputValue]);
+  const renderInput = (0, _react.useCallback)(({
+    InputLabelProps,
+    InputProps,
+    ...params
+  }) => (0, _jsxRuntime.jsx)(_Field.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
+    }) => (0, _jsxRuntime.jsx)(_InputBase2.default, {
+      ...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
+  };
+};
+exports.useAutocomplete = useAutocomplete;
+//# sourceMappingURL=useAutocomplete.cjs.map

package/dist/cjs/useAutocomplete.cjs.map

@@ -0,0 +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 {\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

@@ -0,0 +1,101 @@
+"use strict";
+
+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 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); }
+/*!
+ * 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.
+ */
+
+const ContrastModeContext = exports.ContrastModeContext = (0, _react.createContext)({
+  contrastMode: "lowContrast"
+});
+const defaultContrast = exports.defaultContrast = "lowContrast";
+const useContrastModeContext = () => (0, _react.useContext)(ContrastModeContext);
+exports.useContrastModeContext = useContrastModeContext;
+const hueNeutral50Rgb = exports.hueNeutral50Rgb = (0, _hexToRgb.hexToRgb)(Tokens.HueNeutral50).asFormattedString;
+const isTransparentColor = color => color === "rgba(0, 0, 0, 0)" || color === "transparent";
+exports.isTransparentColor = isTransparentColor;
+const normalizeRgbaToRgb = rgba => rgba.replace(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*[\d.]+\)/, "rgb($1, $2, $3)");
+exports.normalizeRgbaToRgb = normalizeRgbaToRgb;
+const getElementComputedBackgroundColor = element => window.getComputedStyle(element).backgroundColor;
+exports.getElementComputedBackgroundColor = getElementComputedBackgroundColor;
+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;
+};
+exports.normalizeBackgroundColor = normalizeBackgroundColor;
+const defaultParentBackgroundColor = exports.defaultParentBackgroundColor = Tokens.HueNeutral50;
+const getBackgroundColor = element => {
+  while (element) {
+    const bgColor = getElementComputedBackgroundColor(element);
+    if (!isTransparentColor(bgColor)) {
+      return normalizeBackgroundColor(bgColor);
+    }
+    element = element.parentElement;
+  }
+  return defaultParentBackgroundColor;
+};
+exports.getBackgroundColor = getBackgroundColor;
+const useContrastMode = ({
+  contrastMode: explicitContrastMode
+}) => {
+  const contrastContainerRef = (0, _react.useRef)(null);
+  const {
+    contrastMode: existingContrastMode
+  } = useContrastModeContext();
+  const [parentBackgroundColor, setParentBackgroundColor] = (0, _react.useState)(defaultParentBackgroundColor);
+  const [contrastMode, setContrastMode] = (0, _react.useState)(() => explicitContrastMode || existingContrastMode);
+  const updateBackgroundColor = (0, _react.useCallback)(() => {
+    const newBgColor = getBackgroundColor(contrastContainerRef.current);
+    setParentBackgroundColor(newBgColor);
+    if (!explicitContrastMode) {
+      setContrastMode(newBgColor === Tokens.HueNeutral50 ? "highContrast" : "lowContrast");
+    }
+  }, [explicitContrastMode]);
+  (0, _react.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
+  };
+};
+exports.useContrastMode = useContrastMode;
+//# sourceMappingURL=useContrastMode.cjs.map

package/dist/cjs/useContrastMode.cjs.map

@@ -0,0 +1 @@
+{"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 = Tokens.HueNeutral50;\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 gray/high 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/useMountLifecycleEffect.cjs

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMountLifecycleEffect = void 0;
+var _react = require("react");
+/*!
+ * 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.
+ */
+
+const useMountLifecycleEffect = ({
+  onMount,
+  onUpdate
+}) => {
+  const isMounted = (0, _react.useRef)(false);
+  const onMountRef = (0, _react.useRef)(onMount);
+  (0, _react.useEffect)(() => {
+    if (isMounted.current) {
+      onUpdate?.();
+    } else {
+      isMounted.current = true;
+      onMountRef.current?.();
+    }
+  }, [onUpdate]);
+};
+exports.useMountLifecycleEffect = useMountLifecycleEffect;
+//# sourceMappingURL=useMountLifecycleEffect.cjs.map

package/dist/cjs/useMountLifecycleEffect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMountLifecycleEffect.cjs","names":["_react","require","useMountLifecycleEffect","onMount","onUpdate","isMounted","useRef","onMountRef","useEffect","current","exports"],"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":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIO,MAAMC,uBAAuB,GAAGA,CAAC;EACtCC,OAAO;EACPC;AAIF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAC/B,MAAMC,UAAU,GAAG,IAAAD,aAAM,EAACH,OAAO,CAAC;EAElC,IAAAK,gBAAS,EAAC,MAAM;IACd,IAAIH,SAAS,CAACI,OAAO,EAAE;MACrBL,QAAQ,GAAG,CAAC;IACd,CAAC,MAAM;MACLC,SAAS,CAACI,OAAO,GAAG,IAAI;MACxBF,UAAU,CAACE,OAAO,GAAG,CAAC;IACxB;EACF,CAAC,EAAE,CAACL,QAAQ,CAAC,CAAC;AAChB,CAAC;AAACM,OAAA,CAAAR,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/dist/cjs/useNormalizedKey.cjs

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalizedKey = void 0;
+/*!
+ * 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.
+ */
+
+const normalizedKey = (...keyParts) => {
+  const SEPARATOR = "-";
+  return keyParts.join(SEPARATOR).replace(/\W+/g, SEPARATOR).toLowerCase();
+};
+exports.normalizedKey = normalizedKey;
+//# sourceMappingURL=useNormalizedKey.cjs.map

package/dist/cjs/useNormalizedKey.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNormalizedKey.cjs","names":["normalizedKey","keyParts","SEPARATOR","join","replace","toLowerCase","exports"],"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;;AAEO,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;AAACC,OAAA,CAAAN,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/cjs/useSessionStorageState.cjs

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSessionStorageState = exports.getSessionStorageValue = void 0;
+var _react = require("react");
+var _useMountLifecycleEffect = require("./useMountLifecycleEffect.cjs");
+/*!
+ * 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.
+ */
+
+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;
+  }
+};
+exports.getSessionStorageValue = getSessionStorageValue;
+const useSessionStorageState = ({
+  initialState,
+  key
+}) => {
+  if (!key) {
+    throw new Error("You must pass a value for `key`.");
+  }
+  const sessionState = (0, _react.useMemo)(() => getSessionStorageValue(key), [key]);
+  const setSessionState = (0, _react.useCallback)(value => {
+    const sessionStorageState = typeof value === "undefined" ? "" : JSON.stringify(value);
+    window.sessionStorage.setItem(key, sessionStorageState);
+  }, [key]);
+  const [localState, setLocalState] = (0, _react.useState)(() => sessionState ?? initialState);
+  (0, _react.useEffect)(() => {
+    setSessionState(localState);
+  }, [localState, setSessionState]);
+  const onUpdate = (0, _react.useCallback)(() => {
+    setLocalState(sessionState ?? initialState);
+  }, [initialState, sessionState]);
+  (0, _useMountLifecycleEffect.useMountLifecycleEffect)({
+    onUpdate
+  });
+  return {
+    sessionState: localState,
+    setSessionState: setLocalState
+  };
+};
+exports.useSessionStorageState = useSessionStorageState;
+//# sourceMappingURL=useSessionStorageState.cjs.map

package/dist/cjs/useSessionStorageState.cjs.map

@@ -0,0 +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\";\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/useUniqueAlphabeticalId.cjs

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useUniqueAlphabeticalId = void 0;
+var _react = require("react");
+var _createUniqueAlphabeticalId = require("./createUniqueAlphabeticalId.cjs");
+/*!
+ * 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.
+ */
+
+const useUniqueAlphabeticalId = id => {
+  const uniqueAlphabeticalId = (0, _react.useMemo)(() => (0, _createUniqueAlphabeticalId.createUniqueAlphabeticalId)(), []);
+  return id ?? uniqueAlphabeticalId;
+};
+exports.useUniqueAlphabeticalId = useUniqueAlphabeticalId;
+//# sourceMappingURL=useUniqueAlphabeticalId.cjs.map

package/dist/cjs/useUniqueAlphabeticalId.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUniqueAlphabeticalId.cjs","names":["_react","require","_createUniqueAlphabeticalId","useUniqueAlphabeticalId","id","uniqueAlphabeticalId","useMemo","createUniqueAlphabeticalId","exports"],"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":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAME,uBAAuB,GAAIC,EAAW,IAAK;EACtD,MAAMC,oBAAoB,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,sDAA0B,EAAC,CAAC,EAAE,EAAE,CAAC;EAE5E,OAAOH,EAAE,IAAIC,oBAAoB;AACnC,CAAC;AAACG,OAAA,CAAAL,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/dist/cjs/useUniqueId.cjs

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useUniqueId = void 0;
+var _react = require("react");
+var _createUniqueId = require("./createUniqueId.cjs");
+/*!
+ * 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.
+ */
+
+const useUniqueId = id => {
+  const uniqueId = (0, _react.useMemo)(() => (0, _createUniqueId.createUniqueId)(), []);
+  return id ?? uniqueId;
+};
+exports.useUniqueId = useUniqueId;
+//# sourceMappingURL=useUniqueId.cjs.map

package/dist/cjs/useUniqueId.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUniqueId.cjs","names":["_react","require","_createUniqueId","useUniqueId","id","uniqueId","useMemo","createUniqueId","exports"],"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":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAME,WAAW,GAAIC,EAAW,IAAK;EAC1C,MAAMC,QAAQ,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,8BAAc,EAAC,CAAC,EAAE,EAAE,CAAC;EAEpD,OAAOH,EAAE,IAAIC,QAAQ;AACvB,CAAC;AAACG,OAAA,CAAAL,WAAA,GAAAA,WAAA","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stylesRootElementId = exports.createReactRootElements = exports.appRootElementId = void 0;
+/*!
+ * 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.
+ */
+
+const appRootElementId = exports.appRootElementId = "app-root";
+const stylesRootElementId = exports.stylesRootElementId = "style-root";
+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
+  };
+};
+exports.createReactRootElements = createReactRootElements;
+//# sourceMappingURL=createReactRootElements.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createReactRootElements.cjs","names":["appRootElementId","exports","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;;AAgBO,MAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,UAAU;AACnC,MAAME,mBAAmB,GAAAD,OAAA,CAAAC,mBAAA,GAAG,YAAY;AAExC,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,EAAEV,gBAAgB,CAAC;EACnDO,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;AAACN,OAAA,CAAAE,uBAAA,GAAAA,uBAAA","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createShadowRootElement = exports.createShadowDomElements = void 0;
+var _createReactRootElements = require("./createReactRootElements.cjs");
+var _encapsulateShadowDomFromGlobalStyles = require("./encapsulateShadowDomFromGlobalStyles.cjs");
+/*!
+ * 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.
+ */const createShadowDomElements = (containerElement, nonce = window.cspNonce) => {
+  const shadowRoot = containerElement.attachShadow({
+    mode: "open"
+  });
+  const {
+    appRootElement,
+    stylesRootElement
+  } = (0, _createReactRootElements.createReactRootElements)();
+  shadowRoot.appendChild(appRootElement);
+  shadowRoot.appendChild(stylesRootElement);
+  (0, _encapsulateShadowDomFromGlobalStyles.encapsulateShadowDomFromGlobalStyles)({
+    nonce,
+    stylesRootElement
+  });
+  return {
+    emotionRootElement: stylesRootElement,
+    shadowRootElement: appRootElement
+  };
+};
+exports.createShadowDomElements = createShadowDomElements;
+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];
+};
+exports.createShadowRootElement = createShadowRootElement;
+//# sourceMappingURL=createShadowDomElements.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createShadowDomElements.cjs","names":["_createReactRootElements","require","_encapsulateShadowDomFromGlobalStyles","createShadowDomElements","containerElement","nonce","window","cspNonce","shadowRoot","attachShadow","mode","appRootElement","stylesRootElement","createReactRootElements","appendChild","encapsulateShadowDomFromGlobalStyles","emotionRootElement","shadowRootElement","exports","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 { encapsulateShadowDomFromGlobalStyles } from \"./encapsulateShadowDomFromGlobalStyles.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  encapsulateShadowDomFromGlobalStyles({\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":";;;;;;AAYA,IAAAA,wBAAA,GAAAC,OAAA;AACA,IAAAC,qCAAA,GAAAD,OAAA;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAUO,MAAME,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,GAAG,IAAAC,gDAAuB,EAAC,CAAC;EAEvEL,UAAU,CAACM,WAAW,CAACH,cAAc,CAAC;EACtCH,UAAU,CAACM,WAAW,CAACF,iBAAiB,CAAC;EAEzC,IAAAG,0EAAoC,EAAC;IACnCV,KAAK;IACLO;EACF,CAAC,CAAC;EAEF,OAAO;IACLI,kBAAkB,EAAEJ,iBAAiB;IACrCK,iBAAiB,EAAEN;EACrB,CAAC;AACH,CAAC;AAACO,OAAA,CAAAf,uBAAA,GAAAA,uBAAA;AAKK,MAAMgB,uBAAuB,GAClCf,gBAA6B,IACU;EACvC,MAAMI,UAAU,GAAGJ,gBAAgB,CAACK,YAAY,CAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC;EAGlE,MAAMM,kBAAkB,GAAGI,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAC1DL,kBAAkB,CAACM,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC;EACnDN,kBAAkB,CAACM,YAAY,CAAC,OAAO,EAAEhB,MAAM,CAACC,QAAQ,CAAC;EAGzD,MAAMU,iBAAiB,GAAGG,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACvDJ,iBAAiB,CAACK,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC;EAEnDd,UAAU,CAACM,WAAW,CAACE,kBAAkB,CAAC;EAC1CR,UAAU,CAACM,WAAW,CAACG,iBAAiB,CAAC;EAEzC,OAAO,CAACD,kBAAkB,EAAEC,iBAAiB,CAAC;AAChD,CAAC;AAACC,OAAA,CAAAC,uBAAA,GAAAA,uBAAA","ignoreList":[]}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shadowDomHostStyles = exports.encapsulateShadowDomFromGlobalStyles = void 0;
+/*!
+ * 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.
+ */
+
+const shadowDomHostStyles = exports.shadowDomHostStyles = `
+  :host {
+    all: initial;
+    contain: content;
+  }
+`;
+const encapsulateShadowDomFromGlobalStyles = ({
+  nonce,
+  stylesRootElement
+}) => {
+  const styleHostElement = document.createElement("style");
+  styleHostElement.setAttribute("nonce", nonce);
+  styleHostElement.innerHTML = shadowDomHostStyles;
+  stylesRootElement.appendChild(styleHostElement);
+};
+exports.encapsulateShadowDomFromGlobalStyles = encapsulateShadowDomFromGlobalStyles;
+//# sourceMappingURL=encapsulateShadowDomFromGlobalStyles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"encapsulateShadowDomFromGlobalStyles.cjs","names":["shadowDomHostStyles","exports","encapsulateShadowDomFromGlobalStyles","nonce","stylesRootElement","styleHostElement","document","createElement","setAttribute","innerHTML","appendChild"],"sources":["../../../src/web-component/encapsulateShadowDomFromGlobalStyles.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 encapsulateShadowDomFromGlobalStyles = ({\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;;AAIO,MAAMA,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;AACnC;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAME,oCAAoC,GAAGA,CAAC;EACnDC,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,GAAGT,mBAAmB;EAEhDI,iBAAiB,CAACM,WAAW,CAACL,gBAAgB,CAAC;AACjD,CAAC;AAACJ,OAAA,CAAAC,oCAAA,GAAAA,oCAAA","ignoreList":[]}