@okta/odyssey-react-mui 1.29.0 → 1.32.4

package/dist/esm/Form.js

@@ -0,0 +1,97 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { memo } from "react";
+import styled from "@emotion/styled";
+import { Heading4, Support } from "./Typography.js";
+import { useUniqueId } from "./useUniqueId.js";
+import { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const formEncodingTypeValues = ["application/x-www-form-urlencoded", "application/json", "multipart/form-data", "text/plain"];
+export const formAutoCompleteTypeValues = ["on", "off"];
+export const formMethodValues = ["post", "get", "dialog"];
+const StyledForm = styled.form(({
+  isFullWidth,
+  odysseyDesignTokens
+}) => ({
+  maxWidth: isFullWidth ? "100%" : odysseyDesignTokens.TypographyLineLengthMax,
+  margin: 0,
+  padding: 0
+}));
+const TitleContainer = styled.div(({
+  odysseyDesignTokens
+}) => ({
+  marginBlockEnd: odysseyDesignTokens.Spacing4
+}));
+const FormActionContainer = styled.div({
+  display: "flex",
+  justifyContent: "flex-end"
+}, ({
+  odysseyDesignTokens
+}) => ({
+  gap: odysseyDesignTokens.Spacing1,
+  marginBlockStart: odysseyDesignTokens.Spacing7
+}));
+const Form = ({
+  alert,
+  autoCompleteType,
+  children,
+  description,
+  encodingType,
+  formActions,
+  id: idOverride,
+  isFullWidth,
+  method,
+  name,
+  noValidate = false,
+  onSubmit,
+  target,
+  testId,
+  title,
+  translate
+}) => {
+  const id = useUniqueId(idOverride);
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  return _jsxs(StyledForm, {
+    autoComplete: autoCompleteType,
+    "data-se": testId,
+    encType: encodingType,
+    id: id,
+    isFullWidth: isFullWidth,
+    method: method,
+    name: name,
+    noValidate: noValidate,
+    odysseyDesignTokens: odysseyDesignTokens,
+    onSubmit: onSubmit,
+    target: target,
+    children: [_jsxs(TitleContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: [title && _jsx(Heading4, {
+        component: "h1",
+        translate: translate,
+        children: title
+      }), description && _jsx(Support, {
+        translate: translate,
+        children: description
+      }), alert]
+    }), _jsx("div", {
+      children: children
+    }), formActions && _jsx(FormActionContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: formActions
+    })]
+  });
+};
+const MemoizedForm = memo(Form);
+MemoizedForm.displayName = "Form";
+export { MemoizedForm as Form };
+//# sourceMappingURL=Form.js.map

package/dist/esm/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","names":["memo","styled","Heading4","Support","useUniqueId","useOdysseyDesignTokens","jsx","_jsx","jsxs","_jsxs","formEncodingTypeValues","formAutoCompleteTypeValues","formMethodValues","StyledForm","form","isFullWidth","odysseyDesignTokens","maxWidth","TypographyLineLengthMax","margin","padding","TitleContainer","div","marginBlockEnd","Spacing4","FormActionContainer","display","justifyContent","gap","Spacing1","marginBlockStart","Spacing7","Form","alert","autoCompleteType","children","description","encodingType","formActions","id","idOverride","method","name","noValidate","onSubmit","target","testId","title","translate","autoComplete","encType","component","MemoizedForm","displayName"],"sources":["../../src/Form.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 { FormEventHandler, memo, ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Button } from \"./Buttons/index.js\";\nimport { Callout } from \"./Callout.js\";\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { Heading4, Support } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\n\nexport const formEncodingTypeValues = [\n  \"application/x-www-form-urlencoded\",\n  \"application/json\",\n  \"multipart/form-data\",\n  \"text/plain\",\n] as const;\nexport const formAutoCompleteTypeValues = [\"on\", \"off\"] as const;\nexport const formMethodValues = [\"post\", \"get\", \"dialog\"] as const;\n\nconst StyledForm = styled.form<{\n  isFullWidth?: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ isFullWidth, odysseyDesignTokens }) => ({\n  maxWidth: isFullWidth ? \"100%\" : odysseyDesignTokens.TypographyLineLengthMax,\n  margin: 0,\n  padding: 0,\n}));\n\nconst TitleContainer = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  marginBlockEnd: odysseyDesignTokens.Spacing4,\n}));\n\nconst FormActionContainer = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(\n  {\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n  },\n  ({ odysseyDesignTokens }) => ({\n    gap: odysseyDesignTokens.Spacing1,\n    marginBlockStart: odysseyDesignTokens.Spacing7,\n  }),\n);\n\nexport type FormProps = {\n  /**\n   * A Callout indicating a Form-wide error or status update.\n   */\n  alert?: ReactElement<typeof Callout>;\n  /**\n   * Indicates whether input elements can by default have their values automatically completed by the browser.\n   * `autocomplete` attributes on form elements override it on <form>\n   */\n  autoCompleteType?: (typeof formAutoCompleteTypeValues)[number];\n  /**\n   * The Field or FieldSet components within the Form\n   */\n  children: ReactElement | Array<ReactElement>;\n  /**\n   * A supplementary description\n   */\n  description?: string;\n  /**\n   * If the value of the method attribute is post, enctype is the MIME type of the form submission.\n   * This value can be overridden by formenctype attributes on <button>, <input type=\"submit\">, or <input type=\"image\"> elements.\n   */\n  encodingType?: (typeof formEncodingTypeValues)[number];\n  /**\n   * The Field or FieldGroup components within the Form\n   */\n  formActions?:\n    | ReactElement<typeof Button>\n    | Array<ReactElement<typeof Button>>;\n  /**\n   * Defines a unique identifier (ID) which must be unique in the whole document.\n   */\n  id?: string;\n  /**\n   * The HTTP method to submit the form with.\n   * This value is overridden by formmethod attributes on <button>, <input type=\"submit\">, or <input type=\"image\"> elements.\n   */\n  method?: (typeof formMethodValues)[number];\n  /**\n   * The name of the form. The value must not be the empty string, and must be unique among the form elements in the forms collection that it is in, if any.\n   */\n  name: string;\n  /**\n   * This Boolean attribute indicates that the form shouldn't be validated when submitted.\n   * If this attribute is not set (and therefore the form is validated),\n   * it can be overridden by a formnovalidate attribute on a <button>, <input type=\"submit\">, or <input type=\"image\"> element belonging to the form.\n   */\n  noValidate?: boolean;\n  /**\n   * Callback that passes the submit event to the consumer\n   */\n  onSubmit?: FormEventHandler<HTMLFormElement>;\n  /**\n   * Indicates where to display the response after submitting the form. It is a name/keyword for a browsing context (for example, tab, window, or iframe).\n   * This value can be overridden by a formtarget attribute on a <button>, <input type=\"submit\">, or <input type=\"image\"> element.\n   */\n  target?: string;\n  /**\n   * The title of the Form\n   */\n  title?: string;\n} & Pick<FieldComponentProps, \"isFullWidth\"> &\n  Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Form = ({\n  alert,\n  autoCompleteType,\n  children,\n  description,\n  encodingType,\n  formActions,\n  id: idOverride,\n  isFullWidth,\n  method,\n  name,\n  noValidate = false,\n  onSubmit,\n  target,\n  testId,\n  title,\n  translate,\n}: FormProps) => {\n  const id = useUniqueId(idOverride);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <StyledForm\n      autoComplete={autoCompleteType}\n      data-se={testId}\n      encType={encodingType}\n      id={id}\n      isFullWidth={isFullWidth}\n      method={method}\n      name={name}\n      noValidate={noValidate}\n      odysseyDesignTokens={odysseyDesignTokens}\n      onSubmit={onSubmit}\n      target={target}\n    >\n      <TitleContainer odysseyDesignTokens={odysseyDesignTokens}>\n        {title && (\n          <Heading4 component=\"h1\" translate={translate}>\n            {title}\n          </Heading4>\n        )}\n        {description && <Support translate={translate}>{description}</Support>}\n        {alert}\n      </TitleContainer>\n      <div>{children}</div>\n      {formActions && (\n        <FormActionContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {formActions}\n        </FormActionContainer>\n      )}\n    </StyledForm>\n  );\n};\n\nconst MemoizedForm = memo(Form);\nMemoizedForm.displayName = \"Form\";\n\nexport { MemoizedForm as Form };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/FormCheckedProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckedProps.js","names":[],"sources":["../../src/FormCheckedProps.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 { SwitchBaseProps } from \"@mui/material/internal/SwitchBase.js\";\n\ntype SwitchOnChangeProp = Pick<SwitchBaseProps, \"onChange\">;\n\nexport type ControlledCheckedFieldProps<\n  TogglableInputElement extends SwitchOnChangeProp,\n> = {\n  /**\n   * Sets the checked state of the Checkbox\n   */\n  isChecked: boolean;\n  /**\n   * Determines whether the Checkbox is checked\n   * Should not be used if `isChecked` is used\n   */\n  isDefaultChecked?: never;\n  /**\n   * The change event handler for the Checkbox\n   * Must be used if `isChecked` is used\n   */\n  onChange: TogglableInputElement[\"onChange\"];\n};\n\nexport type UncontrolledCheckedFieldProps<\n  TogglableInputElement extends SwitchOnChangeProp,\n> = {\n  /**\n   * Sets the checked state of the Checkbox\n   */\n  isChecked?: never;\n  /**\n   * Determines whether the Checkbox is checked\n   * Should not be used if `isChecked` is used\n   */\n  isDefaultChecked?: boolean;\n  /**\n   * The change event handler for the Checkbox\n   * Must be used if `isChecked` is used\n   */\n  onChange?: TogglableInputElement[\"onChange\"];\n};\n\nexport type CheckedFieldProps<\n  TogglableInputElement extends SwitchOnChangeProp,\n> =\n  | ControlledCheckedFieldProps<TogglableInputElement>\n  | UncontrolledCheckedFieldProps<TogglableInputElement>;\n"],"mappings":"","ignoreList":[]}

