@okta/odyssey-contribution-tooling 1.48.0 → 1.49.0

package/dist/cjs/FullScreenOverlayContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullScreenOverlayContext.cjs","names":["_react","require","_createShadowDomElements","_jsxRuntime","FullScreenOverlayContext","exports","createContext","useFullScreenOverlayContext","useContext","FullScreenOverlayProvider","children","hasShadowDom","overlayParentElement","overlayParentElementProp","overlayEmotionRootElement","overlayShadowRootElement","useMemo","document","createElement","emotionRootElement","shadowRootElement","createShadowDomElements","undefined","useEffect","body","append","remove","providerValue","jsx","Provider","value","MemoizedFullScreenOverlayProvider","memo","displayName"],"sources":["../../src/FullScreenOverlayContext.tsx"],"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 {\n  createContext,\n  memo,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n} from \"react\";\n\nimport { createShadowDomElements } from \"./web-component/createShadowDomElements.js\";\n\nexport type FullScreenOverlayContextType = {\n  overlayEmotionRootElement?: HTMLDivElement | HTMLElement;\n  overlayShadowRootElement?: HTMLDivElement | HTMLElement;\n};\n\nexport const FullScreenOverlayContext =\n  createContext<FullScreenOverlayContextType>({});\n\nexport const useFullScreenOverlayContext = () =>\n  useContext(FullScreenOverlayContext);\n\nexport type FullScreenOverlayProviderProps = {\n  children: ReactNode;\n  hasShadowDom?: boolean;\n  /**\n   * @experimental This is the element overlays will render into. By default, it's set to `document.body`.\n   *\n   * If you specify this value , it will render overlays into this container, such as the `shadowRootElement` over the document body. Most likely, you don't need to change this value, but you might run into strange issues related iframes and other shadow roots. This is here as a safeguard; not meant to be used.\n   */\n  overlayParentElement?: HTMLDivElement | HTMLElement;\n};\n\nconst FullScreenOverlayProvider = ({\n  children,\n  hasShadowDom,\n  overlayParentElement: overlayParentElementProp,\n}: FullScreenOverlayProviderProps) => {\n  const {\n    overlayEmotionRootElement,\n    overlayParentElement,\n    overlayShadowRootElement,\n  } = useMemo(() => {\n    const overlayParentElement =\n      overlayParentElementProp || document.createElement(\"div\");\n\n    if (hasShadowDom) {\n      const { emotionRootElement, shadowRootElement } =\n        createShadowDomElements(overlayParentElement);\n\n      return {\n        overlayEmotionRootElement: emotionRootElement,\n        overlayParentElement,\n        overlayShadowRootElement: shadowRootElement,\n      };\n    }\n\n    return {\n      overlayEmotionRootElement: undefined,\n      overlayParentElement,\n      overlayShadowRootElement: undefined,\n    };\n  }, [hasShadowDom, overlayParentElementProp]);\n\n  useEffect(() => {\n    if (overlayParentElement) {\n      document.body.append(overlayParentElement);\n    }\n\n    return () => {\n      overlayParentElement.remove();\n    };\n  }, [overlayParentElement]);\n\n  const providerValue = useMemo(\n    () => ({\n      overlayEmotionRootElement,\n      overlayShadowRootElement,\n    }),\n    [overlayEmotionRootElement, overlayShadowRootElement],\n  );\n\n  return (\n    <FullScreenOverlayContext.Provider value={providerValue}>\n      {children}\n    </FullScreenOverlayContext.Provider>\n  );\n};\n\nconst MemoizedFullScreenOverlayProvider = memo(FullScreenOverlayProvider);\nMemoizedFullScreenOverlayProvider.displayName = \"FullScreenOverlayProvider\";\n\nexport { MemoizedFullScreenOverlayProvider as FullScreenOverlayProvider };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,wBAAA,GAAAD,OAAA;AAAqF,IAAAE,WAAA,GAAAF,OAAA;AArBrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBO,MAAMG,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GACnC,IAAAE,oBAAa,EAA+B,CAAC,CAAC,CAAC;AAE1C,MAAMC,2BAA2B,GAAGA,CAAA,KACzC,IAAAC,iBAAU,EAACJ,wBAAwB,CAAC;AAACC,OAAA,CAAAE,2BAAA,GAAAA,2BAAA;AAavC,MAAME,yBAAyB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,YAAY;EACZC,oBAAoB,EAAEC;AACQ,CAAC,KAAK;EACpC,MAAM;IACJC,yBAAyB;IACzBF,oBAAoB;IACpBG;EACF,CAAC,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChB,MAAMJ,oBAAoB,GACxBC,wBAAwB,IAAII,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAE3D,IAAIP,YAAY,EAAE;MAChB,MAAM;QAAEQ,kBAAkB;QAAEC;MAAkB,CAAC,GAC7C,IAAAC,gDAAuB,EAACT,oBAAoB,CAAC;MAE/C,OAAO;QACLE,yBAAyB,EAAEK,kBAAkB;QAC7CP,oBAAoB;QACpBG,wBAAwB,EAAEK;MAC5B,CAAC;IACH;IAEA,OAAO;MACLN,yBAAyB,EAAEQ,SAAS;MACpCV,oBAAoB;MACpBG,wBAAwB,EAAEO;IAC5B,CAAC;EACH,CAAC,EAAE,CAACX,YAAY,EAAEE,wBAAwB,CAAC,CAAC;EAE5C,IAAAU,gBAAS,EAAC,MAAM;IACd,IAAIX,oBAAoB,EAAE;MACxBK,QAAQ,CAACO,IAAI,CAACC,MAAM,CAACb,oBAAoB,CAAC;IAC5C;IAEA,OAAO,MAAM;MACXA,oBAAoB,CAACc,MAAM,CAAC,CAAC;IAC/B,CAAC;EACH,CAAC,EAAE,CAACd,oBAAoB,CAAC,CAAC;EAE1B,MAAMe,aAAa,GAAG,IAAAX,cAAO,EAC3B,OAAO;IACLF,yBAAyB;IACzBC;EACF,CAAC,CAAC,EACF,CAACD,yBAAyB,EAAEC,wBAAwB,CACtD,CAAC;EAED,OACE,IAAAZ,WAAA,CAAAyB,GAAA,EAACxB,wBAAwB,CAACyB,QAAQ;IAACC,KAAK,EAAEH,aAAc;IAAAjB,QAAA,EACrDA;EAAQ,CACwB,CAAC;AAExC,CAAC;AAED,MAAMqB,iCAAiC,GAAA1B,OAAA,CAAAI,yBAAA,GAAG,IAAAuB,WAAI,EAACvB,yBAAyB,CAAC;AACzEsB,iCAAiC,CAACE,WAAW,GAAG,2BAA2B","ignoreList":[]}

