@okta/odyssey-contribution-tooling 1.52.0 → 1.53.0

package/dist/cjs/Callout.cjs

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calloutSeverityValues = exports.calloutRoleValues = 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 _i18n = require("./i18n.generated/i18n.cjs");
+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 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,
+  onLinkClick,
+  role,
+  severity,
+  testId,
+  text,
+  title,
+  translate
+}) => {
+  const {
+    t
+  } = (0, _i18n.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
+      }), linkText && (0, _jsxRuntime.jsx)(_Box2.default, {
+        children: (0, _jsxRuntime.jsx)(_Link.Link, {
+          href: linkUrl ?? "#",
+          onClick: onLinkClick,
+          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","_i18n","_Link","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_jsxRuntime","e","__esModule","default","calloutRoleValues","exports","calloutSeverityValues","ContentContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","marginBlockStart","Spacing4","Callout","children","linkRel","linkTarget","linkText","linkUrl","onLinkClick","role","severity","testId","text","title","translate","t","useTranslation","useOdysseyDesignTokens","titleId","useUniqueId","jsxs","_Alert2","variant","jsx","_AlertTitle2","id","_Box2","component","Paragraph","Link","href","onClick","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\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { Link, LinkProps } from \"./Link.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Paragraph } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\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  // if linkText is provided, either linkUrl or onLinkClick must be provided\n  (| {\n        linkRel?: LinkProps[\"rel\"];\n        linkTarget?: LinkProps[\"target\"];\n        linkText: string;\n        linkUrl: LinkProps[\"href\"];\n        onLinkClick?: never;\n      }\n    | {\n        linkRel?: never;\n        linkTarget?: never;\n        linkText: string;\n        linkUrl?: never;\n        onLinkClick: LinkProps[\"onClick\"];\n      }\n    | {\n        linkRel?: never;\n        linkTarget?: never;\n        linkText?: never;\n        linkUrl?: never;\n        onLinkClick?: 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  onLinkClick,\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        {linkText && (\n          <Box>\n            <Link\n              href={linkUrl ?? \"#\"}\n              onClick={onLinkClick}\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,341 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cardVariantValues = exports.Card = exports.CARD_IMAGE_SIZE_COMPACT = exports.CARD_IMAGE_SIZE = void 0;
+var _CardActions2 = _interopRequireWildcard(require("@mui/material/CardActions"));
+var _Skeleton2 = _interopRequireWildcard(require("@mui/material/Skeleton"));
+var _CardActionArea2 = _interopRequireDefault(require("@mui/material/CardActionArea"));
+var _Card2 = _interopRequireDefault(require("@mui/material/Card"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Typography = require("@mui/material/Typography");
+var _react = require("react");
+var _ButtonContext = require("./Buttons/ButtonContext.cjs");
+var _MenuButton = require("./Buttons/MenuButton.cjs");
+var _i18n = require("./i18n.generated/i18n.cjs");
+var _More = require("./icons.generated/More.cjs");
+var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
+var _Typography2 = require("./Typography.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/*!
+ * 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 cardVariantValues = exports.cardVariantValues = ["tile", "stack", "compact"];
+const CARD_IMAGE_SIZE = exports.CARD_IMAGE_SIZE = "64px";
+const CARD_IMAGE_SIZE_COMPACT = exports.CARD_IMAGE_SIZE_COMPACT = "48px";
+const StyledCard = (0, _styled.default)(_Card2.default, {
+  shouldForwardProp: prop => prop !== "cardVariant" && prop !== "isClickable" && prop !== "odysseyDesignTokens"
+})(({
+  cardVariant,
+  isClickable,
+  odysseyDesignTokens
+}) => ({
+  border: `${odysseyDesignTokens.BorderWidthMain} ${odysseyDesignTokens.BorderColorDisplay} ${odysseyDesignTokens.BorderStyleMain}`,
+  boxShadow: "none",
+  padding: 0,
+  display: "flex",
+  ...(cardVariant === "compact" && {
+    marginBlockEnd: odysseyDesignTokens.Spacing2
+  }),
+  ["&:hover"]: isClickable ? {
+    borderColor: odysseyDesignTokens.HueNeutralWhite,
+    boxShadow: odysseyDesignTokens.DepthMedium
+  } : {},
+  [`& .${_Skeleton2.skeletonClasses.root}`]: {
+    transform: "none"
+  },
+  [`& .${_CardActions2.cardActionsClasses.root} .${_Skeleton2.skeletonClasses.root}`]: {
+    height: odysseyDesignTokens.Spacing7
+  }
+}));
+const StyledCardActionArea = (0, _styled.default)(_CardActionArea2.default)(() => ({
+  margin: 0,
+  padding: 0
+}));
+const AccessoriesContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "variant"
+})(({
+  odysseyDesignTokens,
+  variant
+}) => ({
+  display: "flex",
+  flexDirection: variant === "compact" ? "row" : "column",
+  alignItems: "center",
+  gap: odysseyDesignTokens.Spacing1,
+  marginBlockStart: variant === "compact" ? odysseyDesignTokens.Spacing4 : odysseyDesignTokens.Spacing5,
+  marginInlineStart: variant === "compact" ? odysseyDesignTokens.Spacing4 : odysseyDesignTokens.Spacing4,
+  marginInlineEnd: `-${odysseyDesignTokens.Spacing2}`,
+  height: variant === "compact" ? odysseyDesignTokens.Spacing8 : "auto",
+  [`& .${_Skeleton2.skeletonClasses.root}`]: {
+    width: odysseyDesignTokens.Spacing5,
+    height: odysseyDesignTokens.Spacing5
+  }
+}));
+const InnerContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "hasDetailPanel" && prop !== "numberOfChildNodes" && prop !== "odysseyDesignTokens" && prop !== "variant"
+})(({
+  hasDetailPanel,
+  numberOfChildNodes = 0,
+  odysseyDesignTokens,
+  variant
+}) => ({
+  alignItems: variant === "compact" && !hasDetailPanel && numberOfChildNodes <= 2 ? "center" : "flex-start",
+  display: "flex",
+  backgroundColor: odysseyDesignTokens.HueNeutralWhite,
+  padding: variant === "compact" ? odysseyDesignTokens.Spacing4 : odysseyDesignTokens.Spacing5,
+  flexDirection: variant === "tile" ? "column" : "row",
+  gap: odysseyDesignTokens.Spacing4,
+  width: "100%"
+}));
+const ImageContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "variant" && prop !== "hasMenuButton"
+})(({
+  odysseyDesignTokens,
+  variant,
+  hasMenuButton
+}) => ({
+  height: variant === "compact" ? CARD_IMAGE_SIZE_COMPACT : CARD_IMAGE_SIZE,
+  paddingInlineEnd: variant === "tile" && hasMenuButton ? odysseyDesignTokens.Spacing4 : 0,
+  [`& > .${_Skeleton2.skeletonClasses.root}`]: {
+    height: "100%",
+    aspectRatio: 1
+  }
+}));
+const ContentContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: odysseyDesignTokens.Spacing4,
+  width: "100%",
+  "& > *": {
+    marginBlock: 0
+  },
+  [`& .${_Skeleton2.skeletonClasses.root} + .${_Skeleton2.skeletonClasses.root}`]: {
+    marginBlockStart: odysseyDesignTokens.Spacing1
+  }
+}));
+const UpperContentContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "variant" && prop !== "hasMenuButton"
+})(({
+  odysseyDesignTokens,
+  variant,
+  hasMenuButton
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: variant === "compact" ? odysseyDesignTokens.Spacing1 : odysseyDesignTokens.Spacing4,
+  paddingInlineEnd: variant !== "tile" && hasMenuButton ? odysseyDesignTokens.Spacing4 : 0,
+  [`& > .${_Typography.typographyClasses.root}`]: {
+    marginBlockEnd: 0
+  }
+}));
+const OverlineTitleContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: odysseyDesignTokens.Spacing1,
+  [`& > .${_Typography.typographyClasses.root}`]: {
+    marginBlockEnd: 0
+  }
+}));
+const Content = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "flex-start",
+  backgroundColor: odysseyDesignTokens.HueNeutralWhite
+}));
+const MenuButtonContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "variant"
+})(({
+  odysseyDesignTokens,
+  variant
+}) => ({
+  position: "absolute",
+  right: odysseyDesignTokens.Spacing2,
+  top: variant === "compact" ? odysseyDesignTokens.Spacing4 : odysseyDesignTokens.Spacing2,
+  height: variant === "compact" ? odysseyDesignTokens.Spacing8 : "auto",
+  display: "flex",
+  alignItems: "center",
+  [`& .${_Skeleton2.skeletonClasses.root}`]: {
+    width: odysseyDesignTokens.Spacing5,
+    height: odysseyDesignTokens.Spacing5,
+    margin: odysseyDesignTokens.Spacing1
+  }
+}));
+const getNumberOfDefinedReactNodes = props => _react.Children.toArray(props).length;
+const Card = ({
+  children,
+  description,
+  detailPanel,
+  image,
+  isLoading,
+  overline,
+  title,
+  titleId,
+  variant,
+  accessory,
+  button,
+  menuButtonChildren,
+  onClick,
+  __role: role
+}) => {
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  const {
+    t
+  } = (0, _i18n.useTranslation)();
+  const loadingContent = (0, _react.useMemo)(() => (0, _jsxRuntime.jsxs)(InnerContainer, {
+    numberOfChildNodes: getNumberOfDefinedReactNodes([button, children, description, overline, title]),
+    odysseyDesignTokens: odysseyDesignTokens,
+    variant: variant,
+    children: [image && (0, _jsxRuntime.jsx)(ImageContainer, {
+      hasMenuButton: Boolean(menuButtonChildren),
+      odysseyDesignTokens: odysseyDesignTokens,
+      variant: variant,
+      children: (0, _jsxRuntime.jsx)(_Skeleton2.default, {
+        variant: "circular"
+      })
+    }), (0, _jsxRuntime.jsxs)(ContentContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: [(0, _jsxRuntime.jsxs)(UpperContentContainer, {
+        hasMenuButton: Boolean(menuButtonChildren),
+        odysseyDesignTokens: odysseyDesignTokens,
+        variant: variant,
+        children: [(0, _jsxRuntime.jsxs)(OverlineTitleContainer, {
+          odysseyDesignTokens: odysseyDesignTokens,
+          children: [overline && (0, _jsxRuntime.jsx)(_Typography2.Support, {
+            children: (0, _jsxRuntime.jsx)(_Skeleton2.default, {
+              width: "50%"
+            })
+          }), title && (0, _jsxRuntime.jsx)(_Typography2.Typography, {
+            component: "div",
+            variant: variant === "tile" ? "h4" : "h5",
+            children: (0, _jsxRuntime.jsx)(_Skeleton2.default, {
+              width: "33%"
+            })
+          })]
+        }), description && (0, _jsxRuntime.jsxs)(_Typography2.Paragraph, {
+          children: [(0, _jsxRuntime.jsx)(_Skeleton2.default, {
+            width: "100%"
+          }), (0, _jsxRuntime.jsx)(_Skeleton2.default, {
+            width: "50%"
+          })]
+        })]
+      }), children && (0, _jsxRuntime.jsx)(Content, {
+        odysseyDesignTokens: odysseyDesignTokens,
+        children: (0, _jsxRuntime.jsx)(_Skeleton2.default, {
+          width: "50%"
+        })
+      }), button && (0, _jsxRuntime.jsx)(_CardActions2.default, {
+        children: (0, _jsxRuntime.jsx)(_Skeleton2.default, {
+          variant: "rounded",
+          width: "100%"
+        })
+      })]
+    })]
+  }), [button, children, description, image, menuButtonChildren, odysseyDesignTokens, overline, title, variant]);
+  const cardContent = (0, _react.useMemo)(() => {
+    const buttonProviderValue = {
+      isFullWidth: true
+    };
+    return (0, _jsxRuntime.jsxs)(InnerContainer, {
+      hasDetailPanel: Boolean(detailPanel),
+      numberOfChildNodes: getNumberOfDefinedReactNodes([button, children, description, overline, title]),
+      odysseyDesignTokens: odysseyDesignTokens,
+      variant: variant,
+      children: [image && (0, _jsxRuntime.jsx)(ImageContainer, {
+        hasMenuButton: Boolean(menuButtonChildren),
+        odysseyDesignTokens: odysseyDesignTokens,
+        variant: variant,
+        children: image
+      }), (0, _jsxRuntime.jsxs)(ContentContainer, {
+        odysseyDesignTokens: odysseyDesignTokens,
+        children: [(0, _jsxRuntime.jsxs)(UpperContentContainer, {
+          hasMenuButton: Boolean(menuButtonChildren),
+          odysseyDesignTokens: odysseyDesignTokens,
+          variant: variant,
+          children: [(0, _jsxRuntime.jsxs)(OverlineTitleContainer, {
+            odysseyDesignTokens: odysseyDesignTokens,
+            children: [overline && (0, _jsxRuntime.jsx)(_Typography2.Support, {
+              component: "div",
+              children: overline
+            }), title && (0, _jsxRuntime.jsx)(_Typography2.Typography, {
+              component: "div",
+              id: titleId,
+              variant: variant === "tile" ? "h4" : "h5",
+              children: title
+            })]
+          }), description && (0, _jsxRuntime.jsx)(_Typography2.Paragraph, {
+            color: "textSecondary",
+            children: description
+          })]
+        }), children && (0, _jsxRuntime.jsx)(Content, {
+          odysseyDesignTokens: odysseyDesignTokens,
+          children: children
+        }), button && (0, _jsxRuntime.jsx)(_CardActions2.default, {
+          children: (0, _jsxRuntime.jsx)(_ButtonContext.ButtonContext.Provider, {
+            value: buttonProviderValue,
+            children: button
+          })
+        }), detailPanel && (0, _jsxRuntime.jsx)(Content, {
+          odysseyDesignTokens: odysseyDesignTokens,
+          children: detailPanel
+        })]
+      })]
+    });
+  }, [button, children, description, detailPanel, image, menuButtonChildren, odysseyDesignTokens, overline, title, titleId, variant]);
+  return (0, _jsxRuntime.jsxs)(StyledCard, {
+    cardVariant: variant,
+    isClickable: Boolean(onClick),
+    odysseyDesignTokens: odysseyDesignTokens,
+    role: role,
+    children: [Boolean(accessory) && (0, _jsxRuntime.jsx)(AccessoriesContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      variant: variant,
+      children: isLoading ? (0, _jsxRuntime.jsx)(_Skeleton2.default, {
+        variant: "circular"
+      }) : accessory
+    }), isLoading ? loadingContent : onClick ? (0, _jsxRuntime.jsx)(StyledCardActionArea, {
+      onClick: onClick,
+      children: cardContent
+    }) : cardContent, menuButtonChildren && (0, _jsxRuntime.jsx)(MenuButtonContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      variant: variant,
+      children: isLoading ? (0, _jsxRuntime.jsx)(_Skeleton2.default, {
+        variant: "circular"
+      }) : (0, _jsxRuntime.jsx)(_MenuButton.MenuButton, {
+        ariaLabel: t("table.moreactions.arialabel"),
+        buttonVariant: "floating",
+        endIcon: (0, _jsxRuntime.jsx)(_More.MoreIcon, {}),
+        menuAlignment: "right",
+        size: "small",
+        tooltipText: t("table.actions"),
+        children: menuButtonChildren
+      })
+    })]
+  });
+};
+const MemoizedCard = exports.Card = (0, _react.memo)(Card);
+MemoizedCard.displayName = "Card";
+//# sourceMappingURL=Card.cjs.map

package/dist/cjs/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","names":["_CardActions2","_interopRequireWildcard","require","_Skeleton2","_CardActionArea2","_interopRequireDefault","_Card2","_styled","_Typography","_react","_ButtonContext","_MenuButton","_i18n","_More","_OdysseyDesignTokensContext","_Typography2","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","cardVariantValues","exports","CARD_IMAGE_SIZE","CARD_IMAGE_SIZE_COMPACT","StyledCard","styled","shouldForwardProp","prop","cardVariant","isClickable","odysseyDesignTokens","border","BorderWidthMain","BorderColorDisplay","BorderStyleMain","boxShadow","padding","display","marginBlockEnd","Spacing2","borderColor","HueNeutralWhite","DepthMedium","skeletonClasses","root","transform","cardActionsClasses","height","Spacing7","StyledCardActionArea","margin","AccessoriesContainer","variant","flexDirection","alignItems","gap","Spacing1","marginBlockStart","Spacing4","Spacing5","marginInlineStart","marginInlineEnd","Spacing8","width","InnerContainer","hasDetailPanel","numberOfChildNodes","backgroundColor","ImageContainer","hasMenuButton","paddingInlineEnd","aspectRatio","ContentContainer","marginBlock","UpperContentContainer","typographyClasses","OverlineTitleContainer","Content","MenuButtonContainer","position","right","top","getNumberOfDefinedReactNodes","props","Children","toArray","length","Card","children","description","detailPanel","image","isLoading","overline","title","titleId","accessory","button","menuButtonChildren","onClick","__role","role","useOdysseyDesignTokens","useTranslation","loadingContent","useMemo","jsxs","jsx","Boolean","Support","Typography","component","Paragraph","cardContent","buttonProviderValue","isFullWidth","id","color","ButtonContext","Provider","value","MenuButton","ariaLabel","buttonVariant","endIcon","MoreIcon","menuAlignment","size","tooltipText","MemoizedCard","memo","displayName"],"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  Skeleton as MuiSkeleton,\n} from \"@mui/material\";\nimport { cardActionsClasses } from \"@mui/material/CardActions\";\nimport { skeletonClasses } from \"@mui/material/Skeleton\";\nimport { typographyClasses } from \"@mui/material/Typography\";\nimport {\n  AriaRole,\n  Children,\n  memo,\n  MouseEventHandler,\n  ReactElement,\n  ReactNode,\n  useMemo,\n} from \"react\";\n\nimport { Button } from \"./Buttons/Button.js\";\nimport { ButtonContext } from \"./Buttons/ButtonContext.js\";\nimport { MenuButton, MenuButtonProps } from \"./Buttons/MenuButton.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { MoreIcon } from \"./icons.generated/More.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Paragraph, Support, Typography } from \"./Typography.js\";\n\nexport const cardVariantValues = [\"tile\", \"stack\", \"compact\"] as const;\n\nexport const CARD_IMAGE_SIZE = \"64px\";\nexport const CARD_IMAGE_SIZE_COMPACT = \"48px\";\n\nexport type CardProps = {\n  /** @experimental: Temporary internal property, do not use. */\n  __role?: AriaRole;\n  children?: ReactNode;\n  description?: string;\n  detailPanel?: ReactNode;\n  image?: ReactElement;\n  isLoading?: boolean;\n  overline?: string;\n  title?: string;\n  titleId?: string;\n  variant?: (typeof cardVariantValues)[number];\n} & (\n  | {\n      accessory?: ReactNode;\n      button?: never;\n      menuButtonChildren?: never;\n      onClick: MouseEventHandler;\n    }\n  | {\n      accessory?: ReactNode;\n      button?: ReactElement<typeof Button>;\n      menuButtonChildren?: MenuButtonProps[\"children\"];\n      onClick?: never;\n    }\n);\n\nconst StyledCard = styled(MuiCard, {\n  shouldForwardProp: (prop) =>\n    prop !== \"cardVariant\" &&\n    prop !== \"isClickable\" &&\n    prop !== \"odysseyDesignTokens\",\n})<{\n  cardVariant: CardProps[\"variant\"];\n  isClickable: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ cardVariant, isClickable, odysseyDesignTokens }) => ({\n  border: `${odysseyDesignTokens.BorderWidthMain} ${odysseyDesignTokens.BorderColorDisplay} ${odysseyDesignTokens.BorderStyleMain}`,\n  boxShadow: \"none\",\n  padding: 0,\n  display: \"flex\",\n\n  ...(cardVariant === \"compact\" && {\n    marginBlockEnd: odysseyDesignTokens.Spacing2,\n  }),\n\n  [\"&:hover\"]: isClickable\n    ? {\n        borderColor: odysseyDesignTokens.HueNeutralWhite,\n        boxShadow: odysseyDesignTokens.DepthMedium,\n      }\n    : {},\n\n  [`& .${skeletonClasses.root}`]: {\n    transform: \"none\",\n  },\n\n  [`& .${cardActionsClasses.root} .${skeletonClasses.root}`]: {\n    height: odysseyDesignTokens.Spacing7,\n  },\n}));\n\nconst StyledCardActionArea = styled(MuiCardActionArea)(() => ({\n  margin: 0,\n  padding: 0,\n}));\n\nconst AccessoriesContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"variant\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  variant: CardProps[\"variant\"];\n}>(({ odysseyDesignTokens, variant }) => ({\n  display: \"flex\",\n  flexDirection: variant === \"compact\" ? \"row\" : \"column\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing1,\n  marginBlockStart:\n    variant === \"compact\"\n      ? odysseyDesignTokens.Spacing4\n      : odysseyDesignTokens.Spacing5,\n  marginInlineStart:\n    variant === \"compact\"\n      ? odysseyDesignTokens.Spacing4\n      : odysseyDesignTokens.Spacing4,\n  marginInlineEnd: `-${odysseyDesignTokens.Spacing2}`,\n  height: variant === \"compact\" ? odysseyDesignTokens.Spacing8 : \"auto\",\n\n  [`& .${skeletonClasses.root}`]: {\n    width: odysseyDesignTokens.Spacing5,\n    height: odysseyDesignTokens.Spacing5,\n  },\n}));\n\nconst InnerContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"hasDetailPanel\" &&\n    prop !== \"numberOfChildNodes\" &&\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"variant\",\n})<{\n  hasDetailPanel?: boolean;\n  numberOfChildNodes?: number;\n  odysseyDesignTokens: DesignTokens;\n  variant: CardProps[\"variant\"];\n}>(\n  ({\n    hasDetailPanel,\n    numberOfChildNodes = 0,\n    odysseyDesignTokens,\n    variant,\n  }) => ({\n    alignItems:\n      variant === \"compact\" && !hasDetailPanel && numberOfChildNodes <= 2\n        ? \"center\"\n        : \"flex-start\",\n    display: \"flex\",\n    backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n    padding:\n      variant === \"compact\"\n        ? odysseyDesignTokens.Spacing4\n        : odysseyDesignTokens.Spacing5,\n    flexDirection: variant === \"tile\" ? \"column\" : \"row\",\n    gap: odysseyDesignTokens.Spacing4,\n    width: \"100%\",\n  }),\n);\n\nconst ImageContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"variant\" &&\n    prop !== \"hasMenuButton\",\n})<{\n  hasMenuButton: boolean;\n  odysseyDesignTokens: DesignTokens;\n  variant: CardProps[\"variant\"];\n}>(({ odysseyDesignTokens, variant, hasMenuButton }) => ({\n  height: variant === \"compact\" ? CARD_IMAGE_SIZE_COMPACT : CARD_IMAGE_SIZE,\n  paddingInlineEnd:\n    variant === \"tile\" && hasMenuButton ? odysseyDesignTokens.Spacing4 : 0,\n  [`& > .${skeletonClasses.root}`]: {\n    height: \"100%\",\n    aspectRatio: 1,\n  },\n}));\n\nconst ContentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: odysseyDesignTokens.Spacing4,\n  width: \"100%\",\n\n  \"& > *\": {\n    marginBlock: 0,\n  },\n\n  [`& .${skeletonClasses.root} + .${skeletonClasses.root}`]: {\n    marginBlockStart: odysseyDesignTokens.Spacing1,\n  },\n}));\n\nconst UpperContentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"variant\" &&\n    prop !== \"hasMenuButton\",\n})<{\n  hasMenuButton: boolean;\n  odysseyDesignTokens: DesignTokens;\n  variant: CardProps[\"variant\"];\n}>(({ odysseyDesignTokens, variant, hasMenuButton }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap:\n    variant === \"compact\"\n      ? odysseyDesignTokens.Spacing1\n      : odysseyDesignTokens.Spacing4,\n  paddingInlineEnd:\n    variant !== \"tile\" && hasMenuButton ? odysseyDesignTokens.Spacing4 : 0,\n\n  [`& > .${typographyClasses.root}`]: {\n    marginBlockEnd: 0,\n  },\n}));\n\nconst OverlineTitleContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: odysseyDesignTokens.Spacing1,\n\n  [`& > .${typographyClasses.root}`]: {\n    marginBlockEnd: 0,\n  },\n}));\n\nconst Content = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  alignItems: \"flex-start\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n}));\n\nconst MenuButtonContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"variant\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  variant: CardProps[\"variant\"];\n}>(({ odysseyDesignTokens, variant }) => ({\n  position: \"absolute\",\n  right: odysseyDesignTokens.Spacing2,\n  top:\n    variant === \"compact\"\n      ? odysseyDesignTokens.Spacing4\n      : odysseyDesignTokens.Spacing2,\n  height: variant === \"compact\" ? odysseyDesignTokens.Spacing8 : \"auto\",\n  display: \"flex\",\n  alignItems: \"center\",\n\n  [`& .${skeletonClasses.root}`]: {\n    width: odysseyDesignTokens.Spacing5,\n    height: odysseyDesignTokens.Spacing5,\n    margin: odysseyDesignTokens.Spacing1,\n  },\n}));\n\nconst getNumberOfDefinedReactNodes = (props: Array<ReactNode>) =>\n  Children.toArray(props).length;\n\nconst Card = ({\n  children,\n  description,\n  detailPanel,\n  image,\n  isLoading,\n  overline,\n  title,\n  titleId,\n  variant,\n  accessory,\n  button,\n  menuButtonChildren,\n  onClick,\n  __role: role,\n}: CardProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const loadingContent = useMemo(\n    () => (\n      <InnerContainer\n        numberOfChildNodes={getNumberOfDefinedReactNodes([\n          button,\n          children,\n          description,\n          overline,\n          title,\n        ])}\n        odysseyDesignTokens={odysseyDesignTokens}\n        variant={variant}\n      >\n        {image && (\n          <ImageContainer\n            hasMenuButton={Boolean(menuButtonChildren)}\n            odysseyDesignTokens={odysseyDesignTokens}\n            variant={variant}\n          >\n            <MuiSkeleton variant=\"circular\" />\n          </ImageContainer>\n        )}\n\n        <ContentContainer odysseyDesignTokens={odysseyDesignTokens}>\n          <UpperContentContainer\n            hasMenuButton={Boolean(menuButtonChildren)}\n            odysseyDesignTokens={odysseyDesignTokens}\n            variant={variant}\n          >\n            <OverlineTitleContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {overline && (\n                <Support>\n                  <MuiSkeleton width=\"50%\" />\n                </Support>\n              )}\n\n              {title && (\n                <Typography\n                  component=\"div\"\n                  variant={variant === \"tile\" ? \"h4\" : \"h5\"}\n                >\n                  <MuiSkeleton width=\"33%\" />\n                </Typography>\n              )}\n            </OverlineTitleContainer>\n\n            {description && (\n              <Paragraph>\n                <MuiSkeleton width=\"100%\" />\n                <MuiSkeleton width=\"50%\" />\n              </Paragraph>\n            )}\n          </UpperContentContainer>\n\n          {children && (\n            <Content odysseyDesignTokens={odysseyDesignTokens}>\n              <MuiSkeleton width=\"50%\" />\n            </Content>\n          )}\n\n          {button && (\n            <MuiCardActions>\n              <MuiSkeleton variant=\"rounded\" width=\"100%\" />\n            </MuiCardActions>\n          )}\n        </ContentContainer>\n      </InnerContainer>\n    ),\n    [\n      button,\n      children,\n      description,\n      image,\n      menuButtonChildren,\n      odysseyDesignTokens,\n      overline,\n      title,\n      variant,\n    ],\n  );\n\n  const cardContent = useMemo(() => {\n    const buttonProviderValue = { isFullWidth: true };\n    return (\n      <InnerContainer\n        hasDetailPanel={Boolean(detailPanel)}\n        numberOfChildNodes={getNumberOfDefinedReactNodes([\n          button,\n          children,\n          description,\n          overline,\n          title,\n        ])}\n        odysseyDesignTokens={odysseyDesignTokens}\n        variant={variant}\n      >\n        {image && (\n          <ImageContainer\n            hasMenuButton={Boolean(menuButtonChildren)}\n            odysseyDesignTokens={odysseyDesignTokens}\n            variant={variant}\n          >\n            {image}\n          </ImageContainer>\n        )}\n\n        <ContentContainer odysseyDesignTokens={odysseyDesignTokens}>\n          <UpperContentContainer\n            hasMenuButton={Boolean(menuButtonChildren)}\n            odysseyDesignTokens={odysseyDesignTokens}\n            variant={variant}\n          >\n            <OverlineTitleContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {overline && <Support component=\"div\">{overline}</Support>}\n\n              {title && (\n                <Typography\n                  component=\"div\"\n                  id={titleId}\n                  variant={variant === \"tile\" ? \"h4\" : \"h5\"}\n                >\n                  {title}\n                </Typography>\n              )}\n            </OverlineTitleContainer>\n\n            {description && (\n              <Paragraph color=\"textSecondary\">{description}</Paragraph>\n            )}\n          </UpperContentContainer>\n\n          {children && (\n            <Content odysseyDesignTokens={odysseyDesignTokens}>\n              {children}\n            </Content>\n          )}\n\n          {button && (\n            <MuiCardActions>\n              <ButtonContext.Provider value={buttonProviderValue}>\n                {button}\n              </ButtonContext.Provider>\n            </MuiCardActions>\n          )}\n\n          {detailPanel && (\n            <Content odysseyDesignTokens={odysseyDesignTokens}>\n              {detailPanel}\n            </Content>\n          )}\n        </ContentContainer>\n      </InnerContainer>\n    );\n  }, [\n    button,\n    children,\n    description,\n    detailPanel,\n    image,\n    menuButtonChildren,\n    odysseyDesignTokens,\n    overline,\n    title,\n    titleId,\n    variant,\n  ]);\n\n  return (\n    <StyledCard\n      cardVariant={variant}\n      isClickable={Boolean(onClick)}\n      odysseyDesignTokens={odysseyDesignTokens}\n      role={role}\n    >\n      {Boolean(accessory) && (\n        <AccessoriesContainer\n          odysseyDesignTokens={odysseyDesignTokens}\n          variant={variant}\n        >\n          {isLoading ? <MuiSkeleton variant=\"circular\" /> : accessory}\n        </AccessoriesContainer>\n      )}\n\n      {isLoading ? (\n        loadingContent\n      ) : onClick ? (\n        <StyledCardActionArea onClick={onClick}>\n          {cardContent}\n        </StyledCardActionArea>\n      ) : (\n        cardContent\n      )}\n\n      {menuButtonChildren && (\n        <MenuButtonContainer\n          odysseyDesignTokens={odysseyDesignTokens}\n          variant={variant}\n        >\n          {isLoading ? (\n            <MuiSkeleton variant=\"circular\" />\n          ) : (\n            <MenuButton\n              ariaLabel={t(\"table.moreactions.arialabel\")}\n              buttonVariant=\"floating\"\n              endIcon={<MoreIcon />}\n              menuAlignment=\"right\"\n              size=\"small\"\n              tooltipText={t(\"table.actions\")}\n            >\n              {menuButtonChildren}\n            </MenuButton>\n          )}\n        </MenuButtonContainer>\n      )}\n    </StyledCard>\n  );\n};\n\nconst MemoizedCard = memo(Card);\nMemoizedCard.displayName = \"Card\";\n\nexport { MemoizedCard as Card };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/CircularProgress.cjs

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CircularProgress = void 0;
+var _CircularProgress2 = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _react = require("react");
+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 CircularProgress = ({
+  ariaLabel,
+  testId,
+  value
+}) => (0, _jsxRuntime.jsx)(_CircularProgress2.default, {
+  "aria-label": ariaLabel,
+  "data-se": testId,
+  value: value,
+  variant: value ? "determinate" : "indeterminate"
+});
+const MemoizedCircularProgress = exports.CircularProgress = (0, _react.memo)(CircularProgress);
+MemoizedCircularProgress.displayName = "CircularProgress";
+//# sourceMappingURL=CircularProgress.cjs.map

package/dist/cjs/CircularProgress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.cjs","names":["_react","require","_jsxRuntime","_interopRequireDefault","e","__esModule","default","CircularProgress","ariaLabel","testId","value","jsx","_CircularProgress2","variant","MemoizedCircularProgress","exports","memo","displayName"],"sources":["../../src/CircularProgress.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 { CircularProgress as MuiCircularProgress } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nexport type CircularProgressProps = {\n  /**\n   * The percentage filled the spinner should be, as an integer.\n   * If undefined, the spinner will spin perpetually.\n   */\n  value?: number;\n} & Pick<HtmlProps, \"ariaLabel\" | \"testId\">;\n\nconst CircularProgress = ({\n  ariaLabel,\n  testId,\n  value,\n}: CircularProgressProps) => (\n  <MuiCircularProgress\n    aria-label={ariaLabel}\n    data-se={testId}\n    value={value}\n    variant={value ? \"determinate\" : \"indeterminate\"}\n  />\n);\n\nconst MemoizedCircularProgress = memo(CircularProgress);\nMemoizedCircularProgress.displayName = \"CircularProgress\";\n\nexport { MemoizedCircularProgress as CircularProgress };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAA6B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAb7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAeA,MAAMG,gBAAgB,GAAGA,CAAC;EACxBC,SAAS;EACTC,MAAM;EACNC;AACqB,CAAC,KACtB,IAAAR,WAAA,CAAAS,GAAA,EAAAC,kBAAA,CAAAN,OAAA;EACE,cAAYE,SAAU;EACtB,WAASC,MAAO;EAChBC,KAAK,EAAEA,KAAM;EACbG,OAAO,EAAEH,KAAK,GAAG,aAAa,GAAG;AAAgB,CAClD,CACF;AAED,MAAMI,wBAAwB,GAAAC,OAAA,CAAAR,gBAAA,GAAG,IAAAS,WAAI,EAACT,gBAAgB,CAAC;AACvDO,wBAAwB,CAACG,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/cjs/ConditionalWrapper.cjs

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

package/dist/cjs/ConditionalWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalWrapper.cjs","names":["_react","require","_jsxRuntime","ConditionalWrapper","isWrapped","Wrapper","children","jsx","Fragment","MemoizedConditionalWrapper","exports","memo","displayName"],"sources":["../../src/ConditionalWrapper.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactNode } from \"react\";\n\nexport type ConditionalWrapperProps = {\n  children: ReactNode;\n  isWrapped: boolean;\n  Wrapper: (children: ReactNode) => ReactNode;\n};\n\nconst ConditionalWrapper = ({\n  isWrapped,\n  Wrapper,\n  children,\n}: ConditionalWrapperProps) =>\n  isWrapped ? Wrapper(children) : <>{children}</>;\n\nconst MemoizedConditionalWrapper = memo(ConditionalWrapper);\nMemoizedConditionalWrapper.displayName = \"ConditionalWrapper\";\n\nexport { MemoizedConditionalWrapper as ConditionalWrapper };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAAwC,IAAAC,WAAA,GAAAD,OAAA;AAZxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,MAAME,kBAAkB,GAAGA,CAAC;EAC1BC,SAAS;EACTC,OAAO;EACPC;AACuB,CAAC,KACxBF,SAAS,GAAGC,OAAO,CAACC,QAAQ,CAAC,GAAG,IAAAJ,WAAA,CAAAK,GAAA,EAAAL,WAAA,CAAAM,QAAA;EAAAF,QAAA,EAAGA;AAAQ,CAAG,CAAC;AAEjD,MAAMG,0BAA0B,GAAAC,OAAA,CAAAP,kBAAA,GAAG,IAAAQ,WAAI,EAACR,kBAAkB,CAAC;AAC3DM,0BAA0B,CAACG,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/cjs/CssBaseline.cjs

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CssBaseline = void 0;
+var _CssBaseline2 = _interopRequireDefault(require("@mui/material/CssBaseline"));
+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 CssBaseline = props => (0, _jsxRuntime.jsx)(_CssBaseline2.default, {
+  ...props
+});
+exports.CssBaseline = CssBaseline;
+//# sourceMappingURL=CssBaseline.cjs.map

package/dist/cjs/CssBaseline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssBaseline.cjs","names":["CssBaseline","props","_jsxRuntime","jsx","_CssBaseline2","default","exports"],"sources":["../../src/CssBaseline.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  CssBaseline as MuiCssBaseline,\n  CssBaselineProps as MuiCssBaselineProps,\n} from \"@mui/material\";\n\nexport const CssBaseline = (props: MuiCssBaselineProps) => (\n  <MuiCssBaseline {...props} />\n);\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOO,MAAMA,WAAW,GAAIC,KAA0B,IACpD,IAAAC,WAAA,CAAAC,GAAA,EAAAC,aAAA,CAAAC,OAAA;EAAA,GAAoBJ;AAAK,CAAG,CAC7B;AAACK,OAAA,CAAAN,WAAA,GAAAA,WAAA","ignoreList":[]}