package/dist/esm/HintLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HintLink.js","names":["memo","Link","jsx","_jsx","HintLink","props","variant","MemoizedHintLink","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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAE5B,SAASC,IAAI,QAAmB,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,MAAMC,QAAQ,GACZC,KAGC,IACEF,IAAA,CAACF,IAAI;EAAA,GAAKI,KAAK;EAAEC,OAAO,EAAC;AAAS,CAAE,CAAC;AAE1C,MAAMC,gBAAgB,GAAGP,IAAI,CAACI,QAAQ,CAAC;AAEvCG,gBAAgB,CAACC,WAAW,GAAG,UAAU;AAEzC,SAASD,gBAAgB,IAAIH,QAAQ","ignoreList":[]}

package/dist/esm/HtmlProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlProps.js","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/esm/IconWithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWithTooltip.js","names":["memo","styled","InformationCircleIcon","useMuiProps","useOdysseyDesignTokens","jsx","_jsx","IconContainer","span","odysseyDesignTokens","display","transitionProperty","transitionDuration","TransitionDurationMain","border","borderColor","FocusOutlineColorPrimary","boxShadow","outline","FocusOutlineWidthMain","FocusOutlineStyle","outlineOffset","FocusOutlineOffsetTight","svg","IconWithTooltip","IconComponent","placement","testId","tooltipText","translate","muiProps","_Tooltip","describeChild","tabIndex","title","children","MemoizedIconWithTooltip","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 { memo, ReactNode } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Tooltip as MuiTooltip } from \"@mui/material\";\nimport type { TooltipProps as MuiTooltipProps } from \"@mui/material\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { InformationCircleIcon } from \"./icons.generated/index.js\";\nimport { useMuiProps } from \"./MuiPropsContext.js\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\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":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAmB,OAAO;AACvC,OAAOC,MAAM,MAAM,iBAAiB;AAKpC,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SACEC,sBAAsB,QAEjB,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzC,MAAMC,aAAa,GAAGN,MAAM,CAACO,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,GAAGnB,IAAA,CAACJ,qBAAqB,IAAE,CAAC;EACzCwB,SAAS,GAAG,OAAO;EACnBC,MAAM;EACNC,WAAW;EACXC;AACoB,CAAC,KAAK;EAC1B,MAAMC,QAAQ,GAAG3B,WAAW,CAAC,CAAC;EAC9B,MAAMM,mBAAmB,GAAGL,sBAAsB,CAAC,CAAC;EAEpD,OACEE,IAAA,CAAAyB,QAAA;IACE,WAASJ,MAAO;IAChBK,aAAa;IACbN,SAAS,EAAEA,SAAU;IACrBO,QAAQ,EAAE,CAAE;IACZC,KAAK,EAAEN,WAAY;IACnBC,SAAS,EAAEA,SAAU;IAAAM,QAAA,EAErB7B,IAAA,CAACC,aAAa;MAACE,mBAAmB,EAAEA,mBAAoB;MAAA,GAAKqB,QAAQ;MAAAK,QAAA,EAClEV;IAAa,CACD;EAAC,CACN,CAAC;AAEjB,CAAC;AAED,MAAMW,uBAAuB,GAAGpC,IAAI,CAACwB,eAAe,CAAC;AACrDY,uBAAuB,CAACC,WAAW,GAAG,iBAAiB;AAEvD,SAASD,uBAAuB,IAAIZ,eAAe","ignoreList":[]}

package/dist/esm/Link.js