package/dist/cjs/HintLink.cjs

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HintLink = void 0;
+var _react = require("react");
+var _Link = require("./Link.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+/*!
+ * 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 HintLink = props => (0, _jsxRuntime.jsx)(_Link.Link, {
+  ...props,
+  variant: "default"
+});
+const MemoizedHintLink = exports.HintLink = (0, _react.memo)(HintLink);
+MemoizedHintLink.displayName = "HintLink";
+//# sourceMappingURL=HintLink.cjs.map

package/dist/cjs/HintLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HintLink.cjs","names":["_react","require","_Link","_jsxRuntime","HintLink","props","jsx","Link","variant","MemoizedHintLink","exports","memo","displayName"],"sources":["../../src/HintLink.tsx"],"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 { memo } from \"react\";\n\nimport { Link, LinkProps } from \"./Link.js\";\n\nconst HintLink = (\n  props: Pick<\n    LinkProps,\n    \"children\" | \"href\" | \"onClick\" | \"rel\" | \"target\" | \"testId\"\n  >,\n) => <Link {...props} variant=\"default\" />;\n\nconst MemoizedHintLink = memo(HintLink);\n\nMemoizedHintLink.displayName = \"HintLink\";\n\nexport { MemoizedHintLink as HintLink };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAA4C,IAAAE,WAAA,GAAAF,OAAA;AAd5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,MAAMG,QAAQ,GACZC,KAGC,IACE,IAAAF,WAAA,CAAAG,GAAA,EAACJ,KAAA,CAAAK,IAAI;EAAA,GAAKF,KAAK;EAAEG,OAAO,EAAC;AAAS,CAAE,CAAC;AAE1C,MAAMC,gBAAgB,GAAAC,OAAA,CAAAN,QAAA,GAAG,IAAAO,WAAI,EAACP,QAAQ,CAAC;AAEvCK,gBAAgB,CAACG,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/cjs/HtmlProps.cjs

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=HtmlProps.cjs.map

package/dist/cjs/HtmlProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlProps.cjs","names":[],"sources":["../../src/HtmlProps.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 { HTMLAttributes } from \"react\";\n\nexport type HtmlProps = {\n  /**\n   * Used in [ARIA live regions](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions), the global aria-busy state indicates an element is being modified and that assistive technologies may want to wait until the changes are complete before informing the user about the update.\n   */\n  ariaBusy?: HTMLAttributes<HTMLElement>[\"aria-busy\"];\n  /**\n   * The `aria-checked` attribute indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets.\n   *\n   * NOTE: Where possible use an HTML `<input>` element with `type=\"checkbox\"` and `type=\"radio\"` as these have built in semantics and do not require ARIA attributes.\n   */\n  ariaChecked?: HTMLAttributes<HTMLElement>[\"aria-checked\"];\n  /**\n   * The global `aria-controls` property identifies the element (or elements) whose contents or presence are controlled by the element on which this attribute is set.\n   *\n   * Value: A space-separated list of one or more ID values referencing the elements being controlled by the current element\n   */\n  ariaControls?: HTMLAttributes<HTMLElement>[\"aria-controls\"];\n  /**\n   * A non-null aria-current state on an element indicates that this element represents the current item within a container or set of related elements.\n   *\n   * Value:\n   * \n   * `page`\n      Represents the current page within a set of pages such as the link to the current document in a breadcrumb.\n\n      `step`\n      Represents the current step within a process such as the current step in an enumerated multi step checkout flow.\n\n      `location`\n      Represents the current location within an environment or context such as the image that is visually highlighted as the current component of a flow chart.\n\n      `date`\n      Represents the current date within a collection of dates such as the current date within a calendar.\n\n      `time`\n      Represents the current time within a set of times such as the current time within a timetable.\n\n      `true`\n      Represents the current item within a set.\n\n      `false` (default)\n        Does not represent the current item within a set.\n   */\n  ariaCurrent?: HTMLAttributes<HTMLElement>[\"aria-current\"];\n  /**\n   * The global `aria-describedby` attribute identifies the element (or elements) that describes the element on which the attribute is set.\n   *\n   * Value: The id or space-separated list of element ids that describe the current element.\n   *\n   * Note: The `aria-describedby` attribute is not designed to reference descriptions from external resources. It must reference elements in the same DOM document.\n   */\n  ariaDescribedBy?: HTMLAttributes<HTMLElement>[\"aria-describedby\"];\n  /**\n   * The `aria-errormessage` attribute on an object identifies the element that provides an error message for that object.\n   *\n   * Value: The value of the id of the element containing the error message for the current element\n   */\n  ariaErrorMessage?: HTMLAttributes<HTMLElement>[\"aria-errormessage\"];\n  /**\n   * The `aria-expanded` attribute is set on an element to indicate if a control is expanded or collapsed, and whether or not the controlled elements are displayed or hidden.\n   */\n  ariaExpanded?: HTMLAttributes<HTMLElement>[\"aria-expanded\"];\n  /**\n   * The `aria-haspopup` attribute indicates the availability and type of interactive popup element that can be triggered by the element on which the attribute is set.\n   */\n  ariaHasPopup?: HTMLAttributes<HTMLElement>[\"aria-haspopup\"];\n  ariaHidden?: HTMLAttributes<HTMLElement>[\"aria-hidden\"];\n  /**\n   * The `aria-label` attribute defines a string value that labels an interactive element.\n   */\n  ariaLabel?: HTMLAttributes<HTMLElement>[\"aria-label\"];\n  /**\n   * The `aria-labelledby` attribute identifies the element (or elements) that labels the element it is applied to.\n   *\n   * Value: Space separated list of one or more ID values referencing the elements that label the current element.\n   */\n  ariaLabelledBy?: HTMLAttributes<HTMLElement>[\"aria-labelledby\"];\n  /**\n   * The `aria-pressed` attribute indicates the current \"pressed\" state of a toggle button.\n   */\n  ariaPressed?: HTMLAttributes<HTMLElement>[\"aria-pressed\"];\n  /**\n   * The `tabindex` global attribute allows developers to make HTML elements focusable, allow or prevent them from being sequentially focusable\n   *\n   * Note: Manipulating the natural tab order is generally advised against\n   */\n  tabIndex?: HTMLAttributes<HTMLElement>[\"tabIndex\"];\n  /**\n   * This prop puts a `data` attribute on an HTML element in this component with the value provided.\n   *\n   * @deprecated **WARNING:** You should be using Semantic Selectors instead of this property. This is a temporary measure for backwards compatibility with existing Selenium tests.\n   */\n  testId?: string;\n  /**\n   * This prop puts a `translate` attribute on an HTML element. It should be used to indicate whether text within the element should be translated.\n   */\n  translate?: \"yes\" | \"no\";\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/IconWithTooltip.cjs

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconWithTooltip = void 0;
+var _Tooltip2 = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _index = require("./icons.generated/index.cjs");
+var _MuiPropsContext = require("./MuiPropsContext.cjs");
+var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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 IconContainer = _styled.default.span(({
+  odysseyDesignTokens
+}) => ({
+  display: "inline-flex",
+  transitionProperty: "border-color, box-shadow, outline",
+  transitionDuration: odysseyDesignTokens.TransitionDurationMain,
+  border: "1px solid transparent",
+  "&:focus, &:focus-visible": {
+    borderColor: odysseyDesignTokens.FocusOutlineColorPrimary,
+    boxShadow: `0 0 0 1px ${odysseyDesignTokens.FocusOutlineColorPrimary}`,
+    outline: `${odysseyDesignTokens.FocusOutlineWidthMain} ${odysseyDesignTokens.FocusOutlineStyle} transparent`,
+    outlineOffset: odysseyDesignTokens.FocusOutlineOffsetTight
+  },
+  svg: {
+    display: "flex"
+  }
+}));
+const IconWithTooltip = ({
+  IconComponent = (0, _jsxRuntime.jsx)(_index.InformationCircleIcon, {}),
+  placement = "right",
+  testId,
+  tooltipText,
+  translate
+}) => {
+  const muiProps = (0, _MuiPropsContext.useMuiProps)();
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  return (0, _jsxRuntime.jsx)(_Tooltip2.default, {
+    "data-se": testId,
+    describeChild: true,
+    placement: placement,
+    tabIndex: 0,
+    title: tooltipText,
+    translate: translate,
+    children: (0, _jsxRuntime.jsx)(IconContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      ...muiProps,
+      children: IconComponent
+    })
+  });
+};
+const MemoizedIconWithTooltip = exports.IconWithTooltip = (0, _react.memo)(IconWithTooltip);
+MemoizedIconWithTooltip.displayName = "IconWithTooltip";
+//# sourceMappingURL=IconWithTooltip.cjs.map

