@okta/odyssey-react-mui 1.29.0 → 1.32.4

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

@@ -0,0 +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":[]}

package/dist/cjs/Buttons/MenuContext.cjs

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuContext = void 0;
+var _react = require("react");
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const MenuContext = exports.MenuContext = (0, _react.createContext)({
+  closeMenu: () => {},
+  openMenu: () => {},
+  shouldCloseOnSelect: true
+});
+//# sourceMappingURL=MenuContext.cjs.map

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

@@ -0,0 +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":[]}

package/dist/cjs/Buttons/MenuItem.cjs

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuItem = void 0;
+var _MenuItem2 = _interopRequireWildcard(require("@mui/material/MenuItem"));
+var _react = require("react");
+var _MenuContext = require("./MenuContext.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const MenuItem = ({
+  children,
+  hasInitialFocus,
+  isSelected,
+  isDisabled,
+  onClick: onClickProp,
+  testId,
+  value,
+  variant = "default"
+}) => {
+  const {
+    closeMenu,
+    shouldCloseOnSelect
+  } = (0, _react.useContext)(_MenuContext.MenuContext);
+  const onClick = (0, _react.useCallback)(event => {
+    onClickProp?.(event);
+    if (shouldCloseOnSelect) {
+      closeMenu();
+    }
+  }, [onClickProp, closeMenu, shouldCloseOnSelect]);
+  return (0, _jsxRuntime.jsx)(_MenuItem2.default, {
+    "aria-current": isSelected,
+    autoFocus: hasInitialFocus,
+    className: variant === "destructive" ? `${_MenuItem2.menuItemClasses.root}-destructive` : undefined,
+    "data-se": testId,
+    disabled: isDisabled,
+    onClick: onClick,
+    selected: isSelected,
+    value: value,
+    tabIndex: 0,
+    children: children
+  });
+};
+const MemoizedMenuItem = exports.MenuItem = (0, _react.memo)(MenuItem);
+MemoizedMenuItem.displayName = "MenuItem";
+//# sourceMappingURL=MenuItem.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.cjs","names":["_MenuItem2","_interopRequireWildcard","require","_react","_MenuContext","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAnB/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA6CA,MAAMW,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,IAAAhC,WAAA,CAAAqC,GAAA,EAAA1C,UAAA,CAAAY,OAAA;IACE,gBAAciB,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":[]}

package/dist/cjs/Buttons/index.cjs

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  buttonSizeValues: true,
+  buttonTypeValues: true,
+  buttonVariantValues: true,
+  menuAlignmentValues: true,
+  verticalDividerAlignmentValues: true
+};
+Object.defineProperty(exports, "buttonSizeValues", {
+  enumerable: true,
+  get: function () {
+    return _BaseButton.buttonSizeValues;
+  }
+});
+Object.defineProperty(exports, "buttonTypeValues", {
+  enumerable: true,
+  get: function () {
+    return _BaseButton.buttonTypeValues;
+  }
+});
+Object.defineProperty(exports, "buttonVariantValues", {
+  enumerable: true,
+  get: function () {
+    return _BaseButton.buttonVariantValues;
+  }
+});
+Object.defineProperty(exports, "menuAlignmentValues", {
+  enumerable: true,
+  get: function () {
+    return _BaseMenuButton.menuAlignmentValues;
+  }
+});
+Object.defineProperty(exports, "verticalDividerAlignmentValues", {
+  enumerable: true,
+  get: function () {
+    return _BaseMenuButton.verticalDividerAlignmentValues;
+  }
+});
+var _BaseButton = require("./BaseButton.cjs");
+var _Button = require("./Button.cjs");
+Object.keys(_Button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Button[key];
+    }
+  });
+});
+var _ButtonContext = require("./ButtonContext.cjs");
+Object.keys(_ButtonContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ButtonContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ButtonContext[key];
+    }
+  });
+});
+var _BaseMenuButton = require("./BaseMenuButton.cjs");
+var _MenuButton = require("./MenuButton.cjs");
+Object.keys(_MenuButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MenuButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MenuButton[key];
+    }
+  });
+});
+var _MenuItem = require("./MenuItem.cjs");
+Object.keys(_MenuItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MenuItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MenuItem[key];
+    }
+  });
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +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":[]}

