jaci-ui 0.6.0 → 0.6.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.6.1
+
+### Patch Changes
+
+- 06fa9ee: Make the compound `Navbar` namespace compatible with Next.js App Router Server Components.
+
 ## 0.6.0
 
 ### Minor Changes

package/README.md

@@ -220,14 +220,30 @@ also expose `.Root` aliases for compound composition.
 ## Server rendering and frameworks
 
 Static components are server-safe and interactive modules preserve their `"use client"` boundary.
-In Next.js App Router, render interactive compositions inside a client component and import the
-global stylesheet from `app/layout.tsx`:
+In Next.js App Router, import the global stylesheet from `app/layout.tsx`:
 
 ```tsx
 // app/layout.tsx
 import "jaci-ui/styles.css";
 ```
 
+The compound `Navbar` namespace is safe to use directly from a Server Component; controlled
+navigation state and event handlers should live in a client component as usual:
+
+```tsx
+import { Navbar } from "jaci-ui";
+
+export default function Page() {
+  return (
+    <Navbar.Root>
+      <Navbar.Bar aria-label="Primary navigation">
+        <Navbar.Item href="/docs">Documentation</Navbar.Item>
+      </Navbar.Bar>
+    </Navbar.Root>
+  );
+}
+```
+
 Vite, React Router, Remix and other client entry points can import the stylesheet from their
 application root. Jaci UI does not access `window`, `document`, storage or media APIs during
 module import or server rendering.

package/dist/components/navigation/index.d.cts

@@ -1,2 +1,3 @@
-import { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps, BottomNavigationRoot, Navbar, NavbarBar, NavbarBarProps, NavbarCenter, NavbarCenterProps, NavbarClose, NavbarCloseProps, NavbarDrawer, NavbarDrawerPortalProps, NavbarDrawerProps, NavbarEnd, NavbarEndProps, NavbarItem, NavbarItemProps, NavbarRoot, NavbarRootProps, NavbarStart, NavbarStartProps, NavbarToggle, NavbarToggleProps } from "./navigation.cjs";
+import { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps, BottomNavigationRoot, NavbarBar, NavbarBarProps, NavbarCenter, NavbarCenterProps, NavbarClose, NavbarCloseProps, NavbarDrawer, NavbarDrawerPortalProps, NavbarDrawerProps, NavbarEnd, NavbarEndProps, NavbarItem, NavbarItemProps, NavbarRoot, NavbarRootProps, NavbarStart, NavbarStartProps, NavbarToggle, NavbarToggleProps } from "./navigation.cjs";
+import { Navbar } from "./navbar-namespace.cjs";
 export { BottomNavigation, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, BottomNavigationRoot, Navbar, NavbarBar, type NavbarBarProps, NavbarCenter, type NavbarCenterProps, NavbarClose, type NavbarCloseProps, NavbarDrawer, type NavbarDrawerPortalProps, type NavbarDrawerProps, NavbarEnd, type NavbarEndProps, NavbarItem, type NavbarItemProps, NavbarRoot, type NavbarRootProps, NavbarStart, type NavbarStartProps, NavbarToggle, type NavbarToggleProps };

package/dist/components/navigation/index.d.ts

@@ -1,2 +1,3 @@
-import { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps, BottomNavigationRoot, Navbar, NavbarBar, NavbarBarProps, NavbarCenter, NavbarCenterProps, NavbarClose, NavbarCloseProps, NavbarDrawer, NavbarDrawerPortalProps, NavbarDrawerProps, NavbarEnd, NavbarEndProps, NavbarItem, NavbarItemProps, NavbarRoot, NavbarRootProps, NavbarStart, NavbarStartProps, NavbarToggle, NavbarToggleProps } from "./navigation.js";
+import { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps, BottomNavigationRoot, NavbarBar, NavbarBarProps, NavbarCenter, NavbarCenterProps, NavbarClose, NavbarCloseProps, NavbarDrawer, NavbarDrawerPortalProps, NavbarDrawerProps, NavbarEnd, NavbarEndProps, NavbarItem, NavbarItemProps, NavbarRoot, NavbarRootProps, NavbarStart, NavbarStartProps, NavbarToggle, NavbarToggleProps } from "./navigation.js";
+import { Navbar } from "./navbar-namespace.js";
 export { BottomNavigation, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, BottomNavigationRoot, Navbar, NavbarBar, type NavbarBarProps, NavbarCenter, type NavbarCenterProps, NavbarClose, type NavbarCloseProps, NavbarDrawer, type NavbarDrawerPortalProps, type NavbarDrawerProps, NavbarEnd, type NavbarEndProps, NavbarItem, type NavbarItemProps, NavbarRoot, type NavbarRootProps, NavbarStart, type NavbarStartProps, NavbarToggle, type NavbarToggleProps };

package/dist/components/navigation/navbar-namespace.cjs

@@ -0,0 +1,26 @@
+const require_navigation = require("./navigation.cjs");
+//#region src/components/navigation/navbar-namespace.ts
+/**
+* Compound namespace for the responsive navigation bar.
+*
+* This file intentionally stays server-safe. Its values are client component
+* references imported from `navigation.tsx`, which lets Next.js App Router
+* consume `<Navbar.Root>` from a Server Component without losing the nested
+* properties during the RSC transform.
+*/
+const Navbar = {
+	Root: require_navigation.NavbarRoot,
+	Bar: require_navigation.NavbarBar,
+	Start: require_navigation.NavbarStart,
+	Center: require_navigation.NavbarCenter,
+	End: require_navigation.NavbarEnd,
+	Toggle: require_navigation.NavbarToggle,
+	Drawer: require_navigation.NavbarDrawer,
+	Close: require_navigation.NavbarClose,
+	Item: require_navigation.NavbarItem,
+	createHandle: require_navigation.NavbarCreateHandle
+};
+//#endregion
+exports.Navbar = Navbar;
+
+//# sourceMappingURL=navbar-namespace.cjs.map

package/dist/components/navigation/navbar-namespace.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-namespace.cjs","names":["NavbarRoot","NavbarBar","NavbarStart","NavbarCenter","NavbarEnd","NavbarToggle","NavbarDrawer","NavbarClose","NavbarItem","NavbarCreateHandle"],"sources":["../../../src/components/navigation/navbar-namespace.ts"],"sourcesContent":["import {\n  NavbarBar,\n  NavbarCenter,\n  NavbarClose,\n  NavbarCreateHandle,\n  NavbarDrawer,\n  NavbarEnd,\n  NavbarItem,\n  NavbarRoot,\n  NavbarStart,\n  NavbarToggle,\n} from \"./navigation\";\n\n/**\n * Compound namespace for the responsive navigation bar.\n *\n * This file intentionally stays server-safe. Its values are client component\n * references imported from `navigation.tsx`, which lets Next.js App Router\n * consume `<Navbar.Root>` from a Server Component without losing the nested\n * properties during the RSC transform.\n */\nexport const Navbar: {\n  Root: typeof NavbarRoot;\n  Bar: typeof NavbarBar;\n  Start: typeof NavbarStart;\n  Center: typeof NavbarCenter;\n  End: typeof NavbarEnd;\n  Toggle: typeof NavbarToggle;\n  Drawer: typeof NavbarDrawer;\n  Close: typeof NavbarClose;\n  Item: typeof NavbarItem;\n  createHandle: typeof NavbarCreateHandle;\n} = {\n  Root: NavbarRoot,\n  Bar: NavbarBar,\n  Start: NavbarStart,\n  Center: NavbarCenter,\n  End: NavbarEnd,\n  Toggle: NavbarToggle,\n  Drawer: NavbarDrawer,\n  Close: NavbarClose,\n  Item: NavbarItem,\n  createHandle: NavbarCreateHandle,\n};\n"],"mappings":";;;;;;;;;;AAqBA,MAAa,SAWT;CACF,MAAMA,mBAAAA;CACN,KAAKC,mBAAAA;CACL,OAAOC,mBAAAA;CACP,QAAQC,mBAAAA;CACR,KAAKC,mBAAAA;CACL,QAAQC,mBAAAA;CACR,QAAQC,mBAAAA;CACR,OAAOC,mBAAAA;CACP,MAAMC,mBAAAA;CACN,cAAcC,mBAAAA;AAChB"}