package/dist/cjs/IconWithTooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWithTooltip.cjs","names":["_styled","_interopRequireDefault","require","_react","_index","_MuiPropsContext","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","IconContainer","styled","span","odysseyDesignTokens","display","transitionProperty","transitionDuration","TransitionDurationMain","border","borderColor","FocusOutlineColorPrimary","boxShadow","outline","FocusOutlineWidthMain","FocusOutlineStyle","outlineOffset","FocusOutlineOffsetTight","svg","IconWithTooltip","IconComponent","jsx","InformationCircleIcon","placement","testId","tooltipText","translate","muiProps","useMuiProps","useOdysseyDesignTokens","_Tooltip2","describeChild","tabIndex","title","children","MemoizedIconWithTooltip","exports","memo","displayName"],"sources":["../../src/IconWithTooltip.tsx"],"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 type { TooltipProps as MuiTooltipProps } from \"@mui/material\";\n\nimport styled from \"@emotion/styled\";\nimport { Tooltip as MuiTooltip } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { InformationCircleIcon } from \"./icons.generated/index.js\";\nimport { useMuiProps } from \"./MuiPropsContext.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\n\nconst IconContainer = styled.span<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"inline-flex\",\n  transitionProperty: \"border-color, box-shadow, outline\",\n  transitionDuration: odysseyDesignTokens.TransitionDurationMain,\n  border: \"1px solid transparent\",\n\n  \"&:focus, &:focus-visible\": {\n    borderColor: odysseyDesignTokens.FocusOutlineColorPrimary,\n    boxShadow: `0 0 0 1px ${odysseyDesignTokens.FocusOutlineColorPrimary}`,\n    outline: `${odysseyDesignTokens.FocusOutlineWidthMain} ${odysseyDesignTokens.FocusOutlineStyle} transparent`,\n    outlineOffset: odysseyDesignTokens.FocusOutlineOffsetTight,\n  },\n\n  svg: {\n    display: \"flex\",\n  },\n}));\n\nexport type IconWithTooltipProps = {\n  /**\n   * The icon to render. Defaults to `InformationCircleIcon`\n   */\n  IconComponent?: ReactNode;\n  /**\n   * The placement of the Tooltip\n   */\n  placement?: MuiTooltipProps[\"placement\"];\n  /**\n   * The text to display in the Tooltip\n   */\n  tooltipText: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst IconWithTooltip = ({\n  IconComponent = <InformationCircleIcon />,\n  placement = \"right\",\n  testId,\n  tooltipText,\n  translate,\n}: IconWithTooltipProps) => {\n  const muiProps = useMuiProps();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <MuiTooltip\n      data-se={testId}\n      describeChild\n      placement={placement}\n      tabIndex={0}\n      title={tooltipText}\n      translate={translate}\n    >\n      <IconContainer odysseyDesignTokens={odysseyDesignTokens} {...muiProps}>\n        {IconComponent}\n      </IconContainer>\n    </MuiTooltip>\n  );\n};\n\nconst MemoizedIconWithTooltip = memo(IconWithTooltip);\nMemoizedIconWithTooltip.displayName = \"IconWithTooltip\";\n\nexport { MemoizedIconWithTooltip as IconWithTooltip };\n"],"mappings":";;;;;;;AAcA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AAGyC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAxBzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMG,aAAa,GAAGC,eAAM,CAACC,IAAI,CAE9B,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,OAAO,EAAE,aAAa;EACtBC,kBAAkB,EAAE,mCAAmC;EACvDC,kBAAkB,EAAEH,mBAAmB,CAACI,sBAAsB;EAC9DC,MAAM,EAAE,uBAAuB;EAE/B,0BAA0B,EAAE;IAC1BC,WAAW,EAAEN,mBAAmB,CAACO,wBAAwB;IACzDC,SAAS,EAAE,aAAaR,mBAAmB,CAACO,wBAAwB,EAAE;IACtEE,OAAO,EAAE,GAAGT,mBAAmB,CAACU,qBAAqB,IAAIV,mBAAmB,CAACW,iBAAiB,cAAc;IAC5GC,aAAa,EAAEZ,mBAAmB,CAACa;EACrC,CAAC;EAEDC,GAAG,EAAE;IACHb,OAAO,EAAE;EACX;AACF,CAAC,CAAC,CAAC;AAiBH,MAAMc,eAAe,GAAGA,CAAC;EACvBC,aAAa,GAAG,IAAAvB,WAAA,CAAAwB,GAAA,EAAC3B,MAAA,CAAA4B,qBAAqB,IAAE,CAAC;EACzCC,SAAS,GAAG,OAAO;EACnBC,MAAM;EACNC,WAAW;EACXC;AACoB,CAAC,KAAK;EAC1B,MAAMC,QAAQ,GAAG,IAAAC,4BAAW,EAAC,CAAC;EAC9B,MAAMxB,mBAAmB,GAAG,IAAAyB,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAAhC,WAAA,CAAAwB,GAAA,EAAAS,SAAA,CAAA9B,OAAA;IACE,WAASwB,MAAO;IAChBO,aAAa;IACbR,SAAS,EAAEA,SAAU;IACrBS,QAAQ,EAAE,CAAE;IACZC,KAAK,EAAER,WAAY;IACnBC,SAAS,EAAEA,SAAU;IAAAQ,QAAA,EAErB,IAAArC,WAAA,CAAAwB,GAAA,EAACpB,aAAa;MAACG,mBAAmB,EAAEA,mBAAoB;MAAA,GAAKuB,QAAQ;MAAAO,QAAA,EAClEd;IAAa,CACD;EAAC,CACN,CAAC;AAEjB,CAAC;AAED,MAAMe,uBAAuB,GAAAC,OAAA,CAAAjB,eAAA,GAAG,IAAAkB,WAAI,EAAClB,eAAe,CAAC;AACrDgB,uBAAuB,CAACG,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/cjs/Link.cjs

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.linkVariantValues = exports.Link = void 0;
+var _Link2 = _interopRequireDefault(require("@mui/material/Link"));
+var _react = require("react");
+var _index = require("./icons.generated/index.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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 linkVariantValues = exports.linkVariantValues = ["default", "monochrome"];
+const Link = ({
+  ariaLabel,
+  children,
+  href,
+  icon,
+  linkRef,
+  rel,
+  target,
+  testId,
+  translate,
+  variant,
+  onClick
+}) => {
+  const localLinkRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(linkRef, () => {
+    return {
+      focus: () => {
+        localLinkRef.current?.focus();
+      }
+    };
+  }, []);
+  return (0, _jsxRuntime.jsxs)(_Link2.default, {
+    "aria-label": ariaLabel,
+    "data-se": testId,
+    href: href,
+    onClick: onClick,
+    ref: localLinkRef,
+    rel: rel,
+    target: target,
+    translate: translate,
+    variant: variant,
+    children: [icon && (0, _jsxRuntime.jsx)("span", {
+      className: "Link-icon",
+      children: icon
+    }), children, target === "_blank" && (0, _jsxRuntime.jsx)("span", {
+      className: "Link-indicator",
+      role: "presentation",
+      children: (0, _jsxRuntime.jsx)(_index.ExternalLinkIcon, {})
+    })]
+  });
+};
+const MemoizedLink = exports.Link = (0, _react.memo)(Link);
+MemoizedLink.displayName = "Link";
+//# sourceMappingURL=Link.cjs.map

package/dist/cjs/Link.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.cjs","names":["_react","require","_index","_jsxRuntime","_interopRequireDefault","e","__esModule","default","linkVariantValues","exports","Link","ariaLabel","children","href","icon","linkRef","rel","target","testId","translate","variant","onClick","localLinkRef","useRef","useImperativeHandle","focus","current","jsxs","_Link2","ref","jsx","className","role","ExternalLinkIcon","MemoizedLink","memo","displayName"],"sources":["../../src/Link.tsx"],"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 { Link as MuiLink, LinkProps as MuiLinkProps } from \"@mui/material\";\nimport {\n  memo,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { ExternalLinkIcon } from \"./icons.generated/index.js\";\nimport { FocusHandle } from \"./inputUtils.js\";\n\nexport const linkVariantValues = [\"default\", \"monochrome\"] as const;\n\nexport type LinkProps = {\n  /**\n   * The content within the Link\n   */\n  children: ReactNode;\n  /**\n   * The Link destination\n   */\n  href: string;\n  /**\n   * An optional Icon component at the start of the Link\n   */\n  icon?: ReactElement;\n  /**\n   * The ref forwarded to the TextField\n   */\n  linkRef?: RefObject<FocusHandle>;\n  /**\n   * The click event handler for the Link\n   */\n  onClick?: MuiLinkProps[\"onClick\"];\n  /**\n   * The rel attribute defines the relationship between a linked resource and the current document\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel\n   */\n  rel?: string;\n  /**\n   * The HTML `target` attribute for the Link\n   */\n  target?:\n    | \"_self\"\n    | \"_blank\"\n    | \"_parent\"\n    | \"_top\"\n    | (string & NonNullable<unknown>);\n  /**\n   * The visual presentation of the Link (default or monochrome)\n   */\n  variant?: (typeof linkVariantValues)[number];\n} & Pick<HtmlProps, \"ariaLabel\" | \"testId\" | \"translate\">;\n\nconst Link = ({\n  ariaLabel,\n  children,\n  href,\n  icon,\n  linkRef,\n  rel,\n  target,\n  testId,\n  translate,\n  variant,\n  onClick,\n}: LinkProps) => {\n  const localLinkRef = useRef<HTMLAnchorElement>(null);\n  useImperativeHandle(linkRef, () => {\n    return {\n      focus: () => {\n        localLinkRef.current?.focus();\n      },\n    };\n  }, []);\n\n  return (\n    <MuiLink\n      aria-label={ariaLabel}\n      data-se={testId}\n      href={href}\n      onClick={onClick}\n      ref={localLinkRef}\n      rel={rel}\n      target={target}\n      translate={translate}\n      variant={variant}\n    >\n      {icon && <span className=\"Link-icon\">{icon}</span>}\n\n      {children}\n\n      {target === \"_blank\" && (\n        <span className=\"Link-indicator\" role=\"presentation\">\n          <ExternalLinkIcon />\n        </span>\n      )}\n    </MuiLink>\n  );\n};\n\nconst MemoizedLink = memo(Link);\n\nMemoizedLink.displayName = \"Link\";\n\nexport { MemoizedLink as Link };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAWA,IAAAC,MAAA,GAAAD,OAAA;AAA8D,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAxB9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,CAAC,SAAS,EAAE,YAAY,CAAU;AA4CnE,MAAME,IAAI,GAAGA,CAAC;EACZC,SAAS;EACTC,QAAQ;EACRC,IAAI;EACJC,IAAI;EACJC,OAAO;EACPC,GAAG;EACHC,MAAM;EACNC,MAAM;EACNC,SAAS;EACTC,OAAO;EACPC;AACS,CAAC,KAAK;EACf,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAAoB,IAAI,CAAC;EACpD,IAAAC,0BAAmB,EAACT,OAAO,EAAE,MAAM;IACjC,OAAO;MACLU,KAAK,EAAEA,CAAA,KAAM;QACXH,YAAY,CAACI,OAAO,EAAED,KAAK,CAAC,CAAC;MAC/B;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OACE,IAAAtB,WAAA,CAAAwB,IAAA,EAAAC,MAAA,CAAArB,OAAA;IACE,cAAYI,SAAU;IACtB,WAASO,MAAO;IAChBL,IAAI,EAAEA,IAAK;IACXQ,OAAO,EAAEA,OAAQ;IACjBQ,GAAG,EAAEP,YAAa;IAClBN,GAAG,EAAEA,GAAI;IACTC,MAAM,EAAEA,MAAO;IACfE,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IAAAR,QAAA,GAEhBE,IAAI,IAAI,IAAAX,WAAA,CAAA2B,GAAA;MAAMC,SAAS,EAAC,WAAW;MAAAnB,QAAA,EAAEE;IAAI,CAAO,CAAC,EAEjDF,QAAQ,EAERK,MAAM,KAAK,QAAQ,IAClB,IAAAd,WAAA,CAAA2B,GAAA;MAAMC,SAAS,EAAC,gBAAgB;MAACC,IAAI,EAAC,cAAc;MAAApB,QAAA,EAClD,IAAAT,WAAA,CAAA2B,GAAA,EAAC5B,MAAA,CAAA+B,gBAAgB,IAAE;IAAC,CAChB,CACP;EAAA,CACM,CAAC;AAEd,CAAC;AAED,MAAMC,YAAY,GAAAzB,OAAA,CAAAC,IAAA,GAAG,IAAAyB,WAAI,EAACzB,IAAI,CAAC;AAE/BwB,YAAY,CAACE,WAAW,GAAG,MAAM","ignoreList":[]}

