@okta/odyssey-react-mui 1.29.0 → 1.32.4

package/dist/labs/SideNav/SideNavHeader.js

@@ -1,94 +0,0 @@
-import _Skeleton from "@mui/material/Skeleton";
-/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import styled from "@emotion/styled";
-import { memo } from "react";
-import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
-import { SideNavLogo } from "./SideNavLogo.js";
-import { Heading5 } from "../../Typography.js";
-import { TOP_NAV_HEIGHT } from "../TopNav/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const SideNavHeaderContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  position: "relative",
-  display: "flex",
-  flexDirection: "column",
-  backgroundColor: odysseyDesignTokens.HueNeutralWhite,
-  zIndex: 1
-}));
-const SideNavLogoContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  height: TOP_NAV_HEIGHT,
-  paddingBlock: odysseyDesignTokens.Spacing4,
-  paddingInline: odysseyDesignTokens.Spacing5,
-  "svg, img": {
-    maxHeight: "100%",
-    width: "auto",
-    maxWidth: "100%"
-  }
-}));
-const SideNavHeadingContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  display: "flex",
-  justifyContent: "space-between",
-  alignItems: "center",
-  paddingBlock: odysseyDesignTokens.Spacing4,
-  paddingInline: odysseyDesignTokens.Spacing5,
-  width: "100%",
-  ["& .MuiTypography-root"]: {
-    margin: 0,
-    width: "100%"
-  }
-}));
-const SideNavHeader = ({
-  appName,
-  isLoading,
-  logoProps
-}) => {
-  const odysseyDesignTokens = useOdysseyDesignTokens();
-  return _jsxs(SideNavHeaderContainer, {
-    odysseyDesignTokens: odysseyDesignTokens,
-    children: [_jsx(SideNavLogoContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: isLoading ? _jsx(_Skeleton, {
-        variant: "rounded",
-        height: 24,
-        width: 67
-      }) : _jsx(SideNavLogo, {
-        ...logoProps
-      })
-    }), _jsx(SideNavHeadingContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      children: _jsx(Heading5, {
-        component: "h2",
-        children: isLoading ? _jsx(_Skeleton, {}) : appName
-      })
-    })]
-  });
-};
-const MemoizedSideNavHeader = memo(SideNavHeader);
-MemoizedSideNavHeader.displayName = "SideNavHeader";
-export { MemoizedSideNavHeader as SideNavHeader };
-//# sourceMappingURL=SideNavHeader.js.map

package/dist/labs/SideNav/SideNavHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideNavHeader.js","names":["styled","memo","useOdysseyDesignTokens","SideNavLogo","Heading5","TOP_NAV_HEIGHT","jsx","_jsx","jsxs","_jsxs","SideNavHeaderContainer","shouldForwardProp","prop","odysseyDesignTokens","position","display","flexDirection","backgroundColor","HueNeutralWhite","zIndex","SideNavLogoContainer","alignItems","height","paddingBlock","Spacing4","paddingInline","Spacing5","maxHeight","width","maxWidth","SideNavHeadingContainer","justifyContent","margin","SideNavHeader","appName","isLoading","logoProps","children","_Skeleton","variant","component","MemoizedSideNavHeader","displayName"],"sources":["../../../src/labs/SideNav/SideNavHeader.tsx"],"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\nimport styled from \"@emotion/styled\";\nimport { memo } from \"react\";\nimport { Skeleton } from \"@mui/material\";\n\nimport {\n  type DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\nimport { SideNavLogo } from \"./SideNavLogo\";\nimport { SideNavProps } from \"./types\";\nimport { Heading5 } from \"../../Typography\";\nimport { TOP_NAV_HEIGHT } from \"../TopNav\";\n\nconst SideNavHeaderContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  position: \"relative\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n  zIndex: 1,\n}));\n\nconst SideNavLogoContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  height: TOP_NAV_HEIGHT,\n  paddingBlock: odysseyDesignTokens.Spacing4,\n  paddingInline: odysseyDesignTokens.Spacing5,\n\n  \"svg, img\": {\n    maxHeight: \"100%\",\n    width: \"auto\",\n    maxWidth: \"100%\",\n  },\n}));\n\nconst SideNavHeadingContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  alignItems: \"center\",\n  paddingBlock: odysseyDesignTokens.Spacing4,\n  paddingInline: odysseyDesignTokens.Spacing5,\n  width: \"100%\",\n\n  [\"& .MuiTypography-root\"]: {\n    margin: 0,\n    width: \"100%\",\n  },\n}));\n\nexport type SideNavHeaderProps = {\n  /**\n   * The app's name.\n   */\n  appName: string;\n  /**\n   * If the side nav currently has no items, it will be loading.\n   */\n  isLoading?: boolean;\n} & Pick<SideNavProps, \"logoProps\">;\n\nconst SideNavHeader = ({\n  appName,\n  isLoading,\n  logoProps,\n}: SideNavHeaderProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <SideNavHeaderContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <SideNavLogoContainer odysseyDesignTokens={odysseyDesignTokens}>\n        {isLoading ? (\n          //  The skeleton takes the hardcoded dimensions of the Okta logo\n          <Skeleton variant=\"rounded\" height={24} width={67} />\n        ) : (\n          <SideNavLogo {...logoProps} />\n        )}\n      </SideNavLogoContainer>\n\n      <SideNavHeadingContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <Heading5 component=\"h2\">{isLoading ? <Skeleton /> : appName}</Heading5>\n      </SideNavHeadingContainer>\n    </SideNavHeaderContainer>\n  );\n};\n\nconst MemoizedSideNavHeader = memo(SideNavHeader);\nMemoizedSideNavHeader.displayName = \"SideNavHeader\";\n\nexport { MemoizedSideNavHeader as SideNavHeader };\n"],"mappings":"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"}