package/dist/components/navigation/navbar-namespace.d.cts

@@ -0,0 +1,25 @@
+import { NavbarBar, NavbarCenter, NavbarClose, NavbarCreateHandle, NavbarDrawer, NavbarEnd, NavbarItem, NavbarRoot, NavbarStart, NavbarToggle } from "./navigation.cjs";
+//#region src/components/navigation/navbar-namespace.d.ts
+/**
+ * Compound namespace for the responsive navigation bar.
+ *
+ * This file intentionally stays server-safe. Its values are client component
+ * references imported from `navigation.tsx`, which lets Next.js App Router
+ * consume `<Navbar.Root>` from a Server Component without losing the nested
+ * properties during the RSC transform.
+ */
+declare const Navbar: {
+  Root: typeof NavbarRoot;
+  Bar: typeof NavbarBar;
+  Start: typeof NavbarStart;
+  Center: typeof NavbarCenter;
+  End: typeof NavbarEnd;
+  Toggle: typeof NavbarToggle;
+  Drawer: typeof NavbarDrawer;
+  Close: typeof NavbarClose;
+  Item: typeof NavbarItem;
+  createHandle: typeof NavbarCreateHandle;
+};
+//#endregion
+export { Navbar };
+//# sourceMappingURL=navbar-namespace.d.cts.map

package/dist/components/navigation/navbar-namespace.d.ts

@@ -0,0 +1,25 @@
+import { NavbarBar, NavbarCenter, NavbarClose, NavbarCreateHandle, NavbarDrawer, NavbarEnd, NavbarItem, NavbarRoot, NavbarStart, NavbarToggle } from "./navigation.js";
+//#region src/components/navigation/navbar-namespace.d.ts
+/**
+ * Compound namespace for the responsive navigation bar.
+ *
+ * This file intentionally stays server-safe. Its values are client component
+ * references imported from `navigation.tsx`, which lets Next.js App Router
+ * consume `<Navbar.Root>` from a Server Component without losing the nested
+ * properties during the RSC transform.
+ */
+declare const Navbar: {
+  Root: typeof NavbarRoot;
+  Bar: typeof NavbarBar;
+  Start: typeof NavbarStart;
+  Center: typeof NavbarCenter;
+  End: typeof NavbarEnd;
+  Toggle: typeof NavbarToggle;
+  Drawer: typeof NavbarDrawer;
+  Close: typeof NavbarClose;
+  Item: typeof NavbarItem;
+  createHandle: typeof NavbarCreateHandle;
+};
+//#endregion
+export { Navbar };
+//# sourceMappingURL=navbar-namespace.d.ts.map

package/dist/components/navigation/navbar-namespace.js

@@ -0,0 +1,26 @@
+import { NavbarBar, NavbarCenter, NavbarClose, NavbarCreateHandle, NavbarDrawer, NavbarEnd, NavbarItem, NavbarRoot, NavbarStart, NavbarToggle } from "./navigation.js";
+//#region src/components/navigation/navbar-namespace.ts
+/**
+* Compound namespace for the responsive navigation bar.
+*
+* This file intentionally stays server-safe. Its values are client component
+* references imported from `navigation.tsx`, which lets Next.js App Router
+* consume `<Navbar.Root>` from a Server Component without losing the nested
+* properties during the RSC transform.
+*/
+const Navbar = {
+	Root: NavbarRoot,
+	Bar: NavbarBar,
+	Start: NavbarStart,
+	Center: NavbarCenter,
+	End: NavbarEnd,
+	Toggle: NavbarToggle,
+	Drawer: NavbarDrawer,
+	Close: NavbarClose,
+	Item: NavbarItem,
+	createHandle: NavbarCreateHandle
+};
+//#endregion
+export { Navbar };
+
+//# sourceMappingURL=navbar-namespace.js.map

package/dist/components/navigation/navbar-namespace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-namespace.js","names":[],"sources":["../../../src/components/navigation/navbar-namespace.ts"],"sourcesContent":["import {\n  NavbarBar,\n  NavbarCenter,\n  NavbarClose,\n  NavbarCreateHandle,\n  NavbarDrawer,\n  NavbarEnd,\n  NavbarItem,\n  NavbarRoot,\n  NavbarStart,\n  NavbarToggle,\n} from \"./navigation\";\n\n/**\n * Compound namespace for the responsive navigation bar.\n *\n * This file intentionally stays server-safe. Its values are client component\n * references imported from `navigation.tsx`, which lets Next.js App Router\n * consume `<Navbar.Root>` from a Server Component without losing the nested\n * properties during the RSC transform.\n */\nexport const Navbar: {\n  Root: typeof NavbarRoot;\n  Bar: typeof NavbarBar;\n  Start: typeof NavbarStart;\n  Center: typeof NavbarCenter;\n  End: typeof NavbarEnd;\n  Toggle: typeof NavbarToggle;\n  Drawer: typeof NavbarDrawer;\n  Close: typeof NavbarClose;\n  Item: typeof NavbarItem;\n  createHandle: typeof NavbarCreateHandle;\n} = {\n  Root: NavbarRoot,\n  Bar: NavbarBar,\n  Start: NavbarStart,\n  Center: NavbarCenter,\n  End: NavbarEnd,\n  Toggle: NavbarToggle,\n  Drawer: NavbarDrawer,\n  Close: NavbarClose,\n  Item: NavbarItem,\n  createHandle: NavbarCreateHandle,\n};\n"],"mappings":";;;;;;;;;;AAqBA,MAAa,SAWT;CACF,MAAM;CACN,KAAK;CACL,OAAO;CACP,QAAQ;CACR,KAAK;CACL,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,MAAM;CACN,cAAc;AAChB"}

package/dist/components/navigation/navigation.cjs

@@ -10,6 +10,7 @@ let _base_ui_react_dialog = require("@base-ui/react/dialog");
 function NavbarRoot(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Root, { ...props });
 }