@@ -0,0 +1,62 @@
+import _Link from "@mui/material/Link";
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { memo, useImperativeHandle, useRef } from "react";
+import { ExternalLinkIcon } from "./icons.generated/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const linkVariantValues = ["default", "monochrome"];
+const Link = ({
+  ariaLabel,
+  children,
+  href,
+  icon,
+  linkRef,
+  rel,
+  target,
+  testId,
+  translate,
+  variant,
+  onClick
+}) => {
+  const localLinkRef = useRef(null);
+  useImperativeHandle(linkRef, () => {
+    return {
+      focus: () => {
+        localLinkRef.current?.focus();
+      }
+    };
+  }, []);
+  return _jsxs(_Link, {
+    "aria-label": ariaLabel,
+    "data-se": testId,
+    href: href,
+    ref: localLinkRef,
+    rel: rel,
+    target: target,
+    translate: translate,
+    variant: variant,
+    onClick: onClick,
+    children: [icon && _jsx("span", {
+      className: "Link-icon",
+      children: icon
+    }), children, target === "_blank" && _jsx("span", {
+      className: "Link-indicator",
+      role: "presentation",
+      children: _jsx(ExternalLinkIcon, {})
+    })]
+  });
+};
+const MemoizedLink = memo(Link);
+MemoizedLink.displayName = "Link";
+export { MemoizedLink as Link };
+//# sourceMappingURL=Link.js.map

package/dist/esm/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","names":["memo","useImperativeHandle","useRef","ExternalLinkIcon","jsx","_jsx","jsxs","_jsxs","linkVariantValues","Link","ariaLabel","children","href","icon","linkRef","rel","target","testId","translate","variant","onClick","localLinkRef","focus","current","_Link","ref","className","role","MemoizedLink","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 { memo, ReactElement, useImperativeHandle, useRef } from \"react\";\nimport { ExternalLinkIcon } from \"./icons.generated/index.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle } from \"./inputUtils.js\";\n\nimport { Link as MuiLink, LinkProps as MuiLinkProps } from \"@mui/material\";\n\nexport const linkVariantValues = [\"default\", \"monochrome\"] as const;\n\nexport type LinkProps = {\n  /**\n   * The content within the Link\n   */\n  children: React.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?: React.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      ref={localLinkRef}\n      rel={rel}\n      target={target}\n      translate={translate}\n      variant={variant}\n      onClick={onClick}\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAgBC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AACvE,SAASC,gBAAgB,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM9D,OAAO,MAAMC,iBAAiB,GAAG,CAAC,SAAS,EAAE,YAAY,CAAU;AA4CnE,MAAMC,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,GAAGnB,MAAM,CAAoB,IAAI,CAAC;EACpDD,mBAAmB,CAACa,OAAO,EAAE,MAAM;IACjC,OAAO;MACLQ,KAAK,EAAEA,CAAA,KAAM;QACXD,YAAY,CAACE,OAAO,EAAED,KAAK,CAAC,CAAC;MAC/B;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OACEf,KAAA,CAAAiB,KAAA;IACE,cAAYd,SAAU;IACtB,WAASO,MAAO;IAChBL,IAAI,EAAEA,IAAK;IACXa,GAAG,EAAEJ,YAAa;IAClBN,GAAG,EAAEA,GAAI;IACTC,MAAM,EAAEA,MAAO;IACfE,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IAAAT,QAAA,GAEhBE,IAAI,IAAIR,IAAA;MAAMqB,SAAS,EAAC,WAAW;MAAAf,QAAA,EAAEE;IAAI,CAAO,CAAC,EAEjDF,QAAQ,EAERK,MAAM,KAAK,QAAQ,IAClBX,IAAA;MAAMqB,SAAS,EAAC,gBAAgB;MAACC,IAAI,EAAC,cAAc;MAAAhB,QAAA,EAClDN,IAAA,CAACF,gBAAgB,IAAE;IAAC,CAChB,CACP;EAAA,CACM,CAAC;AAEd,CAAC;AAED,MAAMyB,YAAY,GAAG5B,IAAI,CAACS,IAAI,CAAC;AAE/BmB,YAAY,CAACC,WAAW,GAAG,MAAM;AAEjC,SAASD,YAAY,IAAInB,IAAI","ignoreList":[]}

package/dist/esm/MuiPropsChild.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiPropsChild.js","names":["forwardRef","memo","useMemo","MuiPropsContext","jsx","_jsx","MuiPropsChild","children","muiProps","ref","providerValue","Provider","value","MemoizedMuiPropsChild","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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,EAAaC,OAAO,QAAQ,OAAO;AAE5D,SAASC,eAAe,QAA6B,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM5E,MAAMC,aAAa,GAAGN,UAAU,CAC9B,CAAC;EAAEO,QAAQ;EAAE,GAAGC;AAAS,CAAC,EAAEC,GAAG,KAAK;EAClC,MAAMC,aAAa,GAAGR,OAAO,CAC3B,OAAO;IACL,GAAGM,QAAQ;IACXC;EACF,CAAC,CAAC,EACF,CAACD,QAAQ,EAAEC,GAAG,CAChB,CAAC;EAED,OACEJ,IAAA,CAACF,eAAe,CAACQ,QAAQ;IAACC,KAAK,EAAEF,aAAc;IAAAH,QAAA,EAC5CA;EAAQ,CACe,CAAC;AAE/B,CACF,CAAC;AAED,MAAMM,qBAAqB,GAAGZ,IAAI,CAACK,aAAa,CAAC;AACjDO,qBAAqB,CAACC,WAAW,GAAG,eAAe;AAEnD,SAASD,qBAAqB,IAAIP,aAAa","ignoreList":[]}

package/dist/esm/MuiPropsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiPropsContext.js","names":["createContext","useContext","MuiPropsContext","useMuiProps"],"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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGjD,OAAO,MAAMC,eAAe,GAAGF,aAAa,CAAsB,CAAC,CAAC,CAAC;AAErE,OAAO,MAAMG,WAAW,GAAGA,CAAA,KAAMF,UAAU,CAACC,eAAe,CAAC","ignoreList":[]}