package/dist/labs/SideNav/SideNavItemContent.js

@@ -1,239 +0,0 @@
-import _Link from "@mui/material/Link";
-/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import styled from "@emotion/styled";
-import { memo, useCallback, useImperativeHandle, useMemo, useRef } from "react";
-import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
-import { SideNavItemLinkContent } from "./SideNavItemLinkContent.js";
-import { useSideNavItemContent } from "./SideNavItemContentContext.js";
-import { ExternalLinkIcon } from "../../icons.generated/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const StyledSideNavListItem = styled("li", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isSelected"
-})(({
-  odysseyDesignTokens,
-  isSelected
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  backgroundColor: "unset",
-  borderRadius: odysseyDesignTokens.BorderRadiusMain,
-  transition: `backgroundColor ${odysseyDesignTokens.TransitionDurationMain}, color ${odysseyDesignTokens.TransitionDurationMain}`,
-  ...(isSelected && {
-    color: `${odysseyDesignTokens.TypographyColorAction} !important`,
-    backgroundColor: odysseyDesignTokens.HueBlue50
-  })
-}));
-const scrollToNode = node => {
-  if (node) {
-    node?.scrollIntoView({
-      behavior: "instant",
-      block: "center",
-      inline: "nearest"
-    });
-  }
-};
-export const getBaseNavItemContentStyles = ({
-  odysseyDesignTokens,
-  isDisabled,
-  isSelected
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  width: "100%",
-  textDecoration: "none",
-  color: `${odysseyDesignTokens.TypographyColorHeading} !important`,
-  minHeight: "unset",
-  paddingBlock: odysseyDesignTokens.Spacing3,
-  paddingInlineEnd: odysseyDesignTokens.Spacing4,
-  borderRadius: odysseyDesignTokens.BorderRadiusMain,
-  transition: `backgroundColor ${odysseyDesignTokens.TransitionDurationMain}, color ${odysseyDesignTokens.TransitionDurationMain}`,
-  cursor: "pointer",
-  "&:hover, [data-sortable-container='true']:has(button:hover, button:focus, button:focus-visible) &": {
-    textDecoration: "none",
-    backgroundColor: odysseyDesignTokens.HueNeutral50,
-    ...(isSelected && {
-      backgroundColor: odysseyDesignTokens.HueBlue50,
-      color: odysseyDesignTokens.TypographyColorAction
-    }),
-    ...(isDisabled && {
-      backgroundColor: "unset"
-    })
-  },
-  ...(isSelected && {
-    color: `${odysseyDesignTokens.TypographyColorAction}`,
-    fontWeight: odysseyDesignTokens.TypographyWeightBodyBold
-  }),
-  ...(isDisabled && {
-    cursor: "default",
-    color: `${odysseyDesignTokens.TypographyColorDisabled} !important`
-  }),
-  "&:focus-visible": {
-    outline: "none",
-    boxShadow: `inset 0 0 0 2px ${odysseyDesignTokens.PalettePrimaryMain}`
-  }
-});
-export const getNavItemContentStyles = ({
-  odysseyDesignTokens,
-  contextValue
-}) => ({
-  paddingInlineStart: `calc(${odysseyDesignTokens.Spacing4} * ${contextValue.depth} + ${odysseyDesignTokens.Spacing6})`,
-  ...(contextValue.depth === 1 && {
-    paddingInlineStart: odysseyDesignTokens.Spacing4
-  }),
-  ...(contextValue.isCompact && {
-    paddingBlock: odysseyDesignTokens.Spacing1
-  })
-});
-const NavItemContentContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop != "contextValue" && prop !== "isDisabled" && prop !== "isSelected"
-})(({
-  contextValue,
-  odysseyDesignTokens,
-  isDisabled,
-  isSelected
-}) => ({
-  ...getBaseNavItemContentStyles({
-    odysseyDesignTokens,
-    isDisabled,
-    isSelected
-  }),
-  ...getNavItemContentStyles({
-    odysseyDesignTokens,
-    contextValue
-  })
-}));
-const StyledNavItemLink = styled(_Link, {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop != "contextValue" && prop !== "isDisabled" && prop !== "isSelected"
-})(({
-  contextValue,
-  odysseyDesignTokens,
-  isDisabled,
-  isSelected
-}) => ({
-  ...getBaseNavItemContentStyles({
-    odysseyDesignTokens,
-    isDisabled,
-    isSelected
-  }),
-  ...getNavItemContentStyles({
-    odysseyDesignTokens,
-    contextValue
-  })
-}));
-const SideNavItemContent = ({
-  count,
-  id,
-  label,
-  href,
-  target,
-  startIcon,
-  severity,
-  statusLabel,
-  endIcon,
-  onClick,
-  isDisabled,
-  isSelected,
-  scrollRef,
-  onItemSelected
-}) => {
-  const sidenavItemContentContext = useSideNavItemContent();
-  const contextValue = useMemo(() => sidenavItemContentContext, [sidenavItemContentContext]);
-  const odysseyDesignTokens = useOdysseyDesignTokens();
-  const localScrollRef = useRef(null);
-  useImperativeHandle(scrollRef, () => {
-    return {
-      scrollIntoView: () => {
-        scrollToNode(localScrollRef.current);
-      }
-    };
-  }, []);
-  const itemClickHandler = useCallback(event => {
-    return () => {
-      onItemSelected?.(id);
-      onClick?.(event);
-    };
-  }, [id, onClick, onItemSelected]);
-  const sideNavItemContentKeyHandler = useCallback(event => {
-    if (event?.key === "Enter") {
-      event.preventDefault();
-      onItemSelected?.(id);
-      onClick?.(event);
-    }
-  }, [id, onClick, onItemSelected]);
-  return _jsx(StyledSideNavListItem, {
-    ref: localScrollRef,
-    id: id,
-    isSelected: isSelected,
-    disabled: isDisabled,
-    "aria-disabled": isDisabled,
-    "aria-current": isSelected ? "page" : undefined,
-    odysseyDesignTokens: odysseyDesignTokens,
-    children: isDisabled ? _jsx(NavItemContentContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      contextValue: contextValue,
-      isDisabled: isDisabled,
-      isSelected: isSelected,
-      children: _jsx(SideNavItemLinkContent, {
-        count: count,
-        label: label,
-        startIcon: startIcon,
-        endIcon: endIcon,
-        statusLabel: statusLabel,
-        severity: severity
-      })
-    }) : !href ? _jsx(NavItemContentContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      contextValue: contextValue,
-      isDisabled: isDisabled,
-      tabIndex: 0,
-      role: "button",
-      onClick: itemClickHandler,
-      onKeyDown: sideNavItemContentKeyHandler,
-      isSelected: isSelected,
-      children: _jsx(SideNavItemLinkContent, {
-        count: count,
-        label: label,
-        startIcon: startIcon,
-        endIcon: endIcon,
-        statusLabel: statusLabel,
-        severity: severity
-      })
-    }) : _jsxs(StyledNavItemLink, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      contextValue: contextValue,
-      isDisabled: isDisabled,
-      isSelected: isSelected,
-      href: href,
-      target: target,
-      onClick: itemClickHandler,
-      children: [_jsx(SideNavItemLinkContent, {
-        count: count,
-        label: label,
-        startIcon: startIcon,
-        endIcon: endIcon,
-        statusLabel: statusLabel,
-        severity: severity
-      }), target === "_blank" && _jsx("span", {
-        className: "Link-indicator",
-        role: "presentation",
-        children: _jsx(ExternalLinkIcon, {})
-      })]
-    })
-  }, id);
-};
-const MemoizedSideNavItemContent = memo(SideNavItemContent);
-MemoizedSideNavItemContent.displayName = "SideNavItemContent";
-export { MemoizedSideNavItemContent as SideNavItemContent };
-//# sourceMappingURL=SideNavItemContent.js.map