+const NavbarCreateHandle = _base_ui_react_dialog.Dialog.createHandle;
 /** A fixed, translucent zinc navigation surface. */
 const NavbarBar = (0, react.forwardRef)(function NavbarBar({ className, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
@@ -109,18 +110,6 @@ const NavbarItem = (0, react.forwardRef)(function NavbarItem({ "aria-current": a
 		"data-slot": "navbar-item"
 	});
 });
-const Navbar = {
-	Root: NavbarRoot,
-	Bar: NavbarBar,
-	Start: NavbarStart,
-	Center: NavbarCenter,
-	End: NavbarEnd,
-	Toggle: NavbarToggle,
-	Drawer: NavbarDrawer,
-	Close: NavbarClose,
-	Item: NavbarItem,
-	createHandle: _base_ui_react_dialog.Dialog.createHandle
-};
 /**
 * A compact floating navigation bar for small-screen destinations. It is
 * independent from `Navbar` so it can be used in layouts without a drawer.
@@ -149,10 +138,10 @@ const BottomNavigation = Object.assign(BottomNavigationRoot, { Item: BottomNavig
 exports.BottomNavigation = BottomNavigation;
 exports.BottomNavigationItem = BottomNavigationItem;
 exports.BottomNavigationRoot = BottomNavigationRoot;
-exports.Navbar = Navbar;
 exports.NavbarBar = NavbarBar;
 exports.NavbarCenter = NavbarCenter;
 exports.NavbarClose = NavbarClose;
+exports.NavbarCreateHandle = NavbarCreateHandle;
 exports.NavbarDrawer = NavbarDrawer;
 exports.NavbarEnd = NavbarEnd;
 exports.NavbarItem = NavbarItem;

package/dist/components/navigation/navigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.cjs","names":["BaseDialog","cx","navbar","withRecipeClassName","bottomNavigation"],"sources":["../../../src/components/navigation/navigation.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { DialogRoot as BaseDialogRoot } from \"@base-ui/react/dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { bottomNavigation, navbar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\n/**\n * Groups a responsive navigation bar and its mobile drawer. The `open`,\n * `defaultOpen`, and `onOpenChange` props are forwarded to Base UI's Dialog\n * root, which supplies focus management, Escape handling, and backdrop\n * dismissal for `Navbar.Drawer`.\n */\nexport type NavbarRootProps<Payload = unknown> = BaseDialogRoot.Props<Payload>;\n\nexport function NavbarRoot<Payload = unknown>(props: NavbarRootProps<Payload>) {\n  return <BaseDialog.Root {...props} />;\n}\n\nexport type NavbarBarProps = ComponentPropsWithoutRef<\"nav\">;\n\n/** A fixed, translucent zinc navigation surface. */\nexport const NavbarBar = forwardRef<HTMLElement, NavbarBarProps>(function NavbarBar(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <nav\n      {...props}\n      ref={ref}\n      className={cx(navbar().bar, className)}\n      data-jaci-component=\"navbar\"\n      data-slot=\"navbar-bar\"\n    />\n  );\n});\n\nexport type NavbarStartProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const NavbarStart = forwardRef<HTMLDivElement, NavbarStartProps>(function NavbarStart(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div {...props} ref={ref} className={cx(navbar().start, className)} data-slot=\"navbar-start\" />\n  );\n});\n\nexport type NavbarCenterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const NavbarCenter = forwardRef<HTMLDivElement, NavbarCenterProps>(function NavbarCenter(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(navbar().center, className)}\n      data-slot=\"navbar-center\"\n    />\n  );\n});\n\nexport type NavbarEndProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const NavbarEnd = forwardRef<HTMLDivElement, NavbarEndProps>(function NavbarEnd(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div {...props} ref={ref} className={cx(navbar().end, className)} data-slot=\"navbar-end\" />\n  );\n});\n\nexport type NavbarToggleProps = ComponentPropsWithoutRef<typeof BaseDialog.Trigger>;\n\n/**\n * Opens the responsive drawer. It is hidden at the large breakpoint by\n * default, while still allowing a controlled host to render a drawer anywhere.\n */\nexport const NavbarToggle = forwardRef<HTMLButtonElement, NavbarToggleProps>(function NavbarToggle(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseDialog.Trigger\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Open navigation menu\")}\n      ref={ref}\n      className={withRecipeClassName(navbar().toggle, className)}\n      data-slot=\"navbar-toggle\"\n    >\n      {children ?? \"☰\"}\n    </BaseDialog.Trigger>\n  );\n});\n\nexport type NavbarDrawerPortalProps = Omit<\n  ComponentPropsWithoutRef<typeof BaseDialog.Portal>,\n  \"children\"\n>;\n\nexport interface NavbarDrawerProps extends ComponentPropsWithoutRef<typeof BaseDialog.Popup> {\n  /** Optional controls for the underlying Base UI portal. */\n  portalProps?: NavbarDrawerPortalProps;\n}\n\n/**\n * A left-aligned mobile drawer. It intentionally owns the Dialog portal,\n * backdrop, viewport, and popup so consumers cannot accidentally omit the\n * pieces required for focus trapping and Escape/backdrop dismissal.\n */\nexport const NavbarDrawer = forwardRef<HTMLDivElement, NavbarDrawerProps>(function NavbarDrawer(\n  { \"aria-label\": ariaLabel, children, className, portalProps, ...props },\n  ref,\n) {\n  const styles = navbar();\n\n  return (\n    <BaseDialog.Portal {...portalProps}>\n      <BaseDialog.Backdrop\n        className={withRecipeClassName(styles.drawerBackdrop, undefined)}\n        data-slot=\"navbar-drawer-backdrop\"\n      />\n      <BaseDialog.Viewport\n        className={withRecipeClassName(styles.drawerViewport, undefined)}\n        data-slot=\"navbar-drawer-viewport\"\n      >\n        <BaseDialog.Popup\n          {...props}\n          aria-label={ariaLabel ?? \"Navigation menu\"}\n          ref={ref}\n          className={withRecipeClassName(styles.drawer, className)}\n          data-jaci-component=\"navbar\"\n          data-slot=\"navbar-drawer\"\n        >\n          {children}\n        </BaseDialog.Popup>\n      </BaseDialog.Viewport>\n    </BaseDialog.Portal>\n  );\n});\n\nexport type NavbarCloseProps = ComponentPropsWithoutRef<typeof BaseDialog.Close>;\n\n/** A close affordance for use inside `Navbar.Drawer`. */\nexport const NavbarClose = forwardRef<HTMLButtonElement, NavbarCloseProps>(function NavbarClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseDialog.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close navigation menu\")}\n      ref={ref}\n      className={withRecipeClassName(navbar().close, className)}\n      data-slot=\"navbar-close\"\n    >\n      {children ?? \"×\"}\n    </BaseDialog.Close>\n  );\n});\n\nexport interface NavbarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\n/** A semantic navigation link for either the fixed bar or mobile drawer. */\nexport const NavbarItem = forwardRef<HTMLAnchorElement, NavbarItemProps>(function NavbarItem(\n  { \"aria-current\": ariaCurrent, active = false, className, ...props },\n  ref,\n) {\n  return (\n    <a\n      {...props}\n      aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n      ref={ref}\n      className={cx(navbar({ active }).item, className)}\n      data-active={active || undefined}\n      data-slot=\"navbar-item\"\n    />\n  );\n});\n\nexport const Navbar = {\n  Root: NavbarRoot,\n  Bar: NavbarBar,\n  Start: NavbarStart,\n  Center: NavbarCenter,\n  End: NavbarEnd,\n  Toggle: NavbarToggle,\n  Drawer: NavbarDrawer,\n  Close: NavbarClose,\n  Item: NavbarItem,\n  createHandle: BaseDialog.createHandle,\n};\n\nexport type BottomNavigationProps = ComponentPropsWithoutRef<\"nav\">;\n\n/**\n * A compact floating navigation bar for small-screen destinations. It is\n * independent from `Navbar` so it can be used in layouts without a drawer.\n */\nexport const BottomNavigationRoot = forwardRef<HTMLElement, BottomNavigationProps>(\n  function BottomNavigationRoot({ className, ...props }, ref) {\n    return (\n      <nav\n        {...props}\n        ref={ref}\n        className={cx(bottomNavigation().root, className)}\n        data-jaci-component=\"bottom-navigation\"\n        data-slot=\"bottom-navigation\"\n      />\n    );\n  },\n);\n\nexport interface BottomNavigationItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\nexport const BottomNavigationItem = forwardRef<HTMLAnchorElement, BottomNavigationItemProps>(\n  function BottomNavigationItem(\n    { \"aria-current\": ariaCurrent, active = false, className, ...props },\n    ref,\n  ) {\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        ref={ref}\n        className={cx(bottomNavigation({ active }).item, className)}\n        data-active={active || undefined}\n        data-slot=\"bottom-navigation-item\"\n      />\n    );\n  },\n);\n\nexport const BottomNavigation = Object.assign(BottomNavigationRoot, {\n  Item: BottomNavigationItem,\n});\n"],"mappings":"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"}
+{"version":3,"file":"navigation.cjs","names":["BaseDialog","cx","navbar","withRecipeClassName","bottomNavigation"],"sources":["../../../src/components/navigation/navigation.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { DialogRoot as BaseDialogRoot } from \"@base-ui/react/dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { bottomNavigation, navbar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\n/**\n * Groups a responsive navigation bar and its mobile drawer. The `open`,\n * `defaultOpen`, and `onOpenChange` props are forwarded to Base UI's Dialog\n * root, which supplies focus management, Escape handling, and backdrop\n * dismissal for `Navbar.Drawer`.\n */\nexport type NavbarRootProps<Payload = unknown> = BaseDialogRoot.Props<Payload>;\n\nexport function NavbarRoot<Payload = unknown>(props: NavbarRootProps<Payload>) {\n  return <BaseDialog.Root {...props} />;\n}\n\nexport const NavbarCreateHandle = BaseDialog.createHandle;\n\nexport type NavbarBarProps = ComponentPropsWithoutRef<\"nav\">;\n\n/** A fixed, translucent zinc navigation surface. */\nexport const NavbarBar = forwardRef<HTMLElement, NavbarBarProps>(function NavbarBar(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <nav\n      {...props}\n      ref={ref}\n      className={cx(navbar().bar, className)}\n      data-jaci-component=\"navbar\"\n      data-slot=\"navbar-bar\"\n    />\n  );\n});\n\nexport type NavbarStartProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const NavbarStart = forwardRef<HTMLDivElement, NavbarStartProps>(function NavbarStart(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div {...props} ref={ref} className={cx(navbar().start, className)} data-slot=\"navbar-start\" />\n  );\n});\n\nexport type NavbarCenterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const NavbarCenter = forwardRef<HTMLDivElement, NavbarCenterProps>(function NavbarCenter(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(navbar().center, className)}\n      data-slot=\"navbar-center\"\n    />\n  );\n});\n\nexport type NavbarEndProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const NavbarEnd = forwardRef<HTMLDivElement, NavbarEndProps>(function NavbarEnd(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div {...props} ref={ref} className={cx(navbar().end, className)} data-slot=\"navbar-end\" />\n  );\n});\n\nexport type NavbarToggleProps = ComponentPropsWithoutRef<typeof BaseDialog.Trigger>;\n\n/**\n * Opens the responsive drawer. It is hidden at the large breakpoint by\n * default, while still allowing a controlled host to render a drawer anywhere.\n */\nexport const NavbarToggle = forwardRef<HTMLButtonElement, NavbarToggleProps>(function NavbarToggle(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseDialog.Trigger\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Open navigation menu\")}\n      ref={ref}\n      className={withRecipeClassName(navbar().toggle, className)}\n      data-slot=\"navbar-toggle\"\n    >\n      {children ?? \"☰\"}\n    </BaseDialog.Trigger>\n  );\n});\n\nexport type NavbarDrawerPortalProps = Omit<\n  ComponentPropsWithoutRef<typeof BaseDialog.Portal>,\n  \"children\"\n>;\n\nexport interface NavbarDrawerProps extends ComponentPropsWithoutRef<typeof BaseDialog.Popup> {\n  /** Optional controls for the underlying Base UI portal. */\n  portalProps?: NavbarDrawerPortalProps;\n}\n\n/**\n * A left-aligned mobile drawer. It intentionally owns the Dialog portal,\n * backdrop, viewport, and popup so consumers cannot accidentally omit the\n * pieces required for focus trapping and Escape/backdrop dismissal.\n */\nexport const NavbarDrawer = forwardRef<HTMLDivElement, NavbarDrawerProps>(function NavbarDrawer(\n  { \"aria-label\": ariaLabel, children, className, portalProps, ...props },\n  ref,\n) {\n  const styles = navbar();\n\n  return (\n    <BaseDialog.Portal {...portalProps}>\n      <BaseDialog.Backdrop\n        className={withRecipeClassName(styles.drawerBackdrop, undefined)}\n        data-slot=\"navbar-drawer-backdrop\"\n      />\n      <BaseDialog.Viewport\n        className={withRecipeClassName(styles.drawerViewport, undefined)}\n        data-slot=\"navbar-drawer-viewport\"\n      >\n        <BaseDialog.Popup\n          {...props}\n          aria-label={ariaLabel ?? \"Navigation menu\"}\n          ref={ref}\n          className={withRecipeClassName(styles.drawer, className)}\n          data-jaci-component=\"navbar\"\n          data-slot=\"navbar-drawer\"\n        >\n          {children}\n        </BaseDialog.Popup>\n      </BaseDialog.Viewport>\n    </BaseDialog.Portal>\n  );\n});\n\nexport type NavbarCloseProps = ComponentPropsWithoutRef<typeof BaseDialog.Close>;\n\n/** A close affordance for use inside `Navbar.Drawer`. */\nexport const NavbarClose = forwardRef<HTMLButtonElement, NavbarCloseProps>(function NavbarClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseDialog.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close navigation menu\")}\n      ref={ref}\n      className={withRecipeClassName(navbar().close, className)}\n      data-slot=\"navbar-close\"\n    >\n      {children ?? \"×\"}\n    </BaseDialog.Close>\n  );\n});\n\nexport interface NavbarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\n/** A semantic navigation link for either the fixed bar or mobile drawer. */\nexport const NavbarItem = forwardRef<HTMLAnchorElement, NavbarItemProps>(function NavbarItem(\n  { \"aria-current\": ariaCurrent, active = false, className, ...props },\n  ref,\n) {\n  return (\n    <a\n      {...props}\n      aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n      ref={ref}\n      className={cx(navbar({ active }).item, className)}\n      data-active={active || undefined}\n      data-slot=\"navbar-item\"\n    />\n  );\n});\n\nexport type BottomNavigationProps = ComponentPropsWithoutRef<\"nav\">;\n\n/**\n * A compact floating navigation bar for small-screen destinations. It is\n * independent from `Navbar` so it can be used in layouts without a drawer.\n */\nexport const BottomNavigationRoot = forwardRef<HTMLElement, BottomNavigationProps>(\n  function BottomNavigationRoot({ className, ...props }, ref) {\n    return (\n      <nav\n        {...props}\n        ref={ref}\n        className={cx(bottomNavigation().root, className)}\n        data-jaci-component=\"bottom-navigation\"\n        data-slot=\"bottom-navigation\"\n      />\n    );\n  },\n);\n\nexport interface BottomNavigationItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\nexport const BottomNavigationItem = forwardRef<HTMLAnchorElement, BottomNavigationItemProps>(\n  function BottomNavigationItem(\n    { \"aria-current\": ariaCurrent, active = false, className, ...props },\n    ref,\n  ) {\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        ref={ref}\n        className={cx(bottomNavigation({ active }).item, className)}\n        data-active={active || undefined}\n        data-slot=\"bottom-navigation-item\"\n      />\n    );\n  },\n);\n\nexport const BottomNavigation = Object.assign(BottomNavigationRoot, {\n  Item: BottomNavigationItem,\n});\n"],"mappings":"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"}

