@cnc-ti/layout-basic 8.1.11 → 8.1.12

package/dist/index.js

@@ -47,6 +47,21 @@ __export(src_exports, {
   DialogPortal: () => DialogPortal2,
   DialogTitle: () => DialogTitle2,
   DialogTrigger: () => DialogTrigger2,
+  DropdownMenu: () => DropdownMenu2,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem2,
+  DropdownMenuContent: () => DropdownMenuContent2,
+  DropdownMenuGroup: () => DropdownMenuGroup2,
+  DropdownMenuItem: () => DropdownMenuItem2,
+  DropdownMenuLabel: () => DropdownMenuLabel2,
+  DropdownMenuPortal: () => DropdownMenuPortal2,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup2,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem2,
+  DropdownMenuSeparator: () => DropdownMenuSeparator2,
+  DropdownMenuShortcut: () => DropdownMenuShortcut,
+  DropdownMenuSub: () => DropdownMenuSub2,
+  DropdownMenuSubContent: () => DropdownMenuSubContent2,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger2,
+  DropdownMenuTrigger: () => DropdownMenuTrigger2,
   Header: () => Header,
   HeaderContainer: () => HeaderContainer,
   HeaderProfileHeader: () => HeaderProfileHeader,
@@ -7868,6 +7883,7 @@ var RadioItem = MenuRadioItem;
 var ItemIndicator = MenuItemIndicator;
 var Separator = MenuSeparator;
 var Arrow22 = MenuArrow;
+var Sub = MenuSub;
 var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 
@@ -8069,6 +8085,16 @@ var DropdownMenuArrow = React34.forwardRef(
   }
 );
 DropdownMenuArrow.displayName = ARROW_NAME3;
+var DropdownMenuSub = (props) => {
+  const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props;
+  const menuScope = useMenuScope(__scopeDropdownMenu);
+  const [open = false, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
+};
 var SUB_TRIGGER_NAME2 = "DropdownMenuSubTrigger";
 var DropdownMenuSubTrigger = React34.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...subTriggerProps } = props;
@@ -8105,12 +8131,15 @@ var Root22 = DropdownMenu;
 var Trigger = DropdownMenuTrigger;
 var Portal22 = DropdownMenuPortal;
 var Content22 = DropdownMenuContent;
+var Group2 = DropdownMenuGroup;
 var Label2 = DropdownMenuLabel;
 var Item22 = DropdownMenuItem;
 var CheckboxItem2 = DropdownMenuCheckboxItem;
+var RadioGroup2 = DropdownMenuRadioGroup;
 var RadioItem2 = DropdownMenuRadioItem;
 var ItemIndicator2 = DropdownMenuItemIndicator;
 var Separator2 = DropdownMenuSeparator;
+var Sub2 = DropdownMenuSub;
 var SubTrigger2 = DropdownMenuSubTrigger;
 var SubContent2 = DropdownMenuSubContent;
 
@@ -8119,6 +8148,10 @@ var React35 = __toESM(require("react"));
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var DropdownMenu2 = Root22;
 var DropdownMenuTrigger2 = Trigger;
+var DropdownMenuGroup2 = Group2;
+var DropdownMenuPortal2 = Portal22;
+var DropdownMenuSub2 = Sub2;
+var DropdownMenuRadioGroup2 = RadioGroup2;
 var DropdownMenuSubTrigger2 = React35.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
   SubTrigger2,
   {
@@ -8277,13 +8310,20 @@ var Header = ({
 };
 var HeaderContainer = ({
   className,
+  isOpen,
+  onOpenMenu,
+  children,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "div",
     {
-      className: cn("cnc-flex lg:cnc-flex-1 lg:cnc-justify-end"),
-      ...props
+      className: cn("cnc-flex cnc-flex-1 cnc-justify-between cnc-items-center"),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { children: onOpenMenu && !isOpen && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { onClick: onOpenMenu, className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden cnc-cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 512 512", className: "cnc-size-6 cnc-text-brand-blue-900", height: "1em", width: "1em", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { fill: "none", strokeLinecap: "round", strokeMiterlimit: "10", strokeWidth: "48", d: "M88 152h336M88 256h336M88 360h336" }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "cnc-flex", children })
+      ]
     }
   );
 };
@@ -9341,6 +9381,21 @@ PopoverContent2.displayName = Content23.displayName;
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
   Header,
   HeaderContainer,
   HeaderProfileHeader,