@etus/ui 0.4.0-beta.2 → 0.4.0-beta.4

package/dist/chunk-NWVYQYKK.js

@@ -0,0 +1,75 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var collapsibleVariants = cva([
+  // Base styles - intentionally minimal as this is primarily a behavior component
+]);
+var collapsibleTriggerVariants = cva([
+  // Base styles for trigger
+  "cursor-pointer",
+  "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
+]);
+var collapsibleContentVariants = cva(
+  [
+    "overflow-hidden"
+  ],
+  {
+    variants: {
+      /**
+       * Animation variant for content transition
+       * - animated: Smooth height and opacity animation
+       * - none: No animation, instant show/hide
+       */
+      animation: {
+        animated: [
+          "data-[state=open]:animate-collapsible-down",
+          "data-[state=closed]:animate-collapsible-up"
+        ],
+        none: []
+      }
+    },
+    defaultVariants: {
+      animation: "animated"
+    }
+  }
+);
+function Collapsible({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.Root,
+    {
+      className: cn(collapsibleVariants(), className),
+      "data-slot": "collapsible",
+      ...props
+    }
+  );
+}
+function CollapsibleTrigger2({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleTrigger,
+    {
+      className: cn(collapsibleTriggerVariants(), className),
+      "data-slot": "collapsible-trigger",
+      ...props
+    }
+  );
+}
+function CollapsibleContent2({
+  className,
+  animation,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleContent,
+    {
+      className: cn(collapsibleContentVariants({ animation }), className),
+      "data-slot": "collapsible-content",
+      ...props
+    }
+  );
+}
+
+export { Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, collapsibleContentVariants, collapsibleTriggerVariants, collapsibleVariants };
+//# sourceMappingURL=chunk-NWVYQYKK.js.map
+//# sourceMappingURL=chunk-NWVYQYKK.js.map

