@okta/odyssey-react-mui 1.28.1 → 1.32.0

package/dist/esm/Typography.js

@@ -0,0 +1,339 @@
+import _Typography from "@mui/material/Typography";
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { memo, useMemo, useRef, useImperativeHandle } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const typographyVariantMapping = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  body: "body1",
+  legend: "legend",
+  overline: "overline",
+  subordinate: "subtitle1",
+  support: "subtitle2"
+};
+export const typographyColorValues = ["primary", "textPrimary", "secondary", "textSecondary", "error"];
+const Typography = ({
+  ariaCurrent,
+  ariaDescribedBy,
+  ariaLabel,
+  ariaLabelledBy,
+  children,
+  color,
+  component: componentProp,
+  testId,
+  translate,
+  typographyRef,
+  variant = "body"
+}) => {
+  const component = useMemo(() => {
+    if (!componentProp) {
+      if (variant === "body" || variant === "subordinate" || variant === "support" || variant === "overline") {
+        return "p";
+      } else {
+        return variant;
+      }
+    }
+    return componentProp;
+  }, [componentProp, variant]);
+  const localTypographyRef = useRef(null);
+  useImperativeHandle(typographyRef, () => {
+    return {
+      focus: () => {
+        localTypographyRef.current?.focus();
+      }
+    };
+  }, []);
+  return _jsx(_Typography, {
+    "aria-current": ariaCurrent,
+    "aria-describedby": ariaDescribedBy,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    children: children,
+    color: color,
+    component: component,
+    "data-se": testId,
+    ref: localTypographyRef,
+    tabIndex: -1,
+    translate: translate,
+    variant: typographyVariantMapping[variant]
+  });
+};
+const MemoizedTypography = memo(Typography);
+MemoizedTypography.displayName = "Typography";
+const Heading1 = ({
+  ariaCurrent,
+  ariaDescribedBy,
+  ariaLabel,
+  ariaLabelledBy,
+  children,
+  color,
+  component,
+  testId,
+  translate
+}) => _jsx(Typography, {
+  ariaCurrent: ariaCurrent,
+  ariaDescribedBy: ariaDescribedBy,
+  ariaLabel: ariaLabel,
+  ariaLabelledBy: ariaLabelledBy,
+  children: children,
+  color: color,
+  component: component,
+  testId: testId,
+  translate: translate,
+  variant: "h1"
+});
+const MemoizedHeading1 = memo(Heading1);
+MemoizedHeading1.displayName = "Heading1";
+const Heading2 = ({
+  ariaCurrent,
+  ariaDescribedBy,
+  ariaLabel,
+  ariaLabelledBy,
+  children,
+  color,
+  component,
+  testId,
+  translate
+}) => _jsx(Typography, {
+  ariaCurrent: ariaCurrent,
+  ariaDescribedBy: ariaDescribedBy,
+  ariaLabel: ariaLabel,
+  ariaLabelledBy: ariaLabelledBy,
+  children: children,
+  color: color,
+  component: component,
+  testId: testId,
+  translate: translate,
+  variant: "h2"
+});
+const MemoizedHeading2 = memo(Heading2);
+MemoizedHeading2.displayName = "Heading2";
+const Heading3 = ({
+  ariaCurrent,
+  ariaDescribedBy,
+  ariaLabel,
+  ariaLabelledBy,
+  children,
+  color,
+  component,
+  testId,
+  translate
+}) => _jsx(Typography, {
+  ariaCurrent: ariaCurrent,
+  ariaDescribedBy: ariaDescribedBy,
+  ariaLabel: ariaLabel,
+  ariaLabelledBy: ariaLabelledBy,
+  children: children,
+  color: color,
+  component: component,
+  testId: testId,
+  translate: translate,
+  variant: "h3"
+});
+const MemoizedHeading3 = memo(Heading3);
+MemoizedHeading3.displayName = "Heading3";
+const Heading4 = ({
+  ariaCurrent,
+  ariaDescribedBy,
+  ariaLabel,
+  ariaLabelledBy,
+  children,
+  color,
+  component,
+  testId,
+  translate
+}) => _jsx(Typography, {
+  ariaCurrent: ariaCurrent,
+  ariaDescribedBy: ariaDescribedBy,
+  ariaLabel: ariaLabel,
+  ariaLabelledBy: ariaLabelledBy,
+  children: children,
+  color: color,
+  component: component,
+  testId: testId,
+  translate: translate,
+  variant: "h4"
+});
+const MemoizedHeading4 = memo(Heading4);
+MemoizedHeading4.displayName = "Heading4";
+const Heading5 = ({
+  ariaCurrent,
+  ariaDescribedBy,
+  ariaLabel,
+  ariaLabelledBy,
+  children,
+  color,
+  component,
+  testId,
+  translate
+}) => _jsx(Typography, {
+  ariaCurrent: ariaCurrent,
+  ariaDescribedBy: ariaDescribedBy,
+  ariaLabel: ariaLabel,
+  ariaLabelledBy: ariaLabelledBy,
+  children: children,
+  color: color,
+  component: component,
+  testId: testId,
+  translate: translate,
+  variant: "h5"
+});
+const MemoizedHeading5 = memo(Heading5);
+MemoizedHeading5.displayName = "Heading5";
+const Heading6 = ({
+  ariaCurrent,
+  ariaDescribedBy,
+  ariaLabel,
+  ariaLabelledBy,
+  children,
+  color,
+  component,
+  testId,
+  translate
+}) => _jsx(Typography, {
+  ariaCurrent: ariaCurrent,
+  ariaDescribedBy: ariaDescribedBy,
+  ariaLabel: ariaLabel,
+  ariaLabelledBy: ariaLabelledBy,
+  children: children,
+  color: color,
+  component: component,
+  testId: testId,
+  translate: translate,
+  variant: "h6"
+});
+const MemoizedHeading6 = memo(Heading6);
+MemoizedHeading6.displayName = "Heading6";
+const Paragraph = ({
+  ariaCurrent,
+  ariaDescribedBy,
+  ariaLabel,
+  ariaLabelledBy,
+  children,
+  color,
+  component,
+  testId,
+  translate
+}) => _jsx(Typography, {
+  ariaCurrent: ariaCurrent,
+  ariaDescribedBy: ariaDescribedBy,
+  ariaLabel: ariaLabel,
+  ariaLabelledBy: ariaLabelledBy,
+  children: children,
+  color: color,
+  component: component,
+  testId: testId,
+  translate: translate,
+  variant: "body"
+});
+const MemoizedParagraph = memo(Paragraph);
+MemoizedParagraph.displayName = "Paragraph";
+const Subordinate = ({
+  ariaCurrent,
+  ariaDescribedBy,
+  ariaLabel,
+  ariaLabelledBy,
+  children,
+  color,
+  component,
+  testId,
+  translate
+}) => _jsx(Typography, {
+  ariaCurrent: ariaCurrent,
+  ariaDescribedBy: ariaDescribedBy,
+  ariaLabel: ariaLabel,
+  ariaLabelledBy: ariaLabelledBy,
+  children: children,
+  color: color,
+  component: component,
+  testId: testId,
+  translate: translate,
+  variant: "subordinate"
+});
+const MemoizedSubordinate = memo(Subordinate);
+MemoizedSubordinate.displayName = "Subordinate";
+const Support = ({
+  ariaCurrent,
+  ariaDescribedBy,
+  ariaLabel,
+  ariaLabelledBy,
+  children,
+  color,
+  component,
+  testId,
+  translate
+}) => _jsx(Typography, {
+  ariaCurrent: ariaCurrent,
+  ariaDescribedBy: ariaDescribedBy,
+  ariaLabel: ariaLabel,
+  ariaLabelledBy: ariaLabelledBy,
+  children: children,
+  color: color,
+  component: component,
+  testId: testId,
+  translate: translate,
+  variant: "support"
+});
+const MemoizedSupport = memo(Support);
+MemoizedSupport.displayName = "Support";
+const Legend = ({
+  ariaDescribedBy,
+  ariaLabel,
+  ariaLabelledBy,
+  children,
+  color,
+  component,
+  testId,
+  translate
+}) => _jsx(Typography, {
+  ariaDescribedBy: ariaDescribedBy,
+  ariaLabel: ariaLabel,
+  ariaLabelledBy: ariaLabelledBy,
+  children: children,
+  color: color,
+  component: component,
+  testId: testId,
+  translate: translate,
+  variant: "legend"
+});
+const MemoizedLegend = memo(Legend);
+MemoizedLegend.displayName = "Legend";
+const Overline = ({
+  ariaDescribedBy,
+  ariaLabel,
+  ariaLabelledBy,
+  children,
+  color,
+  component,
+  testId,
+  translate
+}) => _jsx(Typography, {
+  ariaDescribedBy: ariaDescribedBy,
+  ariaLabel: ariaLabel,
+  ariaLabelledBy: ariaLabelledBy,
+  children: children,
+  color: color,
+  component: component,
+  testId: testId,
+  translate: translate,
+  variant: "overline"
+});
+const MemoizedOverline = memo(Overline);
+MemoizedOverline.displayName = "Overline";
+export { MemoizedTypography as Typography, MemoizedHeading1 as Heading1, MemoizedHeading2 as Heading2, MemoizedHeading3 as Heading3, MemoizedHeading4 as Heading4, MemoizedHeading5 as Heading5, MemoizedHeading6 as Heading6, MemoizedLegend as Legend, MemoizedOverline as Overline, MemoizedParagraph as Paragraph, MemoizedSubordinate as Subordinate, MemoizedSupport as Support };
+//# sourceMappingURL=Typography.js.map