package/dist/cjs/MuiPropsChild.cjs

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MuiPropsChild = void 0;
+var _react = require("react");
+var _MuiPropsContext = require("./MuiPropsContext.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+/*!
+ * 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 MuiPropsChild = (0, _react.forwardRef)(({
+  children,
+  ...muiProps
+}, ref) => {
+  const providerValue = (0, _react.useMemo)(() => ({
+    ...muiProps,
+    ref
+  }), [muiProps, ref]);
+  return (0, _jsxRuntime.jsx)(_MuiPropsContext.MuiPropsContext.Provider, {
+    value: providerValue,
+    children: children
+  });
+});
+const MemoizedMuiPropsChild = exports.MuiPropsChild = (0, _react.memo)(MuiPropsChild);
+MemoizedMuiPropsChild.displayName = "MuiPropsChild";
+//# sourceMappingURL=MuiPropsChild.cjs.map

package/dist/cjs/MuiPropsChild.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiPropsChild.cjs","names":["_react","require","_MuiPropsContext","_jsxRuntime","MuiPropsChild","forwardRef","children","muiProps","ref","providerValue","useMemo","jsx","MuiPropsContext","Provider","value","MemoizedMuiPropsChild","exports","memo","displayName"],"sources":["../../src/MuiPropsChild.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 { forwardRef, memo, ReactNode, useMemo } from \"react\";\n\nimport { MuiPropsContext, MuiPropsContextType } from \"./MuiPropsContext.js\";\n\nexport type MuiPropsChildProps = {\n  children: ReactNode;\n};\n\nconst MuiPropsChild = forwardRef<HTMLElement, MuiPropsChildProps>(\n  ({ children, ...muiProps }, ref) => {\n    const providerValue = useMemo<MuiPropsContextType>(\n      () => ({\n        ...muiProps,\n        ref,\n      }),\n      [muiProps, ref],\n    );\n\n    return (\n      <MuiPropsContext.Provider value={providerValue}>\n        {children}\n      </MuiPropsContext.Provider>\n    );\n  },\n);\n\nconst MemoizedMuiPropsChild = memo(MuiPropsChild);\nMemoizedMuiPropsChild.displayName = \"MuiPropsChild\";\n\nexport { MemoizedMuiPropsChild as MuiPropsChild };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AAA4E,IAAAE,WAAA,GAAAF,OAAA;AAd5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,MAAMG,aAAa,GAAG,IAAAC,iBAAU,EAC9B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAS,CAAC,EAAEC,GAAG,KAAK;EAClC,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAC3B,OAAO;IACL,GAAGH,QAAQ;IACXC;EACF,CAAC,CAAC,EACF,CAACD,QAAQ,EAAEC,GAAG,CAChB,CAAC;EAED,OACE,IAAAL,WAAA,CAAAQ,GAAA,EAACT,gBAAA,CAAAU,eAAe,CAACC,QAAQ;IAACC,KAAK,EAAEL,aAAc;IAAAH,QAAA,EAC5CA;EAAQ,CACe,CAAC;AAE/B,CACF,CAAC;AAED,MAAMS,qBAAqB,GAAAC,OAAA,CAAAZ,aAAA,GAAG,IAAAa,WAAI,EAACb,aAAa,CAAC;AACjDW,qBAAqB,CAACG,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/cjs/MuiPropsContext.cjs

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMuiProps = exports.MuiPropsContext = void 0;
+var _react = require("react");
+/*!
+ * 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 MuiPropsContext = exports.MuiPropsContext = (0, _react.createContext)({});
+const useMuiProps = () => (0, _react.useContext)(MuiPropsContext);
+exports.useMuiProps = useMuiProps;
+//# sourceMappingURL=MuiPropsContext.cjs.map

package/dist/cjs/MuiPropsContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiPropsContext.cjs","names":["_react","require","MuiPropsContext","exports","createContext","useMuiProps","useContext"],"sources":["../../src/MuiPropsContext.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 { createContext, useContext } from \"react\";\n\nexport type MuiPropsContextType = Record<string, unknown>;\nexport const MuiPropsContext = createContext<MuiPropsContextType>({});\n\nexport const useMuiProps = () => useContext(MuiPropsContext);\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oBAAa,EAAsB,CAAC,CAAC,CAAC;AAE9D,MAAMC,WAAW,GAAGA,CAAA,KAAM,IAAAC,iBAAU,EAACJ,eAAe,CAAC;AAACC,OAAA,CAAAE,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/NativeSelect.cjs

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NativeSelect = void 0;
+var _Select2 = _interopRequireDefault(require("@mui/material/Select"));
+var _react = _interopRequireWildcard(require("react"));
+var _Field = require("./Field.cjs");
+var _inputUtils = require("./inputUtils.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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 NativeSelect = (0, _react.forwardRef)(({
+  ariaDescribedBy,
+  autoCompleteType,
+  defaultValue,
+  errorMessage,
+  errorMessageList,
+  hasMultipleChoices: hasMultipleChoicesProp,
+  hint,
+  HintLinkComponent,
+  id: idOverride,
+  inputRef,
+  isDisabled = false,
+  isFullWidth = false,
+  isMultiSelect,
+  isOptional = false,
+  label,
+  onBlur,
+  onChange: onChangeProp,
+  onFocus,
+  testId,
+  translate,
+  value,
+  children
+}, ref) => {
+  const controlledStateRef = (0, _react.useRef)((0, _inputUtils.getControlState)({
+    controlledValue: value,
+    uncontrolledValue: defaultValue
+  }));
+  const localInputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(inputRef, () => {
+    return {
+      focus: () => {
+        localInputRef.current?.focus();
+      }
+    };
+  }, []);
+  const inputValues = (0, _inputUtils.useInputValues)({
+    defaultValue,
+    value,
+    controlState: controlledStateRef.current
+  });
+  const onChange = (0, _react.useCallback)((event, child) => {
+    onChangeProp?.(event, child);
+  }, [onChangeProp]);
+  const hasMultipleChoices = (0, _react.useMemo)(() => hasMultipleChoicesProp === undefined ? isMultiSelect : hasMultipleChoicesProp, [hasMultipleChoicesProp, isMultiSelect]);
+  const renderFieldComponent = (0, _react.useCallback)(({
+    ariaDescribedBy,
+    errorMessageElementId,
+    labelElementId
+  }) => (0, _jsxRuntime.jsx)(_Select2.default, {
+    ...inputValues,
+    "aria-describedby": ariaDescribedBy,
+    autoComplete: autoCompleteType,
+    children: children,
+    id: idOverride,
+    inputProps: {
+      "aria-errormessage": errorMessageElementId,
+      "aria-labelledby": labelElementId,
+      "data-se": testId
+    },
+    inputRef: localInputRef,
+    multiple: hasMultipleChoices,
+    name: idOverride,
+    native: true,
+    onBlur: onBlur,
+    onChange: onChange,
+    onFocus: onFocus,
+    ref: ref,
+    translate: translate
+  }), [autoCompleteType, children, idOverride, inputValues, hasMultipleChoices, onBlur, onChange, onFocus, ref, testId, translate]);
+  return (0, _jsxRuntime.jsx)(_Field.Field, {
+    ariaDescribedBy: ariaDescribedBy,
+    errorMessage: errorMessage,
+    errorMessageList: errorMessageList,
+    fieldType: "single",
+    hasVisibleLabel: true,
+    hint: hint,
+    HintLinkComponent: HintLinkComponent,
+    id: idOverride,
+    isDisabled: isDisabled,
+    isFullWidth: isFullWidth,
+    isOptional: isOptional,
+    label: label,
+    renderFieldComponent: renderFieldComponent
+  });
+});
+const MemoizedNativeSelect = exports.NativeSelect = (0, _react.memo)(NativeSelect);
+MemoizedNativeSelect.displayName = "NativeSelect";
+//# sourceMappingURL=NativeSelect.cjs.map

package/dist/cjs/NativeSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.cjs","names":["_react","_interopRequireWildcard","require","_Field","_inputUtils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","NativeSelect","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hasMultipleChoicesProp","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isFullWidth","isMultiSelect","isOptional","label","onBlur","onChange","onChangeProp","onFocus","testId","translate","value","children","ref","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","localInputRef","useImperativeHandle","focus","current","inputValues","useInputValues","controlState","useCallback","event","child","useMemo","undefined","renderFieldComponent","errorMessageElementId","labelElementId","jsx","_Select2","autoComplete","inputProps","multiple","name","native","Field","fieldType","hasVisibleLabel","MemoizedNativeSelect","exports","memo","displayName"],"sources":["../../src/NativeSelect.tsx"],"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 {\n  Select as MuiSelect,\n  SelectProps as MuiSelectProps,\n} from \"@mui/material\";\nimport React, {\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  ReactElement,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport type NativeSelectOption = {\n  text: string;\n  type?: \"heading\" | \"option\";\n  value?: string;\n};\n\nexport type NativeSelectValueType<HasMultipleChoices> =\n  HasMultipleChoices extends true ? string[] : string;\n\nexport type NativeSelectProps<\n  Value extends NativeSelectValueType<HasMultipleChoices>,\n  HasMultipleChoices extends boolean,\n> = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * The options or optgroup elements within the NativeSelect\n   */\n  children?: ReactElement<\"option\"> | ReactElement<\"optgroup\">;\n  /**\n   * The default value of the NativeSelect. Use when component is uncontrolled\n   */\n  defaultValue?: Value;\n  /**\n   * If `true`, the Select allows multiple selections\n   */\n  hasMultipleChoices?: HasMultipleChoices;\n  /**\n   * The ref forwarded to the NativeSelect\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * @deprecated Use `hasMultipleChoices` instead\n   */\n  /** **Deprecated:** use `hasMultipleChoices` */\n  isMultiSelect?: HasMultipleChoices;\n  /**\n   * The label text for the NativeSelect\n   */\n  label: string;\n  /**\n   * Callback fired when the NativeSelect loses focus\n   */\n  onBlur?: MuiSelectProps<Value>[\"onBlur\"];\n  /**\n   * Callback fired when the value of the NativeSelect changes\n   */\n  onChange?: MuiSelectProps<Value>[\"onChange\"];\n  /**\n   * Callback fired when the NativeSelect gains focus\n   */\n  onFocus?: MuiSelectProps<Value>[\"onFocus\"];\n  options: Value;\n  /**\n   * The value or values selected in the NativeSelect. Use when component is controlled\n   */\n  value?: Value;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype NativeSelectRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"labelElementId\">;\n\nconst NativeSelect = forwardRef(\n  <\n    Value extends NativeSelectValueType<HasMultipleChoices>,\n    HasMultipleChoices extends boolean,\n  >(\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasMultipleChoices: hasMultipleChoicesProp,\n      hint,\n      HintLinkComponent,\n      id: idOverride,\n      inputRef,\n      isDisabled = false,\n      isFullWidth = false,\n      isMultiSelect,\n      isOptional = false,\n      label,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      testId,\n      translate,\n      value,\n      children,\n    }: NativeSelectProps<Value, HasMultipleChoices>,\n    ref?: React.Ref<ReactElement>,\n  ) => {\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const localInputRef = useRef<HTMLSelectElement>(null);\n\n    useImperativeHandle(inputRef, () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    }, []);\n\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const onChange = useCallback<\n      NonNullable<MuiSelectProps<Value>[\"onChange\"]>\n    >(\n      (event, child) => {\n        onChangeProp?.(event, child);\n      },\n      [onChangeProp],\n    );\n\n    const hasMultipleChoices = useMemo(\n      () =>\n        hasMultipleChoicesProp === undefined\n          ? isMultiSelect\n          : hasMultipleChoicesProp,\n      [hasMultipleChoicesProp, isMultiSelect],\n    );\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        labelElementId,\n      }: NativeSelectRenderProps) => (\n        <MuiSelect\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          children={children}\n          id={idOverride}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n          }}\n          inputRef={localInputRef}\n          multiple={hasMultipleChoices}\n          name={idOverride}\n          native={true}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          ref={ref}\n          translate={translate}\n        />\n      ),\n      [\n        autoCompleteType,\n        children,\n        idOverride,\n        inputValues,\n        hasMultipleChoices,\n        onBlur,\n        onChange,\n        onFocus,\n        ref,\n        testId,\n        translate,\n      ],\n    );\n\n    return (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedNativeSelect = memo(NativeSelect);\nMemoizedNativeSelect.displayName = \"NativeSelect\";\n\nexport { MemoizedNativeSelect as NativeSelect };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/NullElement.cjs

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=NullElement.cjs.map

package/dist/cjs/NullElement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NullElement.cjs","names":[],"sources":["../../src/NullElement.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\nexport type NullElement = false | null | undefined;\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/OdysseyCacheProvider.cjs

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OdysseyCacheProvider = void 0;
+var _cache = _interopRequireDefault(require("@emotion/cache"));
+var _react = require("@emotion/react");
+var _react2 = require("react");
+var _useUniqueAlphabeticalId = require("./useUniqueAlphabeticalId.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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 OdysseyCacheProvider = ({
+  children,
+  emotionRoot,
+  emotionRootElement,
+  nonce,
+  stylisPlugins
+}) => {
+  const uniqueAlphabeticalId = (0, _useUniqueAlphabeticalId.useUniqueAlphabeticalId)();
+  const emotionCache = (0, _react2.useMemo)(() => (0, _cache.default)({
+    ...((emotionRootElement || emotionRoot) && {
+      container: emotionRootElement || emotionRoot
+    }),
+    key: uniqueAlphabeticalId,
+    nonce: nonce ?? globalThis.cspNonce,
+    prepend: true,
+    speedy: true,
+    ...(stylisPlugins && {
+      stylisPlugins
+    })
+  }), [emotionRoot, emotionRootElement, nonce, stylisPlugins, uniqueAlphabeticalId]);
+  return (0, _jsxRuntime.jsx)(_react.CacheProvider, {
+    value: emotionCache,
+    children: children
+  });
+};
+const MemoizedOdysseyCacheProvider = exports.OdysseyCacheProvider = (0, _react2.memo)(OdysseyCacheProvider);
+MemoizedOdysseyCacheProvider.displayName = "OdysseyCacheProvider";
+//# sourceMappingURL=OdysseyCacheProvider.cjs.map