package/dist/labs/SideNav/SideNavItemContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideNavItemContent.js","names":["styled","memo","useCallback","useImperativeHandle","useMemo","useRef","useOdysseyDesignTokens","SideNavItemLinkContent","useSideNavItemContent","ExternalLinkIcon","jsx","_jsx","jsxs","_jsxs","StyledSideNavListItem","shouldForwardProp","prop","odysseyDesignTokens","isSelected","display","alignItems","backgroundColor","borderRadius","BorderRadiusMain","transition","TransitionDurationMain","color","TypographyColorAction","HueBlue50","scrollToNode","node","scrollIntoView","behavior","block","inline","getBaseNavItemContentStyles","isDisabled","width","textDecoration","TypographyColorHeading","minHeight","paddingBlock","Spacing3","paddingInlineEnd","Spacing4","cursor","HueNeutral50","fontWeight","TypographyWeightBodyBold","TypographyColorDisabled","outline","boxShadow","PalettePrimaryMain","getNavItemContentStyles","contextValue","paddingInlineStart","depth","Spacing6","isCompact","Spacing1","NavItemContentContainer","StyledNavItemLink","_Link","SideNavItemContent","count","id","label","href","target","startIcon","severity","statusLabel","endIcon","onClick","scrollRef","onItemSelected","sidenavItemContentContext","localScrollRef","current","itemClickHandler","event","sideNavItemContentKeyHandler","key","preventDefault","ref","disabled","undefined","children","tabIndex","role","onKeyDown","className","MemoizedSideNavItemContent","displayName"],"sources":["../../../src/labs/SideNav/SideNavItemContent.tsx"],"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\nimport styled from \"@emotion/styled\";\nimport {\n  KeyboardEventHandler,\n  memo,\n  MouseEventHandler,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { Link as NavItemLink } from \"@mui/material\";\nimport {\n  type DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\nimport { SideNavItemLinkContent } from \"./SideNavItemLinkContent\";\nimport type { SideNavItem } from \"./types\";\nimport {\n  SideNavItemContentContextValue,\n  useSideNavItemContent,\n} from \"./SideNavItemContentContext\";\nimport { ExternalLinkIcon } from \"../../icons.generated\";\n\nexport const StyledSideNavListItem = styled(\"li\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isSelected\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isSelected?: boolean;\n  disabled?: boolean;\n}>(({ odysseyDesignTokens, isSelected }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  backgroundColor: \"unset\",\n  borderRadius: odysseyDesignTokens.BorderRadiusMain,\n  transition: `backgroundColor ${odysseyDesignTokens.TransitionDurationMain}, color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n  ...(isSelected && {\n    color: `${odysseyDesignTokens.TypographyColorAction} !important`,\n    backgroundColor: odysseyDesignTokens.HueBlue50,\n  }),\n}));\n\nconst scrollToNode = (node: HTMLElement | null) => {\n  if (node) {\n    node?.scrollIntoView({\n      behavior: \"instant\",\n      block: \"center\",\n      inline: \"nearest\",\n    });\n  }\n};\n\ntype ScrollIntoViewHandle = {\n  scrollIntoView: () => void;\n};\n\nexport const getBaseNavItemContentStyles = ({\n  odysseyDesignTokens,\n  isDisabled,\n  isSelected,\n}: {\n  odysseyDesignTokens: DesignTokens;\n  isDisabled?: boolean;\n  isSelected?: boolean;\n}) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  width: \"100%\",\n  textDecoration: \"none\",\n  color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n  minHeight: \"unset\",\n  paddingBlock: odysseyDesignTokens.Spacing3,\n  paddingInlineEnd: odysseyDesignTokens.Spacing4,\n  borderRadius: odysseyDesignTokens.BorderRadiusMain,\n  transition: `backgroundColor ${odysseyDesignTokens.TransitionDurationMain}, color ${odysseyDesignTokens.TransitionDurationMain}`,\n  cursor: \"pointer\",\n\n  // `[data-sortable-container='true']:has(button:hover) &` - when the sortable item's drag handle is hovered we want to trigger the same hover behavior as if you were hovering the actual item\n  \"&:hover, [data-sortable-container='true']:has(button:hover, button:focus, button:focus-visible) &\":\n    {\n      textDecoration: \"none\",\n      backgroundColor: odysseyDesignTokens.HueNeutral50,\n\n      ...(isSelected && {\n        backgroundColor: odysseyDesignTokens.HueBlue50,\n        color: odysseyDesignTokens.TypographyColorAction,\n      }),\n\n      ...(isDisabled && {\n        backgroundColor: \"unset\",\n      }),\n    },\n\n  ...(isSelected && {\n    color: `${odysseyDesignTokens.TypographyColorAction}`,\n    fontWeight: odysseyDesignTokens.TypographyWeightBodyBold,\n  }),\n\n  ...(isDisabled && {\n    cursor: \"default\",\n    color: `${odysseyDesignTokens.TypographyColorDisabled} !important`,\n  }),\n\n  \"&:focus-visible\": {\n    outline: \"none\",\n    boxShadow: `inset 0 0 0 2px ${odysseyDesignTokens.PalettePrimaryMain}`,\n  },\n});\n\nexport const getNavItemContentStyles = ({\n  odysseyDesignTokens,\n  contextValue,\n}: {\n  odysseyDesignTokens: DesignTokens;\n  contextValue: SideNavItemContentContextValue;\n}) => ({\n  paddingInlineStart: `calc(${odysseyDesignTokens.Spacing4} * ${contextValue.depth} + ${odysseyDesignTokens.Spacing6})`,\n\n  ...(contextValue.depth === 1 && {\n    paddingInlineStart: odysseyDesignTokens.Spacing4,\n  }),\n\n  ...(contextValue.isCompact && {\n    paddingBlock: odysseyDesignTokens.Spacing1,\n  }),\n});\n\nconst NavItemContentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop != \"contextValue\" &&\n    prop !== \"isDisabled\" &&\n    prop !== \"isSelected\",\n})<{\n  contextValue: SideNavItemContentContextValue;\n  odysseyDesignTokens: DesignTokens;\n  isSelected?: boolean;\n  isDisabled?: boolean;\n}>(({ contextValue, odysseyDesignTokens, isDisabled, isSelected }) => ({\n  ...getBaseNavItemContentStyles({\n    odysseyDesignTokens,\n    isDisabled,\n    isSelected,\n  }),\n\n  ...getNavItemContentStyles({\n    odysseyDesignTokens,\n    contextValue,\n  }),\n}));\n\nconst StyledNavItemLink = styled(NavItemLink, {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop != \"contextValue\" &&\n    prop !== \"isDisabled\" &&\n    prop !== \"isSelected\",\n})<{\n  contextValue: SideNavItemContentContextValue;\n  odysseyDesignTokens: DesignTokens;\n  isSelected?: boolean;\n  isDisabled?: boolean;\n}>(({ contextValue, odysseyDesignTokens, isDisabled, isSelected }) => ({\n  ...getBaseNavItemContentStyles({\n    odysseyDesignTokens,\n    isDisabled,\n    isSelected,\n  }),\n\n  ...getNavItemContentStyles({\n    odysseyDesignTokens,\n    contextValue,\n  }),\n}));\n\nconst SideNavItemContent = ({\n  count,\n  id,\n  label,\n  href,\n  target,\n  startIcon,\n  severity,\n  statusLabel,\n  endIcon,\n  onClick,\n  isDisabled,\n  isSelected,\n  scrollRef,\n  onItemSelected,\n}: Pick<\n  SideNavItem,\n  | \"count\"\n  | \"id\"\n  | \"label\"\n  | \"href\"\n  | \"target\"\n  | \"startIcon\"\n  | \"severity\"\n  | \"statusLabel\"\n  | \"endIcon\"\n  | \"onClick\"\n  | \"isDisabled\"\n  | \"isSelected\"\n> & {\n  /**\n   * The ref used to scroll to this item\n   */\n  scrollRef?: React.RefObject<ScrollIntoViewHandle>;\n  onItemSelected?(selectedItemId: string): void;\n}) => {\n  const sidenavItemContentContext = useSideNavItemContent();\n  const contextValue = useMemo(\n    () => sidenavItemContentContext,\n    [sidenavItemContentContext],\n  );\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const localScrollRef = useRef<HTMLLIElement>(null);\n  useImperativeHandle(\n    scrollRef,\n    () => {\n      return {\n        scrollIntoView: () => {\n          scrollToNode(localScrollRef.current);\n        },\n      };\n    },\n    [],\n  );\n\n  const itemClickHandler = useCallback<\n    MouseEventHandler<HTMLDivElement | HTMLAnchorElement>\n  >(\n    (event) => {\n      return () => {\n        onItemSelected?.(id);\n        onClick?.(event);\n      };\n    },\n    [id, onClick, onItemSelected],\n  );\n\n  const sideNavItemContentKeyHandler = useCallback<\n    KeyboardEventHandler<HTMLDivElement>\n  >(\n    (event) => {\n      if (event?.key === \"Enter\") {\n        event.preventDefault();\n        onItemSelected?.(id);\n        onClick?.(event);\n      }\n    },\n    [id, onClick, onItemSelected],\n  );\n\n  return (\n    <StyledSideNavListItem\n      ref={localScrollRef}\n      id={id}\n      key={id}\n      isSelected={isSelected}\n      disabled={isDisabled}\n      aria-disabled={isDisabled}\n      aria-current={isSelected ? \"page\" : undefined}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      {\n        // Use Link for nav items with links and div for disabled or non-link items\n        isDisabled ? (\n          <NavItemContentContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n            contextValue={contextValue}\n            isDisabled={isDisabled}\n            isSelected={isSelected}\n          >\n            <SideNavItemLinkContent\n              count={count}\n              label={label}\n              startIcon={startIcon}\n              endIcon={endIcon}\n              statusLabel={statusLabel}\n              severity={severity}\n            />\n          </NavItemContentContainer>\n        ) : !href ? (\n          <NavItemContentContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n            contextValue={contextValue}\n            isDisabled={isDisabled}\n            tabIndex={0}\n            role=\"button\"\n            onClick={itemClickHandler}\n            onKeyDown={sideNavItemContentKeyHandler}\n            isSelected={isSelected}\n          >\n            <SideNavItemLinkContent\n              count={count}\n              label={label}\n              startIcon={startIcon}\n              endIcon={endIcon}\n              statusLabel={statusLabel}\n              severity={severity}\n            />\n          </NavItemContentContainer>\n        ) : (\n          <StyledNavItemLink\n            odysseyDesignTokens={odysseyDesignTokens}\n            contextValue={contextValue}\n            isDisabled={isDisabled}\n            isSelected={isSelected}\n            href={href}\n            target={target}\n            onClick={itemClickHandler}\n          >\n            <SideNavItemLinkContent\n              count={count}\n              label={label}\n              startIcon={startIcon}\n              endIcon={endIcon}\n              statusLabel={statusLabel}\n              severity={severity}\n            />\n            {target === \"_blank\" && (\n              <span className=\"Link-indicator\" role=\"presentation\">\n                <ExternalLinkIcon />\n              </span>\n            )}\n          </StyledNavItemLink>\n        )\n      }\n    </StyledSideNavListItem>\n  );\n};\n\nconst MemoizedSideNavItemContent = memo(SideNavItemContent);\nMemoizedSideNavItemContent.displayName = \"SideNavItemContent\";\n\nexport { MemoizedSideNavItemContent as SideNavItemContent };\n"],"mappings":"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"}

