@okta/odyssey-react-mui 1.43.0 → 1.44.0

package/dist/cjs/Buttons/BaseMenuButton.cjs

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.verticalDividerAlignmentValues = exports.menuAlignmentValues = exports.BaseMenuButton = void 0;
 var _Popover2 = _interopRequireDefault(require("@mui/material/Popover"));
 var _Menu2 = _interopRequireDefault(require("@mui/material/Menu"));
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
 var _Box = require("../Box.cjs");
-var _BaseButton = require("./BaseButton.cjs");
 var _index = require("../icons.generated/index.cjs");
-var _MenuContext = require("./MenuContext.cjs");
 var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
 var _useUniqueId = require("../useUniqueId.cjs");
+var _BaseButton = require("./BaseButton.cjs");
+var _MenuContext = require("./MenuContext.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -128,39 +128,39 @@ const BaseMenuButton = ({
     verticalDividerAlignment: verticalDividerAlignment,
     children: [(0, _jsxRuntime.jsx)(_BaseButton.BaseButton, {
       ariaControls: isOpen ? `${uniqueId}-menu` : undefined,
+      ariaDescribedBy: ariaDescribedBy,
       ariaExpanded: isOpen ? "true" : undefined,
       ariaHasPopup: "true",
-      ariaDescribedBy: ariaDescribedBy,
       ariaLabel: ariaLabel,
       ariaLabelledBy: ariaLabelledBy,
-      testId: testId,
+      children: buttonChildren,
       endIcon: endIcon,
       id: `${uniqueId}-button`,
       isDisabled: isDisabled,
       label: buttonLabel,
-      children: buttonChildren,
       onClick: openMenu,
       size: size,
+      testId: testId,
       tooltipText: tooltipText,
       translate: translate,
       variant: buttonVariant
     }), children && (0, _jsxRuntime.jsx)(_Menu2.default, {
-      anchorOrigin: anchorOrigin,
-      transformOrigin: transformOrigin,
       anchorEl: anchorEl,
+      anchorOrigin: anchorOrigin,
       id: `${uniqueId}-menu`,
       MenuListProps: menuListProps,
       onClose: closeMenu,
       open: isOpen,
+      transformOrigin: transformOrigin,
       children: (0, _jsxRuntime.jsx)(_MenuContext.MenuContext.Provider, {
         value: providerValue,
         children: children
       })
     }), popoverContent && (0, _jsxRuntime.jsx)(_Popover2.default, {
-      open: isOpen,
       anchorEl: anchorEl,
-      onClose: closeMenu,
       anchorOrigin: anchorOrigin,
+      onClose: closeMenu,
+      open: isOpen,
       transformOrigin: transformOrigin,
       children: (0, _jsxRuntime.jsx)(_Box.Box, {
         sx: {

package/dist/cjs/Buttons/BaseMenuButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseMenuButton.cjs","names":["_react","require","_styled","_interopRequireDefault","_Box","_BaseButton","_index","_MenuContext","_OdysseyDesignTokensContext","_useUniqueId","_jsxRuntime","e","__esModule","default","menuAlignmentValues","exports","verticalDividerAlignmentValues","StyledMenuButtonContainer","styled","shouldForwardProp","prop","hasVerticalDivider","odysseyDesignTokens","verticalDividerAlignment","position","display","top","left","width","height","Spacing6","backgroundColor","HueNeutral300","content","transform","transition","right","opacity","BaseMenuButton","ariaLabel","ariaLabelledBy","ariaDescribedBy","buttonChildren","buttonLabel","buttonVariant","children","popoverContent","endIcon","endIconProp","id","idOverride","isDisabled","isOverflow","menuAlignment","omitEndIcon","shouldCloseOnSelect","size","testId","tooltipText","translate","useOdysseyDesignTokens","anchorEl","setAnchorEl","useState","isOpen","Boolean","closeMenu","useCallback","openMenu","event","currentTarget","uniqueId","useUniqueId","menuListProps","useMemo","providerValue","undefined","jsx","MoreIcon","ChevronDownIcon","anchorOrigin","horizontal","vertical","transformOrigin","jsxs","BaseButton","ariaControls","ariaExpanded","ariaHasPopup","label","onClick","variant","_Menu2","MenuListProps","onClose","open","MenuContext","Provider","value","_Popover2","Box","sx","padding","Spacing4","MemoizedBaseMenuButton","memo","displayName"],"sources":["../../../src/Buttons/BaseMenuButton.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  memo,\n  type ReactElement,\n  useCallback,\n  useMemo,\n  useState,\n  ReactNode,\n} from \"react\";\nimport {\n  Menu as MuiMenu,\n  Popover as MuiPopover,\n  PopoverOrigin,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\n\nimport { Box } from \"../Box.js\";\nimport {\n  BaseButton,\n  buttonSizeValues,\n  buttonVariantValues,\n} from \"./BaseButton.js\";\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport type { HtmlProps } from \"../HtmlProps.js\";\nimport { ChevronDownIcon, MoreIcon } from \"../icons.generated/index.js\";\nimport { MenuContext, MenuContextType } from \"./MenuContext.js\";\nimport { NullElement } from \"../NullElement.js\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { useUniqueId } from \"../useUniqueId.js\";\n\nexport const menuAlignmentValues = [\"left\", \"right\"] as const;\nexport const verticalDividerAlignmentValues = [\"start\", \"end\"] as const;\n\nconst StyledMenuButtonContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"hasVerticalDivider\" &&\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"verticalDividerAlignment\",\n})<{\n  hasVerticalDivider: BaseMenuButtonProps[\"hasVerticalDivider\"];\n  odysseyDesignTokens: DesignTokens;\n  verticalDividerAlignment: BaseMenuButtonProps[\"verticalDividerAlignment\"];\n}>(({ hasVerticalDivider, odysseyDesignTokens, verticalDividerAlignment }) => ({\n  position: \"relative\",\n\n  ...(hasVerticalDivider && {\n    display: \"inline-block\",\n\n    \"&:before\": {\n      position: \"absolute\",\n      top: \"50%\",\n      left: 0,\n      width: 1,\n      height: odysseyDesignTokens.Spacing6,\n      backgroundColor: odysseyDesignTokens.HueNeutral300,\n      content: '\"\"',\n      transform: \"translate3d(0, -50%, 0)\",\n      transition: `opacity 200ms`,\n\n      ...(verticalDividerAlignment === \"end\" && {\n        left: \"unset\",\n        right: 0,\n      }),\n    },\n\n    \":has(> button:hover)\": {\n      \"&:before\": {\n        opacity: 0,\n      },\n    },\n\n    \":dir(rtl)\": {\n      \"&:before\": {\n        left: \"unset\",\n        right: 0,\n        ...(verticalDividerAlignment === \"end\" && {\n          right: \"unset\",\n          left: 0,\n        }),\n      },\n    },\n  }),\n}));\n\nexport type BaseMenuButtonProps = {\n  /**\n   * The button children for the triggering Button. Only available internal to Odyssey here in BaseMenuButton. If set, buttonLabel is ignored.\n   */\n  buttonChildren?: ReactNode;\n  /**\n   * The label on the triggering Button\n   */\n  buttonLabel?: string;\n  /**\n   * The variant of the triggering Button\n   */\n  buttonVariant?: (typeof buttonVariantValues)[number];\n  /**\n   * The end Icon on the triggering Button\n   */\n  endIcon?: ReactElement;\n  /**\n   * Add a vertical rule to divide the button from surrounding content\n   */\n  hasVerticalDivider?: boolean;\n  /**\n   * Whether to omit the endIcon if not set (rather than use a default value for it based on overflow)\n   */\n  omitEndIcon?: boolean;\n  /**\n   * The id of the Button\n   */\n  id?: string;\n  /**\n   * If the MenuButton is an overflow menu or standard menu.\n   */\n  isOverflow?: boolean;\n  /**\n   * The horizontal alignment of the menu.\n   */\n  menuAlignment?: (typeof menuAlignmentValues)[number];\n  /**\n   * If true (the default), the menu will close when a child MenuItem is clicked.\n   * Otherwise, it will remain open.\n   */\n  shouldCloseOnSelect?: boolean;\n  /**\n   * The size of the button\n   */\n  size?: (typeof buttonSizeValues)[number];\n  /**\n   * The tooltip text for the Button if it's icon-only\n   */\n  tooltipText?: string;\n\n  /**\n   * Show vertical rule before or after the button\n   */\n  verticalDividerAlignment?: (typeof verticalDividerAlignmentValues)[number];\n};\n\n// These are split and exported separately from the above because wrappers of this (e.g. MenuButton) will\n// want to omit buttonChildren, which they cannot do from the combined union type. Instead, they should\n// omit from BaseMenuButtonProps, then union with the AdditionalBaseMenuButtonProps (as seen in MenuButton)\nexport type AdditionalBaseMenuButtonProps = Pick<\n  HtmlProps,\n  \"ariaDescribedBy\" | \"ariaLabel\" | \"ariaLabelledBy\" | \"testId\" | \"translate\"\n> &\n  Pick<FieldComponentProps, \"isDisabled\"> &\n  (\n    | { buttonLabel: string }\n    | (Required<Pick<HtmlProps, \"ariaLabelledBy\">> &\n        Partial<Pick<HtmlProps, \"ariaLabel\">> & {\n          buttonLabel?: undefined | \"\";\n        })\n    | (Required<Pick<HtmlProps, \"ariaLabel\">> &\n        Partial<Pick<HtmlProps, \"ariaLabelledBy\">> & {\n          buttonLabel?: undefined | \"\";\n        })\n  ) &\n  (\n    | {\n        /**\n         * The <MenuItem> components within the Menu.\n         */\n        children: ReactNode | NullElement;\n        /**\n         * popoverContent is disallowed if children are present\n         */\n        popoverContent?: never;\n      }\n    | {\n        /**\n         * children is disallowed if popoverContent is present\n         */\n        children?: never;\n        /**\n         * The content for the popover that is triggered on click.\n         */\n        popoverContent: ReactNode | NullElement;\n      }\n  );\n\nconst BaseMenuButton = ({\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  buttonChildren,\n  buttonLabel = \"\",\n  buttonVariant = \"secondary\",\n  children,\n  popoverContent,\n  endIcon: endIconProp,\n  hasVerticalDivider = false,\n  id: idOverride,\n  isDisabled,\n  isOverflow,\n  menuAlignment = \"left\",\n  omitEndIcon = false,\n  shouldCloseOnSelect = true,\n  size,\n  testId,\n  tooltipText,\n  translate,\n  verticalDividerAlignment = \"start\",\n}: BaseMenuButtonProps & AdditionalBaseMenuButtonProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const isOpen = Boolean(anchorEl);\n\n  const closeMenu = useCallback(() => {\n    setAnchorEl(null);\n  }, []);\n\n  const openMenu = useCallback<MenuContextType[\"openMenu\"]>((event) => {\n    setAnchorEl(event.currentTarget);\n  }, []);\n\n  const uniqueId = useUniqueId(idOverride);\n\n  const menuListProps = useMemo(\n    () => ({ \"aria-labelledby\": `${uniqueId}-button` }),\n    [uniqueId],\n  );\n\n  const providerValue = useMemo<MenuContextType>(\n    () => ({\n      closeMenu,\n      openMenu,\n      shouldCloseOnSelect,\n    }),\n    [closeMenu, openMenu, shouldCloseOnSelect],\n  );\n\n  const endIcon = omitEndIcon ? undefined : endIconProp ? (\n    endIconProp\n  ) : isOverflow ? (\n    <MoreIcon />\n  ) : (\n    <ChevronDownIcon />\n  );\n\n  const anchorOrigin = useMemo(\n    () =>\n      ({\n        horizontal: menuAlignment,\n        vertical: \"bottom\",\n      }) as PopoverOrigin,\n    [menuAlignment],\n  );\n\n  const transformOrigin = useMemo(\n    () =>\n      ({\n        horizontal: menuAlignment,\n        vertical: \"top\",\n      }) as PopoverOrigin,\n    [menuAlignment],\n  );\n\n  return (\n    <StyledMenuButtonContainer\n      hasVerticalDivider={hasVerticalDivider}\n      odysseyDesignTokens={odysseyDesignTokens}\n      verticalDividerAlignment={verticalDividerAlignment}\n    >\n      <BaseButton\n        ariaControls={isOpen ? `${uniqueId}-menu` : undefined}\n        ariaExpanded={isOpen ? \"true\" : undefined}\n        ariaHasPopup=\"true\"\n        ariaDescribedBy={ariaDescribedBy}\n        ariaLabel={ariaLabel}\n        ariaLabelledBy={ariaLabelledBy}\n        testId={testId}\n        endIcon={endIcon}\n        id={`${uniqueId}-button`}\n        isDisabled={isDisabled}\n        label={buttonLabel}\n        children={buttonChildren}\n        onClick={openMenu}\n        size={size}\n        tooltipText={tooltipText}\n        translate={translate}\n        variant={buttonVariant}\n      />\n\n      {children && (\n        <MuiMenu\n          anchorOrigin={anchorOrigin}\n          transformOrigin={transformOrigin}\n          anchorEl={anchorEl}\n          id={`${uniqueId}-menu`}\n          MenuListProps={menuListProps}\n          onClose={closeMenu}\n          open={isOpen}\n        >\n          <MenuContext.Provider value={providerValue}>\n            {children}\n          </MenuContext.Provider>\n        </MuiMenu>\n      )}\n\n      {popoverContent && (\n        <MuiPopover\n          open={isOpen}\n          anchorEl={anchorEl}\n          onClose={closeMenu}\n          anchorOrigin={anchorOrigin}\n          transformOrigin={transformOrigin}\n        >\n          <Box\n            sx={{\n              padding: odysseyDesignTokens.Spacing4,\n            }}\n          >\n            {popoverContent}\n          </Box>\n        </MuiPopover>\n      )}\n    </StyledMenuButtonContainer>\n  );\n};\n\nconst MemoizedBaseMenuButton = memo(BaseMenuButton);\nMemoizedBaseMenuButton.displayName = \"BaseMenuButton\";\n\nexport { MemoizedBaseMenuButton as BaseMenuButton };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BaseMenuButton.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_index","_OdysseyDesignTokensContext","_useUniqueId","_BaseButton","_MenuContext","_jsxRuntime","e","__esModule","default","menuAlignmentValues","exports","verticalDividerAlignmentValues","StyledMenuButtonContainer","styled","shouldForwardProp","prop","hasVerticalDivider","odysseyDesignTokens","verticalDividerAlignment","position","display","top","left","width","height","Spacing6","backgroundColor","HueNeutral300","content","transform","transition","right","opacity","BaseMenuButton","ariaLabel","ariaLabelledBy","ariaDescribedBy","buttonChildren","buttonLabel","buttonVariant","children","popoverContent","endIcon","endIconProp","id","idOverride","isDisabled","isOverflow","menuAlignment","omitEndIcon","shouldCloseOnSelect","size","testId","tooltipText","translate","useOdysseyDesignTokens","anchorEl","setAnchorEl","useState","isOpen","Boolean","closeMenu","useCallback","openMenu","event","currentTarget","uniqueId","useUniqueId","menuListProps","useMemo","providerValue","undefined","jsx","MoreIcon","ChevronDownIcon","anchorOrigin","horizontal","vertical","transformOrigin","jsxs","BaseButton","ariaControls","ariaExpanded","ariaHasPopup","label","onClick","variant","_Menu2","MenuListProps","onClose","open","MenuContext","Provider","value","_Popover2","Box","sx","padding","Spacing4","MemoizedBaseMenuButton","memo","displayName"],"sources":["../../../src/Buttons/BaseMenuButton.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  Menu as MuiMenu,\n  Popover as MuiPopover,\n  PopoverOrigin,\n} from \"@mui/material\";\nimport {\n  memo,\n  type ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { Box } from \"../Box.js\";\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport { ChevronDownIcon, MoreIcon } from \"../icons.generated/index.js\";\nimport { NullElement } from \"../NullElement.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { useUniqueId } from \"../useUniqueId.js\";\nimport {\n  BaseButton,\n  buttonSizeValues,\n  buttonVariantValues,\n} from \"./BaseButton.js\";\nimport { MenuContext, MenuContextType } from \"./MenuContext.js\";\n\nexport const menuAlignmentValues = [\"left\", \"right\"] as const;\nexport const verticalDividerAlignmentValues = [\"start\", \"end\"] as const;\n\nconst StyledMenuButtonContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"hasVerticalDivider\" &&\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"verticalDividerAlignment\",\n})<{\n  hasVerticalDivider: BaseMenuButtonProps[\"hasVerticalDivider\"];\n  odysseyDesignTokens: DesignTokens;\n  verticalDividerAlignment: BaseMenuButtonProps[\"verticalDividerAlignment\"];\n}>(({ hasVerticalDivider, odysseyDesignTokens, verticalDividerAlignment }) => ({\n  position: \"relative\",\n\n  ...(hasVerticalDivider && {\n    display: \"inline-block\",\n\n    \"&:before\": {\n      position: \"absolute\",\n      top: \"50%\",\n      left: 0,\n      width: 1,\n      height: odysseyDesignTokens.Spacing6,\n      backgroundColor: odysseyDesignTokens.HueNeutral300,\n      content: '\"\"',\n      transform: \"translate3d(0, -50%, 0)\",\n      transition: `opacity 200ms`,\n\n      ...(verticalDividerAlignment === \"end\" && {\n        left: \"unset\",\n        right: 0,\n      }),\n    },\n\n    \":has(> button:hover)\": {\n      \"&:before\": {\n        opacity: 0,\n      },\n    },\n\n    \":dir(rtl)\": {\n      \"&:before\": {\n        left: \"unset\",\n        right: 0,\n        ...(verticalDividerAlignment === \"end\" && {\n          right: \"unset\",\n          left: 0,\n        }),\n      },\n    },\n  }),\n}));\n\nexport type BaseMenuButtonProps = {\n  /**\n   * The button children for the triggering Button. Only available internal to Odyssey here in BaseMenuButton. If set, buttonLabel is ignored.\n   */\n  buttonChildren?: ReactNode;\n  /**\n   * The label on the triggering Button\n   */\n  buttonLabel?: string;\n  /**\n   * The variant of the triggering Button\n   */\n  buttonVariant?: (typeof buttonVariantValues)[number];\n  /**\n   * The end Icon on the triggering Button\n   */\n  endIcon?: ReactElement;\n  /**\n   * Add a vertical rule to divide the button from surrounding content\n   */\n  hasVerticalDivider?: boolean;\n  /**\n   * The id of the Button\n   */\n  id?: string;\n  /**\n   * If the MenuButton is an overflow menu or standard menu.\n   */\n  isOverflow?: boolean;\n  /**\n   * The horizontal alignment of the menu.\n   */\n  menuAlignment?: (typeof menuAlignmentValues)[number];\n  /**\n   * Whether to omit the endIcon if not set (rather than use a default value for it based on overflow)\n   */\n  omitEndIcon?: boolean;\n  /**\n   * If true (the default), the menu will close when a child MenuItem is clicked.\n   * Otherwise, it will remain open.\n   */\n  shouldCloseOnSelect?: boolean;\n  /**\n   * The size of the button\n   */\n  size?: (typeof buttonSizeValues)[number];\n  /**\n   * The tooltip text for the Button if it's icon-only\n   */\n  tooltipText?: string;\n\n  /**\n   * Show vertical rule before or after the button\n   */\n  verticalDividerAlignment?: (typeof verticalDividerAlignmentValues)[number];\n};\n\n// These are split and exported separately from the above because wrappers of this (e.g. MenuButton) will\n// want to omit buttonChildren, which they cannot do from the combined union type. Instead, they should\n// omit from BaseMenuButtonProps, then union with the AdditionalBaseMenuButtonProps (as seen in MenuButton)\nexport type AdditionalBaseMenuButtonProps = Pick<\n  HtmlProps,\n  \"ariaDescribedBy\" | \"ariaLabel\" | \"ariaLabelledBy\" | \"testId\" | \"translate\"\n> &\n  Pick<FieldComponentProps, \"isDisabled\"> &\n  (\n    | { buttonLabel: string }\n    | (Required<Pick<HtmlProps, \"ariaLabelledBy\">> &\n        Partial<Pick<HtmlProps, \"ariaLabel\">> & {\n          buttonLabel?: undefined | \"\";\n        })\n    | (Required<Pick<HtmlProps, \"ariaLabel\">> &\n        Partial<Pick<HtmlProps, \"ariaLabelledBy\">> & {\n          buttonLabel?: undefined | \"\";\n        })\n  ) &\n  (\n    | {\n        /**\n         * The <MenuItem> components within the Menu.\n         */\n        children: ReactNode | NullElement;\n        /**\n         * popoverContent is disallowed if children are present\n         */\n        popoverContent?: never;\n      }\n    | {\n        /**\n         * children is disallowed if popoverContent is present\n         */\n        children?: never;\n        /**\n         * The content for the popover that is triggered on click.\n         */\n        popoverContent: ReactNode | NullElement;\n      }\n  );\n\nconst BaseMenuButton = ({\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  buttonChildren,\n  buttonLabel = \"\",\n  buttonVariant = \"secondary\",\n  children,\n  popoverContent,\n  endIcon: endIconProp,\n  hasVerticalDivider = false,\n  id: idOverride,\n  isDisabled,\n  isOverflow,\n  menuAlignment = \"left\",\n  omitEndIcon = false,\n  shouldCloseOnSelect = true,\n  size,\n  testId,\n  tooltipText,\n  translate,\n  verticalDividerAlignment = \"start\",\n}: BaseMenuButtonProps & AdditionalBaseMenuButtonProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const isOpen = Boolean(anchorEl);\n\n  const closeMenu = useCallback(() => {\n    setAnchorEl(null);\n  }, []);\n\n  const openMenu = useCallback<MenuContextType[\"openMenu\"]>((event) => {\n    setAnchorEl(event.currentTarget);\n  }, []);\n\n  const uniqueId = useUniqueId(idOverride);\n\n  const menuListProps = useMemo(\n    () => ({ \"aria-labelledby\": `${uniqueId}-button` }),\n    [uniqueId],\n  );\n\n  const providerValue = useMemo<MenuContextType>(\n    () => ({\n      closeMenu,\n      openMenu,\n      shouldCloseOnSelect,\n    }),\n    [closeMenu, openMenu, shouldCloseOnSelect],\n  );\n\n  const endIcon = omitEndIcon ? undefined : endIconProp ? (\n    endIconProp\n  ) : isOverflow ? (\n    <MoreIcon />\n  ) : (\n    <ChevronDownIcon />\n  );\n\n  const anchorOrigin = useMemo(\n    () =>\n      ({\n        horizontal: menuAlignment,\n        vertical: \"bottom\",\n      }) as PopoverOrigin,\n    [menuAlignment],\n  );\n\n  const transformOrigin = useMemo(\n    () =>\n      ({\n        horizontal: menuAlignment,\n        vertical: \"top\",\n      }) as PopoverOrigin,\n    [menuAlignment],\n  );\n\n  return (\n    <StyledMenuButtonContainer\n      hasVerticalDivider={hasVerticalDivider}\n      odysseyDesignTokens={odysseyDesignTokens}\n      verticalDividerAlignment={verticalDividerAlignment}\n    >\n      <BaseButton\n        ariaControls={isOpen ? `${uniqueId}-menu` : undefined}\n        ariaDescribedBy={ariaDescribedBy}\n        ariaExpanded={isOpen ? \"true\" : undefined}\n        ariaHasPopup=\"true\"\n        ariaLabel={ariaLabel}\n        ariaLabelledBy={ariaLabelledBy}\n        children={buttonChildren}\n        endIcon={endIcon}\n        id={`${uniqueId}-button`}\n        isDisabled={isDisabled}\n        label={buttonLabel}\n        onClick={openMenu}\n        size={size}\n        testId={testId}\n        tooltipText={tooltipText}\n        translate={translate}\n        variant={buttonVariant}\n      />\n\n      {children && (\n        <MuiMenu\n          anchorEl={anchorEl}\n          anchorOrigin={anchorOrigin}\n          id={`${uniqueId}-menu`}\n          MenuListProps={menuListProps}\n          onClose={closeMenu}\n          open={isOpen}\n          transformOrigin={transformOrigin}\n        >\n          <MenuContext.Provider value={providerValue}>\n            {children}\n          </MenuContext.Provider>\n        </MuiMenu>\n      )}\n\n      {popoverContent && (\n        <MuiPopover\n          anchorEl={anchorEl}\n          anchorOrigin={anchorOrigin}\n          onClose={closeMenu}\n          open={isOpen}\n          transformOrigin={transformOrigin}\n        >\n          <Box\n            sx={{\n              padding: odysseyDesignTokens.Spacing4,\n            }}\n          >\n            {popoverContent}\n          </Box>\n        </MuiPopover>\n      )}\n    </StyledMenuButtonContainer>\n  );\n};\n\nconst MemoizedBaseMenuButton = memo(BaseMenuButton);\nMemoizedBaseMenuButton.displayName = \"BaseMenuButton\";\n\nexport { MemoizedBaseMenuButton as BaseMenuButton };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Buttons/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","names":["_react","require","_BaseButton","_jsxRuntime","Button","props","jsx","BaseButton","MemoizedButton","exports","memo","displayName"],"sources":["../../../src/Buttons/Button.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\nimport {\n  AdditionalBaseButtonProps,\n  BaseButton,\n  BaseButtonProps,\n} from \"./BaseButton.js\";\n\nexport type ButtonProps = Omit<BaseButtonProps, \"children\"> &\n  AdditionalBaseButtonProps;\n\nconst Button = (props: ButtonProps) => {\n  return <BaseButton {...props} />;\n};\n\nconst MemoizedButton = memo(Button);\nMemoizedButton.displayName = \"Button\";\n\nexport { MemoizedButton as Button };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAIyB,IAAAE,WAAA,GAAAF,OAAA;AAjBzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA,MAAMG,MAAM,GAAIC,KAAkB,IAAK;EACrC,OAAO,IAAAF,WAAA,CAAAG,GAAA,EAACJ,WAAA,CAAAK,UAAU;IAAA,GAAKF;EAAK,CAAG,CAAC;AAClC,CAAC;AAED,MAAMG,cAAc,GAAAC,OAAA,CAAAL,MAAA,GAAG,IAAAM,WAAI,EAACN,MAAM,CAAC;AACnCI,cAAc,CAACG,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Button.cjs","names":["_react","require","_BaseButton","_jsxRuntime","Button","props","jsx","BaseButton","MemoizedButton","exports","memo","displayName"],"sources":["../../../src/Buttons/Button.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\n\nimport {\n  AdditionalBaseButtonProps,\n  BaseButton,\n  BaseButtonProps,\n} from \"./BaseButton.js\";\n\nexport type ButtonProps = Omit<BaseButtonProps, \"children\"> &\n  AdditionalBaseButtonProps;\n\nconst Button = (props: ButtonProps) => {\n  return <BaseButton {...props} />;\n};\n\nconst MemoizedButton = memo(Button);\nMemoizedButton.displayName = \"Button\";\n\nexport { MemoizedButton as Button };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAIyB,IAAAE,WAAA,GAAAF,OAAA;AAlBzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,MAAM,GAAIC,KAAkB,IAAK;EACrC,OAAO,IAAAF,WAAA,CAAAG,GAAA,EAACJ,WAAA,CAAAK,UAAU;IAAA,GAAKF;EAAK,CAAG,CAAC;AAClC,CAAC;AAED,MAAMG,cAAc,GAAAC,OAAA,CAAAL,MAAA,GAAG,IAAAM,WAAI,EAACN,MAAM,CAAC;AACnCI,cAAc,CAACG,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/cjs/Buttons/MenuButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.cjs","names":["_react","require","_BaseMenuButton","_jsxRuntime","MenuButton","props","jsx","BaseMenuButton","MemoizedMenuButton","exports","memo","displayName"],"sources":["../../../src/Buttons/MenuButton.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\nimport {\n  AdditionalBaseMenuButtonProps,\n  BaseMenuButton,\n  BaseMenuButtonProps,\n} from \"./BaseMenuButton.js\";\n\nexport type MenuButtonProps = Omit<\n  BaseMenuButtonProps,\n  \"buttonChildren\" | \"omitEndIcon\"\n> &\n  AdditionalBaseMenuButtonProps;\n\nconst MenuButton = (props: MenuButtonProps) => {\n  return <BaseMenuButton {...props} />;\n};\n\nconst MemoizedMenuButton = memo(MenuButton);\nMemoizedMenuButton.displayName = \"MenuButton\";\n\nexport { MemoizedMenuButton as MenuButton };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAI6B,IAAAE,WAAA,GAAAF,OAAA;AAjB7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAeA,MAAMG,UAAU,GAAIC,KAAsB,IAAK;EAC7C,OAAO,IAAAF,WAAA,CAAAG,GAAA,EAACJ,eAAA,CAAAK,cAAc;IAAA,GAAKF;EAAK,CAAG,CAAC;AACtC,CAAC;AAED,MAAMG,kBAAkB,GAAAC,OAAA,CAAAL,UAAA,GAAG,IAAAM,WAAI,EAACN,UAAU,CAAC;AAC3CI,kBAAkB,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"MenuButton.cjs","names":["_react","require","_BaseMenuButton","_jsxRuntime","MenuButton","props","jsx","BaseMenuButton","MemoizedMenuButton","exports","memo","displayName"],"sources":["../../../src/Buttons/MenuButton.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\n\nimport {\n  AdditionalBaseMenuButtonProps,\n  BaseMenuButton,\n  BaseMenuButtonProps,\n} from \"./BaseMenuButton.js\";\n\nexport type MenuButtonProps = Omit<\n  BaseMenuButtonProps,\n  \"buttonChildren\" | \"omitEndIcon\"\n> &\n  AdditionalBaseMenuButtonProps;\n\nconst MenuButton = (props: MenuButtonProps) => {\n  return <BaseMenuButton {...props} />;\n};\n\nconst MemoizedMenuButton = memo(MenuButton);\nMemoizedMenuButton.displayName = \"MenuButton\";\n\nexport { MemoizedMenuButton as MenuButton };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAI6B,IAAAE,WAAA,GAAAF,OAAA;AAlB7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMG,UAAU,GAAIC,KAAsB,IAAK;EAC7C,OAAO,IAAAF,WAAA,CAAAG,GAAA,EAACJ,eAAA,CAAAK,cAAc;IAAA,GAAKF;EAAK,CAAG,CAAC;AACtC,CAAC;AAED,MAAMG,kBAAkB,GAAAC,OAAA,CAAAL,UAAA,GAAG,IAAAM,WAAI,EAACN,UAAU,CAAC;AAC3CI,kBAAkB,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/cjs/Buttons/MenuContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContext.cjs","names":["_react","require","MenuContext","exports","createContext","closeMenu","openMenu","shouldCloseOnSelect"],"sources":["../../../src/Buttons/MenuContext.ts"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { MouseEventHandler, createContext } from \"react\";\n\nexport type MenuContextType = {\n  closeMenu: () => void;\n  openMenu: MouseEventHandler<HTMLElement>;\n  shouldCloseOnSelect: boolean;\n};\n\nexport const MenuContext = createContext<MenuContextType>({\n  closeMenu: () => {},\n  openMenu: () => {},\n  shouldCloseOnSelect: true,\n});\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oBAAa,EAAkB;EACxDC,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,mBAAmB,EAAE;AACvB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"MenuContext.cjs","names":["_react","require","MenuContext","exports","createContext","closeMenu","openMenu","shouldCloseOnSelect"],"sources":["../../../src/Buttons/MenuContext.ts"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { createContext, MouseEventHandler } from \"react\";\n\nexport type MenuContextType = {\n  closeMenu: () => void;\n  openMenu: MouseEventHandler<HTMLElement>;\n  shouldCloseOnSelect: boolean;\n};\n\nexport const MenuContext = createContext<MenuContextType>({\n  closeMenu: () => {},\n  openMenu: () => {},\n  shouldCloseOnSelect: true,\n});\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oBAAa,EAAkB;EACxDC,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,mBAAmB,EAAE;AACvB,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/Buttons/MenuItem.cjs

@@ -49,8 +49,8 @@ const MenuItem = ({
     disabled: isDisabled,
     onClick: onClick,
     selected: isSelected,
-    value: value,
     tabIndex: 0,
+    value: value,
     children: children
   });
 };

package/dist/cjs/Buttons/MenuItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.cjs","names":["_MenuItem2","_interopRequireWildcard","require","_react","_MenuContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MenuItem","children","hasInitialFocus","isSelected","isDisabled","onClick","onClickProp","testId","value","variant","closeMenu","shouldCloseOnSelect","useContext","MenuContext","useCallback","event","jsx","autoFocus","className","menuItemClasses","root","undefined","disabled","selected","tabIndex","MemoizedMenuItem","exports","memo","displayName"],"sources":["../../../src/Buttons/MenuItem.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  MenuItem as MuiMenuItem,\n  MenuItemProps as MuiMenuItemProps,\n} from \"@mui/material\";\nimport { menuItemClasses } from \"@mui/material/MenuItem\";\nimport { memo, useCallback, useContext, type ReactNode } from \"react\";\n\nimport { MenuContext } from \"./MenuContext.js\";\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nexport type MenuItemProps = {\n  /**\n   * The content of the menu item.\n   */\n  children: ReactNode;\n  /**\n   * If `true`, the menu item will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * If `true`, the menu item will be visually marked as selected.\n   */\n  isSelected?: boolean;\n  /**\n   * If `true`, the menu item will be visually marked as disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Callback fired when the menu item is clicked.\n   */\n  onClick?: MuiMenuItemProps[\"onClick\"];\n  /**\n   * The value associated with the menu item.\n   */\n  value?: string;\n  /**\n   * The variant of the menu item.\n   * - \"default\": The default variant.\n   * - \"destructive\": A variant indicating a destructive action.\n   */\n  variant?: \"default\" | \"destructive\";\n} & Pick<HtmlProps, \"testId\">;\n\nconst MenuItem = ({\n  children,\n  hasInitialFocus,\n  isSelected,\n  isDisabled,\n  onClick: onClickProp,\n  testId,\n  value,\n  variant = \"default\",\n}: MenuItemProps) => {\n  const { closeMenu, shouldCloseOnSelect } = useContext(MenuContext);\n\n  const onClick = useCallback<NonNullable<MuiMenuItemProps[\"onClick\"]>>(\n    (event) => {\n      onClickProp?.(event);\n      if (shouldCloseOnSelect) {\n        closeMenu();\n      }\n    },\n    [onClickProp, closeMenu, shouldCloseOnSelect],\n  );\n\n  return (\n    <MuiMenuItem\n      aria-current={isSelected}\n      /* eslint-disable-next-line jsx-a11y/no-autofocus */\n      autoFocus={hasInitialFocus}\n      className={\n        variant === \"destructive\"\n          ? `${menuItemClasses.root}-destructive`\n          : undefined\n      }\n      data-se={testId}\n      disabled={isDisabled}\n      onClick={onClick}\n      selected={isSelected}\n      value={value}\n      tabIndex={0}\n    >\n      {children}\n    </MuiMenuItem>\n  );\n};\n\nconst MemoizedMenuItem = memo(MenuItem);\nMemoizedMenuItem.displayName = \"MenuItem\";\n\nexport { MemoizedMenuItem as MenuItem };\n"],"mappings":";;;;;;AAgBA,IAAAA,UAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAnB/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA6CA,MAAMkB,QAAQ,GAAGA,CAAC;EAChBC,QAAQ;EACRC,eAAe;EACfC,UAAU;EACVC,UAAU;EACVC,OAAO,EAAEC,WAAW;EACpBC,MAAM;EACNC,KAAK;EACLC,OAAO,GAAG;AACG,CAAC,KAAK;EACnB,MAAM;IAAEC,SAAS;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAU,EAACC,wBAAW,CAAC;EAElE,MAAMR,OAAO,GAAG,IAAAS,kBAAW,EACxBC,KAAK,IAAK;IACTT,WAAW,GAAGS,KAAK,CAAC;IACpB,IAAIJ,mBAAmB,EAAE;MACvBD,SAAS,CAAC,CAAC;IACb;EACF,CAAC,EACD,CAACJ,WAAW,EAAEI,SAAS,EAAEC,mBAAmB,CAC9C,CAAC;EAED,OACE,IAAA/B,WAAA,CAAAoC,GAAA,EAAAzC,UAAA,CAAAgB,OAAA;IACE,gBAAcY,UAAW;IAEzBc,SAAS,EAAEf,eAAgB;IAC3BgB,SAAS,EACPT,OAAO,KAAK,aAAa,GACrB,GAAGU,0BAAe,CAACC,IAAI,cAAc,GACrCC,SACL;IACD,WAASd,MAAO;IAChBe,QAAQ,EAAElB,UAAW;IACrBC,OAAO,EAAEA,OAAQ;IACjBkB,QAAQ,EAAEpB,UAAW;IACrBK,KAAK,EAAEA,KAAM;IACbgB,QAAQ,EAAE,CAAE;IAAAvB,QAAA,EAEXA;EAAQ,CACE,CAAC;AAElB,CAAC;AAED,MAAMwB,gBAAgB,GAAAC,OAAA,CAAA1B,QAAA,GAAG,IAAA2B,WAAI,EAAC3B,QAAQ,CAAC;AACvCyB,gBAAgB,CAACG,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"file":"MenuItem.cjs","names":["_MenuItem2","_interopRequireWildcard","require","_react","_MenuContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MenuItem","children","hasInitialFocus","isSelected","isDisabled","onClick","onClickProp","testId","value","variant","closeMenu","shouldCloseOnSelect","useContext","MenuContext","useCallback","event","jsx","autoFocus","className","menuItemClasses","root","undefined","disabled","selected","tabIndex","MemoizedMenuItem","exports","memo","displayName"],"sources":["../../../src/Buttons/MenuItem.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  MenuItem as MuiMenuItem,\n  MenuItemProps as MuiMenuItemProps,\n} from \"@mui/material\";\nimport { menuItemClasses } from \"@mui/material/MenuItem\";\nimport { memo, type ReactNode, useCallback, useContext } from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { MenuContext } from \"./MenuContext.js\";\n\nexport type MenuItemProps = {\n  /**\n   * The content of the menu item.\n   */\n  children: ReactNode;\n  /**\n   * If `true`, the menu item will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * If `true`, the menu item will be visually marked as disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the menu item will be visually marked as selected.\n   */\n  isSelected?: boolean;\n  /**\n   * Callback fired when the menu item is clicked.\n   */\n  onClick?: MuiMenuItemProps[\"onClick\"];\n  /**\n   * The value associated with the menu item.\n   */\n  value?: string;\n  /**\n   * The variant of the menu item.\n   * - \"default\": The default variant.\n   * - \"destructive\": A variant indicating a destructive action.\n   */\n  variant?: \"default\" | \"destructive\";\n} & Pick<HtmlProps, \"testId\">;\n\nconst MenuItem = ({\n  children,\n  hasInitialFocus,\n  isSelected,\n  isDisabled,\n  onClick: onClickProp,\n  testId,\n  value,\n  variant = \"default\",\n}: MenuItemProps) => {\n  const { closeMenu, shouldCloseOnSelect } = useContext(MenuContext);\n\n  const onClick = useCallback<NonNullable<MuiMenuItemProps[\"onClick\"]>>(\n    (event) => {\n      onClickProp?.(event);\n      if (shouldCloseOnSelect) {\n        closeMenu();\n      }\n    },\n    [onClickProp, closeMenu, shouldCloseOnSelect],\n  );\n\n  return (\n    <MuiMenuItem\n      aria-current={isSelected}\n      /* eslint-disable-next-line jsx-a11y/no-autofocus */\n      autoFocus={hasInitialFocus}\n      className={\n        variant === \"destructive\"\n          ? `${menuItemClasses.root}-destructive`\n          : undefined\n      }\n      data-se={testId}\n      disabled={isDisabled}\n      onClick={onClick}\n      selected={isSelected}\n      tabIndex={0}\n      value={value}\n    >\n      {children}\n    </MuiMenuItem>\n  );\n};\n\nconst MemoizedMenuItem = memo(MenuItem);\nMemoizedMenuItem.displayName = \"MenuItem\";\n\nexport { MemoizedMenuItem as MenuItem };\n"],"mappings":";;;;;;AAgBA,IAAAA,UAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAIA,IAAAE,YAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AArB/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA8CA,MAAMkB,QAAQ,GAAGA,CAAC;EAChBC,QAAQ;EACRC,eAAe;EACfC,UAAU;EACVC,UAAU;EACVC,OAAO,EAAEC,WAAW;EACpBC,MAAM;EACNC,KAAK;EACLC,OAAO,GAAG;AACG,CAAC,KAAK;EACnB,MAAM;IAAEC,SAAS;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAU,EAACC,wBAAW,CAAC;EAElE,MAAMR,OAAO,GAAG,IAAAS,kBAAW,EACxBC,KAAK,IAAK;IACTT,WAAW,GAAGS,KAAK,CAAC;IACpB,IAAIJ,mBAAmB,EAAE;MACvBD,SAAS,CAAC,CAAC;IACb;EACF,CAAC,EACD,CAACJ,WAAW,EAAEI,SAAS,EAAEC,mBAAmB,CAC9C,CAAC;EAED,OACE,IAAA/B,WAAA,CAAAoC,GAAA,EAAAzC,UAAA,CAAAgB,OAAA;IACE,gBAAcY,UAAW;IAEzBc,SAAS,EAAEf,eAAgB;IAC3BgB,SAAS,EACPT,OAAO,KAAK,aAAa,GACrB,GAAGU,0BAAe,CAACC,IAAI,cAAc,GACrCC,SACL;IACD,WAASd,MAAO;IAChBe,QAAQ,EAAElB,UAAW;IACrBC,OAAO,EAAEA,OAAQ;IACjBkB,QAAQ,EAAEpB,UAAW;IACrBqB,QAAQ,EAAE,CAAE;IACZhB,KAAK,EAAEA,KAAM;IAAAP,QAAA,EAEZA;EAAQ,CACE,CAAC;AAElB,CAAC;AAED,MAAMwB,gBAAgB,GAAAC,OAAA,CAAA1B,QAAA,GAAG,IAAA2B,WAAI,EAAC3B,QAAQ,CAAC;AACvCyB,gBAAgB,CAACG,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/cjs/Buttons/index.cjs

@@ -41,6 +41,7 @@ Object.defineProperty(exports, "verticalDividerAlignmentValues", {
   }
 });
 var _BaseButton = require("./BaseButton.cjs");
+var _BaseMenuButton = require("./BaseMenuButton.cjs");
 var _Button = require("./Button.cjs");
 Object.keys(_Button).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -65,7 +66,6 @@ Object.keys(_ButtonContext).forEach(function (key) {
     }
   });
 });
-var _BaseMenuButton = require("./BaseMenuButton.cjs");
 var _MenuButton = require("./MenuButton.cjs");
 Object.keys(_MenuButton).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/Buttons/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_BaseButton","require","_Button","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ButtonContext","_BaseMenuButton","_MenuButton","_MenuItem"],"sources":["../../../src/Buttons/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 {\n  buttonSizeValues,\n  buttonTypeValues,\n  buttonVariantValues,\n} from \"./BaseButton.js\";\nexport * from \"./Button.js\";\nexport * from \"./ButtonContext.js\";\nexport {\n  menuAlignmentValues,\n  verticalDividerAlignmentValues,\n} from \"./BaseMenuButton.js\";\nexport * from \"./MenuButton.js\";\nexport * from \"./MenuItem.js\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,cAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,cAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,cAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,eAAA,GAAAf,OAAA;AAIA,IAAAgB,WAAA,GAAAhB,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAa,WAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAW,WAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,WAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AACA,IAAAY,SAAA,GAAAjB,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAc,SAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,SAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,SAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_BaseButton","require","_BaseMenuButton","_Button","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ButtonContext","_MenuButton","_MenuItem"],"sources":["../../../src/Buttons/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 {\n  buttonSizeValues,\n  buttonTypeValues,\n  buttonVariantValues,\n} from \"./BaseButton.js\";\nexport {\n  menuAlignmentValues,\n  verticalDividerAlignmentValues,\n} from \"./BaseMenuButton.js\";\nexport * from \"./Button.js\";\nexport * from \"./ButtonContext.js\";\nexport * from \"./MenuButton.js\";\nexport * from \"./MenuItem.js\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,eAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAF,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,cAAA,GAAAf,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAW,cAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,cAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,WAAA,GAAAhB,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAY,WAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,WAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,WAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,SAAA,GAAAjB,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAa,SAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAW,SAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,SAAA,CAAAX,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/Callout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_Link","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_jsxRuntime","e","__esModule","default","CalloutTestSelector","exports","accessibleText","text","title","children","link","elementSelector","method","options","linkText","role","calloutRoleValues","calloutSeverityValues","ContentContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","marginBlockStart","Spacing4","Callout","linkRel","linkTarget","linkUrl","severity","testId","translate","t","useTranslation","useOdysseyDesignTokens","titleId","useUniqueId","jsxs","_Alert2","variant","jsx","_AlertTitle2","id","_Box2","component","Paragraph","Link","href","rel","target","MemoizedCallout","memo","displayName"],"sources":["../../src/Callout.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 { Alert, AlertTitle, Box } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { Link, LinkProps } from \"./Link.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { type TestSelector } from \"./test-selectors/index.js\";\nimport { Paragraph } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const CalloutTestSelector = {\n  accessibleText: {\n    text: \"description\",\n    title: \"label\",\n  },\n  children: {\n    link: {\n      elementSelector: {\n        method: \"ByRole\",\n        options: {\n          linkText: \"name\",\n        },\n        role: \"link\",\n      },\n    },\n  },\n  elementSelector: {\n    method: \"ByRole\",\n    options: {\n      title: \"name\",\n    },\n    role: [\"alert\", \"status\"],\n  },\n} as const satisfies TestSelector;\n\nexport const calloutRoleValues = [\"status\", \"alert\"] as const;\nexport const calloutSeverityValues = [\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"error\",\n] as const;\n\nexport type CalloutProps = {\n  /**\n   * Used to optionally pass a text list to the component\n   */\n  children?: ReactNode;\n  /**\n   * Sets the ARIA role of the Callout\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: (typeof calloutRoleValues)[number];\n  /**\n   * Determine the color and icon of the Callout\n   */\n  severity: (typeof calloutSeverityValues)[number];\n  /**\n   * The text content of the Callout\n   */\n  text?: string;\n  /**\n   * The title of the Callout\n   */\n  title?: string;\n} & (\n  | {\n      children?: never;\n      text: string;\n    }\n  | {\n      children: ReactNode;\n      text?: never;\n    }\n) &\n  (\n    | {\n        linkRel?: LinkProps[\"rel\"];\n        linkTarget?: LinkProps[\"target\"];\n        linkText: string;\n        /**\n         * If defined, the Callout will include a link to the URL\n         */\n        linkUrl: LinkProps[\"href\"];\n      }\n    | {\n        linkRel?: never;\n        linkTarget?: never;\n        linkUrl?: never;\n        linkText?: never;\n      }\n  ) &\n  Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst ContentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  \"& > * + *\": {\n    marginBlockStart: odysseyDesignTokens.Spacing4,\n  },\n}));\n\nconst Callout = ({\n  children,\n  linkRel,\n  linkTarget,\n  linkText,\n  linkUrl,\n  role,\n  severity,\n  testId,\n  text,\n  title,\n  translate,\n}: CalloutProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const titleId = useUniqueId();\n\n  return (\n    <Alert\n      aria-label={t(`severity.${severity}`)}\n      aria-labelledby={titleId}\n      data-se={testId}\n      role={role}\n      severity={severity}\n      variant=\"callout\"\n    >\n      {title && (\n        <AlertTitle aria-hidden id={titleId} translate={translate}>\n          {title}\n        </AlertTitle>\n      )}\n\n      <ContentContainer odysseyDesignTokens={odysseyDesignTokens}>\n        {children && <Box component=\"div\">{children}</Box>}\n        {text && <Paragraph>{text}</Paragraph>}\n        {linkUrl && (\n          <Box>\n            <Link\n              href={linkUrl}\n              rel={linkRel}\n              target={linkTarget}\n              variant=\"monochrome\"\n            >\n              {linkText}\n            </Link>\n          </Box>\n        )}\n      </ContentContainer>\n    </Alert>\n  );\n};\n\nconst MemoizedCallout = memo(Callout);\nMemoizedCallout.displayName = \"Callout\";\n\nexport { MemoizedCallout as Callout };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Callout.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_Link","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_jsxRuntime","e","__esModule","default","CalloutTestSelector","exports","accessibleText","text","title","children","link","elementSelector","method","options","linkText","role","calloutRoleValues","calloutSeverityValues","ContentContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","marginBlockStart","Spacing4","Callout","linkRel","linkTarget","linkUrl","severity","testId","translate","t","useTranslation","useOdysseyDesignTokens","titleId","useUniqueId","jsxs","_Alert2","variant","jsx","_AlertTitle2","id","_Box2","component","Paragraph","Link","href","rel","target","MemoizedCallout","memo","displayName"],"sources":["../../src/Callout.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 { Alert, AlertTitle, Box } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Link, LinkProps } from \"./Link.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { type TestSelector } from \"./test-selectors/index.js\";\nimport { Paragraph } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const CalloutTestSelector = {\n  accessibleText: {\n    text: \"description\",\n    title: \"label\",\n  },\n  children: {\n    link: {\n      elementSelector: {\n        method: \"ByRole\",\n        options: {\n          linkText: \"name\",\n        },\n        role: \"link\",\n      },\n    },\n  },\n  elementSelector: {\n    method: \"ByRole\",\n    options: {\n      title: \"name\",\n    },\n    role: [\"alert\", \"status\"],\n  },\n} as const satisfies TestSelector;\n\nexport const calloutRoleValues = [\"status\", \"alert\"] as const;\nexport const calloutSeverityValues = [\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"error\",\n] as const;\n\nexport type CalloutProps = {\n  /**\n   * Used to optionally pass a text list to the component\n   */\n  children?: ReactNode;\n  /**\n   * Sets the ARIA role of the Callout\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: (typeof calloutRoleValues)[number];\n  /**\n   * Determine the color and icon of the Callout\n   */\n  severity: (typeof calloutSeverityValues)[number];\n  /**\n   * The text content of the Callout\n   */\n  text?: string;\n  /**\n   * The title of the Callout\n   */\n  title?: string;\n} & (\n  | {\n      children?: never;\n      text: string;\n    }\n  | {\n      children: ReactNode;\n      text?: never;\n    }\n) &\n  (\n    | {\n        linkRel?: LinkProps[\"rel\"];\n        linkTarget?: LinkProps[\"target\"];\n        linkText: string;\n        /**\n         * If defined, the Callout will include a link to the URL\n         */\n        linkUrl: LinkProps[\"href\"];\n      }\n    | {\n        linkRel?: never;\n        linkTarget?: never;\n        linkText?: never;\n        linkUrl?: never;\n      }\n  ) &\n  Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst ContentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  \"& > * + *\": {\n    marginBlockStart: odysseyDesignTokens.Spacing4,\n  },\n}));\n\nconst Callout = ({\n  children,\n  linkRel,\n  linkTarget,\n  linkText,\n  linkUrl,\n  role,\n  severity,\n  testId,\n  text,\n  title,\n  translate,\n}: CalloutProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const titleId = useUniqueId();\n\n  return (\n    <Alert\n      aria-label={t(`severity.${severity}`)}\n      aria-labelledby={titleId}\n      data-se={testId}\n      role={role}\n      severity={severity}\n      variant=\"callout\"\n    >\n      {title && (\n        <AlertTitle aria-hidden id={titleId} translate={translate}>\n          {title}\n        </AlertTitle>\n      )}\n\n      <ContentContainer odysseyDesignTokens={odysseyDesignTokens}>\n        {children && <Box component=\"div\">{children}</Box>}\n        {text && <Paragraph>{text}</Paragraph>}\n        {linkUrl && (\n          <Box>\n            <Link\n              href={linkUrl}\n              rel={linkRel}\n              target={linkTarget}\n              variant=\"monochrome\"\n            >\n              {linkText}\n            </Link>\n          </Box>\n        )}\n      </ContentContainer>\n    </Alert>\n  );\n};\n\nconst MemoizedCallout = memo(Callout);\nMemoizedCallout.displayName = \"Callout\";\n\nexport { MemoizedCallout as Callout };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Card.cjs

@@ -7,13 +7,13 @@ exports.Tile = exports.Card = exports.CARD_IMAGE_HEIGHT = void 0;
 var _Card2 = _interopRequireDefault(require("@mui/material/Card"));
 var _CardActionArea2 = _interopRequireDefault(require("@mui/material/CardActionArea"));
 var _CardActions2 = _interopRequireDefault(require("@mui/material/CardActions"));
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _Box = require("./Box.cjs");
 var _index = require("./Buttons/index.cjs");
 var _index2 = require("./icons.generated/index.cjs");
 var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
 var _Typography = require("./Typography.cjs");
-var _Box = require("./Box.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -70,8 +70,8 @@ const Card = ({
   const cardContent = (0, _react.useMemo)(() => (0, _jsxRuntime.jsx)(CardContentContainer, {
     children: (0, _jsxRuntime.jsxs)(_Box.Box, {
       children: [image && (0, _jsxRuntime.jsx)(ImageContainer, {
-        odysseyDesignTokens: odysseyDesignTokens,
         hasMenuButtonChildren: Boolean(menuButtonChildren),
+        odysseyDesignTokens: odysseyDesignTokens,
         children: image
       }), overline && (0, _jsxRuntime.jsx)(_Typography.Support, {
         component: "div",
@@ -98,9 +98,9 @@ const Card = ({
     }) : cardContent, menuButtonChildren && (0, _jsxRuntime.jsx)(MenuButtonContainer, {
       odysseyDesignTokens: odysseyDesignTokens,
       children: (0, _jsxRuntime.jsx)(_index.MenuButton, {
-        endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
         ariaLabel: "Card menu",
         buttonVariant: "floating",
+        endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
         menuAlignment: "right",
         size: "small",
         tooltipText: "Actions",

package/dist/cjs/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","names":["_react","require","_styled","_interopRequireDefault","_index","_index2","_OdysseyDesignTokensContext","_Typography","_Box","_jsxRuntime","e","__esModule","default","CARD_IMAGE_HEIGHT","exports","ImageContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","hasMenuButtonChildren","display","alignItems","maxHeight","height","marginBlockEnd","Spacing5","paddingRight","MenuButtonContainer","position","right","Spacing3","top","CardContentContainer","buttonProviderValue","isFullWidth","Card","button","description","image","menuButtonChildren","onClick","overline","title","useOdysseyDesignTokens","cardContent","useMemo","jsx","children","jsxs","Box","Boolean","Support","component","Heading5","Paragraph","color","_CardActions2","ButtonContext","Provider","value","_Card2","className","_CardActionArea2","MenuButton","endIcon","MoreIcon","ariaLabel","buttonVariant","menuAlignment","size","tooltipText","MemoizedCard","memo","displayName","Tile","props","useEffect","console","warn","MemoizedTile"],"sources":["../../src/Card.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  MouseEventHandler,\n  ReactElement,\n  memo,\n  useMemo,\n  useEffect,\n} from \"react\";\nimport {\n  Card as MuiCard,\n  CardActions as MuiCardActions,\n  CardActionArea as MuiCardActionArea,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\n\nimport {\n  Button,\n  ButtonContext,\n  MenuButton,\n  MenuButtonProps,\n} from \"./Buttons/index.js\";\nimport { MoreIcon } from \"./icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Heading5, Paragraph, Support } from \"./Typography.js\";\nimport { Box } from \"./Box.js\";\n\nexport const CARD_IMAGE_HEIGHT = \"64px\";\n\nexport type CardProps = {\n  description?: string;\n  image?: ReactElement;\n  overline?: string;\n  title?: string;\n} & (\n  | {\n      onClick: MouseEventHandler;\n      button?: never;\n      menuButtonChildren?: never;\n    }\n  | {\n      onClick?: never;\n      button?: ReactElement<typeof Button>;\n      menuButtonChildren?: MenuButtonProps[\"children\"];\n    }\n);\n\nconst ImageContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasMenuButtonChildren\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  hasMenuButtonChildren: boolean;\n}>(({ odysseyDesignTokens, hasMenuButtonChildren }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  maxHeight: CARD_IMAGE_HEIGHT,\n  height: CARD_IMAGE_HEIGHT,\n  marginBlockEnd: odysseyDesignTokens.Spacing5,\n  paddingRight: hasMenuButtonChildren ? odysseyDesignTokens.Spacing5 : 0,\n}));\n\nconst MenuButtonContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  position: \"absolute\",\n  right: odysseyDesignTokens.Spacing3,\n  top: odysseyDesignTokens.Spacing3,\n}));\n\nconst CardContentContainer = styled(\"div\")(() => ({\n  display: \"flex\",\n}));\n\nconst buttonProviderValue = { isFullWidth: true };\n\nconst Card = ({\n  button,\n  description,\n  image,\n  menuButtonChildren,\n  onClick,\n  overline,\n  title,\n}: CardProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const cardContent = useMemo(\n    () => (\n      <CardContentContainer>\n        <Box>\n          {image && (\n            <ImageContainer\n              odysseyDesignTokens={odysseyDesignTokens}\n              hasMenuButtonChildren={Boolean(menuButtonChildren)}\n            >\n              {image}\n            </ImageContainer>\n          )}\n\n          {overline && <Support component=\"div\">{overline}</Support>}\n          {title && <Heading5 component=\"div\">{title}</Heading5>}\n          {description && (\n            <Paragraph color=\"textSecondary\">{description}</Paragraph>\n          )}\n\n          {button && (\n            <MuiCardActions>\n              <ButtonContext.Provider value={buttonProviderValue}>\n                {button}\n              </ButtonContext.Provider>\n            </MuiCardActions>\n          )}\n        </Box>\n      </CardContentContainer>\n    ),\n    [\n      button,\n      description,\n      image,\n      menuButtonChildren,\n      overline,\n      title,\n      odysseyDesignTokens,\n    ],\n  );\n\n  return (\n    <MuiCard className={onClick ? \"isClickable\" : \"\"}>\n      {onClick ? (\n        <MuiCardActionArea onClick={onClick}>{cardContent}</MuiCardActionArea>\n      ) : (\n        cardContent\n      )}\n\n      {menuButtonChildren && (\n        <MenuButtonContainer odysseyDesignTokens={odysseyDesignTokens}>\n          <MenuButton\n            endIcon={<MoreIcon />}\n            ariaLabel=\"Card menu\"\n            buttonVariant=\"floating\"\n            menuAlignment=\"right\"\n            size=\"small\"\n            tooltipText=\"Actions\"\n          >\n            {menuButtonChildren}\n          </MenuButton>\n        </MenuButtonContainer>\n      )}\n    </MuiCard>\n  );\n};\n\nconst MemoizedCard = memo(Card);\nMemoizedCard.displayName = \"Card\";\n\n/**\n * @deprecated The 'Tile' component is now called 'Card'. Please update your references as 'Tile' will be deprecated soon.\n */\nconst Tile = (props: CardProps) => {\n  useEffect(() => {\n    console.warn(\n      \"Warning: The 'Tile' component is now called 'Card'. Please update your references as 'Tile' will be deprecated soon.\",\n    );\n  }, []);\n\n  return <MemoizedCard {...props} />;\n};\n\nconst MemoizedTile = memo(Tile);\nMemoizedTile.displayName = \"Tile\";\n\nexport { MemoizedCard as Card, MemoizedTile as Tile };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Card.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_index","_index2","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","CARD_IMAGE_HEIGHT","exports","ImageContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","hasMenuButtonChildren","display","alignItems","maxHeight","height","marginBlockEnd","Spacing5","paddingRight","MenuButtonContainer","position","right","Spacing3","top","CardContentContainer","buttonProviderValue","isFullWidth","Card","button","description","image","menuButtonChildren","onClick","overline","title","useOdysseyDesignTokens","cardContent","useMemo","jsx","children","jsxs","Box","Boolean","Support","component","Heading5","Paragraph","color","_CardActions2","ButtonContext","Provider","value","_Card2","className","_CardActionArea2","MenuButton","ariaLabel","buttonVariant","endIcon","MoreIcon","menuAlignment","size","tooltipText","MemoizedCard","memo","displayName","Tile","props","useEffect","console","warn","MemoizedTile"],"sources":["../../src/Card.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  Card as MuiCard,\n  CardActionArea as MuiCardActionArea,\n  CardActions as MuiCardActions,\n} from \"@mui/material\";\nimport {\n  memo,\n  MouseEventHandler,\n  ReactElement,\n  useEffect,\n  useMemo,\n} from \"react\";\n\nimport { Box } from \"./Box.js\";\nimport {\n  Button,\n  ButtonContext,\n  MenuButton,\n  MenuButtonProps,\n} from \"./Buttons/index.js\";\nimport { MoreIcon } from \"./icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Heading5, Paragraph, Support } from \"./Typography.js\";\n\nexport const CARD_IMAGE_HEIGHT = \"64px\";\n\nexport type CardProps = {\n  description?: string;\n  image?: ReactElement;\n  overline?: string;\n  title?: string;\n} & (\n  | {\n      button?: never;\n      menuButtonChildren?: never;\n      onClick: MouseEventHandler;\n    }\n  | {\n      button?: ReactElement<typeof Button>;\n      menuButtonChildren?: MenuButtonProps[\"children\"];\n      onClick?: never;\n    }\n);\n\nconst ImageContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasMenuButtonChildren\",\n})<{\n  hasMenuButtonChildren: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens, hasMenuButtonChildren }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  maxHeight: CARD_IMAGE_HEIGHT,\n  height: CARD_IMAGE_HEIGHT,\n  marginBlockEnd: odysseyDesignTokens.Spacing5,\n  paddingRight: hasMenuButtonChildren ? odysseyDesignTokens.Spacing5 : 0,\n}));\n\nconst MenuButtonContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  position: \"absolute\",\n  right: odysseyDesignTokens.Spacing3,\n  top: odysseyDesignTokens.Spacing3,\n}));\n\nconst CardContentContainer = styled(\"div\")(() => ({\n  display: \"flex\",\n}));\n\nconst buttonProviderValue = { isFullWidth: true };\n\nconst Card = ({\n  button,\n  description,\n  image,\n  menuButtonChildren,\n  onClick,\n  overline,\n  title,\n}: CardProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const cardContent = useMemo(\n    () => (\n      <CardContentContainer>\n        <Box>\n          {image && (\n            <ImageContainer\n              hasMenuButtonChildren={Boolean(menuButtonChildren)}\n              odysseyDesignTokens={odysseyDesignTokens}\n            >\n              {image}\n            </ImageContainer>\n          )}\n\n          {overline && <Support component=\"div\">{overline}</Support>}\n          {title && <Heading5 component=\"div\">{title}</Heading5>}\n          {description && (\n            <Paragraph color=\"textSecondary\">{description}</Paragraph>\n          )}\n\n          {button && (\n            <MuiCardActions>\n              <ButtonContext.Provider value={buttonProviderValue}>\n                {button}\n              </ButtonContext.Provider>\n            </MuiCardActions>\n          )}\n        </Box>\n      </CardContentContainer>\n    ),\n    [\n      button,\n      description,\n      image,\n      menuButtonChildren,\n      overline,\n      title,\n      odysseyDesignTokens,\n    ],\n  );\n\n  return (\n    <MuiCard className={onClick ? \"isClickable\" : \"\"}>\n      {onClick ? (\n        <MuiCardActionArea onClick={onClick}>{cardContent}</MuiCardActionArea>\n      ) : (\n        cardContent\n      )}\n\n      {menuButtonChildren && (\n        <MenuButtonContainer odysseyDesignTokens={odysseyDesignTokens}>\n          <MenuButton\n            ariaLabel=\"Card menu\"\n            buttonVariant=\"floating\"\n            endIcon={<MoreIcon />}\n            menuAlignment=\"right\"\n            size=\"small\"\n            tooltipText=\"Actions\"\n          >\n            {menuButtonChildren}\n          </MenuButton>\n        </MenuButtonContainer>\n      )}\n    </MuiCard>\n  );\n};\n\nconst MemoizedCard = memo(Card);\nMemoizedCard.displayName = \"Card\";\n\n/**\n * @deprecated The 'Tile' component is now called 'Card'. Please update your references as 'Tile' will be deprecated soon.\n */\nconst Tile = (props: CardProps) => {\n  useEffect(() => {\n    console.warn(\n      \"Warning: The 'Tile' component is now called 'Card'. Please update your references as 'Tile' will be deprecated soon.\",\n    );\n  }, []);\n\n  return <MemoizedCard {...props} />;\n};\n\nconst MemoizedTile = memo(Tile);\nMemoizedTile.displayName = \"Tile\";\n\nexport { MemoizedCard as Card, MemoizedTile as Tile };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Checkbox.cjs

@@ -7,9 +7,9 @@ exports.checkboxValidityValues = exports.Checkbox = void 0;
 var _FormHelperText2 = _interopRequireDefault(require("@mui/material/FormHelperText"));
 var _FormControlLabel2 = _interopRequireDefault(require("@mui/material/FormControlLabel"));
 var _Checkbox2 = _interopRequireDefault(require("@mui/material/Checkbox"));
-var _reactI18next = require("react-i18next");
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _reactI18next = require("react-i18next");
 var _inputUtils = require("./inputUtils.cjs");
 var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
 var _Typography = require("./Typography.cjs");
@@ -92,8 +92,8 @@ const Checkbox = ({
         children: labelProp
       }), isRequired && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [" ", (0, _jsxRuntime.jsxs)(_Typography.Typography, {
-          component: "span",
           color: "textSecondary",
+          component: "span",
           children: ["(", t("fieldlabel.required.text"), ")"]
         })]
       })]
@@ -127,24 +127,23 @@ const Checkbox = ({
   }), [hint, isReadOnly]);
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [(0, _jsxRuntime.jsx)(_FormControlLabel2.default, {
-      sx: checkboxStyles,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
       className: validity === "invalid" ? "Mui-error" : validity === "valid" ? "Mui-valid" : "",
       control: (0, _jsxRuntime.jsx)(_Checkbox2.default, {
         ...inputValues,
+        disabled: isDisabled,
         indeterminate: isIndeterminate,
-        onChange: onChange,
-        onClick: onClick,
-        required: isRequired,
         inputProps: {
           "aria-describedby": hintId,
           "aria-readonly": isReadOnly,
           "data-se": testId,
           readOnly: isReadOnly
         },
-        disabled: isDisabled,
         inputRef: localInputRef,
+        onChange: onChange,
+        onClick: onClick,
+        required: isRequired,
         sx: {
           marginBlockStart: "2px"
         }
@@ -153,10 +152,11 @@ const Checkbox = ({
       id: idOverride,
       label: label,
       name: nameOverride ?? idOverride,
-      value: value,
-      required: isRequired,
       onBlur: onBlur,
-      translate: translate
+      required: isRequired,
+      sx: checkboxStyles,
+      translate: translate,
+      value: value
     }), hint && (0, _jsxRuntime.jsx)(HintContainerWithInlineStartSpacing, {
       odysseyDesignTokens: odysseyDesignTokens,
       children: (0, _jsxRuntime.jsx)(_FormHelperText2.default, {

package/dist/cjs/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","names":["_reactI18next","require","_react","_styled","_interopRequireDefault","_inputUtils","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_jsxRuntime","e","__esModule","default","checkboxValidityValues","exports","HintContainerWithInlineStartSpacing","styled","div","odysseyDesignTokens","paddingInlineStart","TypographyLineHeightUi","Spacing2","marginBlockEnd","color","TypographyColorSubordinate","Checkbox","ariaLabel","ariaLabelledBy","id","idOverride","inputRef","isChecked","isDefaultChecked","isDisabled","isIndeterminate","isReadOnly","isRequired","label","labelProp","hint","name","nameOverride","onChange","onChangeProp","onBlur","onBlurProp","testId","translate","validity","value","t","useTranslation","useOdysseyDesignTokens","useUniqueId","hintId","undefined","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useMemo","current","ComponentControlledState","CONTROLLED","checked","defaultChecked","localInputRef","useImperativeHandle","focus","jsxs","Fragment","children","jsx","Typography","component","useCallback","event","onClick","stopPropagation","preventDefault","checkboxStyles","alignItems","cursor","_FormControlLabel2","sx","className","control","_Checkbox2","indeterminate","required","inputProps","readOnly","disabled","marginBlockStart","_FormHelperText2","MemoizedCheckbox","memo","displayName"],"sources":["../../src/Checkbox.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 { useTranslation } from \"react-i18next\";\nimport { memo, useCallback, useMemo, useRef, useImperativeHandle } from \"react\";\nimport {\n  Checkbox as MuiCheckbox,\n  CheckboxProps as MuiCheckboxProps,\n  FormControlLabel,\n  FormControlLabelProps as MuiFormControlLabelProps,\n  FormHelperText,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\n\nimport { CheckedFieldProps } from \"./FormCheckedProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport {\n  ComponentControlledState,\n  FocusHandle,\n  getControlState,\n} from \"./inputUtils.js\";\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Typography } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const checkboxValidityValues = [\"valid\", \"invalid\", \"inherit\"] as const;\n\nconst HintContainerWithInlineStartSpacing = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingInlineStart: `calc(${odysseyDesignTokens.TypographyLineHeightUi}em + ${odysseyDesignTokens.Spacing2})`,\n  marginBlockEnd: odysseyDesignTokens.Spacing2,\n\n  // MUI applies the '.Mui-error' class to this hint text when the checkbox is invalid which turns the copy red\n  // We want to keep the hint text gray in the error state\n  \".Mui-error\": {\n    color: odysseyDesignTokens.TypographyColorSubordinate,\n  },\n}));\n\nexport type CheckboxProps = {\n  /**\n   * The ref forwarded to the Checkbox\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * Determines whether the Checkbox is in an indeterminate state\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Determines whether the Checkbox is required\n   */\n  isRequired?: boolean;\n  /**\n   * The label text for the Checkbox\n   */\n  label?: string;\n  /**\n   * The checkbox validity, if different from its enclosing group. Defaults to \"inherit\".\n   */\n  validity?: (typeof checkboxValidityValues)[number];\n  /**\n   * The value attribute of the Checkbox\n   */\n  value?: string;\n  /**\n   * Callback fired when the blur event happens. Provides event value.\n   */\n  onBlur?: MuiFormControlLabelProps[\"onBlur\"];\n} & Pick<\n  FieldComponentProps,\n  \"hint\" | \"id\" | \"isDisabled\" | \"isReadOnly\" | \"name\"\n> &\n  CheckedFieldProps<MuiCheckboxProps> &\n  Pick<HtmlProps, \"ariaLabel\" | \"ariaLabelledBy\" | \"testId\" | \"translate\">;\n\nconst Checkbox = ({\n  ariaLabel,\n  ariaLabelledBy,\n  id: idOverride,\n  inputRef,\n  isChecked,\n  isDefaultChecked,\n  isDisabled,\n  isIndeterminate,\n  isReadOnly = false,\n  isRequired,\n  label: labelProp,\n  hint,\n  name: nameOverride,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  testId,\n  translate,\n  validity = \"inherit\",\n  value,\n}: CheckboxProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: isChecked,\n      uncontrolledValue: isDefaultChecked,\n    }),\n  );\n  const inputValues = useMemo(() => {\n    if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {\n      return { checked: isChecked };\n    }\n    return { defaultChecked: isDefaultChecked };\n  }, [isDefaultChecked, isChecked]);\n\n  const localInputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(\n    inputRef,\n    () => ({\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    }),\n    [],\n  );\n\n  const label = useMemo(() => {\n    return (\n      <>\n        <Typography component=\"span\">{labelProp}</Typography>\n        {isRequired && (\n          <>\n            {\" \"}\n            <Typography component=\"span\" color=\"textSecondary\">\n              ({t(\"fieldlabel.required.text\")})\n            </Typography>\n          </>\n        )}\n      </>\n    );\n  }, [isRequired, labelProp, t]);\n\n  const onChange = useCallback<NonNullable<MuiCheckboxProps[\"onChange\"]>>(\n    (event, checked) => {\n      onChangeProp?.(event, checked);\n    },\n    [onChangeProp],\n  );\n\n  const onClick = useCallback<NonNullable<MuiCheckboxProps[\"onClick\"]>>(\n    (event) => {\n      if (isReadOnly) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    },\n    [isReadOnly],\n  );\n\n  const onBlur = useCallback<NonNullable<MuiFormControlLabelProps[\"onBlur\"]>>(\n    (event) => {\n      onBlurProp?.(event);\n    },\n    [onBlurProp],\n  );\n\n  const checkboxStyles = useMemo(\n    () => ({\n      alignItems: \"flex-start\",\n\n      ...(isReadOnly && {\n        cursor: \"default\",\n        \"& .MuiTypography-root\": {\n          cursor: \"default\",\n        },\n      }),\n\n      ...(hint && {\n        // needed to override specific :not(:last-child) selector\n        \":not(:last-child)\": {\n          marginBlockEnd: 0,\n        },\n      }),\n    }),\n    [hint, isReadOnly],\n  );\n\n  return (\n    <>\n      <FormControlLabel\n        sx={checkboxStyles}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className={\n          validity === \"invalid\"\n            ? \"Mui-error\"\n            : validity === \"valid\"\n              ? \"Mui-valid\"\n              : \"\"\n        }\n        control={\n          <MuiCheckbox\n            {...inputValues}\n            indeterminate={isIndeterminate}\n            onChange={onChange}\n            onClick={\n              onClick as unknown as React.MouseEventHandler<HTMLButtonElement>\n            }\n            required={isRequired}\n            inputProps={{\n              \"aria-describedby\": hintId,\n              \"aria-readonly\": isReadOnly,\n              \"data-se\": testId,\n              readOnly: isReadOnly,\n            }}\n            disabled={isDisabled}\n            inputRef={localInputRef}\n            sx={{\n              marginBlockStart: \"2px\",\n            }}\n          />\n        }\n        disabled={isDisabled}\n        id={idOverride}\n        label={label}\n        name={nameOverride ?? idOverride}\n        value={value}\n        required={isRequired}\n        onBlur={onBlur}\n        translate={translate}\n      />\n      {hint && (\n        <HintContainerWithInlineStartSpacing\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          <FormHelperText id={hintId} translate={translate}>\n            {hint}\n          </FormHelperText>\n        </HintContainerWithInlineStartSpacing>\n      )}\n    </>\n  );\n};\n\nconst MemoizedCheckbox = memo(Checkbox);\nMemoizedCheckbox.displayName = \"Checkbox\";\n\nexport { MemoizedCheckbox as Checkbox };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Checkbox.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_inputUtils","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_jsxRuntime","e","__esModule","default","checkboxValidityValues","exports","HintContainerWithInlineStartSpacing","styled","div","odysseyDesignTokens","paddingInlineStart","TypographyLineHeightUi","Spacing2","marginBlockEnd","color","TypographyColorSubordinate","Checkbox","ariaLabel","ariaLabelledBy","id","idOverride","inputRef","isChecked","isDefaultChecked","isDisabled","isIndeterminate","isReadOnly","isRequired","label","labelProp","hint","name","nameOverride","onChange","onChangeProp","onBlur","onBlurProp","testId","translate","validity","value","t","useTranslation","useOdysseyDesignTokens","useUniqueId","hintId","undefined","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useMemo","current","ComponentControlledState","CONTROLLED","checked","defaultChecked","localInputRef","useImperativeHandle","focus","jsxs","Fragment","children","jsx","Typography","component","useCallback","event","onClick","stopPropagation","preventDefault","checkboxStyles","alignItems","cursor","_FormControlLabel2","className","control","_Checkbox2","disabled","indeterminate","inputProps","readOnly","required","sx","marginBlockStart","_FormHelperText2","MemoizedCheckbox","memo","displayName"],"sources":["../../src/Checkbox.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  FormControlLabel,\n  FormHelperText,\n  Checkbox as MuiCheckbox,\n  CheckboxProps as MuiCheckboxProps,\n  FormControlLabelProps as MuiFormControlLabelProps,\n} from \"@mui/material\";\nimport { memo, useCallback, useImperativeHandle, useMemo, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { CheckedFieldProps } from \"./FormCheckedProps.js\";\nimport {\n  ComponentControlledState,\n  FocusHandle,\n  getControlState,\n} from \"./inputUtils.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Typography } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const checkboxValidityValues = [\"valid\", \"invalid\", \"inherit\"] as const;\n\nconst HintContainerWithInlineStartSpacing = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingInlineStart: `calc(${odysseyDesignTokens.TypographyLineHeightUi}em + ${odysseyDesignTokens.Spacing2})`,\n  marginBlockEnd: odysseyDesignTokens.Spacing2,\n\n  // MUI applies the '.Mui-error' class to this hint text when the checkbox is invalid which turns the copy red\n  // We want to keep the hint text gray in the error state\n  \".Mui-error\": {\n    color: odysseyDesignTokens.TypographyColorSubordinate,\n  },\n}));\n\nexport type CheckboxProps = {\n  /**\n   * The ref forwarded to the Checkbox\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * Determines whether the Checkbox is in an indeterminate state\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Determines whether the Checkbox is required\n   */\n  isRequired?: boolean;\n  /**\n   * The label text for the Checkbox\n   */\n  label?: string;\n  /**\n   * Callback fired when the blur event happens. Provides event value.\n   */\n  onBlur?: MuiFormControlLabelProps[\"onBlur\"];\n  /**\n   * The checkbox validity, if different from its enclosing group. Defaults to \"inherit\".\n   */\n  validity?: (typeof checkboxValidityValues)[number];\n  /**\n   * The value attribute of the Checkbox\n   */\n  value?: string;\n} & Pick<\n  FieldComponentProps,\n  \"hint\" | \"id\" | \"isDisabled\" | \"isReadOnly\" | \"name\"\n> &\n  CheckedFieldProps<MuiCheckboxProps> &\n  Pick<HtmlProps, \"ariaLabel\" | \"ariaLabelledBy\" | \"testId\" | \"translate\">;\n\nconst Checkbox = ({\n  ariaLabel,\n  ariaLabelledBy,\n  id: idOverride,\n  inputRef,\n  isChecked,\n  isDefaultChecked,\n  isDisabled,\n  isIndeterminate,\n  isReadOnly = false,\n  isRequired,\n  label: labelProp,\n  hint,\n  name: nameOverride,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  testId,\n  translate,\n  validity = \"inherit\",\n  value,\n}: CheckboxProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: isChecked,\n      uncontrolledValue: isDefaultChecked,\n    }),\n  );\n  const inputValues = useMemo(() => {\n    if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {\n      return { checked: isChecked };\n    }\n    return { defaultChecked: isDefaultChecked };\n  }, [isDefaultChecked, isChecked]);\n\n  const localInputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(\n    inputRef,\n    () => ({\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    }),\n    [],\n  );\n\n  const label = useMemo(() => {\n    return (\n      <>\n        <Typography component=\"span\">{labelProp}</Typography>\n        {isRequired && (\n          <>\n            {\" \"}\n            <Typography color=\"textSecondary\" component=\"span\">\n              ({t(\"fieldlabel.required.text\")})\n            </Typography>\n          </>\n        )}\n      </>\n    );\n  }, [isRequired, labelProp, t]);\n\n  const onChange = useCallback<NonNullable<MuiCheckboxProps[\"onChange\"]>>(\n    (event, checked) => {\n      onChangeProp?.(event, checked);\n    },\n    [onChangeProp],\n  );\n\n  const onClick = useCallback<NonNullable<MuiCheckboxProps[\"onClick\"]>>(\n    (event) => {\n      if (isReadOnly) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    },\n    [isReadOnly],\n  );\n\n  const onBlur = useCallback<NonNullable<MuiFormControlLabelProps[\"onBlur\"]>>(\n    (event) => {\n      onBlurProp?.(event);\n    },\n    [onBlurProp],\n  );\n\n  const checkboxStyles = useMemo(\n    () => ({\n      alignItems: \"flex-start\",\n\n      ...(isReadOnly && {\n        cursor: \"default\",\n        \"& .MuiTypography-root\": {\n          cursor: \"default\",\n        },\n      }),\n\n      ...(hint && {\n        // needed to override specific :not(:last-child) selector\n        \":not(:last-child)\": {\n          marginBlockEnd: 0,\n        },\n      }),\n    }),\n    [hint, isReadOnly],\n  );\n\n  return (\n    <>\n      <FormControlLabel\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className={\n          validity === \"invalid\"\n            ? \"Mui-error\"\n            : validity === \"valid\"\n              ? \"Mui-valid\"\n              : \"\"\n        }\n        control={\n          <MuiCheckbox\n            {...inputValues}\n            disabled={isDisabled}\n            indeterminate={isIndeterminate}\n            inputProps={{\n              \"aria-describedby\": hintId,\n              \"aria-readonly\": isReadOnly,\n              \"data-se\": testId,\n              readOnly: isReadOnly,\n            }}\n            inputRef={localInputRef}\n            onChange={onChange}\n            onClick={\n              onClick as unknown as React.MouseEventHandler<HTMLButtonElement>\n            }\n            required={isRequired}\n            sx={{\n              marginBlockStart: \"2px\",\n            }}\n          />\n        }\n        disabled={isDisabled}\n        id={idOverride}\n        label={label}\n        name={nameOverride ?? idOverride}\n        onBlur={onBlur}\n        required={isRequired}\n        sx={checkboxStyles}\n        translate={translate}\n        value={value}\n      />\n      {hint && (\n        <HintContainerWithInlineStartSpacing\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          <FormHelperText id={hintId} translate={translate}>\n            {hint}\n          </FormHelperText>\n        </HintContainerWithInlineStartSpacing>\n      )}\n    </>\n  );\n};\n\nconst MemoizedCheckbox = memo(Checkbox);\nMemoizedCheckbox.displayName = \"Checkbox\";\n\nexport { MemoizedCheckbox as Checkbox };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/CheckboxGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.cjs","names":["_react","_interopRequireWildcard","require","_Field","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","CheckboxGroup","ariaDescribedBy","children","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","isDisabled","isReadOnly","isRequired","label","testId","translate","memoizedChildren","useMemo","React","Children","map","child","isValidElement","cloneElement","props","renderFieldComponent","useCallback","errorMessageElementId","labelElementId","jsx","_FormGroup2","Field","fieldType","hasVisibleLabel","isOptional","MemoizedCheckboxGroup","exports","memo","displayName"],"sources":["../../src/CheckboxGroup.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport React, { memo, ReactNode, useCallback, useMemo } from \"react\";\nimport { FormGroup as MuiFormGroup } from \"@mui/material\";\nimport { CheckboxProps } from \"./Checkbox.js\";\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nexport type CheckboxGroupProps = {\n  /**\n   * A single Checkbox element or an array of Checkbox elements\n   */\n  children: ReactNode;\n  /**\n   * If `true`, the CheckboxGroup is required\n   */\n  isRequired?: boolean;\n  /**\n   * The label text for the CheckboxGroup\n   */\n  label: string;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isReadOnly\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype CheckboxGroupRenderProps = Pick<\n  FieldComponentRenderProps,\n  \"id\" | \"labelElementId\"\n> &\n  Partial<\n    Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n  >;\n\nconst CheckboxGroup = ({\n  ariaDescribedBy,\n  children,\n  errorMessage,\n  errorMessageList,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDisabled,\n  isReadOnly = false,\n  isRequired = false,\n  label,\n  testId,\n  translate,\n}: CheckboxGroupProps) => {\n  const memoizedChildren = useMemo(\n    () =>\n      React.Children.map(children, (child) => {\n        if (React.isValidElement<CheckboxProps>(child)) {\n          return React.cloneElement(child, {\n            isReadOnly,\n            isDisabled: isDisabled || child.props.isDisabled,\n          });\n        }\n        return child;\n      }),\n    [children, isReadOnly, isDisabled],\n  );\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: CheckboxGroupRenderProps) => (\n      <MuiFormGroup\n        aria-describedby={ariaDescribedBy}\n        aria-errormessage={errorMessageElementId}\n        aria-labelledby={labelElementId}\n        data-se={testId}\n        id={id}\n        translate={translate}\n      >\n        {memoizedChildren}\n      </MuiFormGroup>\n    ),\n    [memoizedChildren, testId, translate],\n  );\n\n  return (\n    <Field\n      ariaDescribedBy={ariaDescribedBy}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      fieldType=\"group\"\n      hasVisibleLabel={true}\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isOptional={!isRequired}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedCheckboxGroup = memo(CheckboxGroup);\nMemoizedCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { MemoizedCheckboxGroup as CheckboxGroup };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CheckboxGroup.cjs","names":["_react","_interopRequireWildcard","require","_Field","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","CheckboxGroup","ariaDescribedBy","children","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","isDisabled","isReadOnly","isRequired","label","testId","translate","memoizedChildren","useMemo","React","Children","map","child","isValidElement","cloneElement","props","renderFieldComponent","useCallback","errorMessageElementId","labelElementId","jsx","_FormGroup2","Field","fieldType","hasVisibleLabel","isOptional","MemoizedCheckboxGroup","exports","memo","displayName"],"sources":["../../src/CheckboxGroup.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 { FormGroup as MuiFormGroup } from \"@mui/material\";\nimport React, { memo, ReactNode, useCallback, useMemo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { CheckboxProps } from \"./Checkbox.js\";\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\n\nexport type CheckboxGroupProps = {\n  /**\n   * A single Checkbox element or an array of Checkbox elements\n   */\n  children: ReactNode;\n  /**\n   * If `true`, the CheckboxGroup is required\n   */\n  isRequired?: boolean;\n  /**\n   * The label text for the CheckboxGroup\n   */\n  label: string;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isReadOnly\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype CheckboxGroupRenderProps = Pick<\n  FieldComponentRenderProps,\n  \"id\" | \"labelElementId\"\n> &\n  Partial<\n    Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n  >;\n\nconst CheckboxGroup = ({\n  ariaDescribedBy,\n  children,\n  errorMessage,\n  errorMessageList,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDisabled,\n  isReadOnly = false,\n  isRequired = false,\n  label,\n  testId,\n  translate,\n}: CheckboxGroupProps) => {\n  const memoizedChildren = useMemo(\n    () =>\n      React.Children.map(children, (child) => {\n        if (React.isValidElement<CheckboxProps>(child)) {\n          return React.cloneElement(child, {\n            isReadOnly,\n            isDisabled: isDisabled || child.props.isDisabled,\n          });\n        }\n        return child;\n      }),\n    [children, isReadOnly, isDisabled],\n  );\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: CheckboxGroupRenderProps) => (\n      <MuiFormGroup\n        aria-describedby={ariaDescribedBy}\n        aria-errormessage={errorMessageElementId}\n        aria-labelledby={labelElementId}\n        data-se={testId}\n        id={id}\n        translate={translate}\n      >\n        {memoizedChildren}\n      </MuiFormGroup>\n    ),\n    [memoizedChildren, testId, translate],\n  );\n\n  return (\n    <Field\n      ariaDescribedBy={ariaDescribedBy}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      fieldType=\"group\"\n      hasVisibleLabel={true}\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isOptional={!isRequired}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedCheckboxGroup = memo(CheckboxGroup);\nMemoizedCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { MemoizedCheckboxGroup as CheckboxGroup };\n"],"mappings":"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","ignoreList":[]}