package/dist/esm/NativeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.js","names":["React","forwardRef","memo","useCallback","useImperativeHandle","useMemo","useRef","Field","getControlState","useInputValues","jsx","_jsx","NativeSelect","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","controlledValue","uncontrolledValue","localInputRef","focus","current","inputValues","controlState","event","child","undefined","renderFieldComponent","errorMessageElementId","labelElementId","_Select","autoComplete","inputProps","name","multiple","native","fieldType","hasVisibleLabel","MemoizedNativeSelect","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 React, {\n  InputHTMLAttributes,\n  ReactElement,\n  forwardRef,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\nimport {\n  Select as MuiSelect,\n  SelectProps as MuiSelectProps,\n} from \"@mui/material\";\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport type NativeSelectOption = {\n  text: string;\n  value?: string;\n  type?: \"heading\" | \"option\";\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          name={idOverride}\n          multiple={hasMultipleChoices}\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/esm/NullElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NullElement.js","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/esm/OdysseyCacheProvider.js

@@ -0,0 +1,51 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import createCache from "@emotion/cache";
+import { memo, useMemo } from "react";
+import { useUniqueAlphabeticalId } from "./useUniqueAlphabeticalId.js";
+import { CacheProvider } from "@emotion/react";
+import { jsx as _jsx } from "react/jsx-runtime";
+const OdysseyCacheProvider = ({
+  children,
+  emotionRoot,
+  emotionRootElement,
+  hasShadowDom: hasShadowDomProp,
+  nonce,
+  shadowDomElement,
+  stylisPlugins
+}) => {
+  const uniqueAlphabeticalId = useUniqueAlphabeticalId();
+  const hasShadowDom = hasShadowDomProp || shadowDomElement;
+  const emotionCache = useMemo(() => {
+    return createCache({
+      ...((emotionRootElement || emotionRoot) && {
+        container: emotionRootElement || emotionRoot
+      }),
+      key: uniqueAlphabeticalId,
+      nonce: nonce ?? globalThis.cspNonce,
+      prepend: true,
+      speedy: hasShadowDom ? false : true,
+      ...(stylisPlugins && {
+        stylisPlugins
+      })
+    });
+  }, [emotionRoot, emotionRootElement, hasShadowDom, nonce, stylisPlugins, uniqueAlphabeticalId]);
+  return _jsx(CacheProvider, {
+    value: emotionCache,
+    children: children
+  });
+};
+const MemoizedOdysseyCacheProvider = memo(OdysseyCacheProvider);
+MemoizedOdysseyCacheProvider.displayName = "OdysseyCacheProvider";
+export { MemoizedOdysseyCacheProvider as OdysseyCacheProvider };
+//# sourceMappingURL=OdysseyCacheProvider.js.map

package/dist/esm/OdysseyCacheProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyCacheProvider.js","names":["createCache","memo","useMemo","useUniqueAlphabeticalId","CacheProvider","jsx","_jsx","OdysseyCacheProvider","children","emotionRoot","emotionRootElement","hasShadowDom","hasShadowDomProp","nonce","shadowDomElement","stylisPlugins","uniqueAlphabeticalId","emotionCache","container","key","globalThis","cspNonce","prepend","speedy","value","MemoizedOdysseyCacheProvider","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  // eslint-disable-next-line no-var\n  var cspNonce: string; // Adding types to `globalThis` requires we use `var`.\n}\n\nimport createCache, { StylisPlugin } from \"@emotion/cache\";\nimport { memo, useMemo, ReactNode } from \"react\";\nimport { useUniqueAlphabeticalId } from \"./useUniqueAlphabeticalId.js\";\nimport { CacheProvider } from \"@emotion/react\";\n\nexport type OdysseyCacheProviderProps = {\n  children: ReactNode;\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   * @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  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  hasShadowDom?: boolean;\n  nonce?: string;\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   * @deprecated Will be removed in a future Odyssey version. Use `hasShadowDomElement` instead.\n   */\n  shadowDomElement?: HTMLDivElement | HTMLElement;\n  stylisPlugins?: StylisPlugin[];\n};\n\nconst OdysseyCacheProvider = ({\n  children,\n  emotionRoot,\n  emotionRootElement,\n  hasShadowDom: hasShadowDomProp,\n  nonce,\n  shadowDomElement,\n  stylisPlugins,\n}: OdysseyCacheProviderProps) => {\n  const uniqueAlphabeticalId = useUniqueAlphabeticalId();\n\n  const hasShadowDom = hasShadowDomProp || shadowDomElement;\n\n  const emotionCache = useMemo(() => {\n    return createCache({\n      ...((emotionRootElement || emotionRoot) && {\n        container: emotionRootElement || emotionRoot,\n      }),\n      key: uniqueAlphabeticalId,\n      nonce: nonce ?? globalThis.cspNonce,\n      prepend: true,\n      speedy: hasShadowDom ? false : true, // <-- Needs to be set to false when shadow-dom is used! https://github.com/emotion-js/emotion/issues/2053#issuecomment-713429122\n      ...(stylisPlugins && { stylisPlugins }),\n    });\n  }, [\n    emotionRoot,\n    emotionRootElement,\n    hasShadowDom,\n    nonce,\n    stylisPlugins,\n    uniqueAlphabeticalId,\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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA,OAAOA,WAAW,MAAwB,gBAAgB;AAC1D,SAASC,IAAI,EAAEC,OAAO,QAAmB,OAAO;AAChD,SAASC,uBAAuB,QAAQ,8BAA8B;AACtE,SAASC,aAAa,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA0B/C,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,WAAW;EACXC,kBAAkB;EAClBC,YAAY,EAAEC,gBAAgB;EAC9BC,KAAK;EACLC,gBAAgB;EAChBC;AACyB,CAAC,KAAK;EAC/B,MAAMC,oBAAoB,GAAGb,uBAAuB,CAAC,CAAC;EAEtD,MAAMQ,YAAY,GAAGC,gBAAgB,IAAIE,gBAAgB;EAEzD,MAAMG,YAAY,GAAGf,OAAO,CAAC,MAAM;IACjC,OAAOF,WAAW,CAAC;MACjB,IAAI,CAACU,kBAAkB,IAAID,WAAW,KAAK;QACzCS,SAAS,EAAER,kBAAkB,IAAID;MACnC,CAAC,CAAC;MACFU,GAAG,EAAEH,oBAAoB;MACzBH,KAAK,EAAEA,KAAK,IAAIO,UAAU,CAACC,QAAQ;MACnCC,OAAO,EAAE,IAAI;MACbC,MAAM,EAAEZ,YAAY,GAAG,KAAK,GAAG,IAAI;MACnC,IAAII,aAAa,IAAI;QAAEA;MAAc,CAAC;IACxC,CAAC,CAAC;EACJ,CAAC,EAAE,CACDN,WAAW,EACXC,kBAAkB,EAClBC,YAAY,EACZE,KAAK,EACLE,aAAa,EACbC,oBAAoB,CACrB,CAAC;EAEF,OAAOV,IAAA,CAACF,aAAa;IAACoB,KAAK,EAAEP,YAAa;IAAAT,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AACvE,CAAC;AAED,MAAMiB,4BAA4B,GAAGxB,IAAI,CAACM,oBAAoB,CAAC;AAC/DkB,4BAA4B,CAACC,WAAW,GAAG,sBAAsB;AAEjE,SAASD,4BAA4B,IAAIlB,oBAAoB","ignoreList":[]}

package/dist/esm/OdysseyDesignTokensContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyDesignTokensContext.js","names":["odysseyDesignTokens","createContext","useContext","defaultOdysseyDesignTokensContextValue","OdysseyDesignTokensContext","useOdysseyDesignTokens"],"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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,KAAKA,mBAAmB,MAAM,6BAA6B;AAClE,SAASC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGjD,OAAO,MAAMC,sCAAsC,GAAGH,mBAAmB;AACzE,OAAO,MAAMI,0BAA0B,GAAGH,aAAa,CACrDE,sCACF,CAAC;AAED,OAAO,MAAME,sBAAsB,GAAGA,CAAA,KACpCH,UAAU,CAACE,0BAA0B,CAAC","ignoreList":[]}

package/dist/esm/OdysseyProvider.js

@@ -0,0 +1,60 @@
+import _ScopedCssBaseline from "@mui/material/ScopedCssBaseline";
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { memo } from "react";
+import { OdysseyCacheProvider } from "./OdysseyCacheProvider.js";
+import { OdysseyThemeProvider } from "./OdysseyThemeProvider.js";
+import { OdysseyTranslationProvider } from "./OdysseyTranslationProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const scopedCssBaselineStyles = {
+  height: "inherit"
+};
+const OdysseyProvider = ({
+  children,
+  contrastMode,
+  designTokensOverride,
+  emotionRoot,
+  emotionRootElement,
+  languageCode,
+  nonce,
+  shadowDomElement,
+  shadowRootElement,
+  stylisPlugins,
+  themeOverride,
+  translationOverrides,
+  hasScopedCssBaseline = true
+}) => _jsx(OdysseyCacheProvider, {
+  emotionRootElement: emotionRootElement || emotionRoot,
+  hasShadowDom: Boolean(shadowRootElement || shadowDomElement),
+  nonce: nonce,
+  stylisPlugins: stylisPlugins,
+  children: _jsx(OdysseyThemeProvider, {
+    contrastMode: contrastMode,
+    designTokensOverride: designTokensOverride,
+    shadowDomElement: shadowDomElement,
+    shadowRootElement: shadowRootElement,
+    themeOverride: themeOverride,
+    children: _jsx(OdysseyTranslationProvider, {
+      languageCode: languageCode,
+      translationOverrides: translationOverrides,
+      children: hasScopedCssBaseline ? _jsx(_ScopedCssBaseline, {
+        sx: scopedCssBaselineStyles,
+        children: children
+      }) : children
+    })
+  })
+});
+OdysseyProvider.displayName = "OdysseyProvider";
+const MemoizedOdysseyProvider = memo(OdysseyProvider);
+export { MemoizedOdysseyProvider as OdysseyProvider };
+//# sourceMappingURL=OdysseyProvider.js.map

