@hyphen/hyphen-components 5.7.3 → 5.7.4

package/dist/hyphen-components.cjs.development.js

@@ -4257,10 +4257,15 @@ SidebarInset.displayName = 'SidebarInset';
 var SidebarHeader = /*#__PURE__*/React.forwardRef(function (_ref5, ref) {
   var className = _ref5.className,
     props = _objectWithoutPropertiesLoose(_ref5, _excluded5);
+  var _useSidebar3 = useSidebar(),
+    state = _useSidebar3.state;
+  var isCollapsed = state === 'collapsed';
   return React.createElement("div", _extends({
     ref: ref,
     "data-sidebar": "header",
-    className: classNames('display-flex g-sm p-v-md p-h-md p-right-0-desktop', className)
+    className: classNames('display-flex g-sm p-v-md p-h-md p-right-0-desktop', {
+      'overflow-hidden': isCollapsed
+    }, className)
   }, props));
 });
 SidebarHeader.displayName = 'SidebarHeader';
@@ -4323,9 +4328,9 @@ var SidebarMenuButton = /*#__PURE__*/React.forwardRef(function (_ref0, ref) {
     className = _ref0.className,
     props = _objectWithoutPropertiesLoose(_ref0, _excluded0);
   var Comp = asChild ? reactSlot.Slot : 'button';
-  var _useSidebar3 = useSidebar(),
-    isMobile = _useSidebar3.isMobile,
-    state = _useSidebar3.state;
+  var _useSidebar4 = useSidebar(),
+    isMobile = _useSidebar4.isMobile,
+    state = _useSidebar4.state;
   var button = React.createElement(Comp, _extends({
     ref: ref,
     "data-sidebar": "menu-button",
@@ -4430,9 +4435,9 @@ SidebarMenuAction.displayName = 'SidebarMenuAction';
 var SidebarRail = /*#__PURE__*/React.forwardRef(function (_ref15, ref) {
   var className = _ref15.className,
     props = _objectWithoutPropertiesLoose(_ref15, _excluded14);
-  var _useSidebar4 = useSidebar(),
-    open = _useSidebar4.open,
-    toggleSidebar = _useSidebar4.toggleSidebar;
+  var _useSidebar5 = useSidebar(),
+    open = _useSidebar5.open,
+    toggleSidebar = _useSidebar5.toggleSidebar;
   var caretIcon = open ? 'caret-sm-left' : 'caret-sm-right';
   return React.createElement("button", _extends({
     ref: ref,