@okta/odyssey-react-mui 1.55.0 → 1.57.0

package/dist/esm/IconWithTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWithTooltip.js","names":["styled","memo","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 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":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAOA,MAAM,MAAM,iBAAiB;AAEpC,SAASC,IAAI,QAAmB,OAAO;AAGvC,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAEEC,sBAAsB,QACjB,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzC,MAAMC,aAAa,GAAGP,MAAM,CAACQ,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,GAAGnC,IAAI,CAACuB,eAAe,CAAC;AACrDY,uBAAuB,CAACC,WAAW,GAAG,iBAAiB;AAEvD,SAASD,uBAAuB,IAAIZ,eAAe","ignoreList":[]}
+{"version":3,"file":"IconWithTooltip.js","names":["styled","memo","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 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":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAOA,MAAM,MAAM,iBAAiB;AAEpC,SAASC,IAAI,QAAmB,OAAO;AAGvC,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAEEC,sBAAsB,QACjB,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzC,MAAMC,aAAa,GAAGP,MAAM,CAACQ,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,GAAGnC,IAAI,CAACuB,eAAe,CAAC;AACrDY,uBAAuB,CAACC,WAAW,iDAAoB;AAEvD,SAASD,uBAAuB,IAAIZ,eAAe","ignoreList":[]}

package/dist/esm/Link.js

@@ -62,6 +62,6 @@ const Link = ({
   });
 };
 const MemoizedLink = memo(Link);
-MemoizedLink.displayName = "Link";
+MemoizedLink.displayName = "Link::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedLink as Link };
 //# sourceMappingURL=Link.js.map

package/dist/esm/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["memo","useCallback","useImperativeHandle","useRef","ExternalLinkIcon","jsx","_jsx","jsxs","_jsxs","linkVariantValues","Link","ariaLabel","children","href","icon","linkRef","rel","target","testId","translate","variant","onClick","localLinkRef","focus","current","handleClick","event","preventDefault","_Link","undefined","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 { Link as MuiLink, LinkProps as MuiLinkProps } from \"@mui/material\";\nimport {\n  memo,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useCallback,\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  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement>) => {\n      // Prevent default navigation when onClick is provided\n      if (onClick && (href === \"#\" || href === \"\")) {\n        event.preventDefault();\n      }\n      onClick?.(event);\n    },\n    [onClick, href],\n  );\n\n  return (\n    <MuiLink\n      aria-label={ariaLabel}\n      data-se={testId}\n      href={href}\n      onClick={onClick ? handleClick : undefined}\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SACEA,IAAI,EAIJC,WAAW,EACXC,mBAAmB,EACnBC,MAAM,QACD,OAAO;AAId,SAASC,gBAAgB,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9D,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,MAAME,WAAW,GAAGxB,WAAW,CAC5ByB,KAA0C,IAAK;IAE9C,IAAIL,OAAO,KAAKR,IAAI,KAAK,GAAG,IAAIA,IAAI,KAAK,EAAE,CAAC,EAAE;MAC5Ca,KAAK,CAACC,cAAc,CAAC,CAAC;IACxB;IACAN,OAAO,GAAGK,KAAK,CAAC;EAClB,CAAC,EACD,CAACL,OAAO,EAAER,IAAI,CAChB,CAAC;EAED,OACEL,KAAA,CAAAoB,KAAA;IACE,cAAYjB,SAAU;IACtB,WAASO,MAAO;IAChBL,IAAI,EAAEA,IAAK;IACXQ,OAAO,EAAEA,OAAO,GAAGI,WAAW,GAAGI,SAAU;IAC3CC,GAAG,EAAER,YAAa;IAClBN,GAAG,EAAEA,GAAI;IACTC,MAAM,EAAEA,MAAO;IACfE,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IAAAR,QAAA,GAEhBE,IAAI,IAAIR,IAAA;MAAMyB,SAAS,EAAC,WAAW;MAAAnB,QAAA,EAAEE;IAAI,CAAO,CAAC,EAEjDF,QAAQ,EAERK,MAAM,KAAK,QAAQ,IAClBX,IAAA;MAAMyB,SAAS,EAAC,gBAAgB;MAACC,IAAI,EAAC,cAAc;MAAApB,QAAA,EAClDN,IAAA,CAACF,gBAAgB,IAAE;IAAC,CAChB,CACP;EAAA,CACM,CAAC;AAEd,CAAC;AAED,MAAM6B,YAAY,GAAGjC,IAAI,CAACU,IAAI,CAAC;AAE/BuB,YAAY,CAACC,WAAW,GAAG,MAAM;AAEjC,SAASD,YAAY,IAAIvB,IAAI","ignoreList":[]}
+{"version":3,"file":"Link.js","names":["memo","useCallback","useImperativeHandle","useRef","ExternalLinkIcon","jsx","_jsx","jsxs","_jsxs","linkVariantValues","Link","ariaLabel","children","href","icon","linkRef","rel","target","testId","translate","variant","onClick","localLinkRef","focus","current","handleClick","event","preventDefault","_Link","undefined","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 { Link as MuiLink, LinkProps as MuiLinkProps } from \"@mui/material\";\nimport {\n  memo,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useCallback,\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  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLAnchorElement>) => {\n      // Prevent default navigation when onClick is provided\n      if (onClick && (href === \"#\" || href === \"\")) {\n        event.preventDefault();\n      }\n      onClick?.(event);\n    },\n    [onClick, href],\n  );\n\n  return (\n    <MuiLink\n      aria-label={ariaLabel}\n      data-se={testId}\n      href={href}\n      onClick={onClick ? handleClick : undefined}\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SACEA,IAAI,EAIJC,WAAW,EACXC,mBAAmB,EACnBC,MAAM,QACD,OAAO;AAId,SAASC,gBAAgB,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9D,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,MAAME,WAAW,GAAGxB,WAAW,CAC5ByB,KAA0C,IAAK;IAE9C,IAAIL,OAAO,KAAKR,IAAI,KAAK,GAAG,IAAIA,IAAI,KAAK,EAAE,CAAC,EAAE;MAC5Ca,KAAK,CAACC,cAAc,CAAC,CAAC;IACxB;IACAN,OAAO,GAAGK,KAAK,CAAC;EAClB,CAAC,EACD,CAACL,OAAO,EAAER,IAAI,CAChB,CAAC;EAED,OACEL,KAAA,CAAAoB,KAAA;IACE,cAAYjB,SAAU;IACtB,WAASO,MAAO;IAChBL,IAAI,EAAEA,IAAK;IACXQ,OAAO,EAAEA,OAAO,GAAGI,WAAW,GAAGI,SAAU;IAC3CC,GAAG,EAAER,YAAa;IAClBN,GAAG,EAAEA,GAAI;IACTC,MAAM,EAAEA,MAAO;IACfE,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IAAAR,QAAA,GAEhBE,IAAI,IAAIR,IAAA;MAAMyB,SAAS,EAAC,WAAW;MAAAnB,QAAA,EAAEE;IAAI,CAAO,CAAC,EAEjDF,QAAQ,EAERK,MAAM,KAAK,QAAQ,IAClBX,IAAA;MAAMyB,SAAS,EAAC,gBAAgB;MAACC,IAAI,EAAC,cAAc;MAAApB,QAAA,EAClDN,IAAA,CAACF,gBAAgB,IAAE;IAAC,CAChB,CACP;EAAA,CACM,CAAC;AAEd,CAAC;AAED,MAAM6B,YAAY,GAAGjC,IAAI,CAACU,IAAI,CAAC;AAE/BuB,YAAY,CAACC,WAAW,sCAAS;AAEjC,SAASD,YAAY,IAAIvB,IAAI","ignoreList":[]}

package/dist/esm/MuiPropsChild.js

@@ -27,6 +27,6 @@ const MuiPropsChild = forwardRef(({
   });
 });
 const MemoizedMuiPropsChild = memo(MuiPropsChild);
-MemoizedMuiPropsChild.displayName = "MuiPropsChild";
+MemoizedMuiPropsChild.displayName = "MuiPropsChild::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedMuiPropsChild as MuiPropsChild };
 //# sourceMappingURL=MuiPropsChild.js.map

package/dist/esm/MuiPropsChild.js.map

@@ -1 +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":[]}
+{"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,+CAAkB;AAEnD,SAASD,qBAAqB,IAAIP,aAAa","ignoreList":[]}

package/dist/esm/NativeSelect.js

@@ -101,6 +101,6 @@ const NativeSelect = forwardRef(({
   });
 });
 const MemoizedNativeSelect = memo(NativeSelect);
-MemoizedNativeSelect.displayName = "NativeSelect";
+MemoizedNativeSelect.displayName = "NativeSelect::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedNativeSelect as NativeSelect };
 //# sourceMappingURL=NativeSelect.js.map

package/dist/esm/NativeSelect.js.map