package/dist/chunk-NWVYQYKK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Collapsible/Collapsible.variants.ts","../src/components/layout/Collapsible/Collapsible.tsx"],"names":["CollapsibleTrigger","CollapsibleContent"],"mappings":";;;;;AAMO,IAAM,sBAAsB,GAAA,CAAI;AAAA;AAEvC,CAAC;AAMM,IAAM,6BAA6B,GAAA,CAAI;AAAA;AAAA,EAE5C,gBAAA;AAAA,EACA;AACF,CAAC;AAMM,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACxC;AAAA,IACE;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMR,SAAA,EAAW;AAAA,QACT,QAAA,EAAU;AAAA,UACR,4CAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,MAAM;AAAC;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW;AAAA;AACb;AAEJ;AChCA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqB;AAC9D,EAAA,uBACE,GAAA;AAAA,IAAsB,oBAAA,CAAA,IAAA;AAAA,IAArB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAoB,EAAG,SAAS,CAAA;AAAA,MAC9C,WAAA,EAAU,aAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAASA,mBAAAA,CAAmB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA4B;AAC5E,EAAA,uBACE,GAAA;AAAA,IAAsB,oBAAA,CAAA,kBAAA;AAAA,IAArB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA2B,EAAG,SAAS,CAAA;AAAA,MACrD,WAAA,EAAU,qBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAASC,mBAAAA,CAAmB;AAAA,EAC1B,SAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,uBACE,GAAA;AAAA,IAAsB,oBAAA,CAAA,kBAAA;AAAA,IAArB;AAAA,MACC,WAAW,EAAA,CAAG,0BAAA,CAA2B,EAAE,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,MAClE,WAAA,EAAU,qBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-NWVYQYKK.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Collapsible root variant styles\n * Container component for expandable/collapsible content\n */\nexport const collapsibleVariants = cva([\n  // Base styles - intentionally minimal as this is primarily a behavior component\n])\n\n/**\n * CollapsibleTrigger variant styles\n * Element that toggles the collapsible state\n */\nexport const collapsibleTriggerVariants = cva([\n  // Base styles for trigger\n  \"cursor-pointer\",\n  \"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n])\n\n/**\n * CollapsibleContent variant styles\n * Content that expands/collapses with animation support\n */\nexport const collapsibleContentVariants = cva(\n  [\n    \"overflow-hidden\",\n  ],\n  {\n    variants: {\n      /**\n       * Animation variant for content transition\n       * - animated: Smooth height and opacity animation\n       * - none: No animation, instant show/hide\n       */\n      animation: {\n        animated: [\n          \"data-[state=open]:animate-collapsible-down\",\n          \"data-[state=closed]:animate-collapsible-up\",\n        ],\n        none: [],\n      },\n    },\n    defaultVariants: {\n      animation: \"animated\",\n    },\n  }\n)\n\nexport type CollapsibleVariantProps = VariantProps<typeof collapsibleVariants>\nexport type CollapsibleTriggerVariantProps = VariantProps<typeof collapsibleTriggerVariants>\nexport type CollapsibleContentVariantProps = VariantProps<typeof collapsibleContentVariants>\n","import type {\n  CollapsibleContentProps,\n  CollapsibleProps,\n  CollapsibleTriggerProps,\n} from \"./Collapsible.types\"\n\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  collapsibleContentVariants,\n  collapsibleTriggerVariants,\n  collapsibleVariants,\n} from \"./Collapsible.variants\"\n\nfunction Collapsible({ className, ...props }: CollapsibleProps) {\n  return (\n    <CollapsiblePrimitive.Root\n      className={cn(collapsibleVariants(), className)}\n      data-slot=\"collapsible\"\n      {...props}\n    />\n  )\n}\n\nfunction CollapsibleTrigger({ className, ...props }: CollapsibleTriggerProps) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      className={cn(collapsibleTriggerVariants(), className)}\n      data-slot=\"collapsible-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction CollapsibleContent({\n  className,\n  animation,\n  ...props\n}: CollapsibleContentProps) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      className={cn(collapsibleContentVariants({ animation }), className)}\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  )\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger }\n"]}

package/dist/chunk-NXQ25PKF.js

@@ -0,0 +1,318 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var navbarVariants = cva(
+  [
+    // Base styles
+    "flex w-full items-center",
+    "px-4 md:px-6",
+    // Transition
+    "transition-all"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-background",
+        transparent: "bg-transparent",
+        bordered: "bg-background border-b border-border",
+        floating: "bg-background/95 backdrop-blur-sm shadow-sm mx-4 mt-4 rounded-lg border border-border"
+      },
+      size: {
+        sm: "h-12",
+        md: "h-14",
+        lg: "h-16"
+      },
+      sticky: {
+        true: "sticky top-0 z-50",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      sticky: false
+    }
+  }
+);
+var navbarContainerVariants = cva(
+  [
+    "flex w-full items-center justify-between gap-4"
+  ],
+  {
+    variants: {
+      contained: {
+        true: "mx-auto max-w-7xl",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      contained: false
+    }
+  }
+);
+var navbarBrandVariants = cva([
+  "flex shrink-0 items-center gap-2",
+  "text-lg font-bold"
+]);
+var navbarContentVariants = cva(
+  [
+    "flex items-center gap-4 md:gap-6"
+  ],
+  {
+    variants: {
+      justify: {
+        start: "justify-start",
+        center: "justify-center flex-1",
+        end: "justify-end ml-auto"
+      }
+    },
+    defaultVariants: {
+      justify: "start"
+    }
+  }
+);
+var navbarItemVariants = cva(
+  [
+    "flex items-center"
+  ],
+  {
+    variants: {
+      isActive: {
+        true: "",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      isActive: false
+    }
+  }
+);
+var navbarLinkVariants = cva(
+  [
+    "text-sm font-medium transition-colors",
+    "text-muted-foreground hover:text-foreground",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "rounded-sm"
+  ],
+  {
+    variants: {
+      isActive: {
+        true: "text-foreground font-semibold",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      isActive: false
+    }
+  }
+);
+var navbarMenuToggleVariants = cva(
+  [
+    "inline-flex items-center justify-center",
+    "h-10 w-10 rounded-md",
+    "text-muted-foreground hover:text-foreground hover:bg-accent",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+    "transition-colors"
+  ],
+  {
+    variants: {
+      isOpen: {
+        true: "bg-accent",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      isOpen: false
+    }
+  }
+);
+var navbarMenuVariants = cva(
+  [
+    "absolute left-0 right-0 top-full",
+    "bg-background border-b border-border shadow-lg",
+    "overflow-hidden transition-all duration-200"
+  ],
+  {
+    variants: {
+      isOpen: {
+        true: "max-h-[80vh] opacity-100",
+        false: "max-h-0 opacity-0 pointer-events-none"
+      }
+    },
+    defaultVariants: {
+      isOpen: false
+    }
+  }
+);
+function Navbar({
+  className,
+  variant = "default",
+  size = "md",
+  sticky = false,
+  contained = false,
+  containerClassName,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "Main navigation",
+      className: cn(navbarVariants({ variant, size, sticky }), className),
+      "data-slot": "navbar",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(navbarContainerVariants({ contained }), containerClassName),
+          "data-slot": "navbar-container",
+          children
+        }
+      )
+    }
+  );
+}
+function NavbarBrand({
+  className,
+  href,
+  children,
+  ...props
+}) {
+  if (href) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        className: cn(navbarBrandVariants(), className),
+        "data-slot": "navbar-brand",
+        href,
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(navbarBrandVariants(), className),
+      "data-slot": "navbar-brand",
+      ...props,
+      children
+    }
+  );
+}
+function NavbarContent({
+  className,
+  justify = "start",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(navbarContentVariants({ justify }), className),
+      "data-slot": "navbar-content",
+      ...props,
+      children
+    }
+  );
+}
+function NavbarItem({
+  className,
+  isActive = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(navbarItemVariants({ isActive }), className),
+      "data-active": isActive || void 0,
+      "data-slot": "navbar-item",
+      ...props,
+      children
+    }
+  );
+}
+function NavbarLink({
+  className,
+  isActive = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      className: cn(navbarLinkVariants({ isActive }), className),
+      "data-slot": "navbar-link",
+      ...props,
+      children
+    }
+  );
+}
+function NavbarMenuToggle({
+  className,
+  isOpen = false,
+  srLabel = "Toggle menu",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-expanded": isOpen,
+      "aria-label": srLabel,
+      className: cn(navbarMenuToggleVariants({ isOpen }), className),
+      "data-slot": "navbar-menu-toggle",
+      type: "button",
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "h-6 w-6",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: 2,
+          viewBox: "0 0 24 24",
+          children: isOpen ? /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M6 18L18 6M6 6l12 12",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) : /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M4 6h16M4 12h16M4 18h16",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function NavbarMenu({
+  className,
+  isOpen = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(navbarMenuVariants({ isOpen }), className),
+      "data-slot": "navbar-menu",
+      "data-state": isOpen ? "open" : "closed",
+      ...props,
+      children
+    }
+  );
+}
+
+export { Navbar, NavbarBrand, NavbarContent, NavbarItem, NavbarLink, NavbarMenu, NavbarMenuToggle, navbarBrandVariants, navbarContainerVariants, navbarContentVariants, navbarItemVariants, navbarLinkVariants, navbarMenuToggleVariants, navbarMenuVariants, navbarVariants };
+//# sourceMappingURL=chunk-NXQ25PKF.js.map
+//# sourceMappingURL=chunk-NXQ25PKF.js.map

package/dist/chunk-NXQ25PKF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/Navbar/Navbar.variants.ts","../src/components/navigation/Navbar/Navbar.tsx"],"names":[],"mappings":"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","file":"chunk-NXQ25PKF.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Navbar root variant styles\n */\nexport const navbarVariants = cva(\n  [\n    // Base styles\n    \"flex w-full items-center\",\n    \"px-4 md:px-6\",\n    // Transition\n    \"transition-all\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"bg-background\",\n        transparent: \"bg-transparent\",\n        bordered: \"bg-background border-b border-border\",\n        floating: \"bg-background/95 backdrop-blur-sm shadow-sm mx-4 mt-4 rounded-lg border border-border\",\n      },\n      size: {\n        sm: \"h-12\",\n        md: \"h-14\",\n        lg: \"h-16\",\n      },\n      sticky: {\n        true: \"sticky top-0 z-50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n      sticky: false,\n    },\n  }\n)\n\n/**\n * Navbar container variant styles (inner wrapper)\n */\nexport const navbarContainerVariants = cva(\n  [\n    \"flex w-full items-center justify-between gap-4\",\n  ],\n  {\n    variants: {\n      contained: {\n        true: \"mx-auto max-w-7xl\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      contained: false,\n    },\n  }\n)\n\n/**\n * NavbarBrand variant styles\n */\nexport const navbarBrandVariants = cva([\n  \"flex shrink-0 items-center gap-2\",\n  \"text-lg font-bold\",\n])\n\n/**\n * NavbarContent variant styles\n */\nexport const navbarContentVariants = cva(\n  [\n    \"flex items-center gap-4 md:gap-6\",\n  ],\n  {\n    variants: {\n      justify: {\n        start: \"justify-start\",\n        center: \"justify-center flex-1\",\n        end: \"justify-end ml-auto\",\n      },\n    },\n    defaultVariants: {\n      justify: \"start\",\n    },\n  }\n)\n\n/**\n * NavbarItem variant styles\n */\nexport const navbarItemVariants = cva(\n  [\n    \"flex items-center\",\n  ],\n  {\n    variants: {\n      isActive: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      isActive: false,\n    },\n  }\n)\n\n/**\n * NavbarLink variant styles\n */\nexport const navbarLinkVariants = cva(\n  [\n    \"text-sm font-medium transition-colors\",\n    \"text-muted-foreground hover:text-foreground\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n    \"rounded-sm\",\n  ],\n  {\n    variants: {\n      isActive: {\n        true: \"text-foreground font-semibold\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      isActive: false,\n    },\n  }\n)\n\n/**\n * NavbarMenuToggle variant styles\n */\nexport const navbarMenuToggleVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"h-10 w-10 rounded-md\",\n    \"text-muted-foreground hover:text-foreground hover:bg-accent\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n    \"transition-colors\",\n  ],\n  {\n    variants: {\n      isOpen: {\n        true: \"bg-accent\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      isOpen: false,\n    },\n  }\n)\n\n/**\n * NavbarMenu variant styles\n */\nexport const navbarMenuVariants = cva(\n  [\n    \"absolute left-0 right-0 top-full\",\n    \"bg-background border-b border-border shadow-lg\",\n    \"overflow-hidden transition-all duration-200\",\n  ],\n  {\n    variants: {\n      isOpen: {\n        true: \"max-h-[80vh] opacity-100\",\n        false: \"max-h-0 opacity-0 pointer-events-none\",\n      },\n    },\n    defaultVariants: {\n      isOpen: false,\n    },\n  }\n)\n","\"use client\"\n\nimport type {\n  NavbarBrandProps,\n  NavbarContentProps,\n  NavbarItemProps,\n  NavbarLinkProps,\n  NavbarMenuProps,\n  NavbarMenuToggleProps,\n  NavbarProps,\n} from \"./Navbar.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  navbarBrandVariants,\n  navbarContainerVariants,\n  navbarContentVariants,\n  navbarItemVariants,\n  navbarLinkVariants,\n  navbarMenuToggleVariants,\n  navbarMenuVariants,\n  navbarVariants,\n} from \"./Navbar.variants\"\n\n/**\n * Navbar - A responsive horizontal navigation component.\n *\n * Combines branding, navigation links, and user actions in a cohesive header.\n *\n * @example\n * <Navbar sticky>\n *   <NavbarBrand href=\"/\">Logo</NavbarBrand>\n *   <NavbarContent>\n *     <NavbarLink href=\"/about\">About</NavbarLink>\n *     <NavbarLink href=\"/contact\">Contact</NavbarLink>\n *   </NavbarContent>\n * </Navbar>\n */\nfunction Navbar({\n  className,\n  variant = \"default\",\n  size = \"md\",\n  sticky = false,\n  contained = false,\n  containerClassName,\n  children,\n  ...props\n}: NavbarProps) {\n  return (\n    <nav\n      aria-label=\"Main navigation\"\n      className={cn(navbarVariants({ variant, size, sticky }), className)}\n      data-slot=\"navbar\"\n      {...props}\n    >\n      <div\n        className={cn(navbarContainerVariants({ contained }), containerClassName)}\n        data-slot=\"navbar-container\"\n      >\n        {children}\n      </div>\n    </nav>\n  )\n}\n\n/**\n * NavbarBrand - Logo/brand area of the navbar.\n *\n * Renders as a link when href is provided.\n */\nfunction NavbarBrand({\n  className,\n  href,\n  children,\n  ...props\n}: NavbarBrandProps) {\n  if (href) {\n    return (\n      <a\n        className={cn(navbarBrandVariants(), className)}\n        data-slot=\"navbar-brand\"\n        href={href}\n        {...(props as React.ComponentProps<\"a\">)}\n      >\n        {children}\n      </a>\n    )\n  }\n\n  return (\n    <div\n      className={cn(navbarBrandVariants(), className)}\n      data-slot=\"navbar-brand\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * NavbarContent - Container for navbar content groups.\n */\nfunction NavbarContent({\n  className,\n  justify = \"start\",\n  children,\n  ...props\n}: NavbarContentProps) {\n  return (\n    <div\n      className={cn(navbarContentVariants({ justify }), className)}\n      data-slot=\"navbar-content\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * NavbarItem - Wrapper for individual navbar items.\n */\nfunction NavbarItem({\n  className,\n  isActive = false,\n  children,\n  ...props\n}: NavbarItemProps) {\n  return (\n    <div\n      className={cn(navbarItemVariants({ isActive }), className)}\n      data-active={isActive || undefined}\n      data-slot=\"navbar-item\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * NavbarLink - Navigation link for the navbar.\n */\nfunction NavbarLink({\n  className,\n  isActive = false,\n  children,\n  ...props\n}: NavbarLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      className={cn(navbarLinkVariants({ isActive }), className)}\n      data-slot=\"navbar-link\"\n      {...props}\n    >\n      {children}\n    </a>\n  )\n}\n\n/**\n * NavbarMenuToggle - Toggle button for mobile menu.\n */\nfunction NavbarMenuToggle({\n  className,\n  isOpen = false,\n  srLabel = \"Toggle menu\",\n  children,\n  ...props\n}: NavbarMenuToggleProps) {\n  return (\n    <button\n      aria-expanded={isOpen}\n      aria-label={srLabel}\n      className={cn(navbarMenuToggleVariants({ isOpen }), className)}\n      data-slot=\"navbar-menu-toggle\"\n      type=\"button\"\n      {...props}\n    >\n      {children ?? (\n        <svg\n          className=\"h-6 w-6\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n          viewBox=\"0 0 24 24\"\n        >\n          {isOpen ? (\n            <path\n              d=\"M6 18L18 6M6 6l12 12\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          ) : (\n            <path\n              d=\"M4 6h16M4 12h16M4 18h16\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          )}\n        </svg>\n      )}\n    </button>\n  )\n}\n\n/**\n * NavbarMenu - Mobile menu container.\n */\nfunction NavbarMenu({\n  className,\n  isOpen = false,\n  children,\n  ...props\n}: NavbarMenuProps) {\n  return (\n    <div\n      className={cn(navbarMenuVariants({ isOpen }), className)}\n      data-slot=\"navbar-menu\"\n      data-state={isOpen ? \"open\" : \"closed\"}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport {\n  Navbar,\n  NavbarBrand,\n  NavbarContent,\n  NavbarItem,\n  NavbarLink,\n  NavbarMenu,\n  NavbarMenuToggle,\n}\n"]}