package/dist/esm/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","names":["memo","useMemo","useRef","useImperativeHandle","jsx","_jsx","typographyVariantMapping","h1","h2","h3","h4","h5","h6","body","legend","overline","subordinate","support","typographyColorValues","Typography","ariaCurrent","ariaDescribedBy","ariaLabel","ariaLabelledBy","children","color","component","componentProp","testId","translate","typographyRef","variant","localTypographyRef","focus","current","_Typography","ref","tabIndex","MemoizedTypography","displayName","Heading1","MemoizedHeading1","Heading2","MemoizedHeading2","Heading3","MemoizedHeading3","Heading4","MemoizedHeading4","Heading5","MemoizedHeading5","Heading6","MemoizedHeading6","Paragraph","MemoizedParagraph","Subordinate","MemoizedSubordinate","Support","MemoizedSupport","Legend","MemoizedLegend","Overline","MemoizedOverline"],"sources":["../../src/Typography.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 {\n  ElementType,\n  ReactNode,\n  memo,\n  useMemo,\n  useRef,\n  useImperativeHandle,\n} from \"react\";\nimport {\n  Typography as MuiTypography,\n  TypographyProps as MuiTypographyProps,\n} from \"@mui/material\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle } from \"./inputUtils.js\";\n\nexport type TypographyVariantValue =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"body\"\n  | \"legend\"\n  | \"overline\"\n  | \"subordinate\"\n  | \"support\";\n\nexport const typographyVariantMapping: Record<\n  TypographyVariantValue,\n  MuiTypographyProps[\"variant\"]\n> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body: \"body1\",\n  legend: \"legend\",\n  overline: \"overline\",\n  subordinate: \"subtitle1\",\n  support: \"subtitle2\",\n} as const;\n\nexport const typographyColorValues = [\n  \"primary\",\n  \"textPrimary\",\n  \"secondary\",\n  \"textSecondary\",\n  \"error\",\n] as const;\n\nexport type TypographyProps = {\n  /**\n   * The text content of the component.\n   */\n  children: ReactNode;\n  /**\n   * The color of the text.\n   */\n  color?: (typeof typographyColorValues)[number];\n  /**\n   * The HTML element the component should render, if different from the default.\n   */\n  component?: ElementType;\n  /**\n   * The ref forwarded to the Typography\n   */\n  typographyRef?: React.RefObject<FocusHandle>;\n  /**\n   * The variant of Typography to render.\n   */\n  variant?: keyof typeof typographyVariantMapping;\n} & Pick<\n  HtmlProps,\n  | \"ariaCurrent\"\n  | \"ariaDescribedBy\"\n  | \"ariaLabel\"\n  | \"ariaLabelledBy\"\n  | \"testId\"\n  | \"translate\"\n>;\n\nconst Typography = ({\n  ariaCurrent,\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  color,\n  component: componentProp,\n  testId,\n  translate,\n  typographyRef,\n  variant = \"body\",\n}: TypographyProps) => {\n  const component = useMemo(() => {\n    if (!componentProp) {\n      if (\n        variant === \"body\" ||\n        variant === \"subordinate\" ||\n        variant === \"support\" ||\n        variant === \"overline\"\n      ) {\n        return \"p\";\n      } else {\n        return variant;\n      }\n    }\n    return componentProp;\n  }, [componentProp, variant]);\n\n  const localTypographyRef = useRef<HTMLElement>(null);\n  useImperativeHandle(typographyRef, () => {\n    return {\n      focus: () => {\n        localTypographyRef.current?.focus();\n      },\n    };\n  }, []);\n\n  return (\n    <MuiTypography\n      aria-current={ariaCurrent}\n      aria-describedby={ariaDescribedBy}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      children={children}\n      color={color}\n      component={component}\n      data-se={testId}\n      ref={localTypographyRef}\n      tabIndex={-1}\n      translate={translate}\n      variant={typographyVariantMapping[variant]}\n    />\n  );\n};\n\nconst MemoizedTypography = memo(Typography);\nMemoizedTypography.displayName = \"Typography\";\n\nconst Heading1 = ({\n  ariaCurrent,\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  color,\n  component,\n  testId,\n  translate,\n}: TypographyProps) => (\n  <Typography\n    ariaCurrent={ariaCurrent}\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    color={color}\n    component={component}\n    testId={testId}\n    translate={translate}\n    variant=\"h1\"\n  />\n);\n\nconst MemoizedHeading1 = memo(Heading1);\nMemoizedHeading1.displayName = \"Heading1\";\n\nconst Heading2 = ({\n  ariaCurrent,\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  color,\n  component,\n  testId,\n  translate,\n}: TypographyProps) => (\n  <Typography\n    ariaCurrent={ariaCurrent}\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    color={color}\n    component={component}\n    testId={testId}\n    translate={translate}\n    variant=\"h2\"\n  />\n);\n\nconst MemoizedHeading2 = memo(Heading2);\nMemoizedHeading2.displayName = \"Heading2\";\n\nconst Heading3 = ({\n  ariaCurrent,\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  color,\n  component,\n  testId,\n  translate,\n}: TypographyProps) => (\n  <Typography\n    ariaCurrent={ariaCurrent}\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    color={color}\n    component={component}\n    testId={testId}\n    translate={translate}\n    variant=\"h3\"\n  />\n);\n\nconst MemoizedHeading3 = memo(Heading3);\nMemoizedHeading3.displayName = \"Heading3\";\n\nconst Heading4 = ({\n  ariaCurrent,\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  color,\n  component,\n  testId,\n  translate,\n}: TypographyProps) => (\n  <Typography\n    ariaCurrent={ariaCurrent}\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    color={color}\n    component={component}\n    testId={testId}\n    translate={translate}\n    variant=\"h4\"\n  />\n);\n\nconst MemoizedHeading4 = memo(Heading4);\nMemoizedHeading4.displayName = \"Heading4\";\n\nconst Heading5 = ({\n  ariaCurrent,\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  color,\n  component,\n  testId,\n  translate,\n}: TypographyProps) => (\n  <Typography\n    ariaCurrent={ariaCurrent}\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    color={color}\n    component={component}\n    testId={testId}\n    translate={translate}\n    variant=\"h5\"\n  />\n);\n\nconst MemoizedHeading5 = memo(Heading5);\nMemoizedHeading5.displayName = \"Heading5\";\n\nconst Heading6 = ({\n  ariaCurrent,\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  color,\n  component,\n  testId,\n  translate,\n}: TypographyProps) => (\n  <Typography\n    ariaCurrent={ariaCurrent}\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    color={color}\n    component={component}\n    testId={testId}\n    translate={translate}\n    variant=\"h6\"\n  />\n);\n\nconst MemoizedHeading6 = memo(Heading6);\nMemoizedHeading6.displayName = \"Heading6\";\n\nconst Paragraph = ({\n  ariaCurrent,\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  color,\n  component,\n  testId,\n  translate,\n}: TypographyProps) => (\n  <Typography\n    ariaCurrent={ariaCurrent}\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    color={color}\n    component={component}\n    testId={testId}\n    translate={translate}\n    variant=\"body\"\n  />\n);\n\nconst MemoizedParagraph = memo(Paragraph);\nMemoizedParagraph.displayName = \"Paragraph\";\n\nconst Subordinate = ({\n  ariaCurrent,\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  color,\n  component,\n  testId,\n  translate,\n}: TypographyProps) => (\n  <Typography\n    ariaCurrent={ariaCurrent}\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    color={color}\n    component={component}\n    testId={testId}\n    translate={translate}\n    variant=\"subordinate\"\n  />\n);\n\nconst MemoizedSubordinate = memo(Subordinate);\nMemoizedSubordinate.displayName = \"Subordinate\";\n\nconst Support = ({\n  ariaCurrent,\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  color,\n  component,\n  testId,\n  translate,\n}: TypographyProps) => (\n  <Typography\n    ariaCurrent={ariaCurrent}\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    color={color}\n    component={component}\n    testId={testId}\n    translate={translate}\n    variant=\"support\"\n  />\n);\n\nconst MemoizedSupport = memo(Support);\nMemoizedSupport.displayName = \"Support\";\n\nconst Legend = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  color,\n  component,\n  testId,\n  translate,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    color={color}\n    component={component}\n    testId={testId}\n    translate={translate}\n    variant=\"legend\"\n  />\n);\n\nconst MemoizedLegend = memo(Legend);\nMemoizedLegend.displayName = \"Legend\";\n\nconst Overline = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  color,\n  component,\n  testId,\n  translate,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    color={color}\n    component={component}\n    testId={testId}\n    translate={translate}\n    variant=\"overline\"\n  />\n);\n\nconst MemoizedOverline = memo(Overline);\nMemoizedOverline.displayName = \"Overline\";\n\nexport {\n  MemoizedTypography as Typography,\n  MemoizedHeading1 as Heading1,\n  MemoizedHeading2 as Heading2,\n  MemoizedHeading3 as Heading3,\n  MemoizedHeading4 as Heading4,\n  MemoizedHeading5 as Heading5,\n  MemoizedHeading6 as Heading6,\n  MemoizedLegend as Legend,\n  MemoizedOverline as Overline,\n  MemoizedParagraph as Paragraph,\n  MemoizedSubordinate as Subordinate,\n  MemoizedSupport as Support,\n};\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAGEA,IAAI,EACJC,OAAO,EACPC,MAAM,EACNC,mBAAmB,QACd,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAsBf,OAAO,MAAMC,wBAGZ,GAAG;EACFC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,IAAI,EAAE,OAAO;EACbC,MAAM,EAAE,QAAQ;EAChBC,QAAQ,EAAE,UAAU;EACpBC,WAAW,EAAE,WAAW;EACxBC,OAAO,EAAE;AACX,CAAU;AAEV,OAAO,MAAMC,qBAAqB,GAAG,CACnC,SAAS,EACT,aAAa,EACb,WAAW,EACX,eAAe,EACf,OAAO,CACC;AAiCV,MAAMC,UAAU,GAAGA,CAAC;EAClBC,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,SAAS,EAAEC,aAAa;EACxBC,MAAM;EACNC,SAAS;EACTC,aAAa;EACbC,OAAO,GAAG;AACK,CAAC,KAAK;EACrB,MAAML,SAAS,GAAGzB,OAAO,CAAC,MAAM;IAC9B,IAAI,CAAC0B,aAAa,EAAE;MAClB,IACEI,OAAO,KAAK,MAAM,IAClBA,OAAO,KAAK,aAAa,IACzBA,OAAO,KAAK,SAAS,IACrBA,OAAO,KAAK,UAAU,EACtB;QACA,OAAO,GAAG;MACZ,CAAC,MAAM;QACL,OAAOA,OAAO;MAChB;IACF;IACA,OAAOJ,aAAa;EACtB,CAAC,EAAE,CAACA,aAAa,EAAEI,OAAO,CAAC,CAAC;EAE5B,MAAMC,kBAAkB,GAAG9B,MAAM,CAAc,IAAI,CAAC;EACpDC,mBAAmB,CAAC2B,aAAa,EAAE,MAAM;IACvC,OAAO;MACLG,KAAK,EAAEA,CAAA,KAAM;QACXD,kBAAkB,CAACE,OAAO,EAAED,KAAK,CAAC,CAAC;MACrC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OACE5B,IAAA,CAAA8B,WAAA;IACE,gBAAcf,WAAY;IAC1B,oBAAkBC,eAAgB;IAClC,cAAYC,SAAU;IACtB,mBAAiBC,cAAe;IAChCC,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEA,KAAM;IACbC,SAAS,EAAEA,SAAU;IACrB,WAASE,MAAO;IAChBQ,GAAG,EAAEJ,kBAAmB;IACxBK,QAAQ,EAAE,CAAC,CAAE;IACbR,SAAS,EAAEA,SAAU;IACrBE,OAAO,EAAEzB,wBAAwB,CAACyB,OAAO;EAAE,CAC5C,CAAC;AAEN,CAAC;AAED,MAAMO,kBAAkB,GAAGtC,IAAI,CAACmB,UAAU,CAAC;AAC3CmB,kBAAkB,CAACC,WAAW,GAAG,YAAY;AAE7C,MAAMC,QAAQ,GAAGA,CAAC;EAChBpB,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTE,MAAM;EACNC;AACe,CAAC,KAChBxB,IAAA,CAACc,UAAU;EACTC,WAAW,EAAEA,WAAY;EACzBC,eAAe,EAAEA,eAAgB;EACjCC,SAAS,EAAEA,SAAU;EACrBC,cAAc,EAAEA,cAAe;EAC/BC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbC,SAAS,EAAEA,SAAU;EACrBE,MAAM,EAAEA,MAAO;EACfC,SAAS,EAAEA,SAAU;EACrBE,OAAO,EAAC;AAAI,CACb,CACF;AAED,MAAMU,gBAAgB,GAAGzC,IAAI,CAACwC,QAAQ,CAAC;AACvCC,gBAAgB,CAACF,WAAW,GAAG,UAAU;AAEzC,MAAMG,QAAQ,GAAGA,CAAC;EAChBtB,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTE,MAAM;EACNC;AACe,CAAC,KAChBxB,IAAA,CAACc,UAAU;EACTC,WAAW,EAAEA,WAAY;EACzBC,eAAe,EAAEA,eAAgB;EACjCC,SAAS,EAAEA,SAAU;EACrBC,cAAc,EAAEA,cAAe;EAC/BC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbC,SAAS,EAAEA,SAAU;EACrBE,MAAM,EAAEA,MAAO;EACfC,SAAS,EAAEA,SAAU;EACrBE,OAAO,EAAC;AAAI,CACb,CACF;AAED,MAAMY,gBAAgB,GAAG3C,IAAI,CAAC0C,QAAQ,CAAC;AACvCC,gBAAgB,CAACJ,WAAW,GAAG,UAAU;AAEzC,MAAMK,QAAQ,GAAGA,CAAC;EAChBxB,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTE,MAAM;EACNC;AACe,CAAC,KAChBxB,IAAA,CAACc,UAAU;EACTC,WAAW,EAAEA,WAAY;EACzBC,eAAe,EAAEA,eAAgB;EACjCC,SAAS,EAAEA,SAAU;EACrBC,cAAc,EAAEA,cAAe;EAC/BC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbC,SAAS,EAAEA,SAAU;EACrBE,MAAM,EAAEA,MAAO;EACfC,SAAS,EAAEA,SAAU;EACrBE,OAAO,EAAC;AAAI,CACb,CACF;AAED,MAAMc,gBAAgB,GAAG7C,IAAI,CAAC4C,QAAQ,CAAC;AACvCC,gBAAgB,CAACN,WAAW,GAAG,UAAU;AAEzC,MAAMO,QAAQ,GAAGA,CAAC;EAChB1B,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTE,MAAM;EACNC;AACe,CAAC,KAChBxB,IAAA,CAACc,UAAU;EACTC,WAAW,EAAEA,WAAY;EACzBC,eAAe,EAAEA,eAAgB;EACjCC,SAAS,EAAEA,SAAU;EACrBC,cAAc,EAAEA,cAAe;EAC/BC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbC,SAAS,EAAEA,SAAU;EACrBE,MAAM,EAAEA,MAAO;EACfC,SAAS,EAAEA,SAAU;EACrBE,OAAO,EAAC;AAAI,CACb,CACF;AAED,MAAMgB,gBAAgB,GAAG/C,IAAI,CAAC8C,QAAQ,CAAC;AACvCC,gBAAgB,CAACR,WAAW,GAAG,UAAU;AAEzC,MAAMS,QAAQ,GAAGA,CAAC;EAChB5B,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTE,MAAM;EACNC;AACe,CAAC,KAChBxB,IAAA,CAACc,UAAU;EACTC,WAAW,EAAEA,WAAY;EACzBC,eAAe,EAAEA,eAAgB;EACjCC,SAAS,EAAEA,SAAU;EACrBC,cAAc,EAAEA,cAAe;EAC/BC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbC,SAAS,EAAEA,SAAU;EACrBE,MAAM,EAAEA,MAAO;EACfC,SAAS,EAAEA,SAAU;EACrBE,OAAO,EAAC;AAAI,CACb,CACF;AAED,MAAMkB,gBAAgB,GAAGjD,IAAI,CAACgD,QAAQ,CAAC;AACvCC,gBAAgB,CAACV,WAAW,GAAG,UAAU;AAEzC,MAAMW,QAAQ,GAAGA,CAAC;EAChB9B,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTE,MAAM;EACNC;AACe,CAAC,KAChBxB,IAAA,CAACc,UAAU;EACTC,WAAW,EAAEA,WAAY;EACzBC,eAAe,EAAEA,eAAgB;EACjCC,SAAS,EAAEA,SAAU;EACrBC,cAAc,EAAEA,cAAe;EAC/BC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbC,SAAS,EAAEA,SAAU;EACrBE,MAAM,EAAEA,MAAO;EACfC,SAAS,EAAEA,SAAU;EACrBE,OAAO,EAAC;AAAI,CACb,CACF;AAED,MAAMoB,gBAAgB,GAAGnD,IAAI,CAACkD,QAAQ,CAAC;AACvCC,gBAAgB,CAACZ,WAAW,GAAG,UAAU;AAEzC,MAAMa,SAAS,GAAGA,CAAC;EACjBhC,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTE,MAAM;EACNC;AACe,CAAC,KAChBxB,IAAA,CAACc,UAAU;EACTC,WAAW,EAAEA,WAAY;EACzBC,eAAe,EAAEA,eAAgB;EACjCC,SAAS,EAAEA,SAAU;EACrBC,cAAc,EAAEA,cAAe;EAC/BC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbC,SAAS,EAAEA,SAAU;EACrBE,MAAM,EAAEA,MAAO;EACfC,SAAS,EAAEA,SAAU;EACrBE,OAAO,EAAC;AAAM,CACf,CACF;AAED,MAAMsB,iBAAiB,GAAGrD,IAAI,CAACoD,SAAS,CAAC;AACzCC,iBAAiB,CAACd,WAAW,GAAG,WAAW;AAE3C,MAAMe,WAAW,GAAGA,CAAC;EACnBlC,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTE,MAAM;EACNC;AACe,CAAC,KAChBxB,IAAA,CAACc,UAAU;EACTC,WAAW,EAAEA,WAAY;EACzBC,eAAe,EAAEA,eAAgB;EACjCC,SAAS,EAAEA,SAAU;EACrBC,cAAc,EAAEA,cAAe;EAC/BC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbC,SAAS,EAAEA,SAAU;EACrBE,MAAM,EAAEA,MAAO;EACfC,SAAS,EAAEA,SAAU;EACrBE,OAAO,EAAC;AAAa,CACtB,CACF;AAED,MAAMwB,mBAAmB,GAAGvD,IAAI,CAACsD,WAAW,CAAC;AAC7CC,mBAAmB,CAAChB,WAAW,GAAG,aAAa;AAE/C,MAAMiB,OAAO,GAAGA,CAAC;EACfpC,WAAW;EACXC,eAAe;EACfC,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTE,MAAM;EACNC;AACe,CAAC,KAChBxB,IAAA,CAACc,UAAU;EACTC,WAAW,EAAEA,WAAY;EACzBC,eAAe,EAAEA,eAAgB;EACjCC,SAAS,EAAEA,SAAU;EACrBC,cAAc,EAAEA,cAAe;EAC/BC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbC,SAAS,EAAEA,SAAU;EACrBE,MAAM,EAAEA,MAAO;EACfC,SAAS,EAAEA,SAAU;EACrBE,OAAO,EAAC;AAAS,CAClB,CACF;AAED,MAAM0B,eAAe,GAAGzD,IAAI,CAACwD,OAAO,CAAC;AACrCC,eAAe,CAAClB,WAAW,GAAG,SAAS;AAEvC,MAAMmB,MAAM,GAAGA,CAAC;EACdrC,eAAe;EACfC,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTE,MAAM;EACNC;AACe,CAAC,KAChBxB,IAAA,CAACc,UAAU;EACTE,eAAe,EAAEA,eAAgB;EACjCC,SAAS,EAAEA,SAAU;EACrBC,cAAc,EAAEA,cAAe;EAC/BC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbC,SAAS,EAAEA,SAAU;EACrBE,MAAM,EAAEA,MAAO;EACfC,SAAS,EAAEA,SAAU;EACrBE,OAAO,EAAC;AAAQ,CACjB,CACF;AAED,MAAM4B,cAAc,GAAG3D,IAAI,CAAC0D,MAAM,CAAC;AACnCC,cAAc,CAACpB,WAAW,GAAG,QAAQ;AAErC,MAAMqB,QAAQ,GAAGA,CAAC;EAChBvC,eAAe;EACfC,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTE,MAAM;EACNC;AACe,CAAC,KAChBxB,IAAA,CAACc,UAAU;EACTE,eAAe,EAAEA,eAAgB;EACjCC,SAAS,EAAEA,SAAU;EACrBC,cAAc,EAAEA,cAAe;EAC/BC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbC,SAAS,EAAEA,SAAU;EACrBE,MAAM,EAAEA,MAAO;EACfC,SAAS,EAAEA,SAAU;EACrBE,OAAO,EAAC;AAAU,CACnB,CACF;AAED,MAAM8B,gBAAgB,GAAG7D,IAAI,CAAC4D,QAAQ,CAAC;AACvCC,gBAAgB,CAACtB,WAAW,GAAG,UAAU;AAEzC,SACED,kBAAkB,IAAInB,UAAU,EAChCsB,gBAAgB,IAAID,QAAQ,EAC5BG,gBAAgB,IAAID,QAAQ,EAC5BG,gBAAgB,IAAID,QAAQ,EAC5BG,gBAAgB,IAAID,QAAQ,EAC5BG,gBAAgB,IAAID,QAAQ,EAC5BG,gBAAgB,IAAID,QAAQ,EAC5BS,cAAc,IAAID,MAAM,EACxBG,gBAAgB,IAAID,QAAQ,EAC5BP,iBAAiB,IAAID,SAAS,EAC9BG,mBAAmB,IAAID,WAAW,EAClCG,eAAe,IAAID,OAAO","ignoreList":[]}