@@ -1 +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","multiple","name","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 {\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":[]}
+{"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","multiple","name","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 {\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/esm/OdysseyCacheProvider.js

@@ -41,6 +41,6 @@ const OdysseyCacheProvider = ({
   });
 };
 const MemoizedOdysseyCacheProvider = memo(OdysseyCacheProvider);
-MemoizedOdysseyCacheProvider.displayName = "OdysseyCacheProvider";
+MemoizedOdysseyCacheProvider.displayName = "OdysseyCacheProvider::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedOdysseyCacheProvider as OdysseyCacheProvider };
 //# sourceMappingURL=OdysseyCacheProvider.js.map

package/dist/esm/OdysseyCacheProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdysseyCacheProvider.js","names":["createCache","CacheProvider","memo","useMemo","useUniqueAlphabeticalId","jsx","_jsx","OdysseyCacheProvider","children","emotionRoot","emotionRootElement","nonce","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  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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,OAAOA,WAAW,MAAwB,gBAAgB;AAC1D,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,IAAI,EAAaC,OAAO,QAAQ,OAAO;AAEhD,SAASC,uBAAuB,QAAQ,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiCvE,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,WAAW;EACXC,kBAAkB;EAClBC,KAAK;EACLC;AACyB,CAAC,KAAK;EAC/B,MAAMC,oBAAoB,GAAGT,uBAAuB,CAAC,CAAC;EAEtD,MAAMU,YAAY,GAAGX,OAAO,CAC1B,MACEH,WAAW,CAAC;IACV,IAAI,CAACU,kBAAkB,IAAID,WAAW,KAAK;MACzCM,SAAS,EAAEL,kBAAkB,IAAID;IACnC,CAAC,CAAC;IACFO,GAAG,EAAEH,oBAAoB;IACzBF,KAAK,EAAEA,KAAK,IAAIM,UAAU,CAACC,QAAQ;IACnCC,OAAO,EAAE,IAAI;IACbC,MAAM,EAAE,IAAI;IACZ,IAAIR,aAAa,IAAI;MAAEA;IAAc,CAAC;EACxC,CAAC,CAAC,EACJ,CACEH,WAAW,EACXC,kBAAkB,EAClBC,KAAK,EACLC,aAAa,EACbC,oBAAoB,CAExB,CAAC;EAED,OAAOP,IAAA,CAACL,aAAa;IAACoB,KAAK,EAAEP,YAAa;IAAAN,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AACvE,CAAC;AAED,MAAMc,4BAA4B,GAAGpB,IAAI,CAACK,oBAAoB,CAAC;AAC/De,4BAA4B,CAACC,WAAW,GAAG,sBAAsB;AAEjE,SAASD,4BAA4B,IAAIf,oBAAoB","ignoreList":[]}
+{"version":3,"file":"OdysseyCacheProvider.js","names":["createCache","CacheProvider","memo","useMemo","useUniqueAlphabeticalId","jsx","_jsx","OdysseyCacheProvider","children","emotionRoot","emotionRootElement","nonce","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  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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,OAAOA,WAAW,MAAwB,gBAAgB;AAC1D,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,IAAI,EAAaC,OAAO,QAAQ,OAAO;AAEhD,SAASC,uBAAuB,QAAQ,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiCvE,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,WAAW;EACXC,kBAAkB;EAClBC,KAAK;EACLC;AACyB,CAAC,KAAK;EAC/B,MAAMC,oBAAoB,GAAGT,uBAAuB,CAAC,CAAC;EAEtD,MAAMU,YAAY,GAAGX,OAAO,CAC1B,MACEH,WAAW,CAAC;IACV,IAAI,CAACU,kBAAkB,IAAID,WAAW,KAAK;MACzCM,SAAS,EAAEL,kBAAkB,IAAID;IACnC,CAAC,CAAC;IACFO,GAAG,EAAEH,oBAAoB;IACzBF,KAAK,EAAEA,KAAK,IAAIM,UAAU,CAACC,QAAQ;IACnCC,OAAO,EAAE,IAAI;IACbC,MAAM,EAAE,IAAI;IACZ,IAAIR,aAAa,IAAI;MAAEA;IAAc,CAAC;EACxC,CAAC,CAAC,EACJ,CACEH,WAAW,EACXC,kBAAkB,EAClBC,KAAK,EACLC,aAAa,EACbC,oBAAoB,CAExB,CAAC;EAED,OAAOP,IAAA,CAACL,aAAa;IAACoB,KAAK,EAAEP,YAAa;IAAAN,QAAA,EAAEA;EAAQ,CAAgB,CAAC;AACvE,CAAC;AAED,MAAMc,4BAA4B,GAAGpB,IAAI,CAACK,oBAAoB,CAAC;AAC/De,4BAA4B,CAACC,WAAW,sDAAyB;AAEjE,SAASD,4BAA4B,IAAIf,oBAAoB","ignoreList":[]}

package/dist/esm/OdysseyProvider.js

@@ -75,6 +75,6 @@ const OdysseyProvider = ({
   });
 };
 const MemoizedOdysseyProvider = memo(OdysseyProvider);
-MemoizedOdysseyProvider.displayName = "OdysseyProvider";
+MemoizedOdysseyProvider.displayName = "OdysseyProvider::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedOdysseyProvider as OdysseyProvider };
 //# sourceMappingURL=OdysseyProvider.js.map

package/dist/esm/OdysseyProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdysseyProvider.js","names":["memo","useMemo","ConditionalWrapper","CssBaseline","FullScreenOverlayProvider","TranslationProvider","OdysseyTranslationProvider","OdysseyCacheProvider","OdysseyThemeProvider","jsx","_jsx","jsxs","_jsxs","scopedCssBaselineStyles","height","OdysseyProvider","children","contrastMode","designTokensOverride","emotionRoot","emotionRootElement","fullScreenOverlayId","hasCssBaseline","hasGlobalCss","hasScopedCssBaseline","hasTranslationProvider","hasWrapperElement","languageCode","nonce","overlayParentElement","overlayType","shadowDomElement","shadowRootElement","stylisPlugins","themeOverride","translationOverrides","TranslationWrapper","isWrapped","Wrapper","hasShadowDom","Boolean","_ScopedCssBaseline","sx","MemoizedOdysseyProvider","displayName"],"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 { ScopedCssBaseline } from \"@mui/material\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport {\n  ConditionalWrapper,\n  ConditionalWrapperProps,\n} from \"./ConditionalWrapper.js\";\nimport { CssBaseline } from \"./CssBaseline.js\";\nimport {\n  FullScreenOverlayProvider,\n  FullScreenOverlayProviderProps,\n} from \"./FullScreenOverlayContext.js\";\nimport {\n  type DefaultSupportedLanguages,\n  TranslationProvider as OdysseyTranslationProvider,\n  type TranslationProviderProps as OdysseyTranslationProviderProps,\n} from \"./i18n.generated/i18n.js\";\nimport {\n  OdysseyCacheProvider,\n  OdysseyCacheProviderProps,\n} from \"./OdysseyCacheProvider.js\";\nimport {\n  OdysseyThemeProvider,\n  OdysseyThemeProviderProps,\n} from \"./OdysseyThemeProvider.js\";\n\nconst scopedCssBaselineStyles = {\n  height: \"inherit\",\n};\n\nexport type OdysseyProviderProps<\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n> = Omit<OdysseyCacheProviderProps, \"hasShadowDom\"> &\n  FullScreenOverlayProviderProps &\n  OdysseyThemeProviderProps &\n  OdysseyTranslationProviderProps<SupportedLanguages> & {\n    children: ReactNode;\n    /**\n     * Whether to emit the ScopedCssBaseline. Defaults to true.\n     */\n    hasCssBaseline?: boolean;\n    /**\n     * Adds the `ScopedCssBaseline` wrapper. This also adds a `div`, so it might not be what you want.\n     */\n    hasScopedCssBaseline?: boolean;\n    /**\n     * If `true`, the `OdysseyTranslationProvider` wrapper will be added. Defaults to `true`.\n     * This should only be set to `false` if there exists an OdysseyTranslationProvider higher up in the tree.\n     * @default true\n     */\n    hasTranslationProvider?: boolean;\n  };\n\nconst OdysseyProvider = <SupportedLanguages extends string>({\n  children,\n  contrastMode,\n  designTokensOverride,\n  emotionRoot,\n  emotionRootElement,\n  fullScreenOverlayId,\n  hasCssBaseline: hasGlobalCss,\n  hasScopedCssBaseline = true,\n  hasTranslationProvider = true,\n  hasWrapperElement,\n  languageCode,\n  nonce,\n  overlayParentElement,\n  overlayType,\n  shadowDomElement,\n  shadowRootElement,\n  stylisPlugins,\n  themeOverride,\n  translationOverrides,\n}: OdysseyProviderProps<SupportedLanguages>) => {\n  const TranslationWrapper = useMemo<ConditionalWrapperProps[\"Wrapper\"]>(\n    () => (children) => (\n      <OdysseyTranslationProvider<SupportedLanguages>\n        languageCode={languageCode}\n        translationOverrides={translationOverrides}\n      >\n        {children}\n      </OdysseyTranslationProvider>\n    ),\n    [languageCode, translationOverrides],\n  );\n\n  return (\n    <OdysseyCacheProvider\n      emotionRootElement={emotionRootElement || emotionRoot}\n      nonce={nonce}\n      stylisPlugins={stylisPlugins}\n    >\n      <OdysseyThemeProvider\n        contrastMode={contrastMode}\n        designTokensOverride={designTokensOverride}\n        hasWrapperElement={hasWrapperElement}\n        shadowRootElement={shadowRootElement ?? shadowDomElement}\n        themeOverride={themeOverride}\n      >\n        <ConditionalWrapper\n          isWrapped={hasTranslationProvider}\n          Wrapper={TranslationWrapper}\n        >\n          <FullScreenOverlayProvider\n            fullScreenOverlayId={fullScreenOverlayId}\n            hasShadowDom={Boolean(shadowRootElement || shadowDomElement)}\n            overlayParentElement={overlayParentElement}\n            overlayType={overlayType}\n          >\n            {hasGlobalCss && <CssBaseline />}\n\n            {hasScopedCssBaseline ? (\n              <ScopedCssBaseline sx={scopedCssBaselineStyles}>\n                {children}\n              </ScopedCssBaseline>\n            ) : (\n              children\n            )}\n          </FullScreenOverlayProvider>\n        </ConditionalWrapper>\n      </OdysseyThemeProvider>\n    </OdysseyCacheProvider>\n  );\n};\n\nconst MemoizedOdysseyProvider = memo(OdysseyProvider);\nMemoizedOdysseyProvider.displayName = \"OdysseyProvider\";\n\nexport { MemoizedOdysseyProvider as OdysseyProvider };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAaC,OAAO,QAAQ,OAAO;AAEhD,SACEC,kBAAkB,QAEb,yBAAyB;AAChC,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SACEC,yBAAyB,QAEpB,+BAA+B;AACtC,SAEEC,mBAAmB,IAAIC,0BAA0B,QAE5C,0BAA0B;AACjC,SACEC,oBAAoB,QAEf,2BAA2B;AAClC,SACEC,oBAAoB,QAEf,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,MAAMC,uBAAuB,GAAG;EAC9BC,MAAM,EAAE;AACV,CAAC;AAyBD,MAAMC,eAAe,GAAGA,CAAoC;EAC1DC,QAAQ;EACRC,YAAY;EACZC,oBAAoB;EACpBC,WAAW;EACXC,kBAAkB;EAClBC,mBAAmB;EACnBC,cAAc,EAAEC,YAAY;EAC5BC,oBAAoB,GAAG,IAAI;EAC3BC,sBAAsB,GAAG,IAAI;EAC7BC,iBAAiB;EACjBC,YAAY;EACZC,KAAK;EACLC,oBAAoB;EACpBC,WAAW;EACXC,gBAAgB;EAChBC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC;AACwC,CAAC,KAAK;EAC9C,MAAMC,kBAAkB,GAAGnC,OAAO,CAChC,MAAOe,QAAQ,IACbN,IAAA,CAACJ,0BAA0B;IACzBqB,YAAY,EAAEA,YAAa;IAC3BQ,oBAAoB,EAAEA,oBAAqB;IAAAnB,QAAA,EAE1CA;EAAQ,CACiB,CAC7B,EACD,CAACW,YAAY,EAAEQ,oBAAoB,CACrC,CAAC;EAED,OACEzB,IAAA,CAACH,oBAAoB;IACnBa,kBAAkB,EAAEA,kBAAkB,IAAID,WAAY;IACtDS,KAAK,EAAEA,KAAM;IACbK,aAAa,EAAEA,aAAc;IAAAjB,QAAA,EAE7BN,IAAA,CAACF,oBAAoB;MACnBS,YAAY,EAAEA,YAAa;MAC3BC,oBAAoB,EAAEA,oBAAqB;MAC3CQ,iBAAiB,EAAEA,iBAAkB;MACrCM,iBAAiB,EAAEA,iBAAiB,IAAID,gBAAiB;MACzDG,aAAa,EAAEA,aAAc;MAAAlB,QAAA,EAE7BN,IAAA,CAACR,kBAAkB;QACjBmC,SAAS,EAAEZ,sBAAuB;QAClCa,OAAO,EAAEF,kBAAmB;QAAApB,QAAA,EAE5BJ,KAAA,CAACR,yBAAyB;UACxBiB,mBAAmB,EAAEA,mBAAoB;UACzCkB,YAAY,EAAEC,OAAO,CAACR,iBAAiB,IAAID,gBAAgB,CAAE;UAC7DF,oBAAoB,EAAEA,oBAAqB;UAC3CC,WAAW,EAAEA,WAAY;UAAAd,QAAA,GAExBO,YAAY,IAAIb,IAAA,CAACP,WAAW,IAAE,CAAC,EAE/BqB,oBAAoB,GACnBd,IAAA,CAAA+B,kBAAA;YAAmBC,EAAE,EAAE7B,uBAAwB;YAAAG,QAAA,EAC5CA;UAAQ,CACQ,CAAC,GAEpBA,QACD;QAAA,CACwB;MAAC,CACV;IAAC,CACD;EAAC,CACH,CAAC;AAE3B,CAAC;AAED,MAAM2B,uBAAuB,GAAG3C,IAAI,CAACe,eAAe,CAAC;AACrD4B,uBAAuB,CAACC,WAAW,GAAG,iBAAiB;AAEvD,SAASD,uBAAuB,IAAI5B,eAAe","ignoreList":[]}
+{"version":3,"file":"OdysseyProvider.js","names":["memo","useMemo","ConditionalWrapper","CssBaseline","FullScreenOverlayProvider","TranslationProvider","OdysseyTranslationProvider","OdysseyCacheProvider","OdysseyThemeProvider","jsx","_jsx","jsxs","_jsxs","scopedCssBaselineStyles","height","OdysseyProvider","children","contrastMode","designTokensOverride","emotionRoot","emotionRootElement","fullScreenOverlayId","hasCssBaseline","hasGlobalCss","hasScopedCssBaseline","hasTranslationProvider","hasWrapperElement","languageCode","nonce","overlayParentElement","overlayType","shadowDomElement","shadowRootElement","stylisPlugins","themeOverride","translationOverrides","TranslationWrapper","isWrapped","Wrapper","hasShadowDom","Boolean","_ScopedCssBaseline","sx","MemoizedOdysseyProvider","displayName"],"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 { ScopedCssBaseline } from \"@mui/material\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport {\n  ConditionalWrapper,\n  ConditionalWrapperProps,\n} from \"./ConditionalWrapper.js\";\nimport { CssBaseline } from \"./CssBaseline.js\";\nimport {\n  FullScreenOverlayProvider,\n  FullScreenOverlayProviderProps,\n} from \"./FullScreenOverlayContext.js\";\nimport {\n  type DefaultSupportedLanguages,\n  TranslationProvider as OdysseyTranslationProvider,\n  type TranslationProviderProps as OdysseyTranslationProviderProps,\n} from \"./i18n.generated/i18n.js\";\nimport {\n  OdysseyCacheProvider,\n  OdysseyCacheProviderProps,\n} from \"./OdysseyCacheProvider.js\";\nimport {\n  OdysseyThemeProvider,\n  OdysseyThemeProviderProps,\n} from \"./OdysseyThemeProvider.js\";\n\nconst scopedCssBaselineStyles = {\n  height: \"inherit\",\n};\n\nexport type OdysseyProviderProps<\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n> = Omit<OdysseyCacheProviderProps, \"hasShadowDom\"> &\n  FullScreenOverlayProviderProps &\n  OdysseyThemeProviderProps &\n  OdysseyTranslationProviderProps<SupportedLanguages> & {\n    children: ReactNode;\n    /**\n     * Whether to emit the ScopedCssBaseline. Defaults to true.\n     */\n    hasCssBaseline?: boolean;\n    /**\n     * Adds the `ScopedCssBaseline` wrapper. This also adds a `div`, so it might not be what you want.\n     */\n    hasScopedCssBaseline?: boolean;\n    /**\n     * If `true`, the `OdysseyTranslationProvider` wrapper will be added. Defaults to `true`.\n     * This should only be set to `false` if there exists an OdysseyTranslationProvider higher up in the tree.\n     * @default true\n     */\n    hasTranslationProvider?: boolean;\n  };\n\nconst OdysseyProvider = <SupportedLanguages extends string>({\n  children,\n  contrastMode,\n  designTokensOverride,\n  emotionRoot,\n  emotionRootElement,\n  fullScreenOverlayId,\n  hasCssBaseline: hasGlobalCss,\n  hasScopedCssBaseline = true,\n  hasTranslationProvider = true,\n  hasWrapperElement,\n  languageCode,\n  nonce,\n  overlayParentElement,\n  overlayType,\n  shadowDomElement,\n  shadowRootElement,\n  stylisPlugins,\n  themeOverride,\n  translationOverrides,\n}: OdysseyProviderProps<SupportedLanguages>) => {\n  const TranslationWrapper = useMemo<ConditionalWrapperProps[\"Wrapper\"]>(\n    () => (children) => (\n      <OdysseyTranslationProvider<SupportedLanguages>\n        languageCode={languageCode}\n        translationOverrides={translationOverrides}\n      >\n        {children}\n      </OdysseyTranslationProvider>\n    ),\n    [languageCode, translationOverrides],\n  );\n\n  return (\n    <OdysseyCacheProvider\n      emotionRootElement={emotionRootElement || emotionRoot}\n      nonce={nonce}\n      stylisPlugins={stylisPlugins}\n    >\n      <OdysseyThemeProvider\n        contrastMode={contrastMode}\n        designTokensOverride={designTokensOverride}\n        hasWrapperElement={hasWrapperElement}\n        shadowRootElement={shadowRootElement ?? shadowDomElement}\n        themeOverride={themeOverride}\n      >\n        <ConditionalWrapper\n          isWrapped={hasTranslationProvider}\n          Wrapper={TranslationWrapper}\n        >\n          <FullScreenOverlayProvider\n            fullScreenOverlayId={fullScreenOverlayId}\n            hasShadowDom={Boolean(shadowRootElement || shadowDomElement)}\n            overlayParentElement={overlayParentElement}\n            overlayType={overlayType}\n          >\n            {hasGlobalCss && <CssBaseline />}\n\n            {hasScopedCssBaseline ? (\n              <ScopedCssBaseline sx={scopedCssBaselineStyles}>\n                {children}\n              </ScopedCssBaseline>\n            ) : (\n              children\n            )}\n          </FullScreenOverlayProvider>\n        </ConditionalWrapper>\n      </OdysseyThemeProvider>\n    </OdysseyCacheProvider>\n  );\n};\n\nconst MemoizedOdysseyProvider = memo(OdysseyProvider);\nMemoizedOdysseyProvider.displayName = \"OdysseyProvider\";\n\nexport { MemoizedOdysseyProvider as OdysseyProvider };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAaC,OAAO,QAAQ,OAAO;AAEhD,SACEC,kBAAkB,QAEb,yBAAyB;AAChC,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SACEC,yBAAyB,QAEpB,+BAA+B;AACtC,SAEEC,mBAAmB,IAAIC,0BAA0B,QAE5C,0BAA0B;AACjC,SACEC,oBAAoB,QAEf,2BAA2B;AAClC,SACEC,oBAAoB,QAEf,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,MAAMC,uBAAuB,GAAG;EAC9BC,MAAM,EAAE;AACV,CAAC;AAyBD,MAAMC,eAAe,GAAGA,CAAoC;EAC1DC,QAAQ;EACRC,YAAY;EACZC,oBAAoB;EACpBC,WAAW;EACXC,kBAAkB;EAClBC,mBAAmB;EACnBC,cAAc,EAAEC,YAAY;EAC5BC,oBAAoB,GAAG,IAAI;EAC3BC,sBAAsB,GAAG,IAAI;EAC7BC,iBAAiB;EACjBC,YAAY;EACZC,KAAK;EACLC,oBAAoB;EACpBC,WAAW;EACXC,gBAAgB;EAChBC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC;AACwC,CAAC,KAAK;EAC9C,MAAMC,kBAAkB,GAAGnC,OAAO,CAChC,MAAOe,QAAQ,IACbN,IAAA,CAACJ,0BAA0B;IACzBqB,YAAY,EAAEA,YAAa;IAC3BQ,oBAAoB,EAAEA,oBAAqB;IAAAnB,QAAA,EAE1CA;EAAQ,CACiB,CAC7B,EACD,CAACW,YAAY,EAAEQ,oBAAoB,CACrC,CAAC;EAED,OACEzB,IAAA,CAACH,oBAAoB;IACnBa,kBAAkB,EAAEA,kBAAkB,IAAID,WAAY;IACtDS,KAAK,EAAEA,KAAM;IACbK,aAAa,EAAEA,aAAc;IAAAjB,QAAA,EAE7BN,IAAA,CAACF,oBAAoB;MACnBS,YAAY,EAAEA,YAAa;MAC3BC,oBAAoB,EAAEA,oBAAqB;MAC3CQ,iBAAiB,EAAEA,iBAAkB;MACrCM,iBAAiB,EAAEA,iBAAiB,IAAID,gBAAiB;MACzDG,aAAa,EAAEA,aAAc;MAAAlB,QAAA,EAE7BN,IAAA,CAACR,kBAAkB;QACjBmC,SAAS,EAAEZ,sBAAuB;QAClCa,OAAO,EAAEF,kBAAmB;QAAApB,QAAA,EAE5BJ,KAAA,CAACR,yBAAyB;UACxBiB,mBAAmB,EAAEA,mBAAoB;UACzCkB,YAAY,EAAEC,OAAO,CAACR,iBAAiB,IAAID,gBAAgB,CAAE;UAC7DF,oBAAoB,EAAEA,oBAAqB;UAC3CC,WAAW,EAAEA,WAAY;UAAAd,QAAA,GAExBO,YAAY,IAAIb,IAAA,CAACP,WAAW,IAAE,CAAC,EAE/BqB,oBAAoB,GACnBd,IAAA,CAAA+B,kBAAA;YAAmBC,EAAE,EAAE7B,uBAAwB;YAAAG,QAAA,EAC5CA;UAAQ,CACQ,CAAC,GAEpBA,QACD;QAAA,CACwB;MAAC,CACV;IAAC,CACD;EAAC,CACH,CAAC;AAE3B,CAAC;AAED,MAAM2B,uBAAuB,GAAG3C,IAAI,CAACe,eAAe,CAAC;AACrD4B,uBAAuB,CAACC,WAAW,iDAAoB;AAEvD,SAASD,uBAAuB,IAAI5B,eAAe","ignoreList":[]}