package/dist/esm/OdysseyProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyProvider.js","names":["memo","OdysseyCacheProvider","OdysseyThemeProvider","OdysseyTranslationProvider","jsx","_jsx","scopedCssBaselineStyles","height","OdysseyProvider","children","contrastMode","designTokensOverride","emotionRoot","emotionRootElement","languageCode","nonce","shadowDomElement","shadowRootElement","stylisPlugins","themeOverride","translationOverrides","hasScopedCssBaseline","hasShadowDom","Boolean","_ScopedCssBaseline","sx","displayName","MemoizedOdysseyProvider"],"sources":["../../src/OdysseyProvider.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, ReactNode } from \"react\";\nimport { ScopedCssBaseline } from \"@mui/material\";\n\nimport {\n  OdysseyCacheProvider,\n  OdysseyCacheProviderProps,\n} from \"./OdysseyCacheProvider.js\";\nimport {\n  OdysseyThemeProvider,\n  OdysseyThemeProviderProps,\n} from \"./OdysseyThemeProvider.js\";\nimport {\n  OdysseyTranslationProvider,\n  OdysseyTranslationProviderProps,\n} from \"./OdysseyTranslationProvider.js\";\nimport { DefaultSupportedLanguages } from \"./OdysseyTranslationProvider.types.js\";\nconst scopedCssBaselineStyles = {\n  height: \"inherit\",\n};\n\nexport type OdysseyProviderProps<\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n> = OdysseyCacheProviderProps &\n  OdysseyThemeProviderProps &\n  OdysseyTranslationProviderProps<SupportedLanguages> & {\n    children: ReactNode;\n    /**\n     * Whether to emit the ScopedCssBaseline. Defaults to true.\n     */\n    hasScopedCssBaseline?: boolean;\n  };\n\nconst OdysseyProvider = <SupportedLanguages extends string>({\n  children,\n  contrastMode,\n  designTokensOverride,\n  emotionRoot,\n  emotionRootElement,\n  languageCode,\n  nonce,\n  shadowDomElement,\n  shadowRootElement,\n  stylisPlugins,\n  themeOverride,\n  translationOverrides,\n  hasScopedCssBaseline = true,\n}: OdysseyProviderProps<SupportedLanguages>) => (\n  <OdysseyCacheProvider\n    emotionRootElement={emotionRootElement || emotionRoot}\n    hasShadowDom={Boolean(shadowRootElement || shadowDomElement)}\n    nonce={nonce}\n    stylisPlugins={stylisPlugins}\n  >\n    <OdysseyThemeProvider\n      contrastMode={contrastMode}\n      designTokensOverride={designTokensOverride}\n      shadowDomElement={shadowDomElement}\n      shadowRootElement={shadowRootElement}\n      themeOverride={themeOverride}\n    >\n      <OdysseyTranslationProvider<SupportedLanguages>\n        languageCode={languageCode}\n        translationOverrides={translationOverrides}\n      >\n        {hasScopedCssBaseline ? (\n          <ScopedCssBaseline sx={scopedCssBaselineStyles}>\n            {children}\n          </ScopedCssBaseline>\n        ) : (\n          children\n        )}\n      </OdysseyTranslationProvider>\n    </OdysseyThemeProvider>\n  </OdysseyCacheProvider>\n);\nOdysseyProvider.displayName = \"OdysseyProvider\";\n\nconst MemoizedOdysseyProvider = memo(OdysseyProvider) as typeof OdysseyProvider;\n\nexport { MemoizedOdysseyProvider as OdysseyProvider };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAmB,OAAO;AAGvC,SACEC,oBAAoB,QAEf,2BAA2B;AAClC,SACEC,oBAAoB,QAEf,2BAA2B;AAClC,SACEC,0BAA0B,QAErB,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzC,MAAMC,uBAAuB,GAAG;EAC9BC,MAAM,EAAE;AACV,CAAC;AAcD,MAAMC,eAAe,GAAGA,CAAoC;EAC1DC,QAAQ;EACRC,YAAY;EACZC,oBAAoB;EACpBC,WAAW;EACXC,kBAAkB;EAClBC,YAAY;EACZC,KAAK;EACLC,gBAAgB;EAChBC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC,oBAAoB;EACpBC,oBAAoB,GAAG;AACiB,CAAC,KACzChB,IAAA,CAACJ,oBAAoB;EACnBY,kBAAkB,EAAEA,kBAAkB,IAAID,WAAY;EACtDU,YAAY,EAAEC,OAAO,CAACN,iBAAiB,IAAID,gBAAgB,CAAE;EAC7DD,KAAK,EAAEA,KAAM;EACbG,aAAa,EAAEA,aAAc;EAAAT,QAAA,EAE7BJ,IAAA,CAACH,oBAAoB;IACnBQ,YAAY,EAAEA,YAAa;IAC3BC,oBAAoB,EAAEA,oBAAqB;IAC3CK,gBAAgB,EAAEA,gBAAiB;IACnCC,iBAAiB,EAAEA,iBAAkB;IACrCE,aAAa,EAAEA,aAAc;IAAAV,QAAA,EAE7BJ,IAAA,CAACF,0BAA0B;MACzBW,YAAY,EAAEA,YAAa;MAC3BM,oBAAoB,EAAEA,oBAAqB;MAAAX,QAAA,EAE1CY,oBAAoB,GACnBhB,IAAA,CAAAmB,kBAAA;QAAmBC,EAAE,EAAEnB,uBAAwB;QAAAG,QAAA,EAC5CA;MAAQ,CACQ,CAAC,GAEpBA;IACD,CACyB;EAAC,CACT;AAAC,CACH,CACvB;AACDD,eAAe,CAACkB,WAAW,GAAG,iBAAiB;AAE/C,MAAMC,uBAAuB,GAAG3B,IAAI,CAACQ,eAAe,CAA2B;AAE/E,SAASmB,uBAAuB,IAAInB,eAAe","ignoreList":[]}