package/dist/cjs/Callout.cjs

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calloutSeverityValues = exports.calloutRoleValues = exports.CalloutTestSelector = exports.Callout = void 0;
+var _Alert2 = _interopRequireDefault(require("@mui/material/Alert"));
+var _Box2 = _interopRequireDefault(require("@mui/material/Box"));
+var _AlertTitle2 = _interopRequireDefault(require("@mui/material/AlertTitle"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _reactI18next = require("react-i18next");
+var _Link = require("./Link.cjs");
+var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
+var _Typography = require("./Typography.cjs");
+var _useUniqueId = require("./useUniqueId.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const CalloutTestSelector = exports.CalloutTestSelector = {
+  accessibleText: {
+    text: "description",
+    title: "label"
+  },
+  children: {
+    link: {
+      elementSelector: {
+        method: "ByRole",
+        options: {
+          linkText: "name"
+        },
+        role: "link"
+      }
+    }
+  },
+  elementSelector: {
+    method: "ByRole",
+    options: {
+      title: "name"
+    },
+    role: ["alert", "status"]
+  }
+};
+const calloutRoleValues = exports.calloutRoleValues = ["status", "alert"];
+const calloutSeverityValues = exports.calloutSeverityValues = ["success", "info", "warning", "error"];
+const ContentContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  "& > * + *": {
+    marginBlockStart: odysseyDesignTokens.Spacing4
+  }
+}));
+const Callout = ({
+  children,
+  linkRel,
+  linkTarget,
+  linkText,
+  linkUrl,
+  role,
+  severity,
+  testId,
+  text,
+  title,
+  translate
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  const titleId = (0, _useUniqueId.useUniqueId)();
+  return (0, _jsxRuntime.jsxs)(_Alert2.default, {
+    "aria-label": t(`severity.${severity}`),
+    "aria-labelledby": titleId,
+    "data-se": testId,
+    role: role,
+    severity: severity,
+    variant: "callout",
+    children: [title && (0, _jsxRuntime.jsx)(_AlertTitle2.default, {
+      "aria-hidden": true,
+      id: titleId,
+      translate: translate,
+      children: title
+    }), (0, _jsxRuntime.jsxs)(ContentContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: [children && (0, _jsxRuntime.jsx)(_Box2.default, {
+        component: "div",
+        children: children
+      }), text && (0, _jsxRuntime.jsx)(_Typography.Paragraph, {
+        children: text
+      }), linkUrl && (0, _jsxRuntime.jsx)(_Box2.default, {
+        children: (0, _jsxRuntime.jsx)(_Link.Link, {
+          href: linkUrl,
+          rel: linkRel,
+          target: linkTarget,
+          variant: "monochrome",
+          children: linkText
+        })
+      })]
+    })]
+  });
+};
+const MemoizedCallout = exports.Callout = (0, _react.memo)(Callout);
+MemoizedCallout.displayName = "Callout";
+//# sourceMappingURL=Callout.cjs.map

package/dist/cjs/Callout.cjs.map

@@ -0,0 +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":[]}

package/dist/cjs/Card.cjs

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _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 }; }
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const CARD_IMAGE_HEIGHT = exports.CARD_IMAGE_HEIGHT = "64px";
+const ImageContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "hasMenuButtonChildren"
+})(({
+  odysseyDesignTokens,
+  hasMenuButtonChildren
+}) => ({
+  display: "flex",
+  alignItems: "flex-start",
+  maxHeight: CARD_IMAGE_HEIGHT,
+  height: CARD_IMAGE_HEIGHT,
+  marginBlockEnd: odysseyDesignTokens.Spacing5,
+  paddingRight: hasMenuButtonChildren ? odysseyDesignTokens.Spacing5 : 0
+}));
+const MenuButtonContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  position: "absolute",
+  right: odysseyDesignTokens.Spacing3,
+  top: odysseyDesignTokens.Spacing3
+}));
+const CardContentContainer = (0, _styled.default)("div")(() => ({
+  display: "flex"
+}));
+const buttonProviderValue = {
+  isFullWidth: true
+};
+const Card = ({
+  button,
+  description,
+  image,
+  menuButtonChildren,
+  onClick,
+  overline,
+  title
+}) => {
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  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),
+        children: image
+      }), overline && (0, _jsxRuntime.jsx)(_Typography.Support, {
+        component: "div",
+        children: overline
+      }), title && (0, _jsxRuntime.jsx)(_Typography.Heading5, {
+        component: "div",
+        children: title
+      }), description && (0, _jsxRuntime.jsx)(_Typography.Paragraph, {
+        color: "textSecondary",
+        children: description
+      }), button && (0, _jsxRuntime.jsx)(_CardActions2.default, {
+        children: (0, _jsxRuntime.jsx)(_index.ButtonContext.Provider, {
+          value: buttonProviderValue,
+          children: button
+        })
+      })]
+    })
+  }), [button, description, image, menuButtonChildren, overline, title, odysseyDesignTokens]);
+  return (0, _jsxRuntime.jsxs)(_Card2.default, {
+    className: onClick ? "isClickable" : "",
+    children: [onClick ? (0, _jsxRuntime.jsx)(_CardActionArea2.default, {
+      onClick: onClick,
+      children: cardContent
+    }) : 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",
+        menuAlignment: "right",
+        size: "small",
+        tooltipText: "Actions",
+        children: menuButtonChildren
+      })
+    })]
+  });
+};
+const MemoizedCard = exports.Card = (0, _react.memo)(Card);
+MemoizedCard.displayName = "Card";
+const Tile = props => {
+  (0, _react.useEffect)(() => {
+    console.warn("Warning: The 'Tile' component is now called 'Card'. Please update your references as 'Tile' will be deprecated soon.");
+  }, []);
+  return (0, _jsxRuntime.jsx)(MemoizedCard, {
+    ...props
+  });
+};
+const MemoizedTile = exports.Tile = (0, _react.memo)(Tile);
+MemoizedTile.displayName = "Tile";
+//# sourceMappingURL=Card.cjs.map

package/dist/cjs/Card.cjs.map

@@ -0,0 +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":[]}