package/dist/esm/createContrastColors.js

@@ -0,0 +1,62 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { hexToRgb, isValidHexString, rgbComponentsToString } from "./hexToRgb.js";
+const LUMINANCE_THRESHOLD = 128;
+const LUMINANCE_EDGE_MIN = 108;
+const LUMINANCE_EDGE_MAX = 142;
+const BLACK_FONT_COLOR = "#000000";
+const WHITE_FONT_COLOR = "#FFFFFF";
+export const generateContrastColors = (backgroundColor, odysseyDesignTokens) => {
+  const rgbFromHex = isValidHexString(backgroundColor) ? hexToRgb(backgroundColor) : hexToRgb(odysseyDesignTokens.HueNeutralWhite);
+  const {
+    red,
+    green,
+    blue
+  } = rgbFromHex;
+  const luminance = 0.2126 * red + 0.7152 * green + 0.0722 * blue;
+  const luminanceValueInEdgeRange = luminance > LUMINANCE_EDGE_MIN && luminance < LUMINANCE_EDGE_MAX;
+  const isLight = luminance > LUMINANCE_THRESHOLD;
+  const fontColor = luminanceValueInEdgeRange ? BLACK_FONT_COLOR : isLight ? odysseyDesignTokens.TypographyColorBody : WHITE_FONT_COLOR;
+  const calculatedFontColorInRgb = hexToRgb(fontColor);
+  const lightFontColorInRgb = hexToRgb(WHITE_FONT_COLOR);
+  const darkFontColorInRgb = hexToRgb(luminanceValueInEdgeRange ? BLACK_FONT_COLOR : odysseyDesignTokens.TypographyColorBody);
+  const calculatedFontRgbComponentsString = rgbComponentsToString({
+    red: calculatedFontColorInRgb?.red,
+    green: calculatedFontColorInRgb?.green,
+    blue: calculatedFontColorInRgb?.blue
+  });
+  const lightFontRgbComponentsString = rgbComponentsToString({
+    red: lightFontColorInRgb?.red,
+    green: lightFontColorInRgb?.green,
+    blue: lightFontColorInRgb?.blue
+  });
+  const darkFontRgbComponentsString = rgbComponentsToString({
+    red: darkFontColorInRgb?.red,
+    green: darkFontColorInRgb?.green,
+    blue: darkFontColorInRgb?.blue
+  });
+  const getHighlightColor = (luminanceValueInEdgeRange, isLight) => {
+    if (luminanceValueInEdgeRange) {
+      return isLight ? darkFontRgbComponentsString : lightFontRgbComponentsString;
+    }
+    return calculatedFontRgbComponentsString;
+  };
+  return {
+    fontColor,
+    focusRingColor: `rgba(${calculatedFontRgbComponentsString}, .8)`,
+    itemDisabledFontColor: `rgba(${calculatedFontRgbComponentsString}, .4)`,
+    itemHoverBackgroundColor: `rgba(${getHighlightColor(luminanceValueInEdgeRange, isLight)}, .1)`,
+    itemSelectedBackgroundColor: `rgba(${getHighlightColor(luminanceValueInEdgeRange, isLight)}, .15)`
+  };
+};
+//# sourceMappingURL=createContrastColors.js.map