package/dist/esm/OdysseyThemeProvider.js

@@ -0,0 +1,70 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { memo, useMemo } from "react";
+import { createTheme, ThemeProvider as MuiThemeProvider } from "@mui/material/styles";
+import { deepmerge } from "@mui/utils";
+import styled from "@emotion/styled";
+import { createOdysseyMuiTheme } from "./theme/index.js";
+import * as Tokens from "@okta/odyssey-design-tokens";
+import { ContrastModeContext, useContrastMode } from "./useContrastMode.js";
+import { OdysseyDesignTokensContext } from "./OdysseyDesignTokensContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledContrastContainerStyles = styled("div")(() => ({
+  height: "inherit"
+}));
+const OdysseyThemeProvider = ({
+  children,
+  contrastMode: explicitContrastMode,
+  designTokensOverride,
+  shadowDomElement,
+  shadowRootElement,
+  themeOverride
+}) => {
+  const {
+    contrastMode,
+    contrastContainerRef
+  } = useContrastMode({
+    contrastMode: explicitContrastMode
+  });
+  const odysseyTokens = useMemo(() => ({
+    ...Tokens,
+    ...designTokensOverride
+  }), [designTokensOverride]);
+  const effectiveShadowRootElement = shadowRootElement || shadowDomElement;
+  const odysseyTheme = useMemo(() => createOdysseyMuiTheme({
+    contrastMode,
+    odysseyTokens,
+    shadowRootElement: effectiveShadowRootElement
+  }), [contrastMode, odysseyTokens, effectiveShadowRootElement]);
+  const customOdysseyTheme = useMemo(() => createTheme(deepmerge(odysseyTheme, themeOverride || {})), [odysseyTheme, themeOverride]);
+  const contrastModeProviderValue = useMemo(() => ({
+    contrastMode
+  }), [contrastMode]);
+  return _jsx(StyledContrastContainerStyles, {
+    ref: contrastContainerRef,
+    children: _jsx(ContrastModeContext.Provider, {
+      value: contrastModeProviderValue,
+      children: _jsx(MuiThemeProvider, {
+        theme: customOdysseyTheme,
+        children: _jsx(OdysseyDesignTokensContext.Provider, {
+          value: odysseyTokens,
+          children: children
+        })
+      })
+    })
+  });
+};
+OdysseyThemeProvider.displayName = "OdysseyThemeProvider";
+const MemoizedOdysseyThemeProvider = memo(OdysseyThemeProvider);
+export { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };
+//# sourceMappingURL=OdysseyThemeProvider.js.map