package/dist/components/navigation/navigation.d.cts

@@ -9,6 +9,7 @@ import { Dialog, DialogRoot } from "@base-ui/react/dialog";
  */
 type NavbarRootProps<Payload = unknown> = DialogRoot.Props<Payload>;
 declare function NavbarRoot<Payload = unknown>(props: NavbarRootProps<Payload>): import("react").JSX.Element;
+declare const NavbarCreateHandle: typeof Dialog.createHandle;
 type NavbarBarProps = ComponentPropsWithoutRef<"nav">;
 /** A fixed, translucent zinc navigation surface. */
 declare const NavbarBar: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
@@ -44,18 +45,6 @@ interface NavbarItemProps extends ComponentPropsWithoutRef<"a"> {
 }
 /** A semantic navigation link for either the fixed bar or mobile drawer. */
 declare const NavbarItem: import("react").ForwardRefExoticComponent<NavbarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const Navbar: {
-  Root: typeof NavbarRoot;
-  Bar: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
-  Start: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Center: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  End: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Toggle: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Drawer: import("react").ForwardRefExoticComponent<NavbarDrawerProps & import("react").RefAttributes<HTMLDivElement>>;
-  Close: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Item: import("react").ForwardRefExoticComponent<NavbarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
-  createHandle: typeof Dialog.createHandle;
-};
 type BottomNavigationProps = ComponentPropsWithoutRef<"nav">;
 /**
  * A compact floating navigation bar for small-screen destinations. It is
@@ -71,5 +60,5 @@ declare const BottomNavigation: import("react").ForwardRefExoticComponent<Omit<i
   Item: import("react").ForwardRefExoticComponent<BottomNavigationItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
 };
 //#endregion
-export { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps, BottomNavigationRoot, Navbar, NavbarBar, NavbarBarProps, NavbarCenter, NavbarCenterProps, NavbarClose, NavbarCloseProps, NavbarDrawer, NavbarDrawerPortalProps, NavbarDrawerProps, NavbarEnd, NavbarEndProps, NavbarItem, NavbarItemProps, NavbarRoot, NavbarRootProps, NavbarStart, NavbarStartProps, NavbarToggle, NavbarToggleProps };
+export { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps, BottomNavigationRoot, NavbarBar, NavbarBarProps, NavbarCenter, NavbarCenterProps, NavbarClose, NavbarCloseProps, NavbarCreateHandle, NavbarDrawer, NavbarDrawerPortalProps, NavbarDrawerProps, NavbarEnd, NavbarEndProps, NavbarItem, NavbarItemProps, NavbarRoot, NavbarRootProps, NavbarStart, NavbarStartProps, NavbarToggle, NavbarToggleProps };
 //# sourceMappingURL=navigation.d.cts.map

package/dist/components/navigation/navigation.d.ts

@@ -9,6 +9,7 @@ import { Dialog, DialogRoot } from "@base-ui/react/dialog";
  */
 type NavbarRootProps<Payload = unknown> = DialogRoot.Props<Payload>;
 declare function NavbarRoot<Payload = unknown>(props: NavbarRootProps<Payload>): import("react").JSX.Element;