package/dist/esm/createContrastColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createContrastColors.js","names":["hexToRgb","isValidHexString","rgbComponentsToString","LUMINANCE_THRESHOLD","LUMINANCE_EDGE_MIN","LUMINANCE_EDGE_MAX","BLACK_FONT_COLOR","WHITE_FONT_COLOR","generateContrastColors","backgroundColor","odysseyDesignTokens","rgbFromHex","HueNeutralWhite","red","green","blue","luminance","luminanceValueInEdgeRange","isLight","fontColor","TypographyColorBody","calculatedFontColorInRgb","lightFontColorInRgb","darkFontColorInRgb","calculatedFontRgbComponentsString","lightFontRgbComponentsString","darkFontRgbComponentsString","getHighlightColor","focusRingColor","itemDisabledFontColor","itemHoverBackgroundColor","itemSelectedBackgroundColor"],"sources":["../../src/createContrastColors.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  hexToRgb,\n  isValidHexString,\n  rgbComponentsToString,\n} from \"./hexToRgb.js\";\nimport { DesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport type ContrastColors = {\n  focusRingColor: string | undefined;\n  fontColor: string | undefined;\n  itemDisabledFontColor: string | undefined;\n  itemHoverBackgroundColor: string | undefined;\n  itemSelectedBackgroundColor: string | undefined;\n};\n\n// 128 is a magic number. This feels like roughly where we should switch from dark to light.\nconst LUMINANCE_THRESHOLD = 128;\nconst LUMINANCE_EDGE_MIN = 108;\nconst LUMINANCE_EDGE_MAX = 142;\n\nconst BLACK_FONT_COLOR = \"#000000\";\nconst WHITE_FONT_COLOR = \"#FFFFFF\";\n\nexport const generateContrastColors = (\n  backgroundColor: string,\n  odysseyDesignTokens: DesignTokens,\n) => {\n  // Convert hex to RGB\n  const rgbFromHex = isValidHexString(backgroundColor)\n    ? hexToRgb(backgroundColor)\n    : hexToRgb(odysseyDesignTokens.HueNeutralWhite);\n\n  const { red, green, blue } = rgbFromHex;\n\n  // Calculate relative luminance\n  // @see https://contrastchecker.online/color-relative-luminance-calculator#:~:text=For%20the%20sRGB%20colorspace%2C%20the,%2B0.055)%2F1.055)%20%5E%202.4\n  // returns a number between 0(black) and 255(white)\n  const luminance = 0.2126 * red + 0.7152 * green + 0.0722 * blue;\n\n  // Luminance values between LUMINANCE_EDGE_MIN-LUMINANCE_EDGE_MAX can cause contrast ration issues\n  // Using #000000 helps in these cases\n  const luminanceValueInEdgeRange =\n    luminance > LUMINANCE_EDGE_MIN && luminance < LUMINANCE_EDGE_MAX;\n\n  // Determine if the color is light or dark.\n  const isLight = luminance > LUMINANCE_THRESHOLD;\n\n  const fontColor = luminanceValueInEdgeRange\n    ? BLACK_FONT_COLOR\n    : isLight\n      ? odysseyDesignTokens.TypographyColorBody\n      : WHITE_FONT_COLOR;\n\n  const calculatedFontColorInRgb = hexToRgb(fontColor);\n  const lightFontColorInRgb = hexToRgb(WHITE_FONT_COLOR);\n  const darkFontColorInRgb = hexToRgb(\n    luminanceValueInEdgeRange\n      ? BLACK_FONT_COLOR\n      : odysseyDesignTokens.TypographyColorBody,\n  );\n\n  const calculatedFontRgbComponentsString = rgbComponentsToString({\n    red: calculatedFontColorInRgb?.red,\n    green: calculatedFontColorInRgb?.green,\n    blue: calculatedFontColorInRgb?.blue,\n  });\n\n  const lightFontRgbComponentsString = rgbComponentsToString({\n    red: lightFontColorInRgb?.red,\n    green: lightFontColorInRgb?.green,\n    blue: lightFontColorInRgb?.blue,\n  });\n\n  const darkFontRgbComponentsString = rgbComponentsToString({\n    red: darkFontColorInRgb?.red,\n    green: darkFontColorInRgb?.green,\n    blue: darkFontColorInRgb?.blue,\n  });\n\n  const getHighlightColor: (\n    luminanceValueInEdgeRange: boolean,\n    isLight: boolean,\n  ) => string = (luminanceValueInEdgeRange, isLight) => {\n    if (luminanceValueInEdgeRange) {\n      return isLight\n        ? darkFontRgbComponentsString\n        : lightFontRgbComponentsString;\n    }\n\n    return calculatedFontRgbComponentsString;\n  };\n\n  return {\n    fontColor,\n    focusRingColor: `rgba(${calculatedFontRgbComponentsString}, .8)`,\n    itemDisabledFontColor: `rgba(${calculatedFontRgbComponentsString}, .4)`,\n    itemHoverBackgroundColor: `rgba(${getHighlightColor(luminanceValueInEdgeRange, isLight)}, .1)`,\n    itemSelectedBackgroundColor: `rgba(${getHighlightColor(luminanceValueInEdgeRange, isLight)}, .15)`,\n  };\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SACEA,QAAQ,EACRC,gBAAgB,EAChBC,qBAAqB,QAChB,eAAe;AAYtB,MAAMC,mBAAmB,GAAG,GAAG;AAC/B,MAAMC,kBAAkB,GAAG,GAAG;AAC9B,MAAMC,kBAAkB,GAAG,GAAG;AAE9B,MAAMC,gBAAgB,GAAG,SAAS;AAClC,MAAMC,gBAAgB,GAAG,SAAS;AAElC,OAAO,MAAMC,sBAAsB,GAAGA,CACpCC,eAAuB,EACvBC,mBAAiC,KAC9B;EAEH,MAAMC,UAAU,GAAGV,gBAAgB,CAACQ,eAAe,CAAC,GAChDT,QAAQ,CAACS,eAAe,CAAC,GACzBT,QAAQ,CAACU,mBAAmB,CAACE,eAAe,CAAC;EAEjD,MAAM;IAAEC,GAAG;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGJ,UAAU;EAKvC,MAAMK,SAAS,GAAG,MAAM,GAAGH,GAAG,GAAG,MAAM,GAAGC,KAAK,GAAG,MAAM,GAAGC,IAAI;EAI/D,MAAME,yBAAyB,GAC7BD,SAAS,GAAGZ,kBAAkB,IAAIY,SAAS,GAAGX,kBAAkB;EAGlE,MAAMa,OAAO,GAAGF,SAAS,GAAGb,mBAAmB;EAE/C,MAAMgB,SAAS,GAAGF,yBAAyB,GACvCX,gBAAgB,GAChBY,OAAO,GACLR,mBAAmB,CAACU,mBAAmB,GACvCb,gBAAgB;EAEtB,MAAMc,wBAAwB,GAAGrB,QAAQ,CAACmB,SAAS,CAAC;EACpD,MAAMG,mBAAmB,GAAGtB,QAAQ,CAACO,gBAAgB,CAAC;EACtD,MAAMgB,kBAAkB,GAAGvB,QAAQ,CACjCiB,yBAAyB,GACrBX,gBAAgB,GAChBI,mBAAmB,CAACU,mBAC1B,CAAC;EAED,MAAMI,iCAAiC,GAAGtB,qBAAqB,CAAC;IAC9DW,GAAG,EAAEQ,wBAAwB,EAAER,GAAG;IAClCC,KAAK,EAAEO,wBAAwB,EAAEP,KAAK;IACtCC,IAAI,EAAEM,wBAAwB,EAAEN;EAClC,CAAC,CAAC;EAEF,MAAMU,4BAA4B,GAAGvB,qBAAqB,CAAC;IACzDW,GAAG,EAAES,mBAAmB,EAAET,GAAG;IAC7BC,KAAK,EAAEQ,mBAAmB,EAAER,KAAK;IACjCC,IAAI,EAAEO,mBAAmB,EAAEP;EAC7B,CAAC,CAAC;EAEF,MAAMW,2BAA2B,GAAGxB,qBAAqB,CAAC;IACxDW,GAAG,EAAEU,kBAAkB,EAAEV,GAAG;IAC5BC,KAAK,EAAES,kBAAkB,EAAET,KAAK;IAChCC,IAAI,EAAEQ,kBAAkB,EAAER;EAC5B,CAAC,CAAC;EAEF,MAAMY,iBAGK,GAAGA,CAACV,yBAAyB,EAAEC,OAAO,KAAK;IACpD,IAAID,yBAAyB,EAAE;MAC7B,OAAOC,OAAO,GACVQ,2BAA2B,GAC3BD,4BAA4B;IAClC;IAEA,OAAOD,iCAAiC;EAC1C,CAAC;EAED,OAAO;IACLL,SAAS;IACTS,cAAc,EAAE,QAAQJ,iCAAiC,OAAO;IAChEK,qBAAqB,EAAE,QAAQL,iCAAiC,OAAO;IACvEM,wBAAwB,EAAE,QAAQH,iBAAiB,CAACV,yBAAyB,EAAEC,OAAO,CAAC,OAAO;IAC9Fa,2BAA2B,EAAE,QAAQJ,iBAAiB,CAACV,yBAAyB,EAAEC,OAAO,CAAC;EAC5F,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/createUniqueAlphabeticalId.js

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