package/dist/cjs/OdysseyCacheProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyCacheProvider.cjs","names":["_cache","_interopRequireDefault","require","_react","_react2","_useUniqueAlphabeticalId","_jsxRuntime","e","__esModule","default","OdysseyCacheProvider","children","emotionRoot","emotionRootElement","nonce","stylisPlugins","uniqueAlphabeticalId","useUniqueAlphabeticalId","emotionCache","useMemo","createCache","container","key","globalThis","cspNonce","prepend","speedy","jsx","CacheProvider","value","MemoizedOdysseyCacheProvider","exports","memo","displayName"],"sources":["../../src/OdysseyCacheProvider.tsx"],"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\ndeclare global {\n  var cspNonce: string; // Adding types to `globalThis` requires we use `var`.\n}\n\nimport createCache, { StylisPlugin } from \"@emotion/cache\";\nimport { CacheProvider } from \"@emotion/react\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport { useUniqueAlphabeticalId } from \"./useUniqueAlphabeticalId.js\";\n\nexport type OdysseyCacheProviderProps = {\n  children: ReactNode;\n  /**\n   * @deprecated Use `EmotionRootElement` instead. This was incorrectly configured as an `HTMLStyleElement`, but then we're rendering `<style>` inside `<style>`. We need this to be a `<div>` instead.\n   *\n   * Emotion caches styles into the style element.\n   * When enabling this prop, Emotion caches the styles at this element, rather than in <head>.\n   */\n  emotionRoot?: HTMLStyleElement;\n  /**\n   * Emotion adds `<style>` elements into this DOM node. Normally, Emotion puts these in `document.head`.\n   * This is useful if you want to render into a Shadow DOM or iframe.\n   */\n  emotionRootElement?: HTMLElement;\n  /**\n   * @deprecated No longer necessary.\n   *\n   * Required to know if a Shadow DOM is in use. This tells Emotion to change its cache configuration.\n   */\n  hasShadowDom?: boolean;\n  nonce?: string;\n  /**\n   * @deprecated No longer necessary.\n   *\n   * Emotion renders into this HTML element.\n   * When enabling this prop, Emotion renders at the top of this component rather than the bottom like it does in the HTML `<head>`.\n   */\n  shadowDomElement?: HTMLDivElement | HTMLElement;\n  stylisPlugins?: StylisPlugin[];\n};\n\nconst OdysseyCacheProvider = ({\n  children,\n  emotionRoot,\n  emotionRootElement,\n  nonce,\n  stylisPlugins,\n}: OdysseyCacheProviderProps) => {\n  const uniqueAlphabeticalId = useUniqueAlphabeticalId();\n\n  const emotionCache = useMemo(\n    () =>\n      createCache({\n        ...((emotionRootElement || emotionRoot) && {\n          container: emotionRootElement || emotionRoot,\n        }),\n        key: uniqueAlphabeticalId,\n        nonce: nonce ?? globalThis.cspNonce,\n        prepend: true,\n        speedy: true,\n        ...(stylisPlugins && { stylisPlugins }),\n      }),\n    [\n      emotionRoot,\n      emotionRootElement,\n      nonce,\n      stylisPlugins,\n      uniqueAlphabeticalId,\n    ],\n  );\n\n  return <CacheProvider value={emotionCache}>{children}</CacheProvider>;\n};\n\nconst MemoizedOdysseyCacheProvider = memo(OdysseyCacheProvider);\nMemoizedOdysseyCacheProvider.displayName = \"OdysseyCacheProvider\";\n\nexport { MemoizedOdysseyCacheProvider as OdysseyCacheProvider };\n"],"mappings":";;;;;;AAgBA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,wBAAA,GAAAH,OAAA;AAAuE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AApBvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA2CA,MAAMG,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,WAAW;EACXC,kBAAkB;EAClBC,KAAK;EACLC;AACyB,CAAC,KAAK;EAC/B,MAAMC,oBAAoB,GAAG,IAAAC,gDAAuB,EAAC,CAAC;EAEtD,MAAMC,YAAY,GAAG,IAAAC,eAAO,EAC1B,MACE,IAAAC,cAAW,EAAC;IACV,IAAI,CAACP,kBAAkB,IAAID,WAAW,KAAK;MACzCS,SAAS,EAAER,kBAAkB,IAAID;IACnC,CAAC,CAAC;IACFU,GAAG,EAAEN,oBAAoB;IACzBF,KAAK,EAAEA,KAAK,IAAIS,UAAU,CAACC,QAAQ;IACnCC,OAAO,EAAE,IAAI;IACbC,MAAM,EAAE,IAAI;IACZ,IAAIX,aAAa,IAAI;MAAEA;IAAc,CAAC;EACxC,CAAC,CAAC,EACJ,CACEH,WAAW,EACXC,kBAAkB,EAClBC,KAAK,EACLC,aAAa,EACbC,oBAAoB,CAExB,CAAC;EAED,OAAO,IAAAV,WAAA,CAAAqB,GAAA,EAACxB,MAAA,CAAAyB,aAAa;IAACC,KAAK,EAAEX,YAAa;IAAAP,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AACvE,CAAC;AAED,MAAMmB,4BAA4B,GAAAC,OAAA,CAAArB,oBAAA,GAAG,IAAAsB,YAAI,EAACtB,oBAAoB,CAAC;AAC/DoB,4BAA4B,CAACG,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/dist/cjs/OdysseyDesignTokensContext.cjs

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOdysseyDesignTokens = exports.defaultOdysseyDesignTokensContextValue = exports.OdysseyDesignTokensContext = void 0;
+var odysseyDesignTokens = _interopRequireWildcard(require("@okta/odyssey-design-tokens"));
+var _react = require("react");
+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 defaultOdysseyDesignTokensContextValue = exports.defaultOdysseyDesignTokensContextValue = odysseyDesignTokens;
+const OdysseyDesignTokensContext = exports.OdysseyDesignTokensContext = (0, _react.createContext)(defaultOdysseyDesignTokensContextValue);
+const useOdysseyDesignTokens = () => (0, _react.useContext)(OdysseyDesignTokensContext);
+exports.useOdysseyDesignTokens = useOdysseyDesignTokens;
+//# sourceMappingURL=OdysseyDesignTokensContext.cjs.map

package/dist/cjs/OdysseyDesignTokensContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyDesignTokensContext.cjs","names":["odysseyDesignTokens","_interopRequireWildcard","require","_react","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultOdysseyDesignTokensContextValue","exports","OdysseyDesignTokensContext","createContext","useOdysseyDesignTokens","useContext"],"sources":["../../src/OdysseyDesignTokensContext.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 odysseyDesignTokens from \"@okta/odyssey-design-tokens\";\nimport { createContext, useContext } from \"react\";\n\nexport type DesignTokens = typeof odysseyDesignTokens;\nexport const defaultOdysseyDesignTokensContextValue = odysseyDesignTokens;\nexport const OdysseyDesignTokensContext = createContext(\n  defaultOdysseyDesignTokensContextValue,\n);\n\nexport const useOdysseyDesignTokens = () =>\n  useContext(OdysseyDesignTokensContext);\n"],"mappings":";;;;;;AAYA,IAAAA,mBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAkD,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAblD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMkB,sCAAsC,GAAAC,OAAA,CAAAD,sCAAA,GAAGvB,mBAAmB;AAClE,MAAMyB,0BAA0B,GAAAD,OAAA,CAAAC,0BAAA,GAAG,IAAAC,oBAAa,EACrDH,sCACF,CAAC;AAEM,MAAMI,sBAAsB,GAAGA,CAAA,KACpC,IAAAC,iBAAU,EAACH,0BAA0B,CAAC;AAACD,OAAA,CAAAG,sBAAA,GAAAA,sBAAA","ignoreList":[]}