package/dist/esm/OdysseyThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyThemeProvider.js","names":["memo","useMemo","createTheme","ThemeProvider","MuiThemeProvider","deepmerge","styled","createOdysseyMuiTheme","Tokens","ContrastModeContext","useContrastMode","OdysseyDesignTokensContext","jsx","_jsx","StyledContrastContainerStyles","height","OdysseyThemeProvider","children","contrastMode","explicitContrastMode","designTokensOverride","shadowDomElement","shadowRootElement","themeOverride","contrastContainerRef","odysseyTokens","effectiveShadowRootElement","odysseyTheme","customOdysseyTheme","contrastModeProviderValue","ref","Provider","value","theme","displayName","MemoizedOdysseyThemeProvider"],"sources":["../../src/OdysseyThemeProvider.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, ReactNode, useMemo } from \"react\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { ThemeOptions } from \"@mui/material\";\nimport { deepmerge } from \"@mui/utils\";\nimport styled from \"@emotion/styled\";\nimport { createOdysseyMuiTheme, DesignTokensOverride } from \"./theme/index.js\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nimport {\n  ContrastMode,\n  ContrastModeContext,\n  useContrastMode,\n} from \"./useContrastMode.js\";\nimport { OdysseyDesignTokensContext } from \"./OdysseyDesignTokensContext.js\";\n\nexport type OdysseyThemeProviderProps = {\n  children: ReactNode;\n  contrastMode?: ContrastMode;\n  designTokensOverride?: DesignTokensOverride;\n  /** @deprecated Use shadowRootElement instead */\n  shadowDomElement?: HTMLDivElement | HTMLElement;\n  shadowRootElement?: HTMLDivElement | HTMLElement;\n  themeOverride?: ThemeOptions;\n};\n\nconst StyledContrastContainerStyles = styled(\"div\")(() => ({\n  height: \"inherit\",\n}));\n\n/**\n * This function doesn't include the Emotion Cache or Translations. You should probably be using `OdysseyProvider`.\n *\n * Some teams have a need to wrap separately (SIW), but most teams will never need to use this explicitly.\n */\nconst OdysseyThemeProvider = ({\n  children,\n  contrastMode: explicitContrastMode,\n  designTokensOverride,\n  shadowDomElement,\n  shadowRootElement,\n  themeOverride,\n}: OdysseyThemeProviderProps) => {\n  const { contrastMode, contrastContainerRef } = useContrastMode({\n    contrastMode: explicitContrastMode,\n  });\n\n  const odysseyTokens = useMemo(\n    () => ({ ...Tokens, ...designTokensOverride }),\n    [designTokensOverride],\n  );\n\n  const effectiveShadowRootElement = shadowRootElement || shadowDomElement;\n\n  const odysseyTheme = useMemo(\n    () =>\n      createOdysseyMuiTheme({\n        contrastMode,\n        odysseyTokens,\n        shadowRootElement: effectiveShadowRootElement,\n      }),\n    [contrastMode, odysseyTokens, effectiveShadowRootElement],\n  );\n\n  const customOdysseyTheme = useMemo(\n    () => createTheme(deepmerge(odysseyTheme, themeOverride || {})),\n    [odysseyTheme, themeOverride],\n  );\n\n  const contrastModeProviderValue = useMemo(\n    () => ({\n      contrastMode,\n    }),\n    [contrastMode],\n  );\n\n  return (\n    <StyledContrastContainerStyles ref={contrastContainerRef}>\n      <ContrastModeContext.Provider value={contrastModeProviderValue}>\n        <MuiThemeProvider theme={customOdysseyTheme}>\n          <OdysseyDesignTokensContext.Provider value={odysseyTokens}>\n            {children}\n          </OdysseyDesignTokensContext.Provider>\n        </MuiThemeProvider>\n      </ContrastModeContext.Provider>\n    </StyledContrastContainerStyles>\n  );\n};\nOdysseyThemeProvider.displayName = \"OdysseyThemeProvider\";\n\nconst MemoizedOdysseyThemeProvider = memo(\n  OdysseyThemeProvider,\n) as typeof OdysseyThemeProvider;\n\nexport { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAaC,OAAO,QAAQ,OAAO;AAChD,SACEC,WAAW,EACXC,aAAa,IAAIC,gBAAgB,QAC5B,sBAAsB;AAE7B,SAASC,SAAS,QAAQ,YAAY;AACtC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,qBAAqB,QAA8B,kBAAkB;AAC9E,OAAO,KAAKC,MAAM,MAAM,6BAA6B;AAErD,SAEEC,mBAAmB,EACnBC,eAAe,QACV,sBAAsB;AAC7B,SAASC,0BAA0B,QAAQ,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY7E,MAAMC,6BAA6B,GAAGR,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO;EACzDS,MAAM,EAAE;AACV,CAAC,CAAC,CAAC;AAOH,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,YAAY,EAAEC,oBAAoB;EAClCC,oBAAoB;EACpBC,gBAAgB;EAChBC,iBAAiB;EACjBC;AACyB,CAAC,KAAK;EAC/B,MAAM;IAAEL,YAAY;IAAEM;EAAqB,CAAC,GAAGd,eAAe,CAAC;IAC7DQ,YAAY,EAAEC;EAChB,CAAC,CAAC;EAEF,MAAMM,aAAa,GAAGxB,OAAO,CAC3B,OAAO;IAAE,GAAGO,MAAM;IAAE,GAAGY;EAAqB,CAAC,CAAC,EAC9C,CAACA,oBAAoB,CACvB,CAAC;EAED,MAAMM,0BAA0B,GAAGJ,iBAAiB,IAAID,gBAAgB;EAExE,MAAMM,YAAY,GAAG1B,OAAO,CAC1B,MACEM,qBAAqB,CAAC;IACpBW,YAAY;IACZO,aAAa;IACbH,iBAAiB,EAAEI;EACrB,CAAC,CAAC,EACJ,CAACR,YAAY,EAAEO,aAAa,EAAEC,0BAA0B,CAC1D,CAAC;EAED,MAAME,kBAAkB,GAAG3B,OAAO,CAChC,MAAMC,WAAW,CAACG,SAAS,CAACsB,YAAY,EAAEJ,aAAa,IAAI,CAAC,CAAC,CAAC,CAAC,EAC/D,CAACI,YAAY,EAAEJ,aAAa,CAC9B,CAAC;EAED,MAAMM,yBAAyB,GAAG5B,OAAO,CACvC,OAAO;IACLiB;EACF,CAAC,CAAC,EACF,CAACA,YAAY,CACf,CAAC;EAED,OACEL,IAAA,CAACC,6BAA6B;IAACgB,GAAG,EAAEN,oBAAqB;IAAAP,QAAA,EACvDJ,IAAA,CAACJ,mBAAmB,CAACsB,QAAQ;MAACC,KAAK,EAAEH,yBAA0B;MAAAZ,QAAA,EAC7DJ,IAAA,CAACT,gBAAgB;QAAC6B,KAAK,EAAEL,kBAAmB;QAAAX,QAAA,EAC1CJ,IAAA,CAACF,0BAA0B,CAACoB,QAAQ;UAACC,KAAK,EAAEP,aAAc;UAAAR,QAAA,EACvDA;QAAQ,CAC0B;MAAC,CACtB;IAAC,CACS;EAAC,CACF,CAAC;AAEpC,CAAC;AACDD,oBAAoB,CAACkB,WAAW,GAAG,sBAAsB;AAEzD,MAAMC,4BAA4B,GAAGnC,IAAI,CACvCgB,oBACF,CAAgC;AAEhC,SAASmB,4BAA4B,IAAInB,oBAAoB","ignoreList":[]}

package/dist/esm/OdysseyTranslationProvider.js

@@ -0,0 +1,48 @@
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { useEffect } from "react";
+import { i18n, defaultNS, resources } from "./i18n.js";
+import { I18nextProvider } from "react-i18next";
+import { getTypedObjectKeys } from "./getTypedObjectKeys.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const odysseyI18nResourceKeysList = getTypedObjectKeys(resources["en"]);
+const mergeBundleOverrides = (languageCode, translationOverrides) => {
+  const translationStringOverrides = translationOverrides[languageCode];
+  const translationStrings = languageCode in resources ? resources[languageCode] : {};
+  return {
+    ...translationStrings,
+    ...translationStringOverrides
+  };
+};
+export const OdysseyTranslationProvider = ({
+  children,
+  languageCode,
+  translationOverrides
+}) => {
+  useEffect(() => {
+    i18n.changeLanguage(languageCode || window.navigator.language);
+  }, [languageCode]);
+  useEffect(() => {
+    if (translationOverrides) {
+      getTypedObjectKeys(translationOverrides).forEach(language => {
+        const bundle = mergeBundleOverrides(language, translationOverrides);
+        i18n.addResourceBundle(language, defaultNS, bundle);
+      });
+    }
+  }, [translationOverrides]);
+  return _jsx(I18nextProvider, {
+    i18n: i18n,
+    children: children
+  });
+};
+//# sourceMappingURL=OdysseyTranslationProvider.js.map