+declare const NavbarCreateHandle: typeof Dialog.createHandle;
 type NavbarBarProps = ComponentPropsWithoutRef<"nav">;
 /** A fixed, translucent zinc navigation surface. */
 declare const NavbarBar: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
@@ -44,18 +45,6 @@ interface NavbarItemProps extends ComponentPropsWithoutRef<"a"> {
 }
 /** A semantic navigation link for either the fixed bar or mobile drawer. */
 declare const NavbarItem: import("react").ForwardRefExoticComponent<NavbarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const Navbar: {
-  Root: typeof NavbarRoot;
-  Bar: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
-  Start: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Center: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  End: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Toggle: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Drawer: import("react").ForwardRefExoticComponent<NavbarDrawerProps & import("react").RefAttributes<HTMLDivElement>>;
-  Close: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Item: import("react").ForwardRefExoticComponent<NavbarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
-  createHandle: typeof Dialog.createHandle;
-};
 type BottomNavigationProps = ComponentPropsWithoutRef<"nav">;
 /**
  * A compact floating navigation bar for small-screen destinations. It is
@@ -71,5 +60,5 @@ declare const BottomNavigation: import("react").ForwardRefExoticComponent<Omit<i
   Item: import("react").ForwardRefExoticComponent<BottomNavigationItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
 };
 //#endregion
-export { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps, BottomNavigationRoot, Navbar, NavbarBar, NavbarBarProps, NavbarCenter, NavbarCenterProps, NavbarClose, NavbarCloseProps, NavbarDrawer, NavbarDrawerPortalProps, NavbarDrawerProps, NavbarEnd, NavbarEndProps, NavbarItem, NavbarItemProps, NavbarRoot, NavbarRootProps, NavbarStart, NavbarStartProps, NavbarToggle, NavbarToggleProps };
+export { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps, BottomNavigationRoot, NavbarBar, NavbarBarProps, NavbarCenter, NavbarCenterProps, NavbarClose, NavbarCloseProps, NavbarCreateHandle, NavbarDrawer, NavbarDrawerPortalProps, NavbarDrawerProps, NavbarEnd, NavbarEndProps, NavbarItem, NavbarItemProps, NavbarRoot, NavbarRootProps, NavbarStart, NavbarStartProps, NavbarToggle, NavbarToggleProps };
 //# sourceMappingURL=navigation.d.ts.map

package/dist/components/navigation/navigation.js

@@ -10,6 +10,7 @@ import { Dialog } from "@base-ui/react/dialog";
 function NavbarRoot(props) {
 	return /* @__PURE__ */ jsx(Dialog.Root, { ...props });
 }
