@okta/odyssey-react-mui 1.44.0 → 1.47.0

package/dist/esm/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["TabContext","MuiTabContext","TabList","MuiTabList","TabPanel","MuiTabPanel","memo","useCallback","useEffect","useState","Badge","Box","useOdysseyDesignTokens","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TabsTestSelector","children","tabItem","elementSelector","method","options","label","role","TabLabel","notificationCount","notificationCountMax","tabState","value","odysseyDesignTokens","undefined","sx","marginInlineStart","Spacing2","badgeContent","badgeContentMax","type","Tabs","ariaLabel","initialValue","tabs","onChange","onChangeProp","setTabState","scrollButtons","setScrollButtons","event","animationFrame","cleanup","cancelAnimationFrame","document","removeEventListener","refreshScrollButtons","requestAnimationFrame","addEventListener","renderTab","tab","index","testId","isDisabled","startIcon","_Tab","disabled","icon","tabIndex","toString","variant","map","MemoizedTabs","displayName"],"sources":["../../src/Tabs.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  TabContext as MuiTabContext,\n  TabList as MuiTabList,\n  TabListProps as MuiTabListProps,\n  TabPanel as MuiTabPanel,\n} from \"@mui/lab\";\nimport { Tab as MuiTab } from \"@mui/material\";\nimport {\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\n\nimport { Badge, BadgeProps } from \"./Badge.js\";\nimport { Box } from \"./Box.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\nimport { type TestSelector } from \"./test-selectors/index.js\";\n\nexport const TabsTestSelector = {\n  children: {\n    tabItem: {\n      elementSelector: {\n        method: \"ByRole\",\n        options: {\n          label: \"name\",\n        },\n        role: \"tab\",\n      },\n    },\n  },\n  elementSelector: {\n    method: \"ByRole\",\n    options: {\n      label: \"name\",\n    },\n    role: \"tablist\",\n  },\n} as const satisfies TestSelector;\n\nexport type TabItemProps = {\n  /**\n   * The content of the Tab itself\n   */\n  children: ReactNode;\n  /**\n   * If `true`, the TabItem is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * The label text for the TabItem\n   */\n  label: string;\n  /**\n   * An optional icon to display at the start of the TabItem\n   */\n  startIcon?: ReactElement;\n  /**\n   * The value associated with the TabItem\n   */\n  value?: string;\n} & {\n  notificationCount?: BadgeProps[\"badgeContent\"];\n  notificationCountMax?: BadgeProps[\"badgeContentMax\"];\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nexport type TabsProps = {\n  /**\n   * @deprecated please use the `value` prop instead\n   * When `value` is provided, `initialValue` isn't used.\n   */\n  initialValue?: string;\n  /**\n   * Callback fired when the active tab is changed.\n   */\n  onChange?: MuiTabListProps[\"onChange\"];\n  /**\n   * The TabItems to be included in the Tabs group\n   */\n  tabs: TabItemProps[];\n  /**\n   * Identifier for the selected tab.\n   */\n  value?: string;\n};\n\nconst TabLabel = ({\n  label,\n  notificationCount,\n  notificationCountMax,\n  tabState,\n  value,\n}: Pick<\n  TabItemProps,\n  \"label\" | \"notificationCount\" | \"notificationCountMax\" | \"value\"\n> & {\n  tabState: string;\n}) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <>\n      {label}\n      {notificationCount !== undefined && notificationCount > 0 && (\n        <Box\n          sx={{\n            marginInlineStart: notificationCount\n              ? odysseyDesignTokens.Spacing2\n              : 0,\n          }}\n        >\n          <Badge\n            badgeContent={notificationCount}\n            badgeContentMax={notificationCountMax}\n            type={value === tabState ? \"attention\" : \"default\"}\n          />\n        </Box>\n      )}\n    </>\n  );\n};\n\nconst Tabs = ({\n  ariaLabel,\n  initialValue,\n  tabs,\n  value,\n  onChange: onChangeProp,\n}: TabsProps & Pick<HtmlProps, \"ariaLabel\">) => {\n  const [tabState, setTabState] = useState(initialValue ?? value ?? \"0\");\n  /*\n    The scrollButtons prop is initially set to `false`.\n    It's then reset to `auto` when the document is visible.\n    This prevents a rare bug where scroll buttons appear\n    when the component is rendered while hidden and the\n    screen is wide enough to not need scroll buttons.\n  */\n  const [scrollButtons, setScrollButtons] =\n    useState<MuiTabListProps[\"scrollButtons\"]>(false);\n  const onChange = useCallback<NonNullable<MuiTabListProps[\"onChange\"]>>(\n    (event, value: string) => {\n      setTabState(value);\n      onChangeProp?.(event, value);\n    },\n    [onChangeProp],\n  );\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setTabState(value);\n    }\n  }, [value]);\n\n  // listen for visibility change to reset scroll buttons override\n  useEffect(() => {\n    // keep track of animation frame to cancel when needed\n    let animationFrame: number;\n\n    // called when unmounted or scroll buttons is reset\n    const cleanup = () => {\n      cancelAnimationFrame(animationFrame);\n      document.removeEventListener(\"visibilitychange\", refreshScrollButtons);\n    };\n\n    // Reset the scroll buttons override when the document becomes visible.\n    // If called, then the document is hidden because the event listener\n    // is only registered if the document is hidden\n    function refreshScrollButtons() {\n      animationFrame = requestAnimationFrame(() => {\n        cleanup();\n        setScrollButtons(\"auto\");\n      });\n    }\n\n    // don't override scroll buttons if it's already set to \"auto\"\n    if (scrollButtons !== \"auto\") {\n      document.addEventListener(\"visibilitychange\", refreshScrollButtons);\n    }\n    return () => {\n      cleanup();\n    };\n  }, [scrollButtons]);\n\n  const renderTab = useCallback(\n    (tab: TabItemProps, index: number) => {\n      const {\n        testId,\n        isDisabled,\n        label,\n        startIcon,\n        value,\n        notificationCount,\n        notificationCountMax,\n      } = tab;\n\n      return (\n        <MuiTab\n          data-se={testId}\n          disabled={isDisabled}\n          icon={startIcon}\n          key={value ? value : index.toString()}\n          label={\n            <TabLabel\n              label={label}\n              notificationCount={notificationCount}\n              notificationCountMax={notificationCountMax}\n              tabState={tabState}\n              value={value}\n            />\n          }\n          tabIndex={0}\n          value={value ? value : index.toString()}\n        />\n      );\n    },\n    [tabState],\n  );\n\n  return (\n    <MuiTabContext value={tabState}>\n      <MuiTabList\n        aria-label={ariaLabel}\n        onChange={onChange}\n        scrollButtons={scrollButtons}\n        variant=\"scrollable\"\n      >\n        {tabs.map((tab, index) => renderTab(tab, index))}\n      </MuiTabList>\n      {tabs.map((tab, index) => (\n        <MuiTabPanel\n          key={tab.value ? tab.value : index.toString()}\n          value={tab.value ? tab.value : index.toString()}\n        >\n          {tab.children}\n        </MuiTabPanel>\n      ))}\n    </MuiTabContext>\n  );\n};\n\nconst MemoizedTabs = memo(Tabs);\nMemoizedTabs.displayName = \"Tabs\";\n\nexport { MemoizedTabs as Tabs };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SACEA,UAAU,IAAIC,aAAa,EAC3BC,OAAO,IAAIC,UAAU,EAErBC,QAAQ,IAAIC,WAAW,QAClB,UAAU;AAEjB,SACEC,IAAI,EAGJC,WAAW,EACXC,SAAS,EACTC,QAAQ,QACH,OAAO;AAEd,SAASC,KAAK,QAAoB,YAAY;AAC9C,SAASC,GAAG,QAAQ,UAAU;AAE9B,SAASC,sBAAsB,QAAQ,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGzE,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,eAAe,EAAE;QACfC,MAAM,EAAE,QAAQ;QAChBC,OAAO,EAAE;UACPC,KAAK,EAAE;QACT,CAAC;QACDC,IAAI,EAAE;MACR;IACF;EACF,CAAC;EACDJ,eAAe,EAAE;IACfC,MAAM,EAAE,QAAQ;IAChBC,OAAO,EAAE;MACPC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;EACR;AACF,CAAiC;AAgDjC,MAAMC,QAAQ,GAAGA,CAAC;EAChBF,KAAK;EACLG,iBAAiB;EACjBC,oBAAoB;EACpBC,QAAQ;EACRC;AAMF,CAAC,KAAK;EACJ,MAAMC,mBAAmB,GAAGpB,sBAAsB,CAAC,CAAC;EAEpD,OACEM,KAAA,CAAAF,SAAA;IAAAI,QAAA,GACGK,KAAK,EACLG,iBAAiB,KAAKK,SAAS,IAAIL,iBAAiB,GAAG,CAAC,IACvDd,IAAA,CAACH,GAAG;MACFuB,EAAE,EAAE;QACFC,iBAAiB,EAAEP,iBAAiB,GAChCI,mBAAmB,CAACI,QAAQ,GAC5B;MACN,CAAE;MAAAhB,QAAA,EAEFN,IAAA,CAACJ,KAAK;QACJ2B,YAAY,EAAET,iBAAkB;QAChCU,eAAe,EAAET,oBAAqB;QACtCU,IAAI,EAAER,KAAK,KAAKD,QAAQ,GAAG,WAAW,GAAG;MAAU,CACpD;IAAC,CACC,CACN;EAAA,CACD,CAAC;AAEP,CAAC;AAED,MAAMU,IAAI,GAAGA,CAAC;EACZC,SAAS;EACTC,YAAY;EACZC,IAAI;EACJZ,KAAK;EACLa,QAAQ,EAAEC;AAC8B,CAAC,KAAK;EAC9C,MAAM,CAACf,QAAQ,EAAEgB,WAAW,CAAC,GAAGrC,QAAQ,CAACiC,YAAY,IAAIX,KAAK,IAAI,GAAG,CAAC;EAQtE,MAAM,CAACgB,aAAa,EAAEC,gBAAgB,CAAC,GACrCvC,QAAQ,CAAmC,KAAK,CAAC;EACnD,MAAMmC,QAAQ,GAAGrC,WAAW,CAC1B,CAAC0C,KAAK,EAAElB,KAAa,KAAK;IACxBe,WAAW,CAACf,KAAK,CAAC;IAClBc,YAAY,GAAGI,KAAK,EAAElB,KAAK,CAAC;EAC9B,CAAC,EACD,CAACc,YAAY,CACf,CAAC;EAEDrC,SAAS,CAAC,MAAM;IACd,IAAIuB,KAAK,KAAKE,SAAS,EAAE;MACvBa,WAAW,CAACf,KAAK,CAAC;IACpB;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAGXvB,SAAS,CAAC,MAAM;IAEd,IAAI0C,cAAsB;IAG1B,MAAMC,OAAO,GAAGA,CAAA,KAAM;MACpBC,oBAAoB,CAACF,cAAc,CAAC;MACpCG,QAAQ,CAACC,mBAAmB,CAAC,kBAAkB,EAAEC,oBAAoB,CAAC;IACxE,CAAC;IAKD,SAASA,oBAAoBA,CAAA,EAAG;MAC9BL,cAAc,GAAGM,qBAAqB,CAAC,MAAM;QAC3CL,OAAO,CAAC,CAAC;QACTH,gBAAgB,CAAC,MAAM,CAAC;MAC1B,CAAC,CAAC;IACJ;IAGA,IAAID,aAAa,KAAK,MAAM,EAAE;MAC5BM,QAAQ,CAACI,gBAAgB,CAAC,kBAAkB,EAAEF,oBAAoB,CAAC;IACrE;IACA,OAAO,MAAM;MACXJ,OAAO,CAAC,CAAC;IACX,CAAC;EACH,CAAC,EAAE,CAACJ,aAAa,CAAC,CAAC;EAEnB,MAAMW,SAAS,GAAGnD,WAAW,CAC3B,CAACoD,GAAiB,EAAEC,KAAa,KAAK;IACpC,MAAM;MACJC,MAAM;MACNC,UAAU;MACVrC,KAAK;MACLsC,SAAS;MACThC,KAAK;MACLH,iBAAiB;MACjBC;IACF,CAAC,GAAG8B,GAAG;IAEP,OACE7C,IAAA,CAAAkD,IAAA;MACE,WAASH,MAAO;MAChBI,QAAQ,EAAEH,UAAW;MACrBI,IAAI,EAAEH,SAAU;MAEhBtC,KAAK,EACHX,IAAA,CAACa,QAAQ;QACPF,KAAK,EAAEA,KAAM;QACbG,iBAAiB,EAAEA,iBAAkB;QACrCC,oBAAoB,EAAEA,oBAAqB;QAC3CC,QAAQ,EAAEA,QAAS;QACnBC,KAAK,EAAEA;MAAM,CACd,CACF;MACDoC,QAAQ,EAAE,CAAE;MACZpC,KAAK,EAAEA,KAAK,GAAGA,KAAK,GAAG6B,KAAK,CAACQ,QAAQ,CAAC;IAAE,GAXnCrC,KAAK,GAAGA,KAAK,GAAG6B,KAAK,CAACQ,QAAQ,CAAC,CAYrC,CAAC;EAEN,CAAC,EACD,CAACtC,QAAQ,CACX,CAAC;EAED,OACEZ,KAAA,CAACjB,aAAa;IAAC8B,KAAK,EAAED,QAAS;IAAAV,QAAA,GAC7BN,IAAA,CAACX,UAAU;MACT,cAAYsC,SAAU;MACtBG,QAAQ,EAAEA,QAAS;MACnBG,aAAa,EAAEA,aAAc;MAC7BsB,OAAO,EAAC,YAAY;MAAAjD,QAAA,EAEnBuB,IAAI,CAAC2B,GAAG,CAAC,CAACX,GAAG,EAAEC,KAAK,KAAKF,SAAS,CAACC,GAAG,EAAEC,KAAK,CAAC;IAAC,CACtC,CAAC,EACZjB,IAAI,CAAC2B,GAAG,CAAC,CAACX,GAAG,EAAEC,KAAK,KACnB9C,IAAA,CAACT,WAAW;MAEV0B,KAAK,EAAE4B,GAAG,CAAC5B,KAAK,GAAG4B,GAAG,CAAC5B,KAAK,GAAG6B,KAAK,CAACQ,QAAQ,CAAC,CAAE;MAAAhD,QAAA,EAE/CuC,GAAG,CAACvC;IAAQ,GAHRuC,GAAG,CAAC5B,KAAK,GAAG4B,GAAG,CAAC5B,KAAK,GAAG6B,KAAK,CAACQ,QAAQ,CAAC,CAIjC,CACd,CAAC;EAAA,CACW,CAAC;AAEpB,CAAC;AAED,MAAMG,YAAY,GAAGjE,IAAI,CAACkC,IAAI,CAAC;AAC/B+B,YAAY,CAACC,WAAW,GAAG,MAAM;AAEjC,SAASD,YAAY,IAAI/B,IAAI","ignoreList":[]}
+{"version":3,"file":"Tabs.js","names":["TabContext","MuiTabContext","TabList","MuiTabList","TabPanel","MuiTabPanel","memo","useCallback","useEffect","useState","Badge","Box","useOdysseyDesignTokens","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TabLabel","label","notificationCount","notificationCountMax","tabState","value","odysseyDesignTokens","children","undefined","sx","marginInlineStart","Spacing2","badgeContent","badgeContentMax","type","Tabs","ariaLabel","initialValue","tabs","onChange","onChangeProp","setTabState","scrollButtons","setScrollButtons","event","animationFrame","cleanup","cancelAnimationFrame","document","removeEventListener","refreshScrollButtons","requestAnimationFrame","addEventListener","renderTab","tab","index","testId","isDisabled","startIcon","_Tab","disabled","icon","tabIndex","toString","variant","map","MemoizedTabs","displayName"],"sources":["../../src/Tabs.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  TabContext as MuiTabContext,\n  TabList as MuiTabList,\n  TabListProps as MuiTabListProps,\n  TabPanel as MuiTabPanel,\n} from \"@mui/lab\";\nimport { Tab as MuiTab } from \"@mui/material\";\nimport {\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\n\nimport { Badge, BadgeProps } from \"./Badge.js\";\nimport { Box } from \"./Box.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport type TabItemProps = {\n  /**\n   * The content of the Tab itself\n   */\n  children: ReactNode;\n  /**\n   * If `true`, the TabItem is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * The label text for the TabItem\n   */\n  label: string;\n  /**\n   * An optional icon to display at the start of the TabItem\n   */\n  startIcon?: ReactElement;\n  /**\n   * The value associated with the TabItem\n   */\n  value?: string;\n} & {\n  notificationCount?: BadgeProps[\"badgeContent\"];\n  notificationCountMax?: BadgeProps[\"badgeContentMax\"];\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nexport type TabsProps = {\n  /**\n   * @deprecated please use the `value` prop instead\n   * When `value` is provided, `initialValue` isn't used.\n   */\n  initialValue?: string;\n  /**\n   * Callback fired when the active tab is changed.\n   */\n  onChange?: MuiTabListProps[\"onChange\"];\n  /**\n   * The TabItems to be included in the Tabs group\n   */\n  tabs: TabItemProps[];\n  /**\n   * Identifier for the selected tab.\n   */\n  value?: string;\n};\n\nconst TabLabel = ({\n  label,\n  notificationCount,\n  notificationCountMax,\n  tabState,\n  value,\n}: Pick<\n  TabItemProps,\n  \"label\" | \"notificationCount\" | \"notificationCountMax\" | \"value\"\n> & {\n  tabState: string;\n}) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <>\n      {label}\n      {notificationCount !== undefined && notificationCount > 0 && (\n        <Box\n          sx={{\n            marginInlineStart: notificationCount\n              ? odysseyDesignTokens.Spacing2\n              : 0,\n          }}\n        >\n          <Badge\n            badgeContent={notificationCount}\n            badgeContentMax={notificationCountMax}\n            type={value === tabState ? \"attention\" : \"default\"}\n          />\n        </Box>\n      )}\n    </>\n  );\n};\n\nconst Tabs = ({\n  ariaLabel,\n  initialValue,\n  tabs,\n  value,\n  onChange: onChangeProp,\n}: TabsProps & Pick<HtmlProps, \"ariaLabel\">) => {\n  const [tabState, setTabState] = useState(initialValue ?? value ?? \"0\");\n  /*\n    The scrollButtons prop is initially set to `false`.\n    It's then reset to `auto` when the document is visible.\n    This prevents a rare bug where scroll buttons appear\n    when the component is rendered while hidden and the\n    screen is wide enough to not need scroll buttons.\n  */\n  const [scrollButtons, setScrollButtons] =\n    useState<MuiTabListProps[\"scrollButtons\"]>(false);\n  const onChange = useCallback<NonNullable<MuiTabListProps[\"onChange\"]>>(\n    (event, value: string) => {\n      setTabState(value);\n      onChangeProp?.(event, value);\n    },\n    [onChangeProp],\n  );\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setTabState(value);\n    }\n  }, [value]);\n\n  // listen for visibility change to reset scroll buttons override\n  useEffect(() => {\n    // keep track of animation frame to cancel when needed\n    let animationFrame: number;\n\n    // called when unmounted or scroll buttons is reset\n    const cleanup = () => {\n      cancelAnimationFrame(animationFrame);\n      document.removeEventListener(\"visibilitychange\", refreshScrollButtons);\n    };\n\n    // Reset the scroll buttons override when the document becomes visible.\n    // If called, then the document is hidden because the event listener\n    // is only registered if the document is hidden\n    function refreshScrollButtons() {\n      animationFrame = requestAnimationFrame(() => {\n        cleanup();\n        setScrollButtons(\"auto\");\n      });\n    }\n\n    // don't override scroll buttons if it's already set to \"auto\"\n    if (scrollButtons !== \"auto\") {\n      document.addEventListener(\"visibilitychange\", refreshScrollButtons);\n    }\n    return () => {\n      cleanup();\n    };\n  }, [scrollButtons]);\n\n  const renderTab = useCallback(\n    (tab: TabItemProps, index: number) => {\n      const {\n        testId,\n        isDisabled,\n        label,\n        startIcon,\n        value,\n        notificationCount,\n        notificationCountMax,\n      } = tab;\n\n      return (\n        <MuiTab\n          data-se={testId}\n          disabled={isDisabled}\n          icon={startIcon}\n          key={value ? value : index.toString()}\n          label={\n            <TabLabel\n              label={label}\n              notificationCount={notificationCount}\n              notificationCountMax={notificationCountMax}\n              tabState={tabState}\n              value={value}\n            />\n          }\n          tabIndex={0}\n          value={value ? value : index.toString()}\n        />\n      );\n    },\n    [tabState],\n  );\n\n  return (\n    <MuiTabContext value={tabState}>\n      <MuiTabList\n        aria-label={ariaLabel}\n        onChange={onChange}\n        scrollButtons={scrollButtons}\n        variant=\"scrollable\"\n      >\n        {tabs.map((tab, index) => renderTab(tab, index))}\n      </MuiTabList>\n      {tabs.map((tab, index) => (\n        <MuiTabPanel\n          key={tab.value ? tab.value : index.toString()}\n          value={tab.value ? tab.value : index.toString()}\n        >\n          {tab.children}\n        </MuiTabPanel>\n      ))}\n    </MuiTabContext>\n  );\n};\n\nconst MemoizedTabs = memo(Tabs);\nMemoizedTabs.displayName = \"Tabs\";\n\nexport { MemoizedTabs as Tabs };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/Tag.js

@@ -13,7 +13,7 @@ import _Chip from "@mui/material/Chip";
 
 import styled from "@emotion/styled";
 import { memo, useCallback, useContext } from "react";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "./i18n.generated/i18n.js";
 import { CloseCircleFilledIcon } from "./icons.generated/index.js";
 import { MuiPropsContext } from "./MuiPropsContext.js";
 import { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext.js";

package/dist/esm/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["styled","memo","useCallback","useContext","useTranslation","CloseCircleFilledIcon","MuiPropsContext","useOdysseyDesignTokens","TagListContext","useContrastModeContext","jsx","_jsx","tagSizeValues","tagColorVariants","getChipColors","colorVariant","contrastMode","odysseyDesignTokens","colors","default","background","HueNeutral200","text","HueNeutral700","textDisabled","HueNeutral400","HueNeutral100","HueNeutral300","hover","active","border","deleteIcon","HueNeutral500","deleteIconHover","icon","iconDisabled","info","HueBlue200","HueBlue700","HueBlue400","HueBlue100","HueBlue300","HueBlue500","accentOne","HueAccentOne200","HueAccentOne700","HueAccentOne400","HueAccentOne100","HueAccentOne300","HueAccentOne500","accentTwo","HueAccentTwo200","HueAccentTwo800","HueAccentTwo400","HueAccentTwo100","HueAccentTwo700","HueAccentTwo300","HueAccentTwo500","accentThree","HueAccentThree200","HueAccentThree700","HueAccentThree400","HueAccentThree100","HueAccentThree300","HueAccentThree500","accentFour","HueAccentFour200","HueAccentFour700","HueAccentFour400","HueAccentFour100","HueAccentFour300","HueAccentFour500","StyledTag","_Chip","shouldForwardProp","prop","includes","clickable","size","backgroundColor","color","borderColor","paddingBlock","Spacing1","Tag","isDisabled","label","onClick","onRemove","testId","translate","t","chipElementType","renderTag","muiProps","as","Boolean","role","titleAccess","disabled","onDelete","Consumer","children","MemoizedTag","displayName"],"sources":["../../src/Tag.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 { Chip as MuiChip, ChipProps as MuiChipProps } from \"@mui/material\";\nimport { memo, ReactElement, useCallback, useContext } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { CloseCircleFilledIcon } from \"./icons.generated/index.js\";\nimport { MuiPropsContext, MuiPropsContextType } from \"./MuiPropsContext.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { TagListContext } from \"./TagListContext.js\";\nimport { ContrastMode, useContrastModeContext } from \"./useContrastMode.js\";\n\nexport const tagSizeValues = [\"medium\", \"small\"] as const;\n\nexport const tagColorVariants = [\n  \"accentFour\",\n  \"accentOne\",\n  \"accentThree\",\n  \"accentTwo\",\n  \"default\",\n  \"info\",\n] as const;\n\ntype TagColorVariant = (typeof tagColorVariants)[number];\ntype TagSize = (typeof tagSizeValues)[number];\n\nexport type TagProps = {\n  /**\n   * Color variant of the Tag, affecting its appearance\n   */\n  colorVariant?: TagColorVariant;\n  icon?: ReactElement;\n  isDisabled?: boolean;\n  /**\n   * The label text for the Tag\n   */\n  label: string;\n  /**\n   * Callback fired when the Tag is clicked\n   */\n  onClick?: MuiChipProps[\"onClick\"];\n  /**\n   * Callback fired when the remove button of the Tag is clicked\n   */\n  onRemove?: MuiChipProps[\"onDelete\"];\n  /*\n   *  Size variant of the Tag\n   */\n  size?: TagSize;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst getChipColors = ({\n  colorVariant,\n  contrastMode,\n  odysseyDesignTokens,\n}: {\n  colorVariant: TagColorVariant;\n  contrastMode: ContrastMode;\n  odysseyDesignTokens: DesignTokens;\n}) => {\n  const colors = {\n    default: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueNeutral200,\n        text: odysseyDesignTokens.HueNeutral700,\n        textDisabled: odysseyDesignTokens.HueNeutral400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueNeutral100,\n        text: odysseyDesignTokens.HueNeutral700,\n        textDisabled: odysseyDesignTokens.HueNeutral300,\n      }),\n      hover: odysseyDesignTokens.HueNeutral200,\n      active: odysseyDesignTokens.HueNeutral300,\n      border: odysseyDesignTokens.HueNeutral200,\n      deleteIcon: odysseyDesignTokens.HueNeutral500,\n      deleteIconHover: odysseyDesignTokens.HueNeutral700,\n      icon: odysseyDesignTokens.HueNeutral700,\n      iconDisabled: odysseyDesignTokens.HueNeutral300,\n    },\n    info: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueBlue200,\n        text: odysseyDesignTokens.HueBlue700,\n        textDisabled: odysseyDesignTokens.HueBlue400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueBlue100,\n        text: odysseyDesignTokens.HueBlue700,\n        textDisabled: odysseyDesignTokens.HueBlue300,\n      }),\n      hover: odysseyDesignTokens.HueBlue200,\n      active: odysseyDesignTokens.HueBlue300,\n      border: odysseyDesignTokens.HueBlue200,\n      deleteIcon: odysseyDesignTokens.HueBlue500,\n      deleteIconHover: odysseyDesignTokens.HueBlue700,\n      icon: odysseyDesignTokens.HueBlue700,\n      iconDisabled: odysseyDesignTokens.HueBlue300,\n    },\n    accentOne: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentOne200,\n        text: odysseyDesignTokens.HueAccentOne700,\n        textDisabled: odysseyDesignTokens.HueAccentOne400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentOne100,\n        text: odysseyDesignTokens.HueAccentOne700,\n        textDisabled: odysseyDesignTokens.HueAccentOne300,\n      }),\n      hover: odysseyDesignTokens.HueAccentOne200,\n      active: odysseyDesignTokens.HueAccentOne300,\n      border: odysseyDesignTokens.HueAccentOne200,\n      deleteIcon: odysseyDesignTokens.HueAccentOne500,\n      deleteIconHover: odysseyDesignTokens.HueAccentOne700,\n      icon: odysseyDesignTokens.HueAccentOne700,\n      iconDisabled: odysseyDesignTokens.HueAccentOne300,\n    },\n    accentTwo: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentTwo200,\n        text: odysseyDesignTokens.HueAccentTwo800,\n        textDisabled: odysseyDesignTokens.HueAccentTwo400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentTwo100,\n        text: odysseyDesignTokens.HueAccentTwo700,\n        textDisabled: odysseyDesignTokens.HueAccentTwo300,\n      }),\n      hover: odysseyDesignTokens.HueAccentTwo200,\n      active: odysseyDesignTokens.HueAccentTwo300,\n      border: odysseyDesignTokens.HueAccentTwo200,\n      deleteIcon: odysseyDesignTokens.HueAccentTwo500,\n      deleteIconHover: odysseyDesignTokens.HueAccentTwo700,\n      icon: odysseyDesignTokens.HueAccentTwo700,\n      iconDisabled: odysseyDesignTokens.HueAccentTwo300,\n    },\n    accentThree: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentThree200,\n        text: odysseyDesignTokens.HueAccentThree700,\n        textDisabled: odysseyDesignTokens.HueAccentThree400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentThree100,\n        text: odysseyDesignTokens.HueAccentThree700,\n        textDisabled: odysseyDesignTokens.HueAccentThree300,\n      }),\n      hover: odysseyDesignTokens.HueAccentThree200,\n      active: odysseyDesignTokens.HueAccentThree300,\n      border: odysseyDesignTokens.HueAccentThree200,\n      deleteIcon: odysseyDesignTokens.HueAccentThree500,\n      deleteIconHover: odysseyDesignTokens.HueAccentThree700,\n      icon: odysseyDesignTokens.HueAccentThree700,\n      iconDisabled: odysseyDesignTokens.HueAccentThree300,\n    },\n    accentFour: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentFour200,\n        text: odysseyDesignTokens.HueAccentFour700,\n        textDisabled: odysseyDesignTokens.HueAccentFour400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentFour100,\n        text: odysseyDesignTokens.HueAccentFour700,\n        textDisabled: odysseyDesignTokens.HueAccentFour300,\n      }),\n      hover: odysseyDesignTokens.HueAccentFour200,\n      active: odysseyDesignTokens.HueAccentFour300,\n      border: odysseyDesignTokens.HueAccentFour200,\n      deleteIcon: odysseyDesignTokens.HueAccentFour500,\n      deleteIconHover: odysseyDesignTokens.HueAccentFour700,\n      icon: odysseyDesignTokens.HueAccentFour700,\n      iconDisabled: odysseyDesignTokens.HueAccentFour300,\n    },\n  };\n\n  return colors[colorVariant] || colors.default;\n};\n\nconst StyledTag = styled(MuiChip, {\n  shouldForwardProp: (prop) =>\n    ![\"colorVariant\", \"contrastMode\", \"odysseyDesignTokens\", \"size\"].includes(\n      prop,\n    ),\n})<{\n  as?: React.ElementType; // Allow the 'as' prop to be forwarded\n  clickable?: boolean;\n  colorVariant: TagColorVariant;\n  contrastMode: ContrastMode;\n  odysseyDesignTokens: DesignTokens;\n  size?: TagSize;\n}>(({ colorVariant, contrastMode, odysseyDesignTokens, clickable, size }) => {\n  const colors = getChipColors({\n    colorVariant,\n    odysseyDesignTokens,\n    contrastMode,\n  });\n\n  return {\n    backgroundColor: colors.background,\n    color: colors.text,\n\n    ...(clickable === true && {\n      borderColor: colors.border,\n    }),\n\n    ...(clickable === false && {\n      borderColor: \"transparent\",\n    }),\n\n    ...(size === \"small\" && {\n      paddingBlock: `calc(${odysseyDesignTokens.Spacing1})`,\n    }),\n\n    \"&.MuiChip-clickable:hover\": {\n      backgroundColor: colors.hover,\n    },\n\n    \"&.MuiChip-clickable:active\": {\n      backgroundColor: colors.active,\n    },\n\n    \"&.Mui-disabled\": {\n      color: colors.textDisabled,\n      borderColor: colors.border,\n      \"& .MuiChip-icon, & .MuiChip-deleteIcon\": {\n        color: colors.iconDisabled,\n      },\n    },\n\n    \"& .MuiChip-icon\": {\n      color: colors.icon,\n    },\n\n    \"& .MuiChip-deleteIcon\": {\n      color: colors.deleteIcon,\n      \"&:hover\": {\n        color: colors.deleteIconHover,\n      },\n    },\n  };\n});\n\nconst Tag = ({\n  colorVariant = \"default\",\n  icon,\n  isDisabled,\n  label,\n  onClick,\n  onRemove,\n  size = \"medium\",\n  testId,\n  translate,\n}: TagProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { chipElementType } = useContext(TagListContext);\n  const { contrastMode } = useContrastModeContext();\n\n  const renderTag = useCallback(\n    (muiProps: MuiPropsContextType) => (\n      <StyledTag\n        {...muiProps}\n        aria-disabled={isDisabled}\n        as={chipElementType}\n        clickable={Boolean(onClick)}\n        colorVariant={colorVariant}\n        contrastMode={contrastMode}\n        data-se={testId}\n        deleteIcon={\n          <CloseCircleFilledIcon role=\"button\" titleAccess={t(\"tag.remove\")} />\n        }\n        disabled={isDisabled}\n        icon={icon}\n        label={label}\n        odysseyDesignTokens={odysseyDesignTokens}\n        onClick={onClick}\n        onDelete={onRemove}\n        size={size}\n        translate={translate}\n      />\n    ),\n    [\n      t,\n      chipElementType,\n      colorVariant,\n      contrastMode,\n      icon,\n      isDisabled,\n      label,\n      odysseyDesignTokens,\n      onClick,\n      onRemove,\n      size,\n      testId,\n      translate,\n    ],\n  );\n\n  return <MuiPropsContext.Consumer>{renderTag}</MuiPropsContext.Consumer>;\n};\n\nconst MemoizedTag = memo(Tag);\nMemoizedTag.displayName = \"Tag\";\n\nexport { MemoizedTag as Tag };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tag.js","names":["styled","memo","useCallback","useContext","useTranslation","CloseCircleFilledIcon","MuiPropsContext","useOdysseyDesignTokens","TagListContext","useContrastModeContext","jsx","_jsx","tagSizeValues","tagColorVariants","getChipColors","colorVariant","contrastMode","odysseyDesignTokens","colors","default","background","HueNeutral200","text","HueNeutral700","textDisabled","HueNeutral400","HueNeutral100","HueNeutral300","hover","active","border","deleteIcon","HueNeutral500","deleteIconHover","icon","iconDisabled","info","HueBlue200","HueBlue700","HueBlue400","HueBlue100","HueBlue300","HueBlue500","accentOne","HueAccentOne200","HueAccentOne700","HueAccentOne400","HueAccentOne100","HueAccentOne300","HueAccentOne500","accentTwo","HueAccentTwo200","HueAccentTwo800","HueAccentTwo400","HueAccentTwo100","HueAccentTwo700","HueAccentTwo300","HueAccentTwo500","accentThree","HueAccentThree200","HueAccentThree700","HueAccentThree400","HueAccentThree100","HueAccentThree300","HueAccentThree500","accentFour","HueAccentFour200","HueAccentFour700","HueAccentFour400","HueAccentFour100","HueAccentFour300","HueAccentFour500","StyledTag","_Chip","shouldForwardProp","prop","includes","clickable","size","backgroundColor","color","borderColor","paddingBlock","Spacing1","Tag","isDisabled","label","onClick","onRemove","testId","translate","t","chipElementType","renderTag","muiProps","as","Boolean","role","titleAccess","disabled","onDelete","Consumer","children","MemoizedTag","displayName"],"sources":["../../src/Tag.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 { Chip as MuiChip, ChipProps as MuiChipProps } from \"@mui/material\";\nimport { memo, ReactElement, useCallback, useContext } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseCircleFilledIcon } from \"./icons.generated/index.js\";\nimport { MuiPropsContext, MuiPropsContextType } from \"./MuiPropsContext.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { TagListContext } from \"./TagListContext.js\";\nimport { ContrastMode, useContrastModeContext } from \"./useContrastMode.js\";\n\nexport const tagSizeValues = [\"medium\", \"small\"] as const;\n\nexport const tagColorVariants = [\n  \"accentFour\",\n  \"accentOne\",\n  \"accentThree\",\n  \"accentTwo\",\n  \"default\",\n  \"info\",\n] as const;\n\ntype TagColorVariant = (typeof tagColorVariants)[number];\ntype TagSize = (typeof tagSizeValues)[number];\n\nexport type TagProps = {\n  /**\n   * Color variant of the Tag, affecting its appearance\n   */\n  colorVariant?: TagColorVariant;\n  icon?: ReactElement;\n  isDisabled?: boolean;\n  /**\n   * The label text for the Tag\n   */\n  label: string;\n  /**\n   * Callback fired when the Tag is clicked\n   */\n  onClick?: MuiChipProps[\"onClick\"];\n  /**\n   * Callback fired when the remove button of the Tag is clicked\n   */\n  onRemove?: MuiChipProps[\"onDelete\"];\n  /*\n   *  Size variant of the Tag\n   */\n  size?: TagSize;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst getChipColors = ({\n  colorVariant,\n  contrastMode,\n  odysseyDesignTokens,\n}: {\n  colorVariant: TagColorVariant;\n  contrastMode: ContrastMode;\n  odysseyDesignTokens: DesignTokens;\n}) => {\n  const colors = {\n    default: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueNeutral200,\n        text: odysseyDesignTokens.HueNeutral700,\n        textDisabled: odysseyDesignTokens.HueNeutral400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueNeutral100,\n        text: odysseyDesignTokens.HueNeutral700,\n        textDisabled: odysseyDesignTokens.HueNeutral300,\n      }),\n      hover: odysseyDesignTokens.HueNeutral200,\n      active: odysseyDesignTokens.HueNeutral300,\n      border: odysseyDesignTokens.HueNeutral200,\n      deleteIcon: odysseyDesignTokens.HueNeutral500,\n      deleteIconHover: odysseyDesignTokens.HueNeutral700,\n      icon: odysseyDesignTokens.HueNeutral700,\n      iconDisabled: odysseyDesignTokens.HueNeutral300,\n    },\n    info: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueBlue200,\n        text: odysseyDesignTokens.HueBlue700,\n        textDisabled: odysseyDesignTokens.HueBlue400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueBlue100,\n        text: odysseyDesignTokens.HueBlue700,\n        textDisabled: odysseyDesignTokens.HueBlue300,\n      }),\n      hover: odysseyDesignTokens.HueBlue200,\n      active: odysseyDesignTokens.HueBlue300,\n      border: odysseyDesignTokens.HueBlue200,\n      deleteIcon: odysseyDesignTokens.HueBlue500,\n      deleteIconHover: odysseyDesignTokens.HueBlue700,\n      icon: odysseyDesignTokens.HueBlue700,\n      iconDisabled: odysseyDesignTokens.HueBlue300,\n    },\n    accentOne: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentOne200,\n        text: odysseyDesignTokens.HueAccentOne700,\n        textDisabled: odysseyDesignTokens.HueAccentOne400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentOne100,\n        text: odysseyDesignTokens.HueAccentOne700,\n        textDisabled: odysseyDesignTokens.HueAccentOne300,\n      }),\n      hover: odysseyDesignTokens.HueAccentOne200,\n      active: odysseyDesignTokens.HueAccentOne300,\n      border: odysseyDesignTokens.HueAccentOne200,\n      deleteIcon: odysseyDesignTokens.HueAccentOne500,\n      deleteIconHover: odysseyDesignTokens.HueAccentOne700,\n      icon: odysseyDesignTokens.HueAccentOne700,\n      iconDisabled: odysseyDesignTokens.HueAccentOne300,\n    },\n    accentTwo: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentTwo200,\n        text: odysseyDesignTokens.HueAccentTwo800,\n        textDisabled: odysseyDesignTokens.HueAccentTwo400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentTwo100,\n        text: odysseyDesignTokens.HueAccentTwo700,\n        textDisabled: odysseyDesignTokens.HueAccentTwo300,\n      }),\n      hover: odysseyDesignTokens.HueAccentTwo200,\n      active: odysseyDesignTokens.HueAccentTwo300,\n      border: odysseyDesignTokens.HueAccentTwo200,\n      deleteIcon: odysseyDesignTokens.HueAccentTwo500,\n      deleteIconHover: odysseyDesignTokens.HueAccentTwo700,\n      icon: odysseyDesignTokens.HueAccentTwo700,\n      iconDisabled: odysseyDesignTokens.HueAccentTwo300,\n    },\n    accentThree: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentThree200,\n        text: odysseyDesignTokens.HueAccentThree700,\n        textDisabled: odysseyDesignTokens.HueAccentThree400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentThree100,\n        text: odysseyDesignTokens.HueAccentThree700,\n        textDisabled: odysseyDesignTokens.HueAccentThree300,\n      }),\n      hover: odysseyDesignTokens.HueAccentThree200,\n      active: odysseyDesignTokens.HueAccentThree300,\n      border: odysseyDesignTokens.HueAccentThree200,\n      deleteIcon: odysseyDesignTokens.HueAccentThree500,\n      deleteIconHover: odysseyDesignTokens.HueAccentThree700,\n      icon: odysseyDesignTokens.HueAccentThree700,\n      iconDisabled: odysseyDesignTokens.HueAccentThree300,\n    },\n    accentFour: {\n      ...(contrastMode === \"highContrast\" && {\n        background: odysseyDesignTokens.HueAccentFour200,\n        text: odysseyDesignTokens.HueAccentFour700,\n        textDisabled: odysseyDesignTokens.HueAccentFour400,\n      }),\n      ...(contrastMode === \"lowContrast\" && {\n        background: odysseyDesignTokens.HueAccentFour100,\n        text: odysseyDesignTokens.HueAccentFour700,\n        textDisabled: odysseyDesignTokens.HueAccentFour300,\n      }),\n      hover: odysseyDesignTokens.HueAccentFour200,\n      active: odysseyDesignTokens.HueAccentFour300,\n      border: odysseyDesignTokens.HueAccentFour200,\n      deleteIcon: odysseyDesignTokens.HueAccentFour500,\n      deleteIconHover: odysseyDesignTokens.HueAccentFour700,\n      icon: odysseyDesignTokens.HueAccentFour700,\n      iconDisabled: odysseyDesignTokens.HueAccentFour300,\n    },\n  };\n\n  return colors[colorVariant] || colors.default;\n};\n\nconst StyledTag = styled(MuiChip, {\n  shouldForwardProp: (prop) =>\n    ![\"colorVariant\", \"contrastMode\", \"odysseyDesignTokens\", \"size\"].includes(\n      prop,\n    ),\n})<{\n  as?: React.ElementType; // Allow the 'as' prop to be forwarded\n  clickable?: boolean;\n  colorVariant: TagColorVariant;\n  contrastMode: ContrastMode;\n  odysseyDesignTokens: DesignTokens;\n  size?: TagSize;\n}>(({ colorVariant, contrastMode, odysseyDesignTokens, clickable, size }) => {\n  const colors = getChipColors({\n    colorVariant,\n    odysseyDesignTokens,\n    contrastMode,\n  });\n\n  return {\n    backgroundColor: colors.background,\n    color: colors.text,\n\n    ...(clickable === true && {\n      borderColor: colors.border,\n    }),\n\n    ...(clickable === false && {\n      borderColor: \"transparent\",\n    }),\n\n    ...(size === \"small\" && {\n      paddingBlock: `calc(${odysseyDesignTokens.Spacing1})`,\n    }),\n\n    \"&.MuiChip-clickable:hover\": {\n      backgroundColor: colors.hover,\n    },\n\n    \"&.MuiChip-clickable:active\": {\n      backgroundColor: colors.active,\n    },\n\n    \"&.Mui-disabled\": {\n      color: colors.textDisabled,\n      borderColor: colors.border,\n      \"& .MuiChip-icon, & .MuiChip-deleteIcon\": {\n        color: colors.iconDisabled,\n      },\n    },\n\n    \"& .MuiChip-icon\": {\n      color: colors.icon,\n    },\n\n    \"& .MuiChip-deleteIcon\": {\n      color: colors.deleteIcon,\n      \"&:hover\": {\n        color: colors.deleteIconHover,\n      },\n    },\n  };\n});\n\nconst Tag = ({\n  colorVariant = \"default\",\n  icon,\n  isDisabled,\n  label,\n  onClick,\n  onRemove,\n  size = \"medium\",\n  testId,\n  translate,\n}: TagProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { chipElementType } = useContext(TagListContext);\n  const { contrastMode } = useContrastModeContext();\n\n  const renderTag = useCallback(\n    (muiProps: MuiPropsContextType) => (\n      <StyledTag\n        {...muiProps}\n        aria-disabled={isDisabled}\n        as={chipElementType}\n        clickable={Boolean(onClick)}\n        colorVariant={colorVariant}\n        contrastMode={contrastMode}\n        data-se={testId}\n        deleteIcon={\n          <CloseCircleFilledIcon role=\"button\" titleAccess={t(\"tag.remove\")} />\n        }\n        disabled={isDisabled}\n        icon={icon}\n        label={label}\n        odysseyDesignTokens={odysseyDesignTokens}\n        onClick={onClick}\n        onDelete={onRemove}\n        size={size}\n        translate={translate}\n      />\n    ),\n    [\n      t,\n      chipElementType,\n      colorVariant,\n      contrastMode,\n      icon,\n      isDisabled,\n      label,\n      odysseyDesignTokens,\n      onClick,\n      onRemove,\n      size,\n      testId,\n      translate,\n    ],\n  );\n\n  return <MuiPropsContext.Consumer>{renderTag}</MuiPropsContext.Consumer>;\n};\n\nconst MemoizedTag = memo(Tag);\nMemoizedTag.displayName = \"Tag\";\n\nexport { MemoizedTag as Tag };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/TextField.js

@@ -15,31 +15,6 @@ import { forwardRef, memo, useCallback, useImperativeHandle, useRef } from "reac
 import { Field } from "./Field.js";
 import { getControlState, useInputValues } from "./inputUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const TextFieldTestSelector = {
-  accessibleText: {
-    errorMessage: "errorMessage",
-    hint: "description",
-    label: "label"
-  },
-  children: {
-    link: {
-      elementSelector: {
-        method: "ByRole",
-        options: {
-          label: "name"
-        },
-        role: "link"
-      }
-    }
-  },
-  elementSelector: {
-    method: "ByRole",
-    options: {
-      label: "name"
-    },
-    role: "textbox"
-  }
-};
 export const textFieldTypeValues = ["email", "number", "tel", "text", "url"];
 const TextField = forwardRef(({
   ariaDescribedBy,

package/dist/esm/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","names":["forwardRef","memo","useCallback","useImperativeHandle","useRef","Field","getControlState","useInputValues","jsx","_jsx","TextFieldTestSelector","accessibleText","errorMessage","hint","label","children","link","elementSelector","method","options","role","textFieldTypeValues","TextField","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","endAdornment","errorMessageList","HintLinkComponent","id","idOverride","inputRef","inputMode","isDisabled","isFullWidth","isMultiline","isOptional","isReadOnly","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","placeholder","startAdornment","testId","translate","type","value","ref","controlledStateRef","controlledValue","uncontrolledValue","inputValues","controlState","current","localInputRef","focus","event","renderFieldComponent","errorMessageElementId","labelElementId","_InputBase","autoComplete","autoFocus","_InputAdornment","position","inputProps","multiline","readOnly","required","fieldType","hasVisibleLabel","MemoizedTextField","displayName"],"sources":["../../src/TextField.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 { InputAdornment, InputBase } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  ReactElement,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\n\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\nimport { type TestSelector } from \"./test-selectors/index.js\";\n\nexport const TextFieldTestSelector = {\n  accessibleText: {\n    errorMessage: \"errorMessage\",\n    hint: \"description\",\n    label: \"label\",\n  },\n  children: {\n    link: {\n      elementSelector: {\n        method: \"ByRole\",\n        options: {\n          label: \"name\",\n        },\n        role: \"link\",\n      },\n    },\n  },\n  elementSelector: {\n    method: \"ByRole\",\n    options: {\n      label: \"name\",\n    },\n    role: \"textbox\",\n  },\n} as const satisfies TestSelector;\n\nexport const textFieldTypeValues = [\n  \"email\",\n  \"number\",\n  \"tel\",\n  \"text\",\n  \"url\",\n] as const;\n\nexport type TextFieldProps = {\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 default value. Use when the component is not controlled.\n   */\n  defaultValue?: string;\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment?: string | ReactElement;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * Hints at the type of data that might be entered by the user while editing the element or its contents\n   * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute\n   */\n  inputMode?: InputHTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   */\n  isMultiline?: boolean;\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   * Start `InputAdornment` for this component.\n   */\n  startAdornment?: string | ReactElement;\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   */\n  type?: (typeof textFieldTypeValues)[number];\n  /**\n   * The value of the `input` element, required for a controlled component.\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 TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      hasInitialFocus,\n      endAdornment,\n      errorMessage,\n      errorMessageList,\n      hint,\n      HintLinkComponent,\n      id: idOverride,\n      inputRef,\n      inputMode,\n      isDisabled = false,\n      isFullWidth = false,\n      isMultiline = false,\n      isOptional = false,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      placeholder,\n      startAdornment,\n      testId,\n      translate,\n      type = \"text\",\n      value: value,\n    },\n    ref,\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      NonNullable<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={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            endAdornment && (\n              <InputAdornment position=\"end\" translate={translate}>\n                {endAdornment}\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n            inputMode,\n          }}\n          inputRef={localInputRef}\n          multiline={isMultiline}\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          startAdornment={\n            startAdornment && (\n              <InputAdornment position=\"start\" translate={translate}>\n                {startAdornment}\n              </InputAdornment>\n            )\n          }\n          translate={translate}\n          type={type}\n        />\n      ),\n      [\n        autoCompleteType,\n        inputValues,\n        hasInitialFocus,\n        endAdornment,\n        inputMode,\n        isMultiline,\n        nameOverride,\n        onBlur,\n        onChange,\n        onFocus,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        ref,\n        startAdornment,\n        testId,\n        translate,\n        type,\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 MemoizedTextField = memo(TextField);\nMemoizedTextField.displayName = \"TextField\";\n\nexport { MemoizedTextField as TextField };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TextField.js","names":["forwardRef","memo","useCallback","useImperativeHandle","useRef","Field","getControlState","useInputValues","jsx","_jsx","textFieldTypeValues","TextField","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","endAdornment","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","inputRef","inputMode","isDisabled","isFullWidth","isMultiline","isOptional","isReadOnly","label","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","placeholder","startAdornment","testId","translate","type","value","ref","controlledStateRef","controlledValue","uncontrolledValue","inputValues","controlState","current","localInputRef","focus","event","renderFieldComponent","errorMessageElementId","labelElementId","_InputBase","autoComplete","autoFocus","_InputAdornment","position","children","inputProps","multiline","readOnly","required","fieldType","hasVisibleLabel","MemoizedTextField","displayName"],"sources":["../../src/TextField.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 { InputAdornment, InputBase } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  ReactElement,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n} from \"react\";\n\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport const textFieldTypeValues = [\n  \"email\",\n  \"number\",\n  \"tel\",\n  \"text\",\n  \"url\",\n] as const;\n\nexport type TextFieldProps = {\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 default value. Use when the component is not controlled.\n   */\n  defaultValue?: string;\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment?: string | ReactElement;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * Hints at the type of data that might be entered by the user while editing the element or its contents\n   * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute\n   */\n  inputMode?: InputHTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   */\n  isMultiline?: boolean;\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   * Start `InputAdornment` for this component.\n   */\n  startAdornment?: string | ReactElement;\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   */\n  type?: (typeof textFieldTypeValues)[number];\n  /**\n   * The value of the `input` element, required for a controlled component.\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 TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      hasInitialFocus,\n      endAdornment,\n      errorMessage,\n      errorMessageList,\n      hint,\n      HintLinkComponent,\n      id: idOverride,\n      inputRef,\n      inputMode,\n      isDisabled = false,\n      isFullWidth = false,\n      isMultiline = false,\n      isOptional = false,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      placeholder,\n      startAdornment,\n      testId,\n      translate,\n      type = \"text\",\n      value: value,\n    },\n    ref,\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      NonNullable<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={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            endAdornment && (\n              <InputAdornment position=\"end\" translate={translate}>\n                {endAdornment}\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n            inputMode,\n          }}\n          inputRef={localInputRef}\n          multiline={isMultiline}\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          startAdornment={\n            startAdornment && (\n              <InputAdornment position=\"start\" translate={translate}>\n                {startAdornment}\n              </InputAdornment>\n            )\n          }\n          translate={translate}\n          type={type}\n        />\n      ),\n      [\n        autoCompleteType,\n        inputValues,\n        hasInitialFocus,\n        endAdornment,\n        inputMode,\n        isMultiline,\n        nameOverride,\n        onBlur,\n        onChange,\n        onFocus,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        ref,\n        startAdornment,\n        testId,\n        translate,\n        type,\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 MemoizedTextField = memo(TextField);\nMemoizedTextField.displayName = \"TextField\";\n\nexport { MemoizedTextField as TextField };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/Toast.js

@@ -13,8 +13,8 @@ import _AlertTitle from "@mui/material/AlertTitle";
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { memo, useCallback, useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
 import { Button } from "./Buttons/index.js";
+import { useTranslation } from "./i18n.generated/i18n.js";
 import { CloseIcon } from "./icons.generated/index.js";
 import { Link } from "./Link.js";
 import { ScreenReaderText } from "./ScreenReaderText.js";

package/dist/esm/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["memo","useCallback","useEffect","useState","useTranslation","Button","CloseIcon","Link","ScreenReaderText","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","toastRoleValues","toastSeverityValues","ClickAwayListenerProps","onClickAway","Toast","autoHideDuration","isDismissable","linkText","linkUrl","isVisible","isVisibleProp","onHide","onHideProp","role","severity","testId","text","translate","t","setIsVisible","children","_Snackbar","undefined","className","onClose","open","_Alert","action","ariaLabel","onClick","size","startIcon","variant","_AlertTitle","href","MemoizedToast","displayName"],"sources":["../../src/Toast.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 { Alert, AlertTitle, Snackbar } from \"@mui/material\";\nimport { memo, useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"./Buttons/index.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport { Link } from \"./Link.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\n\nexport const toastRoleValues = [\"status\", \"alert\"] as const;\nexport const toastSeverityValues = [\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"error\",\n] as const;\n\nexport type ToastProps = {\n  /**\n   * If set, this determines how long the Toast should appear before automatically disappearing in milliseconds.\n   * It will only take effect if the Toast is not dismissible.\n   * If left blank, it defaults to 6000.\n   */\n  autoHideDuration?: number;\n  /**\n   * If `true`, the Toast will include a close button.\n   */\n  isDismissable?: boolean;\n  /**\n   * If true, the Toast is visible\n   */\n  isVisible?: boolean;\n  /**\n   * If linkUrl is not undefined, this is the text of the link.\n   * If left blank, it defaults to \"Learn more\".\n   * Note that linkText does nothing if linkUrl is not defined\n   */\n  linkText?: string;\n  /**\n   * If defined, the Toast will include a link to the URL\n   */\n  linkUrl?: string;\n  /**\n   * An optional function to run when the Toast is closed.\n   */\n  onHide?: () => void;\n  /**\n   * Sets the ARIA role of the Toast\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: (typeof toastRoleValues)[number];\n  /**\n   * Determine the color and icon of the Toast\n   */\n  severity: (typeof toastSeverityValues)[number];\n  /**\n   * The text content of the Toast\n   */\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst ClickAwayListenerProps = { onClickAway: () => false };\n\nconst Toast = ({\n  autoHideDuration = 6000,\n  isDismissable,\n  linkText,\n  linkUrl,\n  isVisible: isVisibleProp,\n  onHide: onHideProp,\n  role,\n  severity,\n  testId,\n  text,\n  translate,\n}: ToastProps) => {\n  const { t } = useTranslation();\n  const [isVisible, setIsVisible] = useState(isVisibleProp);\n\n  useEffect(() => {\n    setIsVisible(isVisibleProp);\n  }, [isVisibleProp]);\n\n  const onHide = useCallback(() => {\n    setIsVisible(false);\n    onHideProp?.();\n  }, [onHideProp]);\n\n  return (\n    <>\n      <Snackbar\n        autoHideDuration={\n          isDismissable || autoHideDuration <= 0 ? undefined : autoHideDuration\n        }\n        className=\"Toast\"\n        ClickAwayListenerProps={ClickAwayListenerProps}\n        onClose={onHide}\n        open={isVisible}\n      >\n        <Alert\n          action={\n            isDismissable === true && (\n              <Button\n                ariaLabel={t(\"close.text\")}\n                onClick={onHide}\n                size=\"small\"\n                startIcon={<CloseIcon />}\n                variant=\"floating\"\n              />\n            )\n          }\n          data-se={testId}\n          role={role}\n          severity={severity}\n          variant=\"toast\"\n        >\n          <AlertTitle translate={translate}>\n            <ScreenReaderText translate={translate}>\n              {t(`severity.${severity}`)}:\n            </ScreenReaderText>\n            {text}\n          </AlertTitle>\n          {linkUrl && (\n            <Link href={linkUrl} translate={translate} variant=\"monochrome\">\n              {linkText}\n            </Link>\n          )}\n        </Alert>\n      </Snackbar>\n    </>\n  );\n};\n\nconst MemoizedToast = memo(Toast);\nMemoizedToast.displayName = \"Toast\";\n\nexport { MemoizedToast as Toast };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Toast.js","names":["memo","useCallback","useEffect","useState","Button","useTranslation","CloseIcon","Link","ScreenReaderText","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","toastRoleValues","toastSeverityValues","ClickAwayListenerProps","onClickAway","Toast","autoHideDuration","isDismissable","linkText","linkUrl","isVisible","isVisibleProp","onHide","onHideProp","role","severity","testId","text","translate","t","setIsVisible","children","_Snackbar","undefined","className","onClose","open","_Alert","action","ariaLabel","onClick","size","startIcon","variant","_AlertTitle","href","MemoizedToast","displayName"],"sources":["../../src/Toast.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 { Alert, AlertTitle, Snackbar } from \"@mui/material\";\nimport { memo, useCallback, useEffect, useState } from \"react\";\n\nimport { Button } from \"./Buttons/index.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport { Link } from \"./Link.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\n\nexport const toastRoleValues = [\"status\", \"alert\"] as const;\nexport const toastSeverityValues = [\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"error\",\n] as const;\n\nexport type ToastProps = {\n  /**\n   * If set, this determines how long the Toast should appear before automatically disappearing in milliseconds.\n   * It will only take effect if the Toast is not dismissible.\n   * If left blank, it defaults to 6000.\n   */\n  autoHideDuration?: number;\n  /**\n   * If `true`, the Toast will include a close button.\n   */\n  isDismissable?: boolean;\n  /**\n   * If true, the Toast is visible\n   */\n  isVisible?: boolean;\n  /**\n   * If linkUrl is not undefined, this is the text of the link.\n   * If left blank, it defaults to \"Learn more\".\n   * Note that linkText does nothing if linkUrl is not defined\n   */\n  linkText?: string;\n  /**\n   * If defined, the Toast will include a link to the URL\n   */\n  linkUrl?: string;\n  /**\n   * An optional function to run when the Toast is closed.\n   */\n  onHide?: () => void;\n  /**\n   * Sets the ARIA role of the Toast\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: (typeof toastRoleValues)[number];\n  /**\n   * Determine the color and icon of the Toast\n   */\n  severity: (typeof toastSeverityValues)[number];\n  /**\n   * The text content of the Toast\n   */\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst ClickAwayListenerProps = { onClickAway: () => false };\n\nconst Toast = ({\n  autoHideDuration = 6000,\n  isDismissable,\n  linkText,\n  linkUrl,\n  isVisible: isVisibleProp,\n  onHide: onHideProp,\n  role,\n  severity,\n  testId,\n  text,\n  translate,\n}: ToastProps) => {\n  const { t } = useTranslation();\n  const [isVisible, setIsVisible] = useState(isVisibleProp);\n\n  useEffect(() => {\n    setIsVisible(isVisibleProp);\n  }, [isVisibleProp]);\n\n  const onHide = useCallback(() => {\n    setIsVisible(false);\n    onHideProp?.();\n  }, [onHideProp]);\n\n  return (\n    <>\n      <Snackbar\n        autoHideDuration={\n          isDismissable || autoHideDuration <= 0 ? undefined : autoHideDuration\n        }\n        className=\"Toast\"\n        ClickAwayListenerProps={ClickAwayListenerProps}\n        onClose={onHide}\n        open={isVisible}\n      >\n        <Alert\n          action={\n            isDismissable === true && (\n              <Button\n                ariaLabel={t(\"close.text\")}\n                onClick={onHide}\n                size=\"small\"\n                startIcon={<CloseIcon />}\n                variant=\"floating\"\n              />\n            )\n          }\n          data-se={testId}\n          role={role}\n          severity={severity}\n          variant=\"toast\"\n        >\n          <AlertTitle translate={translate}>\n            <ScreenReaderText translate={translate}>\n              {t(`severity.${severity}`)}:\n            </ScreenReaderText>\n            {text}\n          </AlertTitle>\n          {linkUrl && (\n            <Link href={linkUrl} translate={translate} variant=\"monochrome\">\n              {linkText}\n            </Link>\n          )}\n        </Alert>\n      </Snackbar>\n    </>\n  );\n};\n\nconst MemoizedToast = memo(Toast);\nMemoizedToast.displayName = \"Toast\";\n\nexport { MemoizedToast as Toast };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/__internal.js

@@ -0,0 +1,24 @@
+/*!
+ * 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.
+ */export * from "./Field.js";
+export * from "./HtmlProps.js";
+export * from "./inputUtils.js";
+export * from "./DataTable/useRowReordering.js";
+export * from "./labs/DataFilters.js";
+export * from "./labs/DataView/BulkActionsMenu.js";
+export * from "./labs/DataView/CardLayoutContent.js";
+export * from "./labs/DataView/fetchData.js";
+export * from "./labs/DataView/LayoutSwitcher.js";
+export * from "./labs/DataView/TableLayoutContent.js";
+export * from "./labs/DataView/TableSettings.js";
+export * from "./labs/DataView/testSupportData.js";
+export * from "./labs/DataView/useFilterConversion.js";
+//# sourceMappingURL=__internal.js.map

package/dist/esm/__internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__internal.js","names":[],"sources":["../../src/__internal.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\n/**\n * Internal exports for all components, utilities, and types.\n * This module provides access to internal/unexported items for advanced use cases.\n * These exports are not part of the stable public API and may change without notice.\n */\n\nexport * from \"./Field.js\";\nexport * from \"./HtmlProps.js\";\nexport * from \"./inputUtils.js\";\n\n// DataView & DataTable\nexport * from \"./DataTable/useRowReordering.js\";\nexport * from \"./labs/DataFilters.js\";\nexport * from \"./labs/DataView/BulkActionsMenu.js\";\nexport * from \"./labs/DataView/CardLayoutContent.js\";\nexport * from \"./labs/DataView/fetchData.js\";\nexport * from \"./labs/DataView/LayoutSwitcher.js\";\nexport * from \"./labs/DataView/TableLayoutContent.js\";\nexport * from \"./labs/DataView/TableSettings.js\";\nexport * from \"./labs/DataView/testSupportData.js\";\nexport * from \"./labs/DataView/useFilterConversion.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAQA,cAAc,YAAY;AAC1B,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAG/B,cAAc,iCAAiC;AAC/C,cAAc,uBAAuB;AACrC,cAAc,oCAAoC;AAClD,cAAc,sCAAsC;AACpD,cAAc,8BAA8B;AAC5C,cAAc,mCAAmC;AACjD,cAAc,uCAAuC;AACrD,cAAc,kCAAkC;AAChD,cAAc,oCAAoC;AAClD,cAAc,wCAAwC","ignoreList":[]}

package/dist/esm/i18n.generated/i18n.js

@@ -0,0 +1,25 @@
+/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */import { getTranslationServices } from "@okta/odyssey-contribution-tooling";
+import { resources } from "./i18n.resources.js";
+import { defaultLanguageCode, namespace } from "./i18n.types.js";
+export const {
+  i18n,
+  Trans,
+  TranslationProvider,
+  useTranslation
+} = getTranslationServices({
+  defaultLanguageCode,
+  namespace,
+  resources
+});
+export const translate = i18n.t.bind(i18n);
+//# sourceMappingURL=i18n.js.map

package/dist/esm/i18n.generated/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":["getTranslationServices","resources","defaultLanguageCode","namespace","i18n","Trans","TranslationProvider","useTranslation","translate","t","bind"],"sources":["../../../src/i18n.generated/i18n.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n/*\n *************************************************************************\n *  NOTICE: THIS FILE WAS AUTO-GENERATED BY THE `generate:i18n` SCRIPT.  *\n *************************************************************************\n */\n\nimport {\n  getTranslationServices,\n  TypedTFunction,\n} from \"@okta/odyssey-contribution-tooling\";\n\nimport { resources } from \"./i18n.resources.js\";\nimport {\n  defaultLanguageCode,\n  i18nResourceType,\n  namespace,\n} from \"./i18n.types.js\";\n\nexport type * from \"@okta/odyssey-contribution-tooling\";\n\nexport const { i18n, Trans, TranslationProvider, useTranslation } =\n  getTranslationServices({\n    defaultLanguageCode,\n    namespace,\n    resources,\n  });\n\nexport const translate = i18n.t.bind(i18n) as TypedTFunction<i18nResourceType>;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAQA,SACEA,sBAAsB,QAEjB,oCAAoC;AAE3C,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SACEC,mBAAmB,EAEnBC,SAAS,QACJ,iBAAiB;AAIxB,OAAO,MAAM;EAAEC,IAAI;EAAEC,KAAK;EAAEC,mBAAmB;EAAEC;AAAe,CAAC,GAC/DP,sBAAsB,CAAC;EACrBE,mBAAmB;EACnBC,SAAS;EACTF;AACF,CAAC,CAAC;AAEJ,OAAO,MAAMO,SAAS,GAAGJ,IAAI,CAACK,CAAC,CAACC,IAAI,CAACN,IAAI,CAAqC","ignoreList":[]}

package/dist/esm/i18n.generated/i18n.resources.js

@@ -0,0 +1,75 @@
+/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */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 es } from "../properties/ts/odyssey-react-mui_es.js";
+import { translation as eu } from "../properties/ts/odyssey-react-mui_eu.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 nl_NL } from "../properties/ts/odyssey-react-mui_nl_NL.js";
+import { translation as ok_PL } from "../properties/ts/odyssey-react-mui_ok_PL.js";
+import { translation as ok_SK } from "../properties/ts/odyssey-react-mui_ok_SK.js";
+import { translation as pl } from "../properties/ts/odyssey-react-mui_pl.js";
+import { translation as pt_BR } 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 zh_CN } from "../properties/ts/odyssey-react-mui_zh_CN.js";
+import { translation as zh_TW } from "../properties/ts/odyssey-react-mui_zh_TW.js";
+import { translation as en } from "../properties/ts/odyssey-react-mui.js";
+export const resources = {
+  cs,
+  da,
+  de,
+  el,
+  en,
+  es,
+  eu,
+  fi,
+  fr,
+  ht,
+  hu,
+  id,
+  it,
+  ja,
+  ko,
+  ms,
+  nb,
+  nl_NL,
+  ok_PL,
+  ok_SK,
+  pl,
+  pt_BR,
+  ro,
+  ru,
+  sv,
+  th,
+  tr,
+  uk,
+  vi,
+  zh_CN,
+  zh_TW
+};
+//# sourceMappingURL=i18n.resources.js.map

package/dist/esm/i18n.generated/i18n.resources.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.resources.js","names":["translation","cs","da","de","el","es","eu","fi","fr","ht","hu","id","it","ja","ko","ms","nb","nl_NL","ok_PL","ok_SK","pl","pt_BR","ro","ru","sv","th","tr","uk","vi","zh_CN","zh_TW","en","resources"],"sources":["../../../src/i18n.generated/i18n.resources.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n/*\n *************************************************************************\n *  NOTICE: THIS FILE WAS AUTO-GENERATED BY THE `generate:i18n` SCRIPT.  *\n *************************************************************************\n */\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 es } from \"../properties/ts/odyssey-react-mui_es.js\";\nimport { translation as eu } from \"../properties/ts/odyssey-react-mui_eu.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 nl_NL } from \"../properties/ts/odyssey-react-mui_nl_NL.js\";\nimport { translation as ok_PL } from \"../properties/ts/odyssey-react-mui_ok_PL.js\";\nimport { translation as ok_SK } from \"../properties/ts/odyssey-react-mui_ok_SK.js\";\nimport { translation as pl } from \"../properties/ts/odyssey-react-mui_pl.js\";\nimport { translation as pt_BR } 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 zh_CN } from \"../properties/ts/odyssey-react-mui_zh_CN.js\";\nimport { translation as zh_TW } from \"../properties/ts/odyssey-react-mui_zh_TW.js\";\nimport { translation as en } from \"../properties/ts/odyssey-react-mui.js\";\nimport { ResourceRecord } from \"./i18n.types.js\";\n\nexport const resources = {\n  cs,\n  da,\n  de,\n  el,\n  en,\n  es,\n  eu,\n  fi,\n  fr,\n  ht,\n  hu,\n  id,\n  it,\n  ja,\n  ko,\n  ms,\n  nb,\n  nl_NL,\n  ok_PL,\n  ok_SK,\n  pl,\n  pt_BR,\n  ro,\n  ru,\n  sv,\n  th,\n  tr,\n  uk,\n  vi,\n  zh_CN,\n  zh_TW,\n} as const satisfies ResourceRecord;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAQA,SAASA,WAAW,IAAIC,EAAE,QAAQ,0CAA0C;AAC5E,SAASD,WAAW,IAAIE,EAAE,QAAQ,0CAA0C;AAC5E,SAASF,WAAW,IAAIG,EAAE,QAAQ,0CAA0C;AAC5E,SAASH,WAAW,IAAII,EAAE,QAAQ,0CAA0C;AAC5E,SAASJ,WAAW,IAAIK,EAAE,QAAQ,0CAA0C;AAC5E,SAASL,WAAW,IAAIM,EAAE,QAAQ,0CAA0C;AAC5E,SAASN,WAAW,IAAIO,EAAE,QAAQ,0CAA0C;AAC5E,SAASP,WAAW,IAAIQ,EAAE,QAAQ,0CAA0C;AAC5E,SAASR,WAAW,IAAIS,EAAE,QAAQ,0CAA0C;AAC5E,SAAST,WAAW,IAAIU,EAAE,QAAQ,0CAA0C;AAC5E,SAASV,WAAW,IAAIW,EAAE,QAAQ,0CAA0C;AAC5E,SAASX,WAAW,IAAIY,EAAE,QAAQ,0CAA0C;AAC5E,SAASZ,WAAW,IAAIa,EAAE,QAAQ,0CAA0C;AAC5E,SAASb,WAAW,IAAIc,EAAE,QAAQ,0CAA0C;AAC5E,SAASd,WAAW,IAAIe,EAAE,QAAQ,0CAA0C;AAC5E,SAASf,WAAW,IAAIgB,EAAE,QAAQ,0CAA0C;AAC5E,SAAShB,WAAW,IAAIiB,KAAK,QAAQ,6CAA6C;AAClF,SAASjB,WAAW,IAAIkB,KAAK,QAAQ,6CAA6C;AAClF,SAASlB,WAAW,IAAImB,KAAK,QAAQ,6CAA6C;AAClF,SAASnB,WAAW,IAAIoB,EAAE,QAAQ,0CAA0C;AAC5E,SAASpB,WAAW,IAAIqB,KAAK,QAAQ,6CAA6C;AAClF,SAASrB,WAAW,IAAIsB,EAAE,QAAQ,0CAA0C;AAC5E,SAAStB,WAAW,IAAIuB,EAAE,QAAQ,0CAA0C;AAC5E,SAASvB,WAAW,IAAIwB,EAAE,QAAQ,0CAA0C;AAC5E,SAASxB,WAAW,IAAIyB,EAAE,QAAQ,0CAA0C;AAC5E,SAASzB,WAAW,IAAI0B,EAAE,QAAQ,0CAA0C;AAC5E,SAAS1B,WAAW,IAAI2B,EAAE,QAAQ,0CAA0C;AAC5E,SAAS3B,WAAW,IAAI4B,EAAE,QAAQ,0CAA0C;AAC5E,SAAS5B,WAAW,IAAI6B,KAAK,QAAQ,6CAA6C;AAClF,SAAS7B,WAAW,IAAI8B,KAAK,QAAQ,6CAA6C;AAClF,SAAS9B,WAAW,IAAI+B,EAAE,QAAQ,uCAAuC;AAGzE,OAAO,MAAMC,SAAS,GAAG;EACvB/B,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACF2B,EAAE;EACF1B,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,EAAE;EACFC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,EAAE;EACFC,KAAK;EACLC;AACF,CAAmC","ignoreList":[]}

package/dist/{types/shadow-dom/index.d.ts → esm/i18n.generated/i18n.types.js}

@@ -8,6 +8,6 @@
  * 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 * from "./shadow-dom.js";
-//# sourceMappingURL=index.d.ts.map
+ */export const defaultLanguageCode = "en";
+export const namespace = "odyssey-react-mui";
+//# sourceMappingURL=i18n.types.js.map

package/dist/esm/i18n.generated/i18n.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.types.js","names":["defaultLanguageCode","namespace"],"sources":["../../../src/i18n.generated/i18n.types.ts"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n/*\n *************************************************************************\n *  NOTICE: THIS FILE WAS AUTO-GENERATED BY THE `generate:i18n` SCRIPT.  *\n *************************************************************************\n */\n\nimport { translation as defaultTranslation } from \"../properties/ts/odyssey-react-mui.js\";\n\nexport const defaultLanguageCode = \"en\" as const;\n\n/**\n * The namespace for the odyssey-react-mui package.\n */\nexport const namespace = \"odyssey-react-mui\" as const;\nexport type i18nNamespace = typeof namespace;\n\n/**\n * Defines the shape of all translation keys for the Odyssey namespace.\n * It's derived from the default (en) translation file,\n * which acts as the source of truth for all available keys.\n */\nexport type i18nResourceType = typeof defaultTranslation;\n\n/**\n * Supported languages for translations for the odyssey-react-mui package.\n */\nexport type SupportedLanguages =\n  | \"cs\"\n  | \"da\"\n  | \"de\"\n  | \"el\"\n  | \"en\"\n  | \"es\"\n  | \"eu\"\n  | \"fi\"\n  | \"fr\"\n  | \"ht\"\n  | \"hu\"\n  | \"id\"\n  | \"it\"\n  | \"ja\"\n  | \"ko\"\n  | \"ms\"\n  | \"nb\"\n  | \"nl_NL\"\n  | \"ok_PL\"\n  | \"ok_SK\"\n  | \"pl\"\n  | \"pt_BR\"\n  | \"ro\"\n  | \"ru\"\n  | \"sv\"\n  | \"th\"\n  | \"tr\"\n  | \"uk\"\n  | \"vi\"\n  | \"zh_CN\"\n  | \"zh_TW\";\n\nexport type ResourceRecord = Record<\n  SupportedLanguages,\n  Partial<Record<keyof i18nResourceType, string>>\n>;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAUA,OAAO,MAAMA,mBAAmB,GAAG,IAAa;AAKhD,OAAO,MAAMC,SAAS,GAAG,mBAA4B","ignoreList":[]}

package/dist/esm/index.js

@@ -12,7 +12,7 @@
 
 export { deepmerge, visuallyHidden } from "@mui/utils";
 export { createTheme, DialogContentText, Divider, InputAdornment, InputBase, ListItemIcon, ListItemText, ListSubheader, MenuList, Paper, ScopedCssBaseline, ThemeProvider } from "@mui/material";
-export { odysseyTranslate } from "./i18n.js";
+export { translate as odysseyTranslate, TranslationProvider as OdysseyTranslationProvider } from "./i18n.generated/i18n.js";
 export { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext.js";
 export * from "./Accordion.js";
 export * from "./Autocomplete.js";
@@ -45,7 +45,6 @@ export * from "./NullElement.js";
 export * from "./OdysseyCacheProvider.js";
 export * from "./OdysseyProvider.js";
 export * from "./OdysseyThemeProvider.js";
-export * from "./OdysseyTranslationProvider.js";
 export * from "./Pagination/index.js";
 export * from "./PasswordField.js";
 export * from "./Radio.js";
@@ -53,7 +52,6 @@ export * from "./RadioGroup.js";
 export * from "./ScreenReaderText.js";
 export * from "./SearchField.js";
 export * from "./Select.js";
-export * from "./shadow-dom/index.js";
 export * from "./Stack.js";
 export * from "./Status.js";
 export * from "./Surface.js";
@@ -67,5 +65,8 @@ export * from "./Toast.js";
 export * from "./ToastStack.js";
 export * from "./Tooltip.js";
 export * from "./Typography.js";
+export * from "./useMountLifecycleEffect.js";
 export * from "./useUniqueId.js";
+export * from "./web-component/createShadowDomElements.js";
+export * from "./web-component/removeGlobalStylesFromShadowDom.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["deepmerge","visuallyHidden","createTheme","DialogContentText","Divider","InputAdornment","InputBase","ListItemIcon","ListItemText","ListSubheader","MenuList","Paper","ScopedCssBaseline","ThemeProvider","odysseyTranslate","useOdysseyDesignTokens","badgeContentMaxValues","DatePicker","FileUploader","fileUploadTypes","fileUploadVariants"],"sources":["../../src/index.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\nexport { deepmerge, visuallyHidden } from \"@mui/utils\";\n\nexport {\n  createTheme,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  DialogContentText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Divider,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputAdornment,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputBase,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemIcon,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListSubheader,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  MenuList,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Paper,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ScopedCssBaseline,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ThemeProvider,\n} from \"@mui/material\";\n\nexport type {\n  CssBaselineProps,\n  DialogContentTextProps,\n  DividerProps,\n  InputAdornmentProps,\n  InputBaseProps,\n  ListItemIconProps,\n  ListItemTextProps,\n  ListSubheaderProps,\n  MenuListProps,\n  PaperProps,\n  ScopedCssBaselineProps,\n  StackProps,\n  ThemeOptions,\n} from \"@mui/material\";\n\nexport { odysseyTranslate } from \"./i18n.js\";\nexport type { FocusHandle } from \"./inputUtils.js\";\nexport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport * from \"./Accordion.js\";\nexport * from \"./Autocomplete.js\";\nexport { badgeContentMaxValues } from \"./Badge.js\";\nexport * from \"./Banner.js\";\nexport * from \"./Box.js\";\nexport * from \"./Breadcrumbs.js\";\nexport * from \"./Buttons/index.js\";\nexport * from \"./Callout.js\";\nexport * from \"./Card.js\";\nexport * from \"./Checkbox.js\";\nexport * from \"./CheckboxGroup.js\";\nexport * from \"./CircularProgress.js\";\nexport * from \"./createUniqueId.js\";\nexport * from \"./CssBaseline.js\";\nexport * from \"./DataTable/index.js\";\nexport { DatePicker, type DatePickerProps } from \"./DatePickers/index.js\";\nexport * from \"./Dialog.js\";\nexport * from \"./Drawer.js\";\nexport * from \"./EmptyState.js\";\nexport * from \"./FieldComponentProps.js\";\nexport * from \"./Fieldset.js\";\nexport {\n  FileUploader,\n  fileUploadTypes,\n  fileUploadVariants,\n} from \"./FileUploader/index.js\";\nexport * from \"./Form.js\";\nexport * from \"./HintLink.js\";\nexport * from \"./IconWithTooltip.js\";\nexport * from \"./Link.js\";\nexport * from \"./NativeSelect.js\";\nexport * from \"./NullElement.js\";\nexport * from \"./OdysseyCacheProvider.js\";\nexport * from \"./OdysseyProvider.js\";\nexport * from \"./OdysseyThemeProvider.js\";\nexport * from \"./OdysseyTranslationProvider.js\";\nexport * from \"./Pagination/index.js\";\nexport * from \"./PasswordField.js\";\nexport * from \"./Radio.js\";\nexport * from \"./RadioGroup.js\";\nexport * from \"./ScreenReaderText.js\";\nexport * from \"./SearchField.js\";\nexport * from \"./Select.js\";\nexport * from \"./shadow-dom/index.js\";\nexport * from \"./Stack.js\";\nexport * from \"./Status.js\";\nexport * from \"./Surface.js\";\nexport * from \"./Switch.js\";\nexport * from \"./Tabs.js\";\nexport * from \"./Tag.js\";\nexport * from \"./TagList.js\";\nexport * from \"./TextField.js\";\nexport * from \"./theme/index.js\";\nexport * from \"./Toast.js\";\nexport * from \"./ToastStack.js\";\nexport * from \"./Tooltip.js\";\nexport * from \"./Typography.js\";\nexport * from \"./useUniqueId.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,cAAc,QAAQ,YAAY;AAEtD,SACEC,WAAW,EAEXC,iBAAiB,EAEjBC,OAAO,EAEPC,cAAc,EAEdC,SAAS,EAETC,YAAY,EAEZC,YAAY,EAEZC,aAAa,EAEbC,QAAQ,EAERC,KAAK,EAELC,iBAAiB,EAEjBC,aAAa,QACR,eAAe;AAkBtB,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,SAASC,sBAAsB,QAAQ,iCAAiC;AAExE,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,SAASC,qBAAqB,QAAQ,YAAY;AAClD,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,sBAAsB;AACpC,SAASC,UAAU,QAA8B,wBAAwB;AACzE,cAAc,aAAa;AAC3B,cAAc,aAAa;AAC3B,cAAc,iBAAiB;AAC/B,cAAc,0BAA0B;AACxC,cAAc,eAAe;AAC7B,SACEC,YAAY,EACZC,eAAe,EACfC,kBAAkB,QACb,yBAAyB;AAChC,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,kBAAkB;AAChC,cAAc,2BAA2B;AACzC,cAAc,sBAAsB;AACpC,cAAc,2BAA2B;AACzC,cAAc,iCAAiC;AAC/C,cAAc,uBAAuB;AACrC,cAAc,oBAAoB;AAClC,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,uBAAuB;AACrC,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,iBAAiB;AAC/B,cAAc,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["deepmerge","visuallyHidden","createTheme","DialogContentText","Divider","InputAdornment","InputBase","ListItemIcon","ListItemText","ListSubheader","MenuList","Paper","ScopedCssBaseline","ThemeProvider","translate","odysseyTranslate","TranslationProvider","OdysseyTranslationProvider","useOdysseyDesignTokens","badgeContentMaxValues","DatePicker","FileUploader","fileUploadTypes","fileUploadVariants"],"sources":["../../src/index.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\nexport { deepmerge, visuallyHidden } from \"@mui/utils\";\n\nexport {\n  createTheme,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  DialogContentText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Divider,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputAdornment,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputBase,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemIcon,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListSubheader,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  MenuList,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Paper,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ScopedCssBaseline,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ThemeProvider,\n} from \"@mui/material\";\n\nexport type {\n  CssBaselineProps,\n  DialogContentTextProps,\n  DividerProps,\n  InputAdornmentProps,\n  InputBaseProps,\n  ListItemIconProps,\n  ListItemTextProps,\n  ListSubheaderProps,\n  MenuListProps,\n  PaperProps,\n  ScopedCssBaselineProps,\n  StackProps,\n  ThemeOptions,\n} from \"@mui/material\";\n\nexport {\n  translate as odysseyTranslate,\n  TranslationProvider as OdysseyTranslationProvider,\n  type TranslationProviderProps as OdysseyTranslationProviderProps,\n  type TranslationOverrides,\n} from \"./i18n.generated/i18n.js\";\nexport type { FocusHandle } from \"./inputUtils.js\";\nexport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport * from \"./Accordion.js\";\nexport * from \"./Autocomplete.js\";\nexport { badgeContentMaxValues } from \"./Badge.js\";\nexport * from \"./Banner.js\";\nexport * from \"./Box.js\";\nexport * from \"./Breadcrumbs.js\";\nexport * from \"./Buttons/index.js\";\nexport * from \"./Callout.js\";\nexport * from \"./Card.js\";\nexport * from \"./Checkbox.js\";\nexport * from \"./CheckboxGroup.js\";\nexport * from \"./CircularProgress.js\";\nexport * from \"./createUniqueId.js\";\nexport * from \"./CssBaseline.js\";\nexport * from \"./DataTable/index.js\";\nexport { DatePicker, type DatePickerProps } from \"./DatePickers/index.js\";\nexport * from \"./Dialog.js\";\nexport * from \"./Drawer.js\";\nexport * from \"./EmptyState.js\";\nexport * from \"./FieldComponentProps.js\";\nexport * from \"./Fieldset.js\";\nexport {\n  FileUploader,\n  fileUploadTypes,\n  fileUploadVariants,\n} from \"./FileUploader/index.js\";\nexport * from \"./Form.js\";\nexport * from \"./HintLink.js\";\nexport * from \"./IconWithTooltip.js\";\nexport * from \"./Link.js\";\nexport * from \"./NativeSelect.js\";\nexport * from \"./NullElement.js\";\nexport * from \"./OdysseyCacheProvider.js\";\nexport * from \"./OdysseyProvider.js\";\nexport * from \"./OdysseyThemeProvider.js\";\nexport * from \"./Pagination/index.js\";\nexport * from \"./PasswordField.js\";\nexport * from \"./Radio.js\";\nexport * from \"./RadioGroup.js\";\nexport * from \"./ScreenReaderText.js\";\nexport * from \"./SearchField.js\";\nexport * from \"./Select.js\";\nexport * from \"./Stack.js\";\nexport * from \"./Status.js\";\nexport * from \"./Surface.js\";\nexport * from \"./Switch.js\";\nexport * from \"./Tabs.js\";\nexport * from \"./Tag.js\";\nexport * from \"./TagList.js\";\nexport * from \"./TextField.js\";\nexport * from \"./theme/index.js\";\nexport * from \"./Toast.js\";\nexport * from \"./ToastStack.js\";\nexport * from \"./Tooltip.js\";\nexport * from \"./Typography.js\";\nexport * from \"./useMountLifecycleEffect.js\";\nexport * from \"./useUniqueId.js\";\nexport * from \"./web-component/createShadowDomElements.js\";\nexport * from \"./web-component/removeGlobalStylesFromShadowDom.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,cAAc,QAAQ,YAAY;AAEtD,SACEC,WAAW,EAEXC,iBAAiB,EAEjBC,OAAO,EAEPC,cAAc,EAEdC,SAAS,EAETC,YAAY,EAEZC,YAAY,EAEZC,aAAa,EAEbC,QAAQ,EAERC,KAAK,EAELC,iBAAiB,EAEjBC,aAAa,QACR,eAAe;AAkBtB,SACEC,SAAS,IAAIC,gBAAgB,EAC7BC,mBAAmB,IAAIC,0BAA0B,QAG5C,0BAA0B;AAEjC,SAASC,sBAAsB,QAAQ,iCAAiC;AAExE,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,SAASC,qBAAqB,QAAQ,YAAY;AAClD,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,sBAAsB;AACpC,SAASC,UAAU,QAA8B,wBAAwB;AACzE,cAAc,aAAa;AAC3B,cAAc,aAAa;AAC3B,cAAc,iBAAiB;AAC/B,cAAc,0BAA0B;AACxC,cAAc,eAAe;AAC7B,SACEC,YAAY,EACZC,eAAe,EACfC,kBAAkB,QACb,yBAAyB;AAChC,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,kBAAkB;AAChC,cAAc,2BAA2B;AACzC,cAAc,sBAAsB;AACpC,cAAc,2BAA2B;AACzC,cAAc,uBAAuB;AACrC,cAAc,oBAAoB;AAClC,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,iBAAiB;AAC/B,cAAc,8BAA8B;AAC5C,cAAc,kBAAkB;AAChC,cAAc,4CAA4C;AAC1D,cAAc,oDAAoD","ignoreList":[]}

package/dist/esm/labs/DataFilters.js

@@ -17,12 +17,12 @@ import _Typography from "@mui/material/Typography";
 
 import styled from "@emotion/styled";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Trans, useTranslation } from "react-i18next";
 import { Autocomplete } from "../Autocomplete.js";
 import { Box } from "../Box.js";
 import { Button } from "../Buttons/index.js";
 import { Checkbox } from "../Checkbox.js";
 import { CheckboxGroup } from "../CheckboxGroup.js";
+import { Trans, useTranslation } from "../i18n.generated/i18n.js";
 import { CheckIcon, ChevronRightIcon, CloseCircleFilledIcon, FilterIcon } from "../icons.generated/index.js";
 import { useOdysseyDesignTokens } from "../OdysseyDesignTokensContext.js";
 import { Radio } from "../Radio.js";