package/dist/esm/OdysseyThemeProvider.js

@@ -76,6 +76,6 @@ const OdysseyThemeProvider = ({
   }) : providerComponents;
 };
 const MemoizedOdysseyThemeProvider = memo(OdysseyThemeProvider);
-MemoizedOdysseyThemeProvider.displayName = "OdysseyThemeProvider";
+MemoizedOdysseyThemeProvider.displayName = "OdysseyThemeProvider::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };
 //# sourceMappingURL=OdysseyThemeProvider.js.map

package/dist/esm/OdysseyThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdysseyThemeProvider.js","names":["styled","createTheme","ThemeProvider","MuiThemeProvider","deepmerge","Tokens","memo","useMemo","OdysseyDesignTokensContext","OdysseyThemeProviderPropsProvider","useOdysseyThemeProviderPropsContext","createOdysseyMuiTheme","ContrastModeContext","useContrastMode","jsx","_jsx","StyledContrastContainerStyles","height","OdysseyThemeProvider","children","contrastMode","contrastModeProp","designTokensOverride","designTokensOverrideProp","hasWrapperElement","shadowDomElement","shadowRootElement","shadowRootElementProp","themeOverride","themeOverrideProp","odysseyThemeProviderPropsContext","contrastContainerRef","odysseyTokens","odysseyTheme","customOdysseyTheme","contrastModeProviderValue","providerComponents","Provider","value","theme","ref","MemoizedOdysseyThemeProvider","displayName"],"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 styled from \"@emotion/styled\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { deepmerge } from \"@mui/utils\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport { OdysseyDesignTokensContext } from \"./OdysseyDesignTokensContext.js\";\nimport {\n  type OdysseyThemeProviderContextProps,\n  OdysseyThemeProviderPropsProvider,\n  useOdysseyThemeProviderPropsContext,\n} from \"./OdysseyThemeProviderPropsContext.js\";\nimport { createOdysseyMuiTheme } from \"./theme/theme.js\";\nimport {\n  ContrastMode,\n  ContrastModeContext,\n  useContrastMode,\n} from \"./useContrastMode.js\";\n\nconst StyledContrastContainerStyles = styled(\"div\")({\n  height: \"inherit\",\n});\n\nexport type OdysseyThemeProviderProps = OdysseyThemeProviderContextProps & {\n  children: ReactNode;\n  contrastMode?: ContrastMode;\n  /**\n   * Odyssey adds a wrapper `div` for contrast changes and height calculations. This is not necessary if you're not changing the background color or rendering into full-height element.\n   */\n  hasWrapperElement?: boolean;\n  /** @deprecated Use shadowRootElement instead */\n  shadowDomElement?: HTMLDivElement | HTMLElement;\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: contrastModeProp,\n  designTokensOverride: designTokensOverrideProp,\n  hasWrapperElement = true,\n  shadowDomElement,\n  shadowRootElement: shadowRootElementProp,\n  themeOverride: themeOverrideProp,\n}: OdysseyThemeProviderProps) => {\n  const odysseyThemeProviderPropsContext =\n    useOdysseyThemeProviderPropsContext();\n\n  const designTokensOverride =\n    designTokensOverrideProp ??\n    odysseyThemeProviderPropsContext.designTokensOverride;\n\n  const shadowRootElement =\n    shadowRootElementProp ??\n    shadowDomElement ??\n    odysseyThemeProviderPropsContext.shadowRootElement; // Adding `odysseyThemeProviderPropsContext.shadowRootElement` fixes popovers not being styled in `Surface`.\n\n  const themeOverride =\n    themeOverrideProp ?? odysseyThemeProviderPropsContext.themeOverride;\n\n  const { contrastMode, contrastContainerRef } = useContrastMode({\n    contrastMode: contrastModeProp,\n  });\n\n  const odysseyTokens = useMemo(\n    () => ({ ...Tokens, ...designTokensOverride }),\n    [designTokensOverride],\n  );\n\n  const odysseyTheme = useMemo(\n    () =>\n      createOdysseyMuiTheme({\n        contrastMode,\n        odysseyTokens,\n        shadowRootElement,\n      }),\n    [contrastMode, odysseyTokens, shadowRootElement],\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  const providerComponents = useMemo(\n    () => (\n      <ContrastModeContext.Provider value={contrastModeProviderValue}>\n        <MuiThemeProvider theme={customOdysseyTheme}>\n          <OdysseyThemeProviderPropsProvider\n            designTokensOverride={designTokensOverride}\n            shadowRootElement={shadowRootElement}\n            themeOverride={themeOverride}\n          >\n            <OdysseyDesignTokensContext.Provider value={odysseyTokens}>\n              {children}\n            </OdysseyDesignTokensContext.Provider>\n          </OdysseyThemeProviderPropsProvider>\n        </MuiThemeProvider>\n      </ContrastModeContext.Provider>\n    ),\n    [\n      children,\n      contrastModeProviderValue,\n      customOdysseyTheme,\n      designTokensOverride,\n      odysseyTokens,\n      shadowRootElement,\n      themeOverride,\n    ],\n  );\n\n  return hasWrapperElement ? (\n    <StyledContrastContainerStyles ref={contrastContainerRef}>\n      {providerComponents}\n    </StyledContrastContainerStyles>\n  ) : (\n    providerComponents\n  );\n};\n\nconst MemoizedOdysseyThemeProvider = memo(OdysseyThemeProvider);\nMemoizedOdysseyThemeProvider.displayName = \"OdysseyThemeProvider\";\n\nexport { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"OdysseyThemeProvider.js","names":["styled","createTheme","ThemeProvider","MuiThemeProvider","deepmerge","Tokens","memo","useMemo","OdysseyDesignTokensContext","OdysseyThemeProviderPropsProvider","useOdysseyThemeProviderPropsContext","createOdysseyMuiTheme","ContrastModeContext","useContrastMode","jsx","_jsx","StyledContrastContainerStyles","height","OdysseyThemeProvider","children","contrastMode","contrastModeProp","designTokensOverride","designTokensOverrideProp","hasWrapperElement","shadowDomElement","shadowRootElement","shadowRootElementProp","themeOverride","themeOverrideProp","odysseyThemeProviderPropsContext","contrastContainerRef","odysseyTokens","odysseyTheme","customOdysseyTheme","contrastModeProviderValue","providerComponents","Provider","value","theme","ref","MemoizedOdysseyThemeProvider","displayName"],"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 styled from \"@emotion/styled\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { deepmerge } from \"@mui/utils\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport { OdysseyDesignTokensContext } from \"./OdysseyDesignTokensContext.js\";\nimport {\n  type OdysseyThemeProviderContextProps,\n  OdysseyThemeProviderPropsProvider,\n  useOdysseyThemeProviderPropsContext,\n} from \"./OdysseyThemeProviderPropsContext.js\";\nimport { createOdysseyMuiTheme } from \"./theme/theme.js\";\nimport {\n  ContrastMode,\n  ContrastModeContext,\n  useContrastMode,\n} from \"./useContrastMode.js\";\n\nconst StyledContrastContainerStyles = styled(\"div\")({\n  height: \"inherit\",\n});\n\nexport type OdysseyThemeProviderProps = OdysseyThemeProviderContextProps & {\n  children: ReactNode;\n  contrastMode?: ContrastMode;\n  /**\n   * Odyssey adds a wrapper `div` for contrast changes and height calculations. This is not necessary if you're not changing the background color or rendering into full-height element.\n   */\n  hasWrapperElement?: boolean;\n  /** @deprecated Use shadowRootElement instead */\n  shadowDomElement?: HTMLDivElement | HTMLElement;\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: contrastModeProp,\n  designTokensOverride: designTokensOverrideProp,\n  hasWrapperElement = true,\n  shadowDomElement,\n  shadowRootElement: shadowRootElementProp,\n  themeOverride: themeOverrideProp,\n}: OdysseyThemeProviderProps) => {\n  const odysseyThemeProviderPropsContext =\n    useOdysseyThemeProviderPropsContext();\n\n  const designTokensOverride =\n    designTokensOverrideProp ??\n    odysseyThemeProviderPropsContext.designTokensOverride;\n\n  const shadowRootElement =\n    shadowRootElementProp ??\n    shadowDomElement ??\n    odysseyThemeProviderPropsContext.shadowRootElement; // Adding `odysseyThemeProviderPropsContext.shadowRootElement` fixes popovers not being styled in `Surface`.\n\n  const themeOverride =\n    themeOverrideProp ?? odysseyThemeProviderPropsContext.themeOverride;\n\n  const { contrastMode, contrastContainerRef } = useContrastMode({\n    contrastMode: contrastModeProp,\n  });\n\n  const odysseyTokens = useMemo(\n    () => ({ ...Tokens, ...designTokensOverride }),\n    [designTokensOverride],\n  );\n\n  const odysseyTheme = useMemo(\n    () =>\n      createOdysseyMuiTheme({\n        contrastMode,\n        odysseyTokens,\n        shadowRootElement,\n      }),\n    [contrastMode, odysseyTokens, shadowRootElement],\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  const providerComponents = useMemo(\n    () => (\n      <ContrastModeContext.Provider value={contrastModeProviderValue}>\n        <MuiThemeProvider theme={customOdysseyTheme}>\n          <OdysseyThemeProviderPropsProvider\n            designTokensOverride={designTokensOverride}\n            shadowRootElement={shadowRootElement}\n            themeOverride={themeOverride}\n          >\n            <OdysseyDesignTokensContext.Provider value={odysseyTokens}>\n              {children}\n            </OdysseyDesignTokensContext.Provider>\n          </OdysseyThemeProviderPropsProvider>\n        </MuiThemeProvider>\n      </ContrastModeContext.Provider>\n    ),\n    [\n      children,\n      contrastModeProviderValue,\n      customOdysseyTheme,\n      designTokensOverride,\n      odysseyTokens,\n      shadowRootElement,\n      themeOverride,\n    ],\n  );\n\n  return hasWrapperElement ? (\n    <StyledContrastContainerStyles ref={contrastContainerRef}>\n      {providerComponents}\n    </StyledContrastContainerStyles>\n  ) : (\n    providerComponents\n  );\n};\n\nconst MemoizedOdysseyThemeProvider = memo(OdysseyThemeProvider);\nMemoizedOdysseyThemeProvider.displayName = \"OdysseyThemeProvider\";\n\nexport { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/OdysseyThemeProviderPropsContext.js