+const NavbarCreateHandle = Dialog.createHandle;
 /** A fixed, translucent zinc navigation surface. */
 const NavbarBar = forwardRef(function NavbarBar({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx("nav", {
@@ -109,18 +110,6 @@ const NavbarItem = forwardRef(function NavbarItem({ "aria-current": ariaCurrent,
 		"data-slot": "navbar-item"
 	});
 });
-const Navbar = {
-	Root: NavbarRoot,
-	Bar: NavbarBar,
-	Start: NavbarStart,
-	Center: NavbarCenter,
-	End: NavbarEnd,
-	Toggle: NavbarToggle,
-	Drawer: NavbarDrawer,
-	Close: NavbarClose,
-	Item: NavbarItem,
-	createHandle: Dialog.createHandle
-};
 /**
 * A compact floating navigation bar for small-screen destinations. It is
 * independent from `Navbar` so it can be used in layouts without a drawer.
@@ -146,6 +135,6 @@ const BottomNavigationItem = forwardRef(function BottomNavigationItem({ "aria-cu
 });
 const BottomNavigation = Object.assign(BottomNavigationRoot, { Item: BottomNavigationItem });
 //#endregion
-export { BottomNavigation, BottomNavigationItem, BottomNavigationRoot, Navbar, NavbarBar, NavbarCenter, NavbarClose, NavbarDrawer, NavbarEnd, NavbarItem, NavbarRoot, NavbarStart, NavbarToggle };
+export { BottomNavigation, BottomNavigationItem, BottomNavigationRoot, NavbarBar, NavbarCenter, NavbarClose, NavbarCreateHandle, NavbarDrawer, NavbarEnd, NavbarItem, NavbarRoot, NavbarStart, NavbarToggle };
 
 //# sourceMappingURL=navigation.js.map

package/dist/components/navigation/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","names":["BaseDialog"],"sources":["../../../src/components/navigation/navigation.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { DialogRoot as BaseDialogRoot } from \"@base-ui/react/dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { bottomNavigation, navbar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\n/**\n * Groups a responsive navigation bar and its mobile drawer. The `open`,\n * `defaultOpen`, and `onOpenChange` props are forwarded to Base UI's Dialog\n * root, which supplies focus management, Escape handling, and backdrop\n * dismissal for `Navbar.Drawer`.\n */\nexport type NavbarRootProps<Payload = unknown> = BaseDialogRoot.Props<Payload>;\n\nexport function NavbarRoot<Payload = unknown>(props: NavbarRootProps<Payload>) {\n  return <BaseDialog.Root {...props} />;\n}\n\nexport type NavbarBarProps = ComponentPropsWithoutRef<\"nav\">;\n\n/** A fixed, translucent zinc navigation surface. */\nexport const NavbarBar = forwardRef<HTMLElement, NavbarBarProps>(function NavbarBar(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <nav\n      {...props}\n      ref={ref}\n      className={cx(navbar().bar, className)}\n      data-jaci-component=\"navbar\"\n      data-slot=\"navbar-bar\"\n    />\n  );\n});\n\nexport type NavbarStartProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const NavbarStart = forwardRef<HTMLDivElement, NavbarStartProps>(function NavbarStart(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div {...props} ref={ref} className={cx(navbar().start, className)} data-slot=\"navbar-start\" />\n  );\n});\n\nexport type NavbarCenterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const NavbarCenter = forwardRef<HTMLDivElement, NavbarCenterProps>(function NavbarCenter(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(navbar().center, className)}\n      data-slot=\"navbar-center\"\n    />\n  );\n});\n\nexport type NavbarEndProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const NavbarEnd = forwardRef<HTMLDivElement, NavbarEndProps>(function NavbarEnd(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div {...props} ref={ref} className={cx(navbar().end, className)} data-slot=\"navbar-end\" />\n  );\n});\n\nexport type NavbarToggleProps = ComponentPropsWithoutRef<typeof BaseDialog.Trigger>;\n\n/**\n * Opens the responsive drawer. It is hidden at the large breakpoint by\n * default, while still allowing a controlled host to render a drawer anywhere.\n */\nexport const NavbarToggle = forwardRef<HTMLButtonElement, NavbarToggleProps>(function NavbarToggle(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseDialog.Trigger\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Open navigation menu\")}\n      ref={ref}\n      className={withRecipeClassName(navbar().toggle, className)}\n      data-slot=\"navbar-toggle\"\n    >\n      {children ?? \"☰\"}\n    </BaseDialog.Trigger>\n  );\n});\n\nexport type NavbarDrawerPortalProps = Omit<\n  ComponentPropsWithoutRef<typeof BaseDialog.Portal>,\n  \"children\"\n>;\n\nexport interface NavbarDrawerProps extends ComponentPropsWithoutRef<typeof BaseDialog.Popup> {\n  /** Optional controls for the underlying Base UI portal. */\n  portalProps?: NavbarDrawerPortalProps;\n}\n\n/**\n * A left-aligned mobile drawer. It intentionally owns the Dialog portal,\n * backdrop, viewport, and popup so consumers cannot accidentally omit the\n * pieces required for focus trapping and Escape/backdrop dismissal.\n */\nexport const NavbarDrawer = forwardRef<HTMLDivElement, NavbarDrawerProps>(function NavbarDrawer(\n  { \"aria-label\": ariaLabel, children, className, portalProps, ...props },\n  ref,\n) {\n  const styles = navbar();\n\n  return (\n    <BaseDialog.Portal {...portalProps}>\n      <BaseDialog.Backdrop\n        className={withRecipeClassName(styles.drawerBackdrop, undefined)}\n        data-slot=\"navbar-drawer-backdrop\"\n      />\n      <BaseDialog.Viewport\n        className={withRecipeClassName(styles.drawerViewport, undefined)}\n        data-slot=\"navbar-drawer-viewport\"\n      >\n        <BaseDialog.Popup\n          {...props}\n          aria-label={ariaLabel ?? \"Navigation menu\"}\n          ref={ref}\n          className={withRecipeClassName(styles.drawer, className)}\n          data-jaci-component=\"navbar\"\n          data-slot=\"navbar-drawer\"\n        >\n          {children}\n        </BaseDialog.Popup>\n      </BaseDialog.Viewport>\n    </BaseDialog.Portal>\n  );\n});\n\nexport type NavbarCloseProps = ComponentPropsWithoutRef<typeof BaseDialog.Close>;\n\n/** A close affordance for use inside `Navbar.Drawer`. */\nexport const NavbarClose = forwardRef<HTMLButtonElement, NavbarCloseProps>(function NavbarClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseDialog.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close navigation menu\")}\n      ref={ref}\n      className={withRecipeClassName(navbar().close, className)}\n      data-slot=\"navbar-close\"\n    >\n      {children ?? \"×\"}\n    </BaseDialog.Close>\n  );\n});\n\nexport interface NavbarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\n/** A semantic navigation link for either the fixed bar or mobile drawer. */\nexport const NavbarItem = forwardRef<HTMLAnchorElement, NavbarItemProps>(function NavbarItem(\n  { \"aria-current\": ariaCurrent, active = false, className, ...props },\n  ref,\n) {\n  return (\n    <a\n      {...props}\n      aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n      ref={ref}\n      className={cx(navbar({ active }).item, className)}\n      data-active={active || undefined}\n      data-slot=\"navbar-item\"\n    />\n  );\n});\n\nexport const Navbar = {\n  Root: NavbarRoot,\n  Bar: NavbarBar,\n  Start: NavbarStart,\n  Center: NavbarCenter,\n  End: NavbarEnd,\n  Toggle: NavbarToggle,\n  Drawer: NavbarDrawer,\n  Close: NavbarClose,\n  Item: NavbarItem,\n  createHandle: BaseDialog.createHandle,\n};\n\nexport type BottomNavigationProps = ComponentPropsWithoutRef<\"nav\">;\n\n/**\n * A compact floating navigation bar for small-screen destinations. It is\n * independent from `Navbar` so it can be used in layouts without a drawer.\n */\nexport const BottomNavigationRoot = forwardRef<HTMLElement, BottomNavigationProps>(\n  function BottomNavigationRoot({ className, ...props }, ref) {\n    return (\n      <nav\n        {...props}\n        ref={ref}\n        className={cx(bottomNavigation().root, className)}\n        data-jaci-component=\"bottom-navigation\"\n        data-slot=\"bottom-navigation\"\n      />\n    );\n  },\n);\n\nexport interface BottomNavigationItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\nexport const BottomNavigationItem = forwardRef<HTMLAnchorElement, BottomNavigationItemProps>(\n  function BottomNavigationItem(\n    { \"aria-current\": ariaCurrent, active = false, className, ...props },\n    ref,\n  ) {\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        ref={ref}\n        className={cx(bottomNavigation({ active }).item, className)}\n        data-active={active || undefined}\n        data-slot=\"bottom-navigation-item\"\n      />\n    );\n  },\n);\n\nexport const BottomNavigation = Object.assign(BottomNavigationRoot, {\n  Item: BottomNavigationItem,\n});\n"],"mappings":"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"}
+{"version":3,"file":"navigation.js","names":["BaseDialog"],"sources":["../../../src/components/navigation/navigation.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { DialogRoot as BaseDialogRoot } from \"@base-ui/react/dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { bottomNavigation, navbar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\n/**\n * Groups a responsive navigation bar and its mobile drawer. The `open`,\n * `defaultOpen`, and `onOpenChange` props are forwarded to Base UI's Dialog\n * root, which supplies focus management, Escape handling, and backdrop\n * dismissal for `Navbar.Drawer`.\n */\nexport type NavbarRootProps<Payload = unknown> = BaseDialogRoot.Props<Payload>;\n\nexport function NavbarRoot<Payload = unknown>(props: NavbarRootProps<Payload>) {\n  return <BaseDialog.Root {...props} />;\n}\n\nexport const NavbarCreateHandle = BaseDialog.createHandle;\n\nexport type NavbarBarProps = ComponentPropsWithoutRef<\"nav\">;\n\n/** A fixed, translucent zinc navigation surface. */\nexport const NavbarBar = forwardRef<HTMLElement, NavbarBarProps>(function NavbarBar(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <nav\n      {...props}\n      ref={ref}\n      className={cx(navbar().bar, className)}\n      data-jaci-component=\"navbar\"\n      data-slot=\"navbar-bar\"\n    />\n  );\n});\n\nexport type NavbarStartProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const NavbarStart = forwardRef<HTMLDivElement, NavbarStartProps>(function NavbarStart(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div {...props} ref={ref} className={cx(navbar().start, className)} data-slot=\"navbar-start\" />\n  );\n});\n\nexport type NavbarCenterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const NavbarCenter = forwardRef<HTMLDivElement, NavbarCenterProps>(function NavbarCenter(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(navbar().center, className)}\n      data-slot=\"navbar-center\"\n    />\n  );\n});\n\nexport type NavbarEndProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const NavbarEnd = forwardRef<HTMLDivElement, NavbarEndProps>(function NavbarEnd(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div {...props} ref={ref} className={cx(navbar().end, className)} data-slot=\"navbar-end\" />\n  );\n});\n\nexport type NavbarToggleProps = ComponentPropsWithoutRef<typeof BaseDialog.Trigger>;\n\n/**\n * Opens the responsive drawer. It is hidden at the large breakpoint by\n * default, while still allowing a controlled host to render a drawer anywhere.\n */\nexport const NavbarToggle = forwardRef<HTMLButtonElement, NavbarToggleProps>(function NavbarToggle(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseDialog.Trigger\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Open navigation menu\")}\n      ref={ref}\n      className={withRecipeClassName(navbar().toggle, className)}\n      data-slot=\"navbar-toggle\"\n    >\n      {children ?? \"☰\"}\n    </BaseDialog.Trigger>\n  );\n});\n\nexport type NavbarDrawerPortalProps = Omit<\n  ComponentPropsWithoutRef<typeof BaseDialog.Portal>,\n  \"children\"\n>;\n\nexport interface NavbarDrawerProps extends ComponentPropsWithoutRef<typeof BaseDialog.Popup> {\n  /** Optional controls for the underlying Base UI portal. */\n  portalProps?: NavbarDrawerPortalProps;\n}\n\n/**\n * A left-aligned mobile drawer. It intentionally owns the Dialog portal,\n * backdrop, viewport, and popup so consumers cannot accidentally omit the\n * pieces required for focus trapping and Escape/backdrop dismissal.\n */\nexport const NavbarDrawer = forwardRef<HTMLDivElement, NavbarDrawerProps>(function NavbarDrawer(\n  { \"aria-label\": ariaLabel, children, className, portalProps, ...props },\n  ref,\n) {\n  const styles = navbar();\n\n  return (\n    <BaseDialog.Portal {...portalProps}>\n      <BaseDialog.Backdrop\n        className={withRecipeClassName(styles.drawerBackdrop, undefined)}\n        data-slot=\"navbar-drawer-backdrop\"\n      />\n      <BaseDialog.Viewport\n        className={withRecipeClassName(styles.drawerViewport, undefined)}\n        data-slot=\"navbar-drawer-viewport\"\n      >\n        <BaseDialog.Popup\n          {...props}\n          aria-label={ariaLabel ?? \"Navigation menu\"}\n          ref={ref}\n          className={withRecipeClassName(styles.drawer, className)}\n          data-jaci-component=\"navbar\"\n          data-slot=\"navbar-drawer\"\n        >\n          {children}\n        </BaseDialog.Popup>\n      </BaseDialog.Viewport>\n    </BaseDialog.Portal>\n  );\n});\n\nexport type NavbarCloseProps = ComponentPropsWithoutRef<typeof BaseDialog.Close>;\n\n/** A close affordance for use inside `Navbar.Drawer`. */\nexport const NavbarClose = forwardRef<HTMLButtonElement, NavbarCloseProps>(function NavbarClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseDialog.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close navigation menu\")}\n      ref={ref}\n      className={withRecipeClassName(navbar().close, className)}\n      data-slot=\"navbar-close\"\n    >\n      {children ?? \"×\"}\n    </BaseDialog.Close>\n  );\n});\n\nexport interface NavbarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\n/** A semantic navigation link for either the fixed bar or mobile drawer. */\nexport const NavbarItem = forwardRef<HTMLAnchorElement, NavbarItemProps>(function NavbarItem(\n  { \"aria-current\": ariaCurrent, active = false, className, ...props },\n  ref,\n) {\n  return (\n    <a\n      {...props}\n      aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n      ref={ref}\n      className={cx(navbar({ active }).item, className)}\n      data-active={active || undefined}\n      data-slot=\"navbar-item\"\n    />\n  );\n});\n\nexport type BottomNavigationProps = ComponentPropsWithoutRef<\"nav\">;\n\n/**\n * A compact floating navigation bar for small-screen destinations. It is\n * independent from `Navbar` so it can be used in layouts without a drawer.\n */\nexport const BottomNavigationRoot = forwardRef<HTMLElement, BottomNavigationProps>(\n  function BottomNavigationRoot({ className, ...props }, ref) {\n    return (\n      <nav\n        {...props}\n        ref={ref}\n        className={cx(bottomNavigation().root, className)}\n        data-jaci-component=\"bottom-navigation\"\n        data-slot=\"bottom-navigation\"\n      />\n    );\n  },\n);\n\nexport interface BottomNavigationItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\nexport const BottomNavigationItem = forwardRef<HTMLAnchorElement, BottomNavigationItemProps>(\n  function BottomNavigationItem(\n    { \"aria-current\": ariaCurrent, active = false, className, ...props },\n    ref,\n  ) {\n    return (\n      <a\n        {...props}\n        aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n        ref={ref}\n        className={cx(bottomNavigation({ active }).item, className)}\n        data-active={active || undefined}\n        data-slot=\"bottom-navigation-item\"\n      />\n    );\n  },\n);\n\nexport const BottomNavigation = Object.assign(BottomNavigationRoot, {\n  Item: BottomNavigationItem,\n});\n"],"mappings":"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"}

package/dist/index.cjs

@@ -41,6 +41,7 @@ const require_menubar = require("./components/menubar/menubar.cjs");
 const require_meter = require("./components/meter/meter.cjs");
 const require_number_field = require("./components/number-field/number-field.cjs");
 const require_navigation = require("./components/navigation/navigation.cjs");
+const require_navbar_namespace = require("./components/navigation/navbar-namespace.cjs");
 const require_navigation_menu = require("./components/navigation-menu/navigation-menu.cjs");
 const require_option_selector = require("./components/option-selector/option-selector.cjs");
 const require_pagination = require("./components/pagination/pagination.cjs");
@@ -373,7 +374,7 @@ exports.MeterLabel = require_meter.MeterLabel;
 exports.MeterRoot = require_meter.MeterRoot;
 exports.MeterTrack = require_meter.MeterTrack;
 exports.MeterValue = require_meter.MeterValue;
-exports.Navbar = require_navigation.Navbar;
+exports.Navbar = require_navbar_namespace.Navbar;
 exports.NavbarBar = require_navigation.NavbarBar;
 exports.NavbarCenter = require_navigation.NavbarCenter;
 exports.NavbarClose = require_navigation.NavbarClose;

package/dist/index.d.cts

@@ -75,7 +75,8 @@ import { Meter, MeterIndicator, MeterIndicatorProps, MeterLabel, MeterLabelProps
 import "./components/meter/index.cjs";
 import { NumberField, NumberFieldDecrement, NumberFieldDecrementProps, NumberFieldGroup, NumberFieldGroupProps, NumberFieldIncrement, NumberFieldIncrementProps, NumberFieldInput, NumberFieldInputProps, NumberFieldLabel, NumberFieldLabelProps, NumberFieldRoot, NumberFieldRootProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldScrubAreaCursorProps, NumberFieldScrubAreaProps, NumberFieldSize } from "./components/number-field/number-field.cjs";
 import "./components/number-field/index.cjs";
-import { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps, BottomNavigationRoot, Navbar, NavbarBar, NavbarBarProps, NavbarCenter, NavbarCenterProps, NavbarClose, NavbarCloseProps, NavbarDrawer, NavbarDrawerPortalProps, NavbarDrawerProps, NavbarEnd, NavbarEndProps, NavbarItem, NavbarItemProps, NavbarRoot, NavbarRootProps, NavbarStart, NavbarStartProps, NavbarToggle, NavbarToggleProps } from "./components/navigation/navigation.cjs";
+import { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps, BottomNavigationRoot, NavbarBar, NavbarBarProps, NavbarCenter, NavbarCenterProps, NavbarClose, NavbarCloseProps, NavbarDrawer, NavbarDrawerPortalProps, NavbarDrawerProps, NavbarEnd, NavbarEndProps, NavbarItem, NavbarItemProps, NavbarRoot, NavbarRootProps, NavbarStart, NavbarStartProps, NavbarToggle, NavbarToggleProps } from "./components/navigation/navigation.cjs";
+import { Navbar } from "./components/navigation/navbar-namespace.cjs";
 import "./components/navigation/index.cjs";
 import { NavigationMenu, NavigationMenuArrow, NavigationMenuArrowProps, NavigationMenuBackdrop, NavigationMenuBackdropProps, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIcon, NavigationMenuIconProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuOrientation, NavigationMenuPopup, NavigationMenuPopupProps, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuPositionerProps, NavigationMenuRoot, NavigationMenuRootProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport, NavigationMenuViewportProps } from "./components/navigation-menu/navigation-menu.cjs";
 import "./components/navigation-menu/index.cjs";

package/dist/index.d.ts

@@ -75,7 +75,8 @@ import { Meter, MeterIndicator, MeterIndicatorProps, MeterLabel, MeterLabelProps
 import "./components/meter/index.js";
 import { NumberField, NumberFieldDecrement, NumberFieldDecrementProps, NumberFieldGroup, NumberFieldGroupProps, NumberFieldIncrement, NumberFieldIncrementProps, NumberFieldInput, NumberFieldInputProps, NumberFieldLabel, NumberFieldLabelProps, NumberFieldRoot, NumberFieldRootProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldScrubAreaCursorProps, NumberFieldScrubAreaProps, NumberFieldSize } from "./components/number-field/number-field.js";
 import "./components/number-field/index.js";
-import { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps, BottomNavigationRoot, Navbar, NavbarBar, NavbarBarProps, NavbarCenter, NavbarCenterProps, NavbarClose, NavbarCloseProps, NavbarDrawer, NavbarDrawerPortalProps, NavbarDrawerProps, NavbarEnd, NavbarEndProps, NavbarItem, NavbarItemProps, NavbarRoot, NavbarRootProps, NavbarStart, NavbarStartProps, NavbarToggle, NavbarToggleProps } from "./components/navigation/navigation.js";
+import { BottomNavigation, BottomNavigationItem, BottomNavigationItemProps, BottomNavigationProps, BottomNavigationRoot, NavbarBar, NavbarBarProps, NavbarCenter, NavbarCenterProps, NavbarClose, NavbarCloseProps, NavbarDrawer, NavbarDrawerPortalProps, NavbarDrawerProps, NavbarEnd, NavbarEndProps, NavbarItem, NavbarItemProps, NavbarRoot, NavbarRootProps, NavbarStart, NavbarStartProps, NavbarToggle, NavbarToggleProps } from "./components/navigation/navigation.js";
+import { Navbar } from "./components/navigation/navbar-namespace.js";
 import "./components/navigation/index.js";
 import { NavigationMenu, NavigationMenuArrow, NavigationMenuArrowProps, NavigationMenuBackdrop, NavigationMenuBackdropProps, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIcon, NavigationMenuIconProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuOrientation, NavigationMenuPopup, NavigationMenuPopupProps, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuPositionerProps, NavigationMenuRoot, NavigationMenuRootProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport, NavigationMenuViewportProps } from "./components/navigation-menu/navigation-menu.js";
 import "./components/navigation-menu/index.js";

package/dist/index.js

@@ -39,7 +39,8 @@ import { List, ListItem, ListItemAction, ListItemContent, ListItemDescription, L
 import { Menubar, MenubarArrow, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarGroup, MenubarGroupLabel, MenubarItem, MenubarLinkItem, MenubarMenu, MenubarPopup, MenubarPortal, MenubarPositioner, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarRoot, MenubarSeparator, MenubarSubmenuRoot, MenubarSubmenuTrigger, MenubarTrigger } from "./components/menubar/menubar.js";
 import { Meter, MeterIndicator, MeterLabel, MeterRoot, MeterTrack, MeterValue } from "./components/meter/meter.js";
 import { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldLabel, NumberFieldRoot, NumberFieldScrubArea, NumberFieldScrubAreaCursor } from "./components/number-field/number-field.js";
-import { BottomNavigation, BottomNavigationItem, BottomNavigationRoot, Navbar, NavbarBar, NavbarCenter, NavbarClose, NavbarDrawer, NavbarEnd, NavbarItem, NavbarRoot, NavbarStart, NavbarToggle } from "./components/navigation/navigation.js";
+import { BottomNavigation, BottomNavigationItem, BottomNavigationRoot, NavbarBar, NavbarCenter, NavbarClose, NavbarDrawer, NavbarEnd, NavbarItem, NavbarRoot, NavbarStart, NavbarToggle } from "./components/navigation/navigation.js";
+import { Navbar } from "./components/navigation/navbar-namespace.js";
 import { NavigationMenu, NavigationMenuArrow, NavigationMenuBackdrop, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPopup, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport } from "./components/navigation-menu/navigation-menu.js";
 import { OptionSelector } from "./components/option-selector/option-selector.js";
 import { Pagination, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationList, PaginationNext, PaginationPrevious, PaginationRoot } from "./components/pagination/pagination.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jaci-ui",
   "description": "Accessible, themeable React components by Jaci UI",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "license": "MIT",
   "author": {
     "name": "Richard Borges",