package/dist/esm/OdysseyTranslationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyTranslationProvider.js","names":["useEffect","i18n","defaultNS","resources","I18nextProvider","getTypedObjectKeys","jsx","_jsx","odysseyI18nResourceKeysList","mergeBundleOverrides","languageCode","translationOverrides","translationStringOverrides","translationStrings","OdysseyTranslationProvider","children","changeLanguage","window","navigator","language","forEach","bundle","addResourceBundle"],"sources":["../../src/OdysseyTranslationProvider.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { ReactNode, useEffect } from \"react\";\n\nimport { DefaultSupportedLanguages } from \"./OdysseyTranslationProvider.types.js\";\n\nimport { i18n, defaultNS, resources } from \"./i18n.js\";\nimport { I18nextProvider } from \"react-i18next\";\nimport { getTypedObjectKeys } from \"./getTypedObjectKeys.js\";\n\nexport type OdysseyI18nResourceKeys = (typeof resources)[\"en\"];\nexport const odysseyI18nResourceKeysList = getTypedObjectKeys(resources[\"en\"]);\n\nexport type TranslationOverrides<\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n> = Record<SupportedLanguages, Partial<OdysseyI18nResourceKeys>>;\n\nconst mergeBundleOverrides = <\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n>(\n  languageCode: SupportedLanguages,\n  translationOverrides: TranslationOverrides<SupportedLanguages>,\n) => {\n  const translationStringOverrides = translationOverrides[languageCode];\n\n  const translationStrings =\n    languageCode in resources\n      ? resources[languageCode as DefaultSupportedLanguages]\n      : {};\n\n  return {\n    ...translationStrings,\n    ...translationStringOverrides,\n  };\n};\n\nexport type OdysseyTranslationProviderProps<\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n> = {\n  children: ReactNode;\n  languageCode?: SupportedLanguages | DefaultSupportedLanguages;\n  translationOverrides?: TranslationOverrides<SupportedLanguages>;\n};\n\nexport const OdysseyTranslationProvider = <SupportedLanguages extends string>({\n  children,\n  languageCode,\n  translationOverrides,\n}: OdysseyTranslationProviderProps<SupportedLanguages>) => {\n  useEffect(() => {\n    i18n.changeLanguage(languageCode || window.navigator.language);\n  }, [languageCode]);\n\n  useEffect(() => {\n    if (translationOverrides) {\n      getTypedObjectKeys(translationOverrides).forEach((language) => {\n        const bundle = mergeBundleOverrides<SupportedLanguages>(\n          language,\n          translationOverrides,\n        );\n        i18n.addResourceBundle(language, defaultNS, bundle);\n      });\n    }\n  }, [translationOverrides]);\n\n  return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAAoBA,SAAS,QAAQ,OAAO;AAI5C,SAASC,IAAI,EAAEC,SAAS,EAAEC,SAAS,QAAQ,WAAW;AACtD,SAASC,eAAe,QAAQ,eAAe;AAC/C,SAASC,kBAAkB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7D,OAAO,MAAMC,2BAA2B,GAAGH,kBAAkB,CAACF,SAAS,CAAC,IAAI,CAAC,CAAC;AAM9E,MAAMM,oBAAoB,GAAGA,CAG3BC,YAAgC,EAChCC,oBAA8D,KAC3D;EACH,MAAMC,0BAA0B,GAAGD,oBAAoB,CAACD,YAAY,CAAC;EAErE,MAAMG,kBAAkB,GACtBH,YAAY,IAAIP,SAAS,GACrBA,SAAS,CAACO,YAAY,CAA8B,GACpD,CAAC,CAAC;EAER,OAAO;IACL,GAAGG,kBAAkB;IACrB,GAAGD;EACL,CAAC;AACH,CAAC;AAUD,OAAO,MAAME,0BAA0B,GAAGA,CAAoC;EAC5EC,QAAQ;EACRL,YAAY;EACZC;AACmD,CAAC,KAAK;EACzDX,SAAS,CAAC,MAAM;IACdC,IAAI,CAACe,cAAc,CAACN,YAAY,IAAIO,MAAM,CAACC,SAAS,CAACC,QAAQ,CAAC;EAChE,CAAC,EAAE,CAACT,YAAY,CAAC,CAAC;EAElBV,SAAS,CAAC,MAAM;IACd,IAAIW,oBAAoB,EAAE;MACxBN,kBAAkB,CAACM,oBAAoB,CAAC,CAACS,OAAO,CAAED,QAAQ,IAAK;QAC7D,MAAME,MAAM,GAAGZ,oBAAoB,CACjCU,QAAQ,EACRR,oBACF,CAAC;QACDV,IAAI,CAACqB,iBAAiB,CAACH,QAAQ,EAAEjB,SAAS,EAAEmB,MAAM,CAAC;MACrD,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACV,oBAAoB,CAAC,CAAC;EAE1B,OAAOJ,IAAA,CAACH,eAAe;IAACH,IAAI,EAAEA,IAAK;IAAAc,QAAA,EAAEA;EAAQ,CAAkB,CAAC;AAClE,CAAC","ignoreList":[]}

package/dist/esm/OdysseyTranslationProvider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyTranslationProvider.types.js","names":["defaultSupportedLanguages"],"sources":["../../src/OdysseyTranslationProvider.types.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\nexport const defaultSupportedLanguages = [\n  \"cs\", // Czech\n  \"da\", // Danish\n  \"de\", // German\n  \"el\", // Greek\n  \"en\", // English\n  \"es\", // Spanish\n  \"fi\", // Finnish\n  \"fr\", // French\n  \"ht\", // Haitian Creole\n  \"hu\", // Hungarian\n  \"id\", // Indonesian\n  \"it\", // Italian\n  \"ja\", // Japanese\n  \"ko\", // Korean\n  \"ms\", // Malaysian\n  \"nb\", // Norwegian\n  \"nl_NL\", // Dutch\n  \"ok_PL\", // (Test Language) Pseudo-loc\n  \"ok_SK\", // (Test Language) Show Keys\n  \"pl\", // Polish\n  \"pt_BR\", // Portuguese (Brazil)\n  \"ro\", // Romanian\n  \"ru\", // Russian\n  \"sv\", // Swedish\n  \"th\", // Thai\n  \"tr\", // Turkish\n  \"uk\", // Ukrainian\n  \"vi\", // Vietnamese\n  \"zh_CN\", // Chinese (PRC)\n  \"zh_TW\", // Chinese\n] as const;\n\nexport type DefaultSupportedLanguages =\n  (typeof defaultSupportedLanguages)[number];\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,yBAAyB,GAAG,CACvC,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,OAAO,EACP,OAAO,EACP,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,OAAO,CACC","ignoreList":[]}