@carbon/react 1.103.0-rc.0 → 1.104.0-rc.0

package/lib/components/UIShell/Link.js

@@ -1,68 +1,46 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_deprecate = require('../../prop-types/deprecate.js');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var deprecate = require('../../prop-types/deprecate.js');
-
-// First define the component without generics
-
-const frFn = React.forwardRef;
-const Link = frFn((props, ref) => {
-  const {
-    element,
-    as: BaseComponent,
-    // Captured here to prevent it from being passed into the created element.
-    // See https://github.com/carbon-design-system/carbon/issues/3970
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
-    isSideNavExpanded: _isSideNavExpanded,
-    ...rest
-  } = props;
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-  const BaseComponentAsAny = BaseComponent ?? element ?? 'a';
-  return /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({
-    ref: ref
-  }, rest));
+//#region src/components/UIShell/Link.tsx
+/**
+* Copyright IBM Corp. 2016, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const Link = (0, react.forwardRef)((props, ref) => {
+	const { element, as: BaseComponent, isSideNavExpanded: _isSideNavExpanded, ...rest } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseComponent ?? element ?? "a", {
+		ref,
+		...rest
+	});
 });
-
 /**
- * Link is a custom component that allows us to supporting rendering elements
- * other than `a` in our markup. The goal is to allow users to support passing
- * in their own components to support use-cases like `react-router` or
- * `@reach/router`
- */
-
+* Link is a custom component that allows us to supporting rendering elements
+* other than `a` in our markup. The goal is to allow users to support passing
+* in their own components to support use-cases like `react-router` or
+* `@reach/router`
+*/
 const LinkPropTypes = {
-  /**
-   * Provide a custom element or component to render the top-level node for the
-   * component.
-   */
-  as: PropTypes.elementType,
-  /**
-   * The base element to use to build the link. Defaults to `a`, can also accept
-   * alternative tag names or custom components like `Link` from `react-router`.
-   * @deprecated Use `as` instead
-   *
-   */
-  element: deprecate.deprecate(PropTypes.elementType, 'The `element` prop for `Link` has been deprecated. Please use `as` ' + 'instead. This will be removed in the next major release.'),
-  /**
-   * Property to indicate if the side nav container is open (or not). Use to
-   * keep local state and styling in step with the SideNav expansion state.
-   */
-  isSideNavExpanded: PropTypes.bool
+	as: prop_types.default.elementType,
+	element: require_deprecate.deprecate(prop_types.default.elementType, "The `element` prop for `Link` has been deprecated. Please use `as` instead. This will be removed in the next major release."),
+	isSideNavExpanded: prop_types.default.bool
 };
-Link.displayName = 'Link';
+Link.displayName = "Link";
 Link.propTypes = LinkPropTypes;
 
+//#endregion
 exports.LinkPropTypes = LinkPropTypes;
-exports.default = Link;
+exports.default = Link;

package/lib/components/UIShell/SideNav.js

@@ -1,256 +1,147 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_keys = require('../../internal/keyboard/keys.js');
+const require_match = require('../../internal/keyboard/match.js');
+const require_useMergedRefs = require('../../internal/useMergedRefs.js');
+const require_useEvent = require('../../internal/useEvent.js');
+const require_useDelayedState = require('../../internal/useDelayedState.js');
+const require_useMatchMedia = require('../../internal/useMatchMedia.js');
+const require_AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
+const require_SideNavContext = require('./SideNavContext.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _carbon_layout = require("@carbon/layout");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
-var useMergedRefs = require('../../internal/useMergedRefs.js');
-var useEvent = require('../../internal/useEvent.js');
-var useDelayedState = require('../../internal/useDelayedState.js');
-var SideNavContext = require('./SideNavContext.js');
-var layout = require('@carbon/layout');
-var useMatchMedia = require('../../internal/useMatchMedia.js');
-
-// TODO: comment back in when footer is added for rails
-// import SideNavFooter from './SideNavFooter';
-
-const frFn = React.forwardRef;
-const SideNav = frFn((props, ref) => {
-  const {
-    expanded: expandedProp,
-    defaultExpanded = false,
-    isChildOfHeader = true,
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy,
-    children,
-    onToggle,
-    className: customClassName,
-    // TODO: comment back in when footer is added for rails
-    // translateById: t = (id) => translations[id],
-    href,
-    isFixedNav = false,
-    isRail,
-    isPersistent = true,
-    addFocusListeners = true,
-    addMouseListeners = true,
-    onOverlayClick,
-    onSideNavBlur,
-    enterDelayMs = 100,
-    ...other
-  } = props;
-  const prefix = usePrefix.usePrefix();
-  const {
-    current: controlled
-  } = React.useRef(expandedProp !== undefined);
-  const [expandedState, setExpandedState] = useDelayedState.useDelayedState(defaultExpanded);
-  const [expandedViaHoverState, setExpandedViaHoverState] = useDelayedState.useDelayedState(defaultExpanded);
-  const expanded = controlled ? expandedProp : expandedState;
-  const sideNavRef = React.useRef(null);
-  const navRef = useMergedRefs.useMergedRefs([sideNavRef, ref]);
-  const handleToggle = (event, value = !expanded) => {
-    if (!controlled) {
-      setExpandedState(value, enterDelayMs);
-    }
-    if (onToggle) {
-      onToggle(event, value);
-    }
-    if (controlled || isRail) {
-      setExpandedViaHoverState(value, enterDelayMs);
-    }
-  };
-  const accessibilityLabel = {
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy
-  };
-
-  // TODO: comment back in when footer is added for rails
-  // const assistiveText = expanded
-  //   ? t('carbon.sidenav.state.open')
-  //   : t('carbon.sidenav.state.closed');
-
-  const className = cx(customClassName, {
-    [`${prefix}--side-nav`]: true,
-    [`${prefix}--side-nav--expanded`]: expanded || expandedViaHoverState,
-    [`${prefix}--side-nav--collapsed`]: !expanded && isFixedNav,
-    [`${prefix}--side-nav--rail`]: isRail,
-    [`${prefix}--side-nav--ux`]: isChildOfHeader,
-    [`${prefix}--side-nav--hidden`]: !isPersistent
-  });
-  const overlayClassName = cx({
-    [`${prefix}--side-nav__overlay`]: true,
-    [`${prefix}--side-nav__overlay-active`]: expanded || expandedViaHoverState
-  });
-
-  // In controlled mode, rail hover can temporarily expand SideNav.
-  const currentExpansionState = controlled ? expandedViaHoverState || expanded : expanded;
-  const eventHandlers = {};
-  if (addFocusListeners) {
-    eventHandlers.onFocus = event => {
-      if (!event.currentTarget.contains(event.relatedTarget) && isRail) {
-        handleToggle(event, true);
-      }
-    };
-    eventHandlers.onBlur = event => {
-      if (!event.currentTarget.contains(event.relatedTarget)) {
-        handleToggle(event, false);
-      }
-      if (!event.currentTarget.contains(event.relatedTarget) && expanded && !isFixedNav) {
-        if (onSideNavBlur) {
-          onSideNavBlur();
-        }
-      }
-    };
-    eventHandlers.onKeyDown = event => {
-      if (match.match(event, keys.Escape)) {
-        handleToggle(event, false);
-        if (href) {
-          window.location.href = href;
-        }
-      }
-    };
-  }
-  if (addMouseListeners && isRail) {
-    eventHandlers.onMouseEnter = () => {
-      handleToggle(true, true);
-    };
-    eventHandlers.onMouseLeave = () => {
-      setExpandedState(false);
-      setExpandedViaHoverState(false);
-      handleToggle(false, false);
-    };
-    eventHandlers.onClick = () => {
-      //if delay is enabled, and user intentionally clicks it to see it expanded immediately
-      setExpandedState(true);
-      setExpandedViaHoverState(true);
-      handleToggle(true, true);
-    };
-  }
-  useEvent.useWindowEvent('keydown', event => {
-    const focusedElement = document.activeElement;
-    if (match.match(event, keys.Tab) && expanded && !isFixedNav && sideNavRef.current && focusedElement?.classList.contains(`${prefix}--header__menu-toggle`) && !focusedElement.closest('nav')) {
-      sideNavRef.current.focus();
-    }
-  });
-  const lgMediaQuery = `(min-width: ${layout.breakpoints.lg.width})`;
-  const isLg = useMatchMedia.useMatchMedia(lgMediaQuery);
-  const inertEnabled = !isRail ? !(expanded || isLg) : false;
-  React.useEffect(() => {
-    const node = sideNavRef.current;
-    if (!node) return;
-    if (inertEnabled) {
-      node.setAttribute('inert', '');
-    } else {
-      node.removeAttribute('inert');
-    }
-  }, [inertEnabled]);
-  return /*#__PURE__*/React.createElement(SideNavContext.SideNavContextProvider, {
-    isRail: isRail,
-    isSideNavExpanded: currentExpansionState
-  }, isFixedNav ? null :
-  /*#__PURE__*/
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-  React.createElement("div", {
-    className: overlayClassName,
-    onClick: onOverlayClick
-  }), /*#__PURE__*/React.createElement("nav", _rollupPluginBabelHelpers.extends({
-    tabIndex: -1,
-    ref: navRef,
-    className: `${prefix}--side-nav__navigation ${className}`
-  }, accessibilityLabel, eventHandlers, other), children));
+//#region src/components/UIShell/SideNav.tsx
+/**
+* Copyright IBM Corp. 2016, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const SideNav = (0, react.forwardRef)((props, ref) => {
+	const { expanded: expandedProp, defaultExpanded = false, isChildOfHeader = true, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, onToggle, className: customClassName, href, isFixedNav = false, isRail, isPersistent = true, addFocusListeners = true, addMouseListeners = true, onOverlayClick, onSideNavBlur, enterDelayMs = 100, ...other } = props;
+	const prefix = require_usePrefix.usePrefix();
+	const { current: controlled } = (0, react.useRef)(expandedProp !== void 0);
+	const [expandedState, setExpandedState] = require_useDelayedState.useDelayedState(defaultExpanded);
+	const [expandedViaHoverState, setExpandedViaHoverState] = require_useDelayedState.useDelayedState(defaultExpanded);
+	const expanded = controlled ? expandedProp : expandedState;
+	const sideNavRef = (0, react.useRef)(null);
+	const navRef = require_useMergedRefs.useMergedRefs([sideNavRef, ref]);
+	const handleToggle = (event, value = !expanded) => {
+		if (!controlled) setExpandedState(value, enterDelayMs);
+		if (onToggle) onToggle(event, value);
+		if (controlled || isRail) setExpandedViaHoverState(value, enterDelayMs);
+	};
+	const accessibilityLabel = {
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabelledBy
+	};
+	const className = (0, classnames.default)(customClassName, {
+		[`${prefix}--side-nav`]: true,
+		[`${prefix}--side-nav--expanded`]: expanded || expandedViaHoverState,
+		[`${prefix}--side-nav--collapsed`]: !expanded && isFixedNav,
+		[`${prefix}--side-nav--rail`]: isRail,
+		[`${prefix}--side-nav--ux`]: isChildOfHeader,
+		[`${prefix}--side-nav--hidden`]: !isPersistent
+	});
+	const overlayClassName = (0, classnames.default)({
+		[`${prefix}--side-nav__overlay`]: true,
+		[`${prefix}--side-nav__overlay-active`]: expanded || expandedViaHoverState
+	});
+	const currentExpansionState = controlled ? expandedViaHoverState || expanded : expanded;
+	const eventHandlers = {};
+	if (addFocusListeners) {
+		eventHandlers.onFocus = (event) => {
+			if (!event.currentTarget.contains(event.relatedTarget) && isRail) handleToggle(event, true);
+		};
+		eventHandlers.onBlur = (event) => {
+			if (!event.currentTarget.contains(event.relatedTarget)) handleToggle(event, false);
+			if (!event.currentTarget.contains(event.relatedTarget) && expanded && !isFixedNav) {
+				if (onSideNavBlur) onSideNavBlur();
+			}
+		};
+		eventHandlers.onKeyDown = (event) => {
+			if (require_match.match(event, require_keys.Escape)) {
+				handleToggle(event, false);
+				if (href) window.location.href = href;
+			}
+		};
+	}
+	if (addMouseListeners && isRail) {
+		eventHandlers.onMouseEnter = () => {
+			handleToggle(true, true);
+		};
+		eventHandlers.onMouseLeave = () => {
+			setExpandedState(false);
+			setExpandedViaHoverState(false);
+			handleToggle(false, false);
+		};
+		eventHandlers.onClick = () => {
+			setExpandedState(true);
+			setExpandedViaHoverState(true);
+			handleToggle(true, true);
+		};
+	}
+	require_useEvent.useWindowEvent("keydown", (event) => {
+		const focusedElement = document.activeElement;
+		if (require_match.match(event, require_keys.Tab) && expanded && !isFixedNav && sideNavRef.current && focusedElement?.classList.contains(`${prefix}--header__menu-toggle`) && !focusedElement.closest("nav")) sideNavRef.current.focus();
+	});
+	const isLg = require_useMatchMedia.useMatchMedia(`(min-width: ${_carbon_layout.breakpoints.lg.width})`);
+	const inertEnabled = !isRail ? !(expanded || isLg) : false;
+	(0, react.useEffect)(() => {
+		const node = sideNavRef.current;
+		if (!node) return;
+		if (inertEnabled) node.setAttribute("inert", "");
+		else node.removeAttribute("inert");
+	}, [inertEnabled]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_SideNavContext.SideNavContextProvider, {
+		isRail,
+		isSideNavExpanded: currentExpansionState,
+		children: [isFixedNav ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: overlayClassName,
+			onClick: onOverlayClick
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+			tabIndex: -1,
+			ref: navRef,
+			className: `${prefix}--side-nav__navigation ${className}`,
+			...accessibilityLabel,
+			...eventHandlers,
+			...other,
+			children
+		})]
+	});
 });
-SideNav.displayName = 'SideNav';
+SideNav.displayName = "SideNav";
 SideNav.propTypes = {
-  /**
-   * Required props for accessibility label on the underlying menu
-   */
-  ...AriaPropTypes.AriaLabelPropType,
-  /**
-   * Specify whether focus and blur listeners are added. They are by default.
-   */
-  addFocusListeners: PropTypes.bool,
-  /**
-   * Specify whether mouse entry/exit listeners are added. They are by default.
-   */
-  addMouseListeners: PropTypes.bool,
-  /**
-   * Optionally provide a custom class to apply to the underlying `<li>` node
-   */
-  className: PropTypes.string,
-  /**
-   * If `true`, the SideNav will be open on initial render.
-   */
-  defaultExpanded: PropTypes.bool,
-  /**
-   * Specify the duration in milliseconds to delay before displaying the side navigation
-   */
-  enterDelayMs: PropTypes.number,
-  /**
-   * If `true`, the SideNav will be expanded, otherwise it will be collapsed.
-   * Using this prop causes SideNav to become a controlled component.
-   */
-  expanded: PropTypes.bool,
-  /**
-   * Provide the `href` to the id of the element on your package that is the
-   * main content.
-   */
-  href: PropTypes.string,
-  /**
-   * Optionally provide a custom class to apply to the underlying `<li>` node
-   */
-  isChildOfHeader: PropTypes.bool,
-  /**
-   * Specify if sideNav is standalone
-   */
-  isFixedNav: PropTypes.bool,
-  /**
-   * Specify if the sideNav will be persistent above the lg breakpoint
-   */
-  isPersistent: PropTypes.bool,
-  /**
-   * Optional prop to display the side nav rail.
-   */
-  isRail: PropTypes.bool,
-  /**
-   * An optional listener that is called when the SideNav overlay is clicked
-   *
-   * @param {object} event
-   */
-  onOverlayClick: PropTypes.func,
-  /**
-   * An optional listener that is called a callback to collapse the SideNav
-   */
-
-  onSideNavBlur: PropTypes.func,
-  /**
-   * An optional listener that is called when an event that would cause
-   * toggling the SideNav occurs.
-   *
-   * @param {object} event
-   * @param {boolean} value
-   */
-  onToggle: PropTypes.func
-
-  /**
-   * Provide a custom function for translating all message ids within this
-   * component. This function will take in two arguments: the message Id and the
-   * state of the component. From this, you should return a string representing
-   * the label you want displayed or read by screen readers.
-   */
-  // translateById: PropTypes.func,
+	...require_AriaPropTypes.AriaLabelPropType,
+	addFocusListeners: prop_types.default.bool,
+	addMouseListeners: prop_types.default.bool,
+	className: prop_types.default.string,
+	defaultExpanded: prop_types.default.bool,
+	enterDelayMs: prop_types.default.number,
+	expanded: prop_types.default.bool,
+	href: prop_types.default.string,
+	isChildOfHeader: prop_types.default.bool,
+	isFixedNav: prop_types.default.bool,
+	isPersistent: prop_types.default.bool,
+	isRail: prop_types.default.bool,
+	onOverlayClick: prop_types.default.func,
+	onSideNavBlur: prop_types.default.func,
+	onToggle: prop_types.default.func
 };
 
-exports.SideNavContext = SideNavContext.SideNavContext;
-exports.default = SideNav;
+//#endregion
+exports.default = SideNav;

package/lib/components/UIShell/SideNavContext.js

@@ -1,27 +1,33 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-var React = require('react');
-
-const SideNavContext = /*#__PURE__*/React.createContext({});
-const SideNavContextProvider = ({
-  children,
-  isRail,
-  isSideNavExpanded
-}) => {
-  return /*#__PURE__*/React.createElement(SideNavContext.Provider, {
-    value: {
-      isRail,
-      isSideNavExpanded
-    }
-  }, children);
+//#region src/components/UIShell/SideNavContext.tsx
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const SideNavContext = (0, react.createContext)({});
+const SideNavContextProvider = ({ children, isRail, isSideNavExpanded }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SideNavContext.Provider, {
+		value: {
+			isRail,
+			isSideNavExpanded
+		},
+		children
+	});
 };
 
+//#endregion
 exports.SideNavContext = SideNavContext;
-exports.SideNavContextProvider = SideNavContextProvider;
+exports.SideNavContextProvider = SideNavContextProvider;

package/lib/components/UIShell/SideNavDetails.js

@@ -1,49 +1,44 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var usePrefix = require('../../internal/usePrefix.js');
-
-const SideNavDetails = ({
-  children,
-  className: customClassName,
-  title,
-  ...rest
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const className = cx(`${prefix}--side-nav__details`, customClassName);
-  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-    className: className
-  }, rest), /*#__PURE__*/React.createElement("h2", {
-    className: `${prefix}--side-nav__title`,
-    title: title
-  }, title), children);
+//#region src/components/UIShell/SideNavDetails.tsx
+/**
+* Copyright IBM Corp. 2016, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const SideNavDetails = ({ children, className: customClassName, title, ...rest }) => {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)(`${prefix}--side-nav__details`, customClassName),
+		...rest,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+			className: `${prefix}--side-nav__title`,
+			title,
+			children: title
+		}), children]
+	});
 };
 SideNavDetails.propTypes = {
-  /**
-   * Provide optional children to render in `SideNavDetails`. Useful for
-   * rendering the `SideNavSwitcher` component.
-   */
-  children: PropTypes.node,
-  /**
-   * Optionally provide a custom class to apply to the underlying `<li>` node
-   */
-  className: PropTypes.string,
-  /**
-   * Provide the text that will be rendered as the title in the component
-   */
-  title: PropTypes.string.isRequired
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	title: prop_types.default.string.isRequired
 };
 
-exports.default = SideNavDetails;
+//#endregion
+exports.default = SideNavDetails;