package/dist/esm/createUniqueAlphabeticalId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createUniqueAlphabeticalId.js","names":["uniqueIdLength","createUniqueAlphabeticalId","Math","random","toString","replace"],"sources":["../../src/createUniqueAlphabeticalId.ts"],"sourcesContent":["/*!\n * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n// This is a random number chosen to shrink down the unique ID to an arbitrary length.\nexport const uniqueIdLength = 6;\n\nexport const createUniqueAlphabeticalId = () =>\n  Math.random().toString(36).replace(/[\\d.]/g, \"\");\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAGA,OAAO,MAAMA,cAAc,GAAG,CAAC;AAE/B,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KACxCC,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC","ignoreList":[]}

package/dist/esm/createUniqueId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createUniqueId.js","names":["uniqueIdLength","createUniqueId","Math","random","toString","slice"],"sources":["../../src/createUniqueId.ts"],"sourcesContent":["/*!\n * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n// This is a random number chosen to shrink down the unique ID to an arbitrary length.\nexport const uniqueIdLength = 6;\n\nexport const createUniqueId = () =>\n  Math.random().toString(36).slice(-uniqueIdLength);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAGA,OAAO,MAAMA,cAAc,GAAG,CAAC;AAE/B,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAC5BC,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAACL,cAAc,CAAC","ignoreList":[]}

package/dist/esm/getTypedObjectKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTypedObjectKeys.js","names":["getTypedObjectKeys","Object","keys"],"sources":["../../src/getTypedObjectKeys.ts"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport const getTypedObjectKeys: <ObjectType>(\n  object: ObjectType,\n) => Array<keyof ObjectType> = Object.keys;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,kBAEe,GAAGC,MAAM,CAACC,IAAI","ignoreList":[]}

package/dist/esm/hexToRgb.js

@@ -0,0 +1,38 @@
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+export const isValidHexString = hexString => hexString.includes("#") && (hexString.length === 4 || hexString.length === 7);
+export const rgbComponentsToString = rgbComponents => {
+  const {
+    red,
+    green,
+    blue
+  } = rgbComponents;
+  return `${red}, ${green}, ${blue}`;
+};
+export const hexToRgb = hexString => {
+  const hexNumber = parseInt(hexString.slice(1), 16);
+  const red = hexNumber >> 16 & 255;
+  const green = hexNumber >> 8 & 255;
+  const blue = hexNumber & 255;
+  return {
+    red,
+    green,
+    blue,
+    asFormattedString: `rgb(${rgbComponentsToString({
+      red,
+      green,
+      blue
+    })})`
+  };
+};
+//# sourceMappingURL=hexToRgb.js.map

package/dist/esm/hexToRgb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hexToRgb.js","names":["isValidHexString","hexString","includes","length","rgbComponentsToString","rgbComponents","red","green","blue","hexToRgb","hexNumber","parseInt","slice","asFormattedString"],"sources":["../../src/hexToRgb.ts"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\ntype RgbComponents = {\n  red: number;\n  green: number;\n  blue: number;\n};\n\nexport const isValidHexString = (hexString: string) =>\n  hexString.includes(\"#\") && (hexString.length === 4 || hexString.length === 7);\n\nexport const rgbComponentsToString = (rgbComponents: RgbComponents) => {\n  const { red, green, blue } = rgbComponents;\n\n  return `${red}, ${green}, ${blue}`;\n};\n\nexport const hexToRgb = (hexString: string) => {\n  const hexNumber = parseInt(hexString.slice(1), 16);\n  const red = (hexNumber >> 16) & 255;\n  const green = (hexNumber >> 8) & 255;\n  const blue = hexNumber & 255;\n\n  return {\n    red,\n    green,\n    blue,\n    asFormattedString: `rgb(${rgbComponentsToString({ red, green, blue })})`,\n  };\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA,OAAO,MAAMA,gBAAgB,GAAIC,SAAiB,IAChDA,SAAS,CAACC,QAAQ,CAAC,GAAG,CAAC,KAAKD,SAAS,CAACE,MAAM,KAAK,CAAC,IAAIF,SAAS,CAACE,MAAM,KAAK,CAAC,CAAC;AAE/E,OAAO,MAAMC,qBAAqB,GAAIC,aAA4B,IAAK;EACrE,MAAM;IAAEC,GAAG;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGH,aAAa;EAE1C,OAAO,GAAGC,GAAG,KAAKC,KAAK,KAAKC,IAAI,EAAE;AACpC,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAIR,SAAiB,IAAK;EAC7C,MAAMS,SAAS,GAAGC,QAAQ,CAACV,SAAS,CAACW,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAClD,MAAMN,GAAG,GAAII,SAAS,IAAI,EAAE,GAAI,GAAG;EACnC,MAAMH,KAAK,GAAIG,SAAS,IAAI,CAAC,GAAI,GAAG;EACpC,MAAMF,IAAI,GAAGE,SAAS,GAAG,GAAG;EAE5B,OAAO;IACLJ,GAAG;IACHC,KAAK;IACLC,IAAI;IACJK,iBAAiB,EAAE,OAAOT,qBAAqB,CAAC;MAAEE,GAAG;MAAEC,KAAK;MAAEC;IAAK,CAAC,CAAC;EACvE,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/i18n.js

@@ -0,0 +1,100 @@
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import { translation as cs } from "./properties/ts/odyssey-react-mui_cs.js";
+import { translation as da } from "./properties/ts/odyssey-react-mui_da.js";
+import { translation as de } from "./properties/ts/odyssey-react-mui_de.js";
+import { translation as el } from "./properties/ts/odyssey-react-mui_el.js";
+import { translation as en } from "./properties/ts/odyssey-react-mui.js";
+import { translation as es } from "./properties/ts/odyssey-react-mui_es.js";
+import { translation as fi } from "./properties/ts/odyssey-react-mui_fi.js";
+import { translation as fr } from "./properties/ts/odyssey-react-mui_fr.js";
+import { translation as ht } from "./properties/ts/odyssey-react-mui_ht.js";
+import { translation as hu } from "./properties/ts/odyssey-react-mui_hu.js";
+import { translation as id } from "./properties/ts/odyssey-react-mui_id.js";
+import { translation as it } from "./properties/ts/odyssey-react-mui_it.js";
+import { translation as ja } from "./properties/ts/odyssey-react-mui_ja.js";
+import { translation as ko } from "./properties/ts/odyssey-react-mui_ko.js";
+import { translation as ms } from "./properties/ts/odyssey-react-mui_ms.js";
+import { translation as nb } from "./properties/ts/odyssey-react-mui_nb.js";
+import { translation as nlNL } from "./properties/ts/odyssey-react-mui_nl_NL.js";
+import { translation as okPL } from "./properties/ts/odyssey-react-mui_ok_PL.js";
+import { translation as okSK } from "./properties/ts/odyssey-react-mui_ok_SK.js";
+import { translation as pl } from "./properties/ts/odyssey-react-mui_pl.js";
+import { translation as ptBR } from "./properties/ts/odyssey-react-mui_pt_BR.js";
+import { translation as ro } from "./properties/ts/odyssey-react-mui_ro.js";
+import { translation as ru } from "./properties/ts/odyssey-react-mui_ru.js";
+import { translation as sv } from "./properties/ts/odyssey-react-mui_sv.js";
+import { translation as th } from "./properties/ts/odyssey-react-mui_th.js";
+import { translation as tr } from "./properties/ts/odyssey-react-mui_tr.js";
+import { translation as uk } from "./properties/ts/odyssey-react-mui_uk.js";
+import { translation as vi } from "./properties/ts/odyssey-react-mui_vi.js";
+import { translation as zhCN } from "./properties/ts/odyssey-react-mui_zh_CN.js";
+import { translation as znTW } from "./properties/ts/odyssey-react-mui_zh_TW.js";
+export const defaultLNG = "en";
+export const defaultNS = "odyssey";
+export const keySeparator = false;
+export const resources = {
+  cs,
+  da,
+  de,
+  el,
+  en,
+  es,
+  fi,
+  fr,
+  ht,
+  hu,
+  id,
+  it,
+  ja,
+  ko,
+  ms,
+  nb,
+  nl_NL: nlNL,
+  ok_PL: okPL,
+  ok_SK: okSK,
+  pl,
+  pt_BR: ptBR,
+  ro,
+  ru,
+  sv,
+  th,
+  tr,
+  uk,
+  vi,
+  zh_CN: zhCN,
+  zh_TW: znTW
+};
+i18n.use(initReactI18next).init({
+  defaultNS,
+  ns: [defaultNS],
+  fallbackLng: defaultLNG,
+  load: "currentOnly",
+  keySeparator,
+  interpolation: {
+    escapeValue: false,
+    skipOnVariables: false
+  },
+  react: {
+    bindI18nStore: "added",
+    useSuspense: false
+  }
+});
+Object.entries(resources).forEach(([locale, property]) => {
+  i18n.addResourceBundle(locale, defaultNS, property);
+});
+export const odysseyTranslate = i18n.t.bind(i18n);
+export { i18n };
+//# sourceMappingURL=i18n.js.map

package/dist/esm/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":["i18n","initReactI18next","translation","cs","da","de","el","en","es","fi","fr","ht","hu","id","it","ja","ko","ms","nb","nlNL","okPL","okSK","pl","ptBR","ro","ru","sv","th","tr","uk","vi","zhCN","znTW","defaultLNG","defaultNS","keySeparator","resources","nl_NL","ok_PL","ok_SK","pt_BR","zh_CN","zh_TW","use","init","ns","fallbackLng","load","interpolation","escapeValue","skipOnVariables","react","bindI18nStore","useSuspense","Object","entries","forEach","locale","property","addResourceBundle","odysseyTranslate","t","bind"],"sources":["../../src/i18n.ts"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\n\nimport { translation as cs } from \"./properties/ts/odyssey-react-mui_cs.js\";\nimport { translation as da } from \"./properties/ts/odyssey-react-mui_da.js\";\nimport { translation as de } from \"./properties/ts/odyssey-react-mui_de.js\";\nimport { translation as el } from \"./properties/ts/odyssey-react-mui_el.js\";\nimport { translation as en } from \"./properties/ts/odyssey-react-mui.js\";\nimport { translation as es } from \"./properties/ts/odyssey-react-mui_es.js\";\nimport { translation as fi } from \"./properties/ts/odyssey-react-mui_fi.js\";\nimport { translation as fr } from \"./properties/ts/odyssey-react-mui_fr.js\";\nimport { translation as ht } from \"./properties/ts/odyssey-react-mui_ht.js\";\nimport { translation as hu } from \"./properties/ts/odyssey-react-mui_hu.js\";\nimport { translation as id } from \"./properties/ts/odyssey-react-mui_id.js\";\nimport { translation as it } from \"./properties/ts/odyssey-react-mui_it.js\";\nimport { translation as ja } from \"./properties/ts/odyssey-react-mui_ja.js\";\nimport { translation as ko } from \"./properties/ts/odyssey-react-mui_ko.js\";\nimport { translation as ms } from \"./properties/ts/odyssey-react-mui_ms.js\";\nimport { translation as nb } from \"./properties/ts/odyssey-react-mui_nb.js\";\nimport { translation as nlNL } from \"./properties/ts/odyssey-react-mui_nl_NL.js\";\nimport { translation as okPL } from \"./properties/ts/odyssey-react-mui_ok_PL.js\";\nimport { translation as okSK } from \"./properties/ts/odyssey-react-mui_ok_SK.js\";\nimport { translation as pl } from \"./properties/ts/odyssey-react-mui_pl.js\";\nimport { translation as ptBR } from \"./properties/ts/odyssey-react-mui_pt_BR.js\";\nimport { translation as ro } from \"./properties/ts/odyssey-react-mui_ro.js\";\nimport { translation as ru } from \"./properties/ts/odyssey-react-mui_ru.js\";\nimport { translation as sv } from \"./properties/ts/odyssey-react-mui_sv.js\";\nimport { translation as th } from \"./properties/ts/odyssey-react-mui_th.js\";\nimport { translation as tr } from \"./properties/ts/odyssey-react-mui_tr.js\";\nimport { translation as uk } from \"./properties/ts/odyssey-react-mui_uk.js\";\nimport { translation as vi } from \"./properties/ts/odyssey-react-mui_vi.js\";\nimport { translation as zhCN } from \"./properties/ts/odyssey-react-mui_zh_CN.js\";\nimport { translation as znTW } from \"./properties/ts/odyssey-react-mui_zh_TW.js\";\n\nexport const defaultLNG = \"en\";\nexport const defaultNS = \"odyssey\";\nexport const keySeparator = false;\n\n// Note: This is type \"string\" to allow translation overrides from other languages\nexport type I18nResources = Record<string, Partial<typeof en>>;\n\nexport const resources = {\n  cs,\n  da,\n  de,\n  el,\n  en,\n  es,\n  fi,\n  fr,\n  ht,\n  hu,\n  id,\n  it,\n  ja,\n  ko,\n  ms,\n  nb,\n  nl_NL: nlNL,\n  ok_PL: okPL,\n  ok_SK: okSK,\n  pl,\n  pt_BR: ptBR,\n  ro,\n  ru,\n  sv,\n  th,\n  tr,\n  uk,\n  vi,\n  zh_CN: zhCN,\n  zh_TW: znTW,\n} as const satisfies Record<string, Partial<typeof en>>;\n\n// eslint-disable-next-line import/no-named-as-default-member\ni18n.use(initReactI18next).init({\n  defaultNS,\n  ns: [defaultNS],\n  fallbackLng: defaultLNG,\n  load: \"currentOnly\",\n  keySeparator,\n  interpolation: {\n    escapeValue: false, // react already safe from xss\n    skipOnVariables: false, // to handle translations that use nesting\n  },\n  react: {\n    bindI18nStore: \"added\",\n    useSuspense: false,\n  },\n} as const);\n\nObject.entries(resources).forEach(([locale, property]) => {\n  i18n.addResourceBundle(locale, defaultNS, property);\n});\n\n// eslint-disable-next-line import/no-named-as-default-member\nexport const odysseyTranslate = i18n.t.bind(i18n);\nexport { i18n };\n"],"mappings":"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","ignoreList":[]}