@@ -33,6 +33,6 @@ const OdysseyThemeProviderPropsProvider = ({
   });
 };
 const MemoizedOdysseyThemeProviderPropsProvider = memo(OdysseyThemeProviderPropsProvider);
-MemoizedOdysseyThemeProviderPropsProvider.displayName = "OdysseyThemeProviderPropsProvider";
+MemoizedOdysseyThemeProviderPropsProvider.displayName = "OdysseyThemeProviderPropsProvider::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedOdysseyThemeProviderPropsProvider as OdysseyThemeProviderPropsProvider };
 //# sourceMappingURL=OdysseyThemeProviderPropsContext.js.map

package/dist/esm/OdysseyThemeProviderPropsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdysseyThemeProviderPropsContext.js","names":["createContext","memo","useContext","useMemo","jsx","_jsx","OdysseyThemeProviderPropsContext","useOdysseyThemeProviderPropsContext","OdysseyThemeProviderPropsProvider","children","designTokensOverride","shadowRootElement","themeOverride","odysseyThemeProviderPropsContext","providerValue","Provider","value","MemoizedOdysseyThemeProviderPropsProvider","displayName"],"sources":["../../src/OdysseyThemeProviderPropsContext.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 { ThemeOptions } from \"@mui/material\";\nimport {\n  createContext,\n  memo,\n  type ReactNode,\n  useContext,\n  useMemo,\n} from \"react\";\n\nimport { DesignTokensOverride } from \"./theme/theme.js\";\n\nexport type OdysseyThemeProviderContextProps = {\n  designTokensOverride?: DesignTokensOverride;\n  shadowRootElement?: HTMLDivElement | HTMLElement;\n  themeOverride?: ThemeOptions;\n};\n\nexport const OdysseyThemeProviderPropsContext =\n  createContext<OdysseyThemeProviderContextProps>({});\n\nexport const useOdysseyThemeProviderPropsContext = () =>\n  useContext(OdysseyThemeProviderPropsContext);\n\nexport type OdysseyThemeProviderPropsProviderProps =\n  OdysseyThemeProviderContextProps & {\n    children: ReactNode;\n  };\n\nconst OdysseyThemeProviderPropsProvider = ({\n  children,\n  designTokensOverride,\n  shadowRootElement,\n  themeOverride,\n}: OdysseyThemeProviderPropsProviderProps) => {\n  const odysseyThemeProviderPropsContext =\n    useOdysseyThemeProviderPropsContext();\n\n  const providerValue = useMemo(\n    () => ({\n      ...odysseyThemeProviderPropsContext,\n      designTokensOverride,\n      shadowRootElement,\n      themeOverride,\n    }),\n    [\n      designTokensOverride,\n      odysseyThemeProviderPropsContext,\n      shadowRootElement,\n      themeOverride,\n    ],\n  );\n\n  return (\n    <OdysseyThemeProviderPropsContext.Provider value={providerValue}>\n      {children}\n    </OdysseyThemeProviderPropsContext.Provider>\n  );\n};\n\nconst MemoizedOdysseyThemeProviderPropsProvider = memo(\n  OdysseyThemeProviderPropsProvider,\n);\nMemoizedOdysseyThemeProviderPropsProvider.displayName =\n  \"OdysseyThemeProviderPropsProvider\";\n\nexport { MemoizedOdysseyThemeProviderPropsProvider as OdysseyThemeProviderPropsProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SACEA,aAAa,EACbC,IAAI,EAEJC,UAAU,EACVC,OAAO,QACF,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUf,OAAO,MAAMC,gCAAgC,GAC3CN,aAAa,CAAmC,CAAC,CAAC,CAAC;AAErD,OAAO,MAAMO,mCAAmC,GAAGA,CAAA,KACjDL,UAAU,CAACI,gCAAgC,CAAC;AAO9C,MAAME,iCAAiC,GAAGA,CAAC;EACzCC,QAAQ;EACRC,oBAAoB;EACpBC,iBAAiB;EACjBC;AACsC,CAAC,KAAK;EAC5C,MAAMC,gCAAgC,GACpCN,mCAAmC,CAAC,CAAC;EAEvC,MAAMO,aAAa,GAAGX,OAAO,CAC3B,OAAO;IACL,GAAGU,gCAAgC;IACnCH,oBAAoB;IACpBC,iBAAiB;IACjBC;EACF,CAAC,CAAC,EACF,CACEF,oBAAoB,EACpBG,gCAAgC,EAChCF,iBAAiB,EACjBC,aAAa,CAEjB,CAAC;EAED,OACEP,IAAA,CAACC,gCAAgC,CAACS,QAAQ;IAACC,KAAK,EAAEF,aAAc;IAAAL,QAAA,EAC7DA;EAAQ,CACgC,CAAC;AAEhD,CAAC;AAED,MAAMQ,yCAAyC,GAAGhB,IAAI,CACpDO,iCACF,CAAC;AACDS,yCAAyC,CAACC,WAAW,GACnD,mCAAmC;AAErC,SAASD,yCAAyC,IAAIT,iCAAiC","ignoreList":[]}
+{"version":3,"file":"OdysseyThemeProviderPropsContext.js","names":["createContext","memo","useContext","useMemo","jsx","_jsx","OdysseyThemeProviderPropsContext","useOdysseyThemeProviderPropsContext","OdysseyThemeProviderPropsProvider","children","designTokensOverride","shadowRootElement","themeOverride","odysseyThemeProviderPropsContext","providerValue","Provider","value","MemoizedOdysseyThemeProviderPropsProvider","displayName"],"sources":["../../src/OdysseyThemeProviderPropsContext.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 { ThemeOptions } from \"@mui/material\";\nimport {\n  createContext,\n  memo,\n  type ReactNode,\n  useContext,\n  useMemo,\n} from \"react\";\n\nimport { DesignTokensOverride } from \"./theme/theme.js\";\n\nexport type OdysseyThemeProviderContextProps = {\n  designTokensOverride?: DesignTokensOverride;\n  shadowRootElement?: HTMLDivElement | HTMLElement;\n  themeOverride?: ThemeOptions;\n};\n\nexport const OdysseyThemeProviderPropsContext =\n  createContext<OdysseyThemeProviderContextProps>({});\n\nexport const useOdysseyThemeProviderPropsContext = () =>\n  useContext(OdysseyThemeProviderPropsContext);\n\nexport type OdysseyThemeProviderPropsProviderProps =\n  OdysseyThemeProviderContextProps & {\n    children: ReactNode;\n  };\n\nconst OdysseyThemeProviderPropsProvider = ({\n  children,\n  designTokensOverride,\n  shadowRootElement,\n  themeOverride,\n}: OdysseyThemeProviderPropsProviderProps) => {\n  const odysseyThemeProviderPropsContext =\n    useOdysseyThemeProviderPropsContext();\n\n  const providerValue = useMemo(\n    () => ({\n      ...odysseyThemeProviderPropsContext,\n      designTokensOverride,\n      shadowRootElement,\n      themeOverride,\n    }),\n    [\n      designTokensOverride,\n      odysseyThemeProviderPropsContext,\n      shadowRootElement,\n      themeOverride,\n    ],\n  );\n\n  return (\n    <OdysseyThemeProviderPropsContext.Provider value={providerValue}>\n      {children}\n    </OdysseyThemeProviderPropsContext.Provider>\n  );\n};\n\nconst MemoizedOdysseyThemeProviderPropsProvider = memo(\n  OdysseyThemeProviderPropsProvider,\n);\nMemoizedOdysseyThemeProviderPropsProvider.displayName =\n  \"OdysseyThemeProviderPropsProvider\";\n\nexport { MemoizedOdysseyThemeProviderPropsProvider as OdysseyThemeProviderPropsProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SACEA,aAAa,EACbC,IAAI,EAEJC,UAAU,EACVC,OAAO,QACF,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUf,OAAO,MAAMC,gCAAgC,GAC3CN,aAAa,CAAmC,CAAC,CAAC,CAAC;AAErD,OAAO,MAAMO,mCAAmC,GAAGA,CAAA,KACjDL,UAAU,CAACI,gCAAgC,CAAC;AAO9C,MAAME,iCAAiC,GAAGA,CAAC;EACzCC,QAAQ;EACRC,oBAAoB;EACpBC,iBAAiB;EACjBC;AACsC,CAAC,KAAK;EAC5C,MAAMC,gCAAgC,GACpCN,mCAAmC,CAAC,CAAC;EAEvC,MAAMO,aAAa,GAAGX,OAAO,CAC3B,OAAO;IACL,GAAGU,gCAAgC;IACnCH,oBAAoB;IACpBC,iBAAiB;IACjBC;EACF,CAAC,CAAC,EACF,CACEF,oBAAoB,EACpBG,gCAAgC,EAChCF,iBAAiB,EACjBC,aAAa,CAEjB,CAAC;EAED,OACEP,IAAA,CAACC,gCAAgC,CAACS,QAAQ;IAACC,KAAK,EAAEF,aAAc;IAAAL,QAAA,EAC7DA;EAAQ,CACgC,CAAC;AAEhD,CAAC;AAED,MAAMQ,yCAAyC,GAAGhB,IAAI,CACpDO,iCACF,CAAC;AACDS,yCAAyC,CAACC,WAAW,mEAChB;AAErC,SAASD,yCAAyC,IAAIT,iCAAiC","ignoreList":[]}

package/dist/esm/Pagination/Pagination.js

@@ -255,6 +255,6 @@ const Pagination = ({
   });
 };
 const MemoizedPagination = memo(Pagination);
-MemoizedPagination.displayName = "Pagination";
+MemoizedPagination.displayName = "Pagination::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedPagination as Pagination };
 //# sourceMappingURL=Pagination.js.map

package/dist/esm/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["styled","memo","useCallback","useEffect","useMemo","useRef","useState","Box","Button","useTranslation","ArrowLeftIcon","ArrowRightIcon","useOdysseyDesignTokens","Paragraph","usePagination","jsx","_jsx","jsxs","_jsxs","PaginationContainer","display","justifyContent","PaginationSegment","shouldForwardProp","prop","odysseyDesignTokens","alignItems","gap","Spacing4","Spacing2","PaginationInput","_InputBase","borderColor","HueNeutral200","borderRadius","BorderRadiusTight","height","Spacing6","width","HueNeutral400","PalettePrimaryMain","PaginationButtonContainer","marginInlineStart","Pagination","currentPageLabel","currentPageLabelProp","currentRowsCount","hasPageInput","hasRowCountInput","hasRowCountLabel","isDisabled","isMoreDisabled","lastRow","loadMoreLabel","loadMoreLabelProp","maxPageIndex","maxPageSize","nextLabel","nextLabelProp","onPaginationChange","onPaginationChangeProp","pageIndex","pageSize","previousLabel","previousLabelProp","rowsPerPageLabel","rowsPerPageLabelProp","totalRows","variant","t","page","setPage","rowsPerPage","setRowsPerPage","initialRowsPerPage","totalRowsLabel","handlePaginationChange","updatedPage","updatedRowsPerPage","Math","ceil","handlePageSubmit","event","key","Number","currentTarget","value","handleRowsPerPageSubmit","setPageFromEvent","min","target","max","setRowsPerPageFromEvent","handleLoadMore","current","handleNextButton","handlePreviousButton","loadMoreIsDisabled","nextButtonDisabled","previousButtonDisabled","rowsPerPageInputProps","currentPageInputProps","children","color","component","disabled","inputProps","onBlur","onChange","onKeyDown","type","ariaLabel","onClick","size","startIcon","endIcon","label","MemoizedPagination","displayName"],"sources":["../../../src/Pagination/Pagination.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 styled from \"@emotion/styled\";\nimport { InputBase } from \"@mui/material\";\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/Button.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { Paragraph } from \"../Typography.js\";\nimport { paginationTypeValues } from \"./constants.js\";\nimport { usePagination } from \"./usePagination.js\";\n\nconst PaginationContainer = styled(\"nav\")({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n});\n\nconst PaginationSegment = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing4,\n  \"& > div\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: odysseyDesignTokens.Spacing2,\n  },\n}));\n\nconst PaginationInput = styled(InputBase, {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  borderColor: odysseyDesignTokens.HueNeutral200,\n  borderRadius: odysseyDesignTokens.BorderRadiusTight,\n  height: odysseyDesignTokens.Spacing6,\n  width: \"4.5714285714rem\", // This is a hardcoded value, keep as string\n  \"&:hover\": {\n    borderColor: odysseyDesignTokens.HueNeutral400,\n  },\n  \"&.Mui-focused:hover\": {\n    borderColor: odysseyDesignTokens.PalettePrimaryMain,\n  },\n}));\n\nconst PaginationButtonContainer = styled(\"div\")({\n  \"& > *\": {\n    marginInlineStart: `0 !important`,\n  },\n});\n\nexport type PaginationProps = {\n  /**\n   * The labeled rendered for the current page index\n   */\n  currentPageLabel?: string;\n  /**\n   * The number of items currently visible on the page\n   */\n  currentRowsCount?: number;\n  /**\n   * If true, the page input will be visible and the user can directly manipulate which page\n   * is visible.\n   */\n  hasPageInput?: boolean;\n  /**\n   * If true, the row count input will be visible and the user can directly manipulate how many rows\n   * are visible.\n   */\n  hasRowCountInput?: boolean;\n  /**\n   * If true, the \"X - X of total X\" label will be visible\n   */\n  hasRowCountLabel?: boolean;\n  /**\n   * If true, the pagination controls will be disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * If true, the next or Show More button will be disabled\n   */\n  isMoreDisabled?: boolean;\n  /**\n   * The current page last row index\n   */\n  lastRow?: number;\n  /**\n   * If the pagination is of \"loadMore\" variant, then this is the the load more label\n   */\n  loadMoreLabel?: string;\n  /**\n   * The max page\n   */\n  maxPageIndex?: number;\n  /**\n   * The max rows per page\n   */\n  maxPageSize?: number;\n  /**\n   * The label for the next control\n   */\n  nextLabel?: string;\n  /**\n   * Page index and page size setter\n   */\n  onPaginationChange: ({\n    pageIndex,\n    pageSize,\n  }: {\n    pageIndex: number;\n    pageSize: number;\n  }) => void;\n  /**\n   * The current page index\n   */\n  pageIndex: number;\n  /**\n   * The current page size\n   */\n  pageSize: number;\n  /**\n   * The label for the previous control\n   */\n  previousLabel?: string;\n  /**\n   * The label that shows how many results are rendered per page\n   */\n  rowsPerPageLabel?: string;\n  /**\n   * Total rows count\n   */\n  totalRows?: number;\n  /**\n   * The type of pagination controls shown. Defaults to next/prev buttons, but can be\n   * set to a simple \"Load more\" button by setting to \"loadMore\".\n   */\n  variant?: (typeof paginationTypeValues)[number];\n};\n\nconst Pagination = ({\n  currentPageLabel: currentPageLabelProp,\n  currentRowsCount,\n  hasPageInput = true,\n  hasRowCountInput = true,\n  hasRowCountLabel = true,\n  isDisabled,\n  isMoreDisabled,\n  lastRow,\n  loadMoreLabel: loadMoreLabelProp,\n  maxPageIndex,\n  maxPageSize,\n  nextLabel: nextLabelProp,\n  onPaginationChange: onPaginationChangeProp,\n  pageIndex,\n  pageSize,\n  previousLabel: previousLabelProp,\n  rowsPerPageLabel: rowsPerPageLabelProp,\n  totalRows,\n  variant,\n}: PaginationProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [page, setPage] = useState<number>(pageIndex);\n  const [rowsPerPage, setRowsPerPage] = useState<number>(pageSize);\n  const initialRowsPerPage = useRef<number>(pageSize);\n\n  const currentPageLabel = currentPageLabelProp ?? t(\"pagination.page\");\n  const loadMoreLabel = loadMoreLabelProp ?? t(\"pagination.loadmore\");\n  const nextLabel = nextLabelProp ?? t(\"pagination.next\");\n  const previousLabel = previousLabelProp ?? t(\"pagination.previous\");\n  const rowsPerPageLabel = rowsPerPageLabelProp ?? t(\"pagination.rowsperpage\");\n\n  useEffect(() => {\n    setPage(pageIndex);\n    setRowsPerPage(pageSize);\n  }, [pageIndex, pageSize]);\n\n  const onPaginationChange = useCallback(\n    ({ pageIndex, pageSize }: { pageIndex: number; pageSize: number }) => {\n      onPaginationChangeProp({ pageIndex, pageSize });\n    },\n    [onPaginationChangeProp],\n  );\n\n  const { totalRowsLabel } = usePagination({\n    pageIndex,\n    pageSize,\n    currentRowsCount: currentRowsCount || 0,\n    totalRows,\n  });\n\n  const handlePaginationChange = useCallback(() => {\n    let updatedPage = page;\n    let updatedRowsPerPage = rowsPerPage;\n\n    if (totalRows) {\n      const maxPageIndex = Math.ceil(totalRows / updatedRowsPerPage);\n\n      // Ensure rowsPerPage does not exceed totalRows\n      if (updatedRowsPerPage > totalRows) {\n        updatedRowsPerPage = totalRows;\n      }\n\n      // Ensure page is within valid range\n      if (updatedPage > maxPageIndex) {\n        updatedPage = maxPageIndex;\n      } else if (updatedPage < 1) {\n        updatedPage = 1;\n      }\n    }\n\n    onPaginationChange({\n      pageIndex: updatedPage,\n      pageSize: updatedRowsPerPage,\n    });\n  }, [page, rowsPerPage, onPaginationChange, totalRows]);\n\n  // The following handlers use React.KeyboardEvent (rather than just KeyboardEvent) because React.KeyboardEvent\n  // is generic, while plain KeyboardEvent is not. We need this generic so we can specify the HTMLInputElement,\n  // which allows us to use currentTarget.value\n  const handlePageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        onPaginationChange({\n          pageIndex: Number(event.currentTarget.value),\n          pageSize: rowsPerPage,\n        });\n      }\n    },\n    [rowsPerPage, onPaginationChange],\n  );\n\n  const handleRowsPerPageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        onPaginationChange({\n          pageIndex: page,\n          pageSize: Number(event.currentTarget.value),\n        });\n      }\n    },\n    [page, onPaginationChange],\n  );\n\n  const setPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = maxPageIndex\n        ? Math.min(Number(event.target.value), maxPageIndex)\n        : Number(event.target.value);\n\n      // Ensure the value can't be less than 1\n      setPage(Math.max(1, value));\n    },\n    [setPage, maxPageIndex],\n  );\n\n  const setRowsPerPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = maxPageSize\n        ? Math.min(Number(event.target.value), maxPageSize)\n        : Number(event.target.value);\n\n      // Ensure the value can't be less than 1\n      setRowsPerPage(Math.max(1, value));\n    },\n    [setRowsPerPage, maxPageSize],\n  );\n\n  const handleLoadMore = useCallback(() => {\n    onPaginationChange({\n      pageIndex: 1,\n      pageSize: rowsPerPage + initialRowsPerPage.current,\n    });\n  }, [rowsPerPage, onPaginationChange]);\n\n  const handleNextButton = useCallback(() => {\n    onPaginationChange({ pageIndex: page + 1, pageSize: rowsPerPage });\n  }, [onPaginationChange, page, rowsPerPage]);\n\n  const handlePreviousButton = useCallback(() => {\n    onPaginationChange({ pageIndex: page - 1, pageSize: rowsPerPage });\n  }, [onPaginationChange, page, rowsPerPage]);\n\n  const loadMoreIsDisabled = useMemo(() => {\n    return isMoreDisabled || (totalRows ? rowsPerPage >= totalRows : false);\n  }, [isMoreDisabled, rowsPerPage, totalRows]);\n\n  const nextButtonDisabled = useMemo(\n    () =>\n      isMoreDisabled ||\n      (lastRow && (totalRows ? lastRow >= totalRows : false)) ||\n      isDisabled,\n    [isMoreDisabled, totalRows, lastRow, isDisabled],\n  );\n\n  const previousButtonDisabled = useMemo(\n    () => pageIndex <= 1 || isDisabled,\n    [pageIndex, isDisabled],\n  );\n\n  const rowsPerPageInputProps = useMemo(\n    () => ({\n      \"aria-label\": rowsPerPageLabel,\n      max: maxPageSize || totalRows,\n    }),\n    [maxPageSize, rowsPerPageLabel, totalRows],\n  );\n\n  const currentPageInputProps = useMemo(\n    () => ({\n      \"aria-label\": currentPageLabel,\n      max: maxPageIndex,\n    }),\n    [currentPageLabel, maxPageIndex],\n  );\n\n  return variant === \"paged\" ? (\n    <PaginationContainer aria-label={t(\"pagination.label\")}>\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {hasRowCountInput && (\n          <Box>\n            <Paragraph color=\"textSecondary\" component=\"span\">\n              {rowsPerPageLabel}\n            </Paragraph>\n            <PaginationInput\n              disabled={isDisabled}\n              inputProps={rowsPerPageInputProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              onBlur={handlePaginationChange}\n              onChange={setRowsPerPageFromEvent}\n              onKeyDown={handleRowsPerPageSubmit}\n              type=\"number\"\n              value={rowsPerPage}\n            />\n          </Box>\n        )}\n        {hasRowCountLabel && (\n          <Paragraph color=\"textSecondary\" component=\"span\">\n            {totalRowsLabel}\n          </Paragraph>\n        )}\n      </PaginationSegment>\n\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {totalRows && hasPageInput && (\n          <Box>\n            <Paragraph color=\"textSecondary\" component=\"span\">\n              {currentPageLabel}\n            </Paragraph>\n            <PaginationInput\n              disabled={isDisabled}\n              inputProps={currentPageInputProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              onBlur={handlePaginationChange}\n              onChange={setPageFromEvent}\n              onKeyDown={handlePageSubmit}\n              type=\"number\"\n              value={page}\n            />\n          </Box>\n        )}\n        <PaginationButtonContainer>\n          <Button\n            ariaLabel={previousLabel}\n            isDisabled={previousButtonDisabled}\n            onClick={handlePreviousButton}\n            size=\"small\"\n            startIcon={<ArrowLeftIcon />}\n            variant=\"floating\"\n          />\n          <Button\n            ariaLabel={nextLabel}\n            endIcon={<ArrowRightIcon />}\n            isDisabled={nextButtonDisabled}\n            onClick={handleNextButton}\n            size=\"small\"\n            variant=\"floating\"\n          />\n        </PaginationButtonContainer>\n      </PaginationSegment>\n    </PaginationContainer>\n  ) : (\n    <Button\n      isDisabled={loadMoreIsDisabled}\n      label={loadMoreLabel}\n      onClick={handleLoadMore}\n      variant=\"secondary\"\n    />\n  );\n};\n\nconst MemoizedPagination = memo(Pagination);\nMemoizedPagination.displayName = \"Pagination\";\n\nexport { MemoizedPagination as Pagination };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Pagination.js","names":["styled","memo","useCallback","useEffect","useMemo","useRef","useState","Box","Button","useTranslation","ArrowLeftIcon","ArrowRightIcon","useOdysseyDesignTokens","Paragraph","usePagination","jsx","_jsx","jsxs","_jsxs","PaginationContainer","display","justifyContent","PaginationSegment","shouldForwardProp","prop","odysseyDesignTokens","alignItems","gap","Spacing4","Spacing2","PaginationInput","_InputBase","borderColor","HueNeutral200","borderRadius","BorderRadiusTight","height","Spacing6","width","HueNeutral400","PalettePrimaryMain","PaginationButtonContainer","marginInlineStart","Pagination","currentPageLabel","currentPageLabelProp","currentRowsCount","hasPageInput","hasRowCountInput","hasRowCountLabel","isDisabled","isMoreDisabled","lastRow","loadMoreLabel","loadMoreLabelProp","maxPageIndex","maxPageSize","nextLabel","nextLabelProp","onPaginationChange","onPaginationChangeProp","pageIndex","pageSize","previousLabel","previousLabelProp","rowsPerPageLabel","rowsPerPageLabelProp","totalRows","variant","t","page","setPage","rowsPerPage","setRowsPerPage","initialRowsPerPage","totalRowsLabel","handlePaginationChange","updatedPage","updatedRowsPerPage","Math","ceil","handlePageSubmit","event","key","Number","currentTarget","value","handleRowsPerPageSubmit","setPageFromEvent","min","target","max","setRowsPerPageFromEvent","handleLoadMore","current","handleNextButton","handlePreviousButton","loadMoreIsDisabled","nextButtonDisabled","previousButtonDisabled","rowsPerPageInputProps","currentPageInputProps","children","color","component","disabled","inputProps","onBlur","onChange","onKeyDown","type","ariaLabel","onClick","size","startIcon","endIcon","label","MemoizedPagination","displayName"],"sources":["../../../src/Pagination/Pagination.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 styled from \"@emotion/styled\";\nimport { InputBase } from \"@mui/material\";\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/Button.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { Paragraph } from \"../Typography.js\";\nimport { paginationTypeValues } from \"./constants.js\";\nimport { usePagination } from \"./usePagination.js\";\n\nconst PaginationContainer = styled(\"nav\")({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n});\n\nconst PaginationSegment = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing4,\n  \"& > div\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: odysseyDesignTokens.Spacing2,\n  },\n}));\n\nconst PaginationInput = styled(InputBase, {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  borderColor: odysseyDesignTokens.HueNeutral200,\n  borderRadius: odysseyDesignTokens.BorderRadiusTight,\n  height: odysseyDesignTokens.Spacing6,\n  width: \"4.5714285714rem\", // This is a hardcoded value, keep as string\n  \"&:hover\": {\n    borderColor: odysseyDesignTokens.HueNeutral400,\n  },\n  \"&.Mui-focused:hover\": {\n    borderColor: odysseyDesignTokens.PalettePrimaryMain,\n  },\n}));\n\nconst PaginationButtonContainer = styled(\"div\")({\n  \"& > *\": {\n    marginInlineStart: `0 !important`,\n  },\n});\n\nexport type PaginationProps = {\n  /**\n   * The labeled rendered for the current page index\n   */\n  currentPageLabel?: string;\n  /**\n   * The number of items currently visible on the page\n   */\n  currentRowsCount?: number;\n  /**\n   * If true, the page input will be visible and the user can directly manipulate which page\n   * is visible.\n   */\n  hasPageInput?: boolean;\n  /**\n   * If true, the row count input will be visible and the user can directly manipulate how many rows\n   * are visible.\n   */\n  hasRowCountInput?: boolean;\n  /**\n   * If true, the \"X - X of total X\" label will be visible\n   */\n  hasRowCountLabel?: boolean;\n  /**\n   * If true, the pagination controls will be disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * If true, the next or Show More button will be disabled\n   */\n  isMoreDisabled?: boolean;\n  /**\n   * The current page last row index\n   */\n  lastRow?: number;\n  /**\n   * If the pagination is of \"loadMore\" variant, then this is the the load more label\n   */\n  loadMoreLabel?: string;\n  /**\n   * The max page\n   */\n  maxPageIndex?: number;\n  /**\n   * The max rows per page\n   */\n  maxPageSize?: number;\n  /**\n   * The label for the next control\n   */\n  nextLabel?: string;\n  /**\n   * Page index and page size setter\n   */\n  onPaginationChange: ({\n    pageIndex,\n    pageSize,\n  }: {\n    pageIndex: number;\n    pageSize: number;\n  }) => void;\n  /**\n   * The current page index\n   */\n  pageIndex: number;\n  /**\n   * The current page size\n   */\n  pageSize: number;\n  /**\n   * The label for the previous control\n   */\n  previousLabel?: string;\n  /**\n   * The label that shows how many results are rendered per page\n   */\n  rowsPerPageLabel?: string;\n  /**\n   * Total rows count\n   */\n  totalRows?: number;\n  /**\n   * The type of pagination controls shown. Defaults to next/prev buttons, but can be\n   * set to a simple \"Load more\" button by setting to \"loadMore\".\n   */\n  variant?: (typeof paginationTypeValues)[number];\n};\n\nconst Pagination = ({\n  currentPageLabel: currentPageLabelProp,\n  currentRowsCount,\n  hasPageInput = true,\n  hasRowCountInput = true,\n  hasRowCountLabel = true,\n  isDisabled,\n  isMoreDisabled,\n  lastRow,\n  loadMoreLabel: loadMoreLabelProp,\n  maxPageIndex,\n  maxPageSize,\n  nextLabel: nextLabelProp,\n  onPaginationChange: onPaginationChangeProp,\n  pageIndex,\n  pageSize,\n  previousLabel: previousLabelProp,\n  rowsPerPageLabel: rowsPerPageLabelProp,\n  totalRows,\n  variant,\n}: PaginationProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [page, setPage] = useState<number>(pageIndex);\n  const [rowsPerPage, setRowsPerPage] = useState<number>(pageSize);\n  const initialRowsPerPage = useRef<number>(pageSize);\n\n  const currentPageLabel = currentPageLabelProp ?? t(\"pagination.page\");\n  const loadMoreLabel = loadMoreLabelProp ?? t(\"pagination.loadmore\");\n  const nextLabel = nextLabelProp ?? t(\"pagination.next\");\n  const previousLabel = previousLabelProp ?? t(\"pagination.previous\");\n  const rowsPerPageLabel = rowsPerPageLabelProp ?? t(\"pagination.rowsperpage\");\n\n  useEffect(() => {\n    setPage(pageIndex);\n    setRowsPerPage(pageSize);\n  }, [pageIndex, pageSize]);\n\n  const onPaginationChange = useCallback(\n    ({ pageIndex, pageSize }: { pageIndex: number; pageSize: number }) => {\n      onPaginationChangeProp({ pageIndex, pageSize });\n    },\n    [onPaginationChangeProp],\n  );\n\n  const { totalRowsLabel } = usePagination({\n    pageIndex,\n    pageSize,\n    currentRowsCount: currentRowsCount || 0,\n    totalRows,\n  });\n\n  const handlePaginationChange = useCallback(() => {\n    let updatedPage = page;\n    let updatedRowsPerPage = rowsPerPage;\n\n    if (totalRows) {\n      const maxPageIndex = Math.ceil(totalRows / updatedRowsPerPage);\n\n      // Ensure rowsPerPage does not exceed totalRows\n      if (updatedRowsPerPage > totalRows) {\n        updatedRowsPerPage = totalRows;\n      }\n\n      // Ensure page is within valid range\n      if (updatedPage > maxPageIndex) {\n        updatedPage = maxPageIndex;\n      } else if (updatedPage < 1) {\n        updatedPage = 1;\n      }\n    }\n\n    onPaginationChange({\n      pageIndex: updatedPage,\n      pageSize: updatedRowsPerPage,\n    });\n  }, [page, rowsPerPage, onPaginationChange, totalRows]);\n\n  // The following handlers use React.KeyboardEvent (rather than just KeyboardEvent) because React.KeyboardEvent\n  // is generic, while plain KeyboardEvent is not. We need this generic so we can specify the HTMLInputElement,\n  // which allows us to use currentTarget.value\n  const handlePageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        onPaginationChange({\n          pageIndex: Number(event.currentTarget.value),\n          pageSize: rowsPerPage,\n        });\n      }\n    },\n    [rowsPerPage, onPaginationChange],\n  );\n\n  const handleRowsPerPageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        onPaginationChange({\n          pageIndex: page,\n          pageSize: Number(event.currentTarget.value),\n        });\n      }\n    },\n    [page, onPaginationChange],\n  );\n\n  const setPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = maxPageIndex\n        ? Math.min(Number(event.target.value), maxPageIndex)\n        : Number(event.target.value);\n\n      // Ensure the value can't be less than 1\n      setPage(Math.max(1, value));\n    },\n    [setPage, maxPageIndex],\n  );\n\n  const setRowsPerPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = maxPageSize\n        ? Math.min(Number(event.target.value), maxPageSize)\n        : Number(event.target.value);\n\n      // Ensure the value can't be less than 1\n      setRowsPerPage(Math.max(1, value));\n    },\n    [setRowsPerPage, maxPageSize],\n  );\n\n  const handleLoadMore = useCallback(() => {\n    onPaginationChange({\n      pageIndex: 1,\n      pageSize: rowsPerPage + initialRowsPerPage.current,\n    });\n  }, [rowsPerPage, onPaginationChange]);\n\n  const handleNextButton = useCallback(() => {\n    onPaginationChange({ pageIndex: page + 1, pageSize: rowsPerPage });\n  }, [onPaginationChange, page, rowsPerPage]);\n\n  const handlePreviousButton = useCallback(() => {\n    onPaginationChange({ pageIndex: page - 1, pageSize: rowsPerPage });\n  }, [onPaginationChange, page, rowsPerPage]);\n\n  const loadMoreIsDisabled = useMemo(() => {\n    return isMoreDisabled || (totalRows ? rowsPerPage >= totalRows : false);\n  }, [isMoreDisabled, rowsPerPage, totalRows]);\n\n  const nextButtonDisabled = useMemo(\n    () =>\n      isMoreDisabled ||\n      (lastRow && (totalRows ? lastRow >= totalRows : false)) ||\n      isDisabled,\n    [isMoreDisabled, totalRows, lastRow, isDisabled],\n  );\n\n  const previousButtonDisabled = useMemo(\n    () => pageIndex <= 1 || isDisabled,\n    [pageIndex, isDisabled],\n  );\n\n  const rowsPerPageInputProps = useMemo(\n    () => ({\n      \"aria-label\": rowsPerPageLabel,\n      max: maxPageSize || totalRows,\n    }),\n    [maxPageSize, rowsPerPageLabel, totalRows],\n  );\n\n  const currentPageInputProps = useMemo(\n    () => ({\n      \"aria-label\": currentPageLabel,\n      max: maxPageIndex,\n    }),\n    [currentPageLabel, maxPageIndex],\n  );\n\n  return variant === \"paged\" ? (\n    <PaginationContainer aria-label={t(\"pagination.label\")}>\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {hasRowCountInput && (\n          <Box>\n            <Paragraph color=\"textSecondary\" component=\"span\">\n              {rowsPerPageLabel}\n            </Paragraph>\n            <PaginationInput\n              disabled={isDisabled}\n              inputProps={rowsPerPageInputProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              onBlur={handlePaginationChange}\n              onChange={setRowsPerPageFromEvent}\n              onKeyDown={handleRowsPerPageSubmit}\n              type=\"number\"\n              value={rowsPerPage}\n            />\n          </Box>\n        )}\n        {hasRowCountLabel && (\n          <Paragraph color=\"textSecondary\" component=\"span\">\n            {totalRowsLabel}\n          </Paragraph>\n        )}\n      </PaginationSegment>\n\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {totalRows && hasPageInput && (\n          <Box>\n            <Paragraph color=\"textSecondary\" component=\"span\">\n              {currentPageLabel}\n            </Paragraph>\n            <PaginationInput\n              disabled={isDisabled}\n              inputProps={currentPageInputProps}\n              odysseyDesignTokens={odysseyDesignTokens}\n              onBlur={handlePaginationChange}\n              onChange={setPageFromEvent}\n              onKeyDown={handlePageSubmit}\n              type=\"number\"\n              value={page}\n            />\n          </Box>\n        )}\n        <PaginationButtonContainer>\n          <Button\n            ariaLabel={previousLabel}\n            isDisabled={previousButtonDisabled}\n            onClick={handlePreviousButton}\n            size=\"small\"\n            startIcon={<ArrowLeftIcon />}\n            variant=\"floating\"\n          />\n          <Button\n            ariaLabel={nextLabel}\n            endIcon={<ArrowRightIcon />}\n            isDisabled={nextButtonDisabled}\n            onClick={handleNextButton}\n            size=\"small\"\n            variant=\"floating\"\n          />\n        </PaginationButtonContainer>\n      </PaginationSegment>\n    </PaginationContainer>\n  ) : (\n    <Button\n      isDisabled={loadMoreIsDisabled}\n      label={loadMoreLabel}\n      onClick={handleLoadMore}\n      variant=\"secondary\"\n    />\n  );\n};\n\nconst MemoizedPagination = memo(Pagination);\nMemoizedPagination.displayName = \"Pagination\";\n\nexport { MemoizedPagination as Pagination };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/PasswordField.js

@@ -94,6 +94,7 @@ const PasswordField = forwardRef(({
     inputProps: {
       "aria-errormessage": errorMessageElementId,
       "aria-labelledby": labelElementId,
+      "aria-readonly": isReadOnly,
       "data-se": testId,
       role: "textbox"
     },
@@ -120,11 +121,12 @@ const PasswordField = forwardRef(({
     isDisabled: isDisabled,
     isFullWidth: isFullWidth,
     isOptional: isOptional,
+    isReadOnly: isReadOnly,
     label: label,
     renderFieldComponent: renderFieldComponent
   });
 });
 const MemoizedPasswordField = memo(PasswordField);
-MemoizedPasswordField.displayName = "PasswordField";
+MemoizedPasswordField.displayName = "PasswordField::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedPasswordField as PasswordField };
 //# sourceMappingURL=PasswordField.js.map

package/dist/esm/PasswordField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.js","names":["forwardRef","memo","useCallback","useImperativeHandle","useRef","useState","Field","useTranslation","HideIcon","ShowIcon","getControlState","useInputValues","jsx","_jsx","PasswordField","ariaDescribedBy","autoCompleteType","defaultValue","errorMessage","errorMessageList","hasInitialFocus","hint","id","idOverride","inputRef","isDisabled","isFullWidth","isOptional","hasShowPassword","isReadOnly","label","name","nameOverride","onChange","onChangeProp","onFocus","onBlur","placeholder","testId","translate","value","ref","t","inputType","setInputType","togglePasswordVisibility","controlledStateRef","controlledValue","uncontrolledValue","inputValues","controlState","current","localInputRef","focus","event","renderFieldComponent","errorMessageElementId","labelElementId","_InputBase","autoComplete","autoFocus","endAdornment","_InputAdornment","position","children","_IconButton","onClick","inputProps","role","readOnly","required","type","fieldType","hasVisibleLabel","MemoizedPasswordField","displayName"],"sources":["../../src/PasswordField.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 { IconButton, InputAdornment, InputBase } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\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 { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { HideIcon, ShowIcon } from \"./icons.generated/index.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport type PasswordFieldProps = {\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   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoCompleteType?: \"current-password\" | \"new-password\";\n  /**\n   * initial value for input. Use when component in uncontrolled.\n   */\n  defaultValue?: string;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * If `true`, the show/hide icon is not shown to the user\n   */\n  hasShowPassword?: boolean;\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * The value of the `input` element. Use when component is controlled.\n   */\n  value?: string;\n} & FieldComponentProps &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\nconst PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasInitialFocus,\n      hint,\n      id: idOverride,\n      inputRef,\n      isDisabled = false,\n      isFullWidth = false,\n      isOptional = false,\n      hasShowPassword = true,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onChange: onChangeProp,\n      onFocus,\n      onBlur,\n      placeholder,\n      testId,\n      translate,\n      value,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [inputType, setInputType] = useState(\"password\");\n\n    const togglePasswordVisibility = useCallback(() => {\n      setInputType((inputType) =>\n        inputType === \"password\" ? \"text\" : \"password\",\n      );\n    }, []);\n\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const localInputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    }, []);\n\n    const onChange = useCallback<\n      ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>\n    >(\n      (event) => {\n        onChangeProp?.(event);\n      },\n      [onChangeProp],\n    );\n\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n      }: FieldRenderProps) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={inputType === \"password\" ? autoCompleteType : \"off\"}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            hasShowPassword && (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  aria-controls={id}\n                  aria-label={t(\"passwordfield.icon.label.show\")}\n                  aria-pressed={inputType === \"text\"}\n                  onClick={togglePasswordVisibility}\n                >\n                  {inputType === \"password\" ? <ShowIcon /> : <HideIcon />}\n                </IconButton>\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n            // role: \"textbox\" Added because password inputs don't have an implicit role assigned. This causes problems with element selection.\n            role: \"textbox\",\n          }}\n          inputRef={localInputRef}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          required={!isOptional}\n          translate={translate}\n          type={inputType}\n        />\n      ),\n      [\n        autoCompleteType,\n        hasInitialFocus,\n        inputValues,\n        t,\n        togglePasswordVisibility,\n        inputType,\n        nameOverride,\n        onChange,\n        onFocus,\n        onBlur,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        hasShowPassword,\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        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedPasswordField = memo(PasswordField);\nMemoizedPasswordField.displayName = \"PasswordField\";\n\nexport { MemoizedPasswordField as PasswordField };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PasswordField.js","names":["forwardRef","memo","useCallback","useImperativeHandle","useRef","useState","Field","useTranslation","HideIcon","ShowIcon","getControlState","useInputValues","jsx","_jsx","PasswordField","ariaDescribedBy","autoCompleteType","defaultValue","errorMessage","errorMessageList","hasInitialFocus","hint","id","idOverride","inputRef","isDisabled","isFullWidth","isOptional","hasShowPassword","isReadOnly","label","name","nameOverride","onChange","onChangeProp","onFocus","onBlur","placeholder","testId","translate","value","ref","t","inputType","setInputType","togglePasswordVisibility","controlledStateRef","controlledValue","uncontrolledValue","inputValues","controlState","current","localInputRef","focus","event","renderFieldComponent","errorMessageElementId","labelElementId","_InputBase","autoComplete","autoFocus","endAdornment","_InputAdornment","position","children","_IconButton","onClick","inputProps","role","readOnly","required","type","fieldType","hasVisibleLabel","MemoizedPasswordField","displayName"],"sources":["../../src/PasswordField.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 { IconButton, InputAdornment, InputBase } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\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 { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { HideIcon, ShowIcon } from \"./icons.generated/index.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport type PasswordFieldProps = {\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   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoCompleteType?: \"current-password\" | \"new-password\";\n  /**\n   * initial value for input. Use when component in uncontrolled.\n   */\n  defaultValue?: string;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * If `true`, the show/hide icon is not shown to the user\n   */\n  hasShowPassword?: boolean;\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * The value of the `input` element. Use when component is controlled.\n   */\n  value?: string;\n} & FieldComponentProps &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\nconst PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasInitialFocus,\n      hint,\n      id: idOverride,\n      inputRef,\n      isDisabled = false,\n      isFullWidth = false,\n      isOptional = false,\n      hasShowPassword = true,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onChange: onChangeProp,\n      onFocus,\n      onBlur,\n      placeholder,\n      testId,\n      translate,\n      value,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [inputType, setInputType] = useState(\"password\");\n\n    const togglePasswordVisibility = useCallback(() => {\n      setInputType((inputType) =>\n        inputType === \"password\" ? \"text\" : \"password\",\n      );\n    }, []);\n\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const localInputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    }, []);\n\n    const onChange = useCallback<\n      ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>\n    >(\n      (event) => {\n        onChangeProp?.(event);\n      },\n      [onChangeProp],\n    );\n\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n      }: FieldRenderProps) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={inputType === \"password\" ? autoCompleteType : \"off\"}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            hasShowPassword && (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  aria-controls={id}\n                  aria-label={t(\"passwordfield.icon.label.show\")}\n                  aria-pressed={inputType === \"text\"}\n                  onClick={togglePasswordVisibility}\n                >\n                  {inputType === \"password\" ? <ShowIcon /> : <HideIcon />}\n                </IconButton>\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"aria-readonly\": isReadOnly,\n            \"data-se\": testId,\n            // role: \"textbox\" Added because password inputs don't have an implicit role assigned. This causes problems with element selection.\n            role: \"textbox\",\n          }}\n          inputRef={localInputRef}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          required={!isOptional}\n          translate={translate}\n          type={inputType}\n        />\n      ),\n      [\n        autoCompleteType,\n        hasInitialFocus,\n        inputValues,\n        t,\n        togglePasswordVisibility,\n        inputType,\n        nameOverride,\n        onChange,\n        onFocus,\n        onBlur,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        hasShowPassword,\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        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        isReadOnly={isReadOnly}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedPasswordField = memo(PasswordField);\nMemoizedPasswordField.displayName = \"PasswordField\";\n\nexport { MemoizedPasswordField as PasswordField };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/ScreenReaderText.js

@@ -30,6 +30,6 @@ const ScreenReaderText = ({
   children: children
 });
 const MemoizedScreenReaderText = memo(ScreenReaderText);
-MemoizedScreenReaderText.displayName = "ScreenReaderText";
+MemoizedScreenReaderText.displayName = "ScreenReaderText::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedScreenReaderText as ScreenReaderText };
 //# sourceMappingURL=ScreenReaderText.js.map

package/dist/esm/ScreenReaderText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenReaderText.js","names":["visuallyHidden","memo","jsx","_jsx","style","ScreenReaderText","ariaHidden","children","id","translate","_Box","component","sx","MemoizedScreenReaderText","displayName"],"sources":["../../src/ScreenReaderText.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 { Box } from \"@mui/material\";\nimport { visuallyHidden } from \"@mui/utils\";\nimport { memo, ReactNode } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\n\nexport type ScreenReaderTextProps = {\n  /**\n   * The visually-hidden text.\n   */\n  children: ReactNode;\n  id?: string;\n} & Pick<HtmlProps, \"ariaHidden\" | \"translate\">;\n\n/**\n * MUI sx expects you pass in a CSS object, not an object with CSS.\n * They seem identical, but only if you create a new object like this will MUI be happy with the type of visuallyHidden.\n * It's otherwise a regular object with CSS properties.\n */\nconst style = { ...visuallyHidden };\n\nconst ScreenReaderText = ({\n  ariaHidden,\n  children,\n  id,\n  translate,\n}: ScreenReaderTextProps) => (\n  <Box\n    aria-hidden={ariaHidden}\n    component=\"span\"\n    id={id}\n    sx={style}\n    translate={translate}\n  >\n    {children}\n  </Box>\n);\n\nconst MemoizedScreenReaderText = memo(ScreenReaderText);\nMemoizedScreenReaderText.displayName = \"ScreenReaderText\";\n\nexport { MemoizedScreenReaderText as ScreenReaderText };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,cAAc,QAAQ,YAAY;AAC3C,SAASC,IAAI,QAAmB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiBxC,MAAMC,KAAK,GAAG;EAAE,GAAGJ;AAAe,CAAC;AAEnC,MAAMK,gBAAgB,GAAGA,CAAC;EACxBC,UAAU;EACVC,QAAQ;EACRC,EAAE;EACFC;AACqB,CAAC,KACtBN,IAAA,CAAAO,IAAA;EACE,eAAaJ,UAAW;EACxBK,SAAS,EAAC,MAAM;EAChBH,EAAE,EAAEA,EAAG;EACPI,EAAE,EAAER,KAAM;EACVK,SAAS,EAAEA,SAAU;EAAAF,QAAA,EAEpBA;AAAQ,CACN,CACN;AAED,MAAMM,wBAAwB,GAAGZ,IAAI,CAACI,gBAAgB,CAAC;AACvDQ,wBAAwB,CAACC,WAAW,GAAG,kBAAkB;AAEzD,SAASD,wBAAwB,IAAIR,gBAAgB","ignoreList":[]}
+{"version":3,"file":"ScreenReaderText.js","names":["visuallyHidden","memo","jsx","_jsx","style","ScreenReaderText","ariaHidden","children","id","translate","_Box","component","sx","MemoizedScreenReaderText","displayName"],"sources":["../../src/ScreenReaderText.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 { Box } from \"@mui/material\";\nimport { visuallyHidden } from \"@mui/utils\";\nimport { memo, ReactNode } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\n\nexport type ScreenReaderTextProps = {\n  /**\n   * The visually-hidden text.\n   */\n  children: ReactNode;\n  id?: string;\n} & Pick<HtmlProps, \"ariaHidden\" | \"translate\">;\n\n/**\n * MUI sx expects you pass in a CSS object, not an object with CSS.\n * They seem identical, but only if you create a new object like this will MUI be happy with the type of visuallyHidden.\n * It's otherwise a regular object with CSS properties.\n */\nconst style = { ...visuallyHidden };\n\nconst ScreenReaderText = ({\n  ariaHidden,\n  children,\n  id,\n  translate,\n}: ScreenReaderTextProps) => (\n  <Box\n    aria-hidden={ariaHidden}\n    component=\"span\"\n    id={id}\n    sx={style}\n    translate={translate}\n  >\n    {children}\n  </Box>\n);\n\nconst MemoizedScreenReaderText = memo(ScreenReaderText);\nMemoizedScreenReaderText.displayName = \"ScreenReaderText\";\n\nexport { MemoizedScreenReaderText as ScreenReaderText };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,cAAc,QAAQ,YAAY;AAC3C,SAASC,IAAI,QAAmB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiBxC,MAAMC,KAAK,GAAG;EAAE,GAAGJ;AAAe,CAAC;AAEnC,MAAMK,gBAAgB,GAAGA,CAAC;EACxBC,UAAU;EACVC,QAAQ;EACRC,EAAE;EACFC;AACqB,CAAC,KACtBN,IAAA,CAAAO,IAAA;EACE,eAAaJ,UAAW;EACxBK,SAAS,EAAC,MAAM;EAChBH,EAAE,EAAEA,EAAG;EACPI,EAAE,EAAER,KAAM;EACVK,SAAS,EAAEA,SAAU;EAAAF,QAAA,EAEpBA;AAAQ,CACN,CACN;AAED,MAAMM,wBAAwB,GAAGZ,IAAI,CAACI,gBAAgB,CAAC;AACvDQ,wBAAwB,CAACC,WAAW,kDAAqB;AAEzD,SAASD,wBAAwB,IAAIR,gBAAgB","ignoreList":[]}

package/dist/esm/SearchField.js

@@ -119,6 +119,6 @@ const SearchField = forwardRef(({
   });
 });
 const MemoizedSearchField = memo(SearchField);
-MemoizedSearchField.displayName = "SearchField";
+MemoizedSearchField.displayName = "SearchField::pkg=odyssey&odysseyV=1.57.0";
 export { MemoizedSearchField as SearchField };
 //# sourceMappingURL=SearchField.js.map