package/dist/labs/SideNav/SideNavItemContentContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideNavItemContentContext.js","names":["createContext","useContext","SideNavItemContentContext","isCompact","isSortable","depth","useSideNavItemContent"],"sources":["../../../src/labs/SideNav/SideNavItemContentContext.tsx"],"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\nimport { createContext, useContext } from \"react\";\n\nexport type SideNavItemContentContextValue = {\n  isCompact?: boolean;\n  isSortable?: boolean;\n  depth: number;\n};\n\nexport const SideNavItemContentContext =\n  createContext<SideNavItemContentContextValue>({\n    isCompact: false,\n    isSortable: false,\n    depth: 1,\n  });\n\nexport const useSideNavItemContent = () =>\n  useContext(SideNavItemContentContext);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAQjD,OAAO,MAAMC,yBAAyB,GACpCF,aAAa,CAAiC;EAC5CG,SAAS,EAAE,KAAK;EAChBC,UAAU,EAAE,KAAK;EACjBC,KAAK,EAAE;AACT,CAAC,CAAC;AAEJ,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KACnCL,UAAU,CAACC,yBAAyB,CAAC"}

package/dist/labs/SideNav/SideNavItemLinkContent.js

@@ -1,72 +0,0 @@
-/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import styled from "@emotion/styled";
-import { memo, useMemo } from "react";
-import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
-import { Box } from "../../Box.js";
-import { Status } from "../../Status.js";
-import { Badge } from "../../Badge.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-const SideNavItemLabelContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isIconVisible"
-})(({
-  odysseyDesignTokens,
-  isIconVisible
-}) => ({
-  width: "100%",
-  display: "flex",
-  flexWrap: "wrap",
-  alignItems: "center",
-  fontSize: odysseyDesignTokens.TypographySizeBody,
-  marginInlineStart: isIconVisible ? odysseyDesignTokens.Spacing3 : 0
-}));
-const SideNavItemLinkContent = ({
-  count,
-  label,
-  startIcon,
-  endIcon,
-  severity,
-  statusLabel
-}) => {
-  const odysseyDesignTokens = useOdysseyDesignTokens();
-  const sideNavItemContentStyles = useMemo(() => ({
-    alignItems: "center",
-    display: "flex",
-    gap: odysseyDesignTokens.Spacing1,
-    marginInlineStart: odysseyDesignTokens.Spacing2
-  }), [odysseyDesignTokens]);
-  return _jsxs(_Fragment, {
-    children: [startIcon && startIcon, _jsxs(SideNavItemLabelContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      isIconVisible: Boolean(startIcon),
-      children: [label, !count && severity && _jsx(Box, {
-        sx: sideNavItemContentStyles,
-        children: severity && _jsx(Status, {
-          severity: severity,
-          label: statusLabel || ""
-        })
-      }), !severity && count && _jsx(Box, {
-        sx: sideNavItemContentStyles,
-        children: count && _jsx(Badge, {
-          badgeContent: count
-        })
-      })]
-    }), endIcon && endIcon]
-  });
-};
-const MemoizedSideNavItemLinkContent = memo(SideNavItemLinkContent);
-MemoizedSideNavItemLinkContent.displayName = "SideNavItemLinkContent";
-export { MemoizedSideNavItemLinkContent as SideNavItemLinkContent };
-//# sourceMappingURL=SideNavItemLinkContent.js.map

package/dist/labs/SideNav/SideNavItemLinkContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideNavItemLinkContent.js","names":["styled","memo","useMemo","useOdysseyDesignTokens","Box","Status","Badge","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SideNavItemLabelContainer","shouldForwardProp","prop","odysseyDesignTokens","isIconVisible","width","display","flexWrap","alignItems","fontSize","TypographySizeBody","marginInlineStart","Spacing3","SideNavItemLinkContent","count","label","startIcon","endIcon","severity","statusLabel","sideNavItemContentStyles","gap","Spacing1","Spacing2","children","Boolean","sx","badgeContent","MemoizedSideNavItemLinkContent","displayName"],"sources":["../../../src/labs/SideNav/SideNavItemLinkContent.tsx"],"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\nimport styled from \"@emotion/styled\";\nimport { memo, ReactNode, useMemo } from \"react\";\nimport {\n  type DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\nimport { Box } from \"../../Box\";\nimport { Status } from \"../../Status\";\nimport type { SideNavItem } from \"./types\";\nimport { Badge } from \"../../Badge\";\n\nconst SideNavItemLabelContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isIconVisible\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isIconVisible: boolean;\n}>(({ odysseyDesignTokens, isIconVisible }) => ({\n  width: \"100%\",\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n  fontSize: odysseyDesignTokens.TypographySizeBody,\n  marginInlineStart: isIconVisible ? odysseyDesignTokens.Spacing3 : 0,\n}));\n\nconst SideNavItemLinkContent = ({\n  count,\n  label,\n  startIcon,\n  endIcon,\n  severity,\n  statusLabel,\n}: Pick<\n  SideNavItem,\n  \"count\" | \"label\" | \"startIcon\" | \"endIcon\" | \"severity\" | \"statusLabel\"\n>): ReactNode => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const sideNavItemContentStyles = useMemo(\n    () => ({\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: odysseyDesignTokens.Spacing1,\n      marginInlineStart: odysseyDesignTokens.Spacing2,\n    }),\n    [odysseyDesignTokens],\n  );\n\n  return (\n    <>\n      {startIcon && startIcon}\n      <SideNavItemLabelContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        isIconVisible={Boolean(startIcon)}\n      >\n        {label}\n        {!count && severity && (\n          <Box sx={sideNavItemContentStyles}>\n            {severity && (\n              <Status severity={severity} label={statusLabel || \"\"} />\n            )}\n          </Box>\n        )}\n        {!severity && count && (\n          <Box sx={sideNavItemContentStyles}>\n            {count && <Badge badgeContent={count} />}\n          </Box>\n        )}\n      </SideNavItemLabelContainer>\n      {endIcon && endIcon}\n    </>\n  );\n};\nconst MemoizedSideNavItemLinkContent = memo(SideNavItemLinkContent);\nMemoizedSideNavItemLinkContent.displayName = \"SideNavItemLinkContent\";\n\nexport { MemoizedSideNavItemLinkContent as SideNavItemLinkContent };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,IAAI,EAAaC,OAAO,QAAQ,OAAO;AAAC,SAG/CC,sBAAsB;AAAA,SAEfC,GAAG;AAAA,SACHC,MAAM;AAAA,SAENC,KAAK;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAEd,MAAMC,yBAAyB,GAAGb,MAAM,CAAC,KAAK,EAAE;EAC9Cc,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAC,CAGC,CAAC;EAAEC,mBAAmB;EAAEC;AAAc,CAAC,MAAM;EAC9CC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,QAAQ;EACpBC,QAAQ,EAAEN,mBAAmB,CAACO,kBAAkB;EAChDC,iBAAiB,EAAEP,aAAa,GAAGD,mBAAmB,CAACS,QAAQ,GAAG;AACpE,CAAC,CAAC,CAAC;AAEH,MAAMC,sBAAsB,GAAGA,CAAC;EAC9BC,KAAK;EACLC,KAAK;EACLC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC;AAIF,CAAC,KAAgB;EACf,MAAMhB,mBAAmB,GAAGb,sBAAsB,CAAC,CAAC;EAEpD,MAAM8B,wBAAwB,GAAG/B,OAAO,CACtC,OAAO;IACLmB,UAAU,EAAE,QAAQ;IACpBF,OAAO,EAAE,MAAM;IACfe,GAAG,EAAElB,mBAAmB,CAACmB,QAAQ;IACjCX,iBAAiB,EAAER,mBAAmB,CAACoB;EACzC,CAAC,CAAC,EACF,CAACpB,mBAAmB,CACtB,CAAC;EAED,OACEN,KAAA,CAAAE,SAAA;IAAAyB,QAAA,GACGR,SAAS,IAAIA,SAAS,EACvBnB,KAAA,CAACG,yBAAyB;MACxBG,mBAAmB,EAAEA,mBAAoB;MACzCC,aAAa,EAAEqB,OAAO,CAACT,SAAS,CAAE;MAAAQ,QAAA,GAEjCT,KAAK,EACL,CAACD,KAAK,IAAII,QAAQ,IACjBvB,IAAA,CAACJ,GAAG;QAACmC,EAAE,EAAEN,wBAAyB;QAAAI,QAAA,EAC/BN,QAAQ,IACPvB,IAAA,CAACH,MAAM;UAAC0B,QAAQ,EAAEA,QAAS;UAACH,KAAK,EAAEI,WAAW,IAAI;QAAG,CAAE;MACxD,CACE,CACN,EACA,CAACD,QAAQ,IAAIJ,KAAK,IACjBnB,IAAA,CAACJ,GAAG;QAACmC,EAAE,EAAEN,wBAAyB;QAAAI,QAAA,EAC/BV,KAAK,IAAInB,IAAA,CAACF,KAAK;UAACkC,YAAY,EAAEb;QAAM,CAAE;MAAC,CACrC,CACN;IAAA,CACwB,CAAC,EAC3BG,OAAO,IAAIA,OAAO;EAAA,CACnB,CAAC;AAEP,CAAC;AACD,MAAMW,8BAA8B,GAAGxC,IAAI,CAACyB,sBAAsB,CAAC;AACnEe,8BAA8B,CAACC,WAAW,GAAG,wBAAwB;AAErE,SAASD,8BAA8B,IAAIf,sBAAsB"}

package/dist/labs/SideNav/SideNavLogo.js

@@ -1,42 +0,0 @@
-/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import { memo, useMemo } from "react";
-import { OktaLogo } from "./OktaLogo.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const SideNavLogo = ({
-  imageAltText,
-  href,
-  logoComponent,
-  imageUrl
-}) => {
-  const logo = useMemo(() => {
-    if (logoComponent) {
-      return logoComponent;
-    }
-    if (imageAltText && imageUrl) {
-      return _jsx("img", {
-        src: imageUrl,
-        alt: imageAltText
-      });
-    }
-    return _jsx(OktaLogo, {});
-  }, [imageAltText, logoComponent, imageUrl]);
-  return href ? _jsx("a", {
-    href: href,
-    children: logo
-  }) : logo;
-};
-const MemoizedSideNavLogo = memo(SideNavLogo);
-MemoizedSideNavLogo.displayName = "SideNavLogo";
-export { MemoizedSideNavLogo as SideNavLogo };
-//# sourceMappingURL=SideNavLogo.js.map

package/dist/labs/SideNav/SideNavLogo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideNavLogo.js","names":["memo","useMemo","OktaLogo","jsx","_jsx","SideNavLogo","imageAltText","href","logoComponent","imageUrl","logo","src","alt","children","MemoizedSideNavLogo","displayName"],"sources":["../../../src/labs/SideNav/SideNavLogo.tsx"],"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\nimport { memo, useMemo } from \"react\";\nimport { OktaLogo } from \"./OktaLogo\";\nimport { SideNavLogoProps } from \"./types\";\n\nconst SideNavLogo = ({\n  imageAltText,\n  href,\n  logoComponent,\n  imageUrl,\n}: SideNavLogoProps) => {\n  const logo = useMemo(() => {\n    if (logoComponent) {\n      return logoComponent;\n    }\n\n    if (imageAltText && imageUrl) {\n      return <img src={imageUrl} alt={imageAltText} />;\n    }\n\n    return <OktaLogo />;\n  }, [imageAltText, logoComponent, imageUrl]);\n\n  return href ? <a href={href}>{logo}</a> : logo;\n};\n\nconst MemoizedSideNavLogo = memo(SideNavLogo);\nMemoizedSideNavLogo.displayName = \"SideNavLogo\";\n\nexport { MemoizedSideNavLogo as SideNavLogo };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAAC,SAC7BC,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGjB,MAAMC,WAAW,GAAGA,CAAC;EACnBC,YAAY;EACZC,IAAI;EACJC,aAAa;EACbC;AACgB,CAAC,KAAK;EACtB,MAAMC,IAAI,GAAGT,OAAO,CAAC,MAAM;IACzB,IAAIO,aAAa,EAAE;MACjB,OAAOA,aAAa;IACtB;IAEA,IAAIF,YAAY,IAAIG,QAAQ,EAAE;MAC5B,OAAOL,IAAA;QAAKO,GAAG,EAAEF,QAAS;QAACG,GAAG,EAAEN;MAAa,CAAE,CAAC;IAClD;IAEA,OAAOF,IAAA,CAACF,QAAQ,IAAE,CAAC;EACrB,CAAC,EAAE,CAACI,YAAY,EAAEE,aAAa,EAAEC,QAAQ,CAAC,CAAC;EAE3C,OAAOF,IAAI,GAAGH,IAAA;IAAGG,IAAI,EAAEA,IAAK;IAAAM,QAAA,EAAEH;EAAI,CAAI,CAAC,GAAGA,IAAI;AAChD,CAAC;AAED,MAAMI,mBAAmB,GAAGd,IAAI,CAACK,WAAW,CAAC;AAC7CS,mBAAmB,CAACC,WAAW,GAAG,aAAa;AAE/C,SAASD,mBAAmB,IAAIT,WAAW"}