@psnext/design-system 2.4.0 → 2.6.0

package/dist/index41.d.ts

@@ -1,56 +1,29 @@
+import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime58 from "react/jsx-runtime";
-import { NavigationMenu } from "radix-ui";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 import * as class_variance_authority_types3 from "class-variance-authority/types";
 
-//#region src/primitives/NavigationMenu/NavigationMenu.d.ts
-/** Root of a horizontal navigation bar; renders a `<nav>` and optionally an animated viewport. */
-declare function NavigationMenu$1({
-  className,
-  children,
-  viewport,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu.Root> & {
-  /** When true (default), renders a shared animated viewport that hosts the active item's content. Set false to render content inline beneath each item. */
-  viewport?: boolean;
-}): react_jsx_runtime58.JSX.Element;
-/** Horizontal list wrapper for the top-level navigation items. */
-declare function NavigationMenuList({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu.List>): react_jsx_runtime58.JSX.Element;
-/** A single top-level entry; holds either a link or a trigger plus its content. */
-declare function NavigationMenuItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu.Item>): react_jsx_runtime58.JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types3.ClassProp | undefined) => string;
-/** Button that toggles an item's content panel; renders a rotating chevron. */
-declare function NavigationMenuTrigger({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu.Trigger>): react_jsx_runtime58.JSX.Element;
-/** The panel revealed when an item's trigger is open; holds links or rich content. */
-declare function NavigationMenuContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu.Content>): react_jsx_runtime58.JSX.Element;
-/** Shared animated container that the active item's content is portaled into when `viewport` is enabled. */
-declare function NavigationMenuViewport({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu.Viewport>): react_jsx_runtime58.JSX.Element;
-/** A navigable link styled for use as a top-level item or inside content; set `active` to mark the current page. */
-declare function NavigationMenuLink({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu.Link>): react_jsx_runtime58.JSX.Element;
-/** Optional arrow that points from the active trigger to its content panel. */
-declare function NavigationMenuIndicator({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu.Indicator>): react_jsx_runtime58.JSX.Element;
+//#region src/primitives/Link/Link.d.ts
+declare const linkVariants: (props?: ({
+  variant?: "default" | "muted" | "subtle" | null | undefined;
+  underline?: "always" | "hover" | null | undefined;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
+type LinkProps = React.ComponentProps<"a"> & VariantProps<typeof linkVariants> & {
+  /** Render the child element instead of an <a> (for router links). */
+  asChild?: boolean;
+  /** Visual emphasis of the link text: primary (`default`), `muted`, or `subtle`. */
+  variant?: VariantProps<typeof linkVariants>["variant"];
+  /** When the underline shows: `always` or only on `hover`. */
+  underline?: VariantProps<typeof linkVariants>["underline"];
+};
+/** Inline text link styled to the design system; pass `asChild` to render a router link. */
+declare function Link({
+  asChild,
+  className,
+  variant,
+  underline,
+  ...props
+}: LinkProps): react_jsx_runtime35.JSX.Element;
 //#endregion
-export { NavigationMenuLink as a, NavigationMenuViewport as c, NavigationMenuItem as i, navigationMenuTriggerStyle as l, NavigationMenuContent as n, NavigationMenuList as o, NavigationMenuIndicator as r, NavigationMenuTrigger as s, NavigationMenu$1 as t };
+export { LinkProps as n, linkVariants as r, Link as t };
 //# sourceMappingURL=index41.d.ts.map

package/dist/index41.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index41.d.ts","names":[],"sources":["../src/primitives/NavigationMenu/NavigationMenu.tsx"],"mappings":";;;;;;;iBASS,gBAAA;;;;;AAL2B,GAUjC,KAAA,CAAM,sBAAsB,cAAA,CAAwB;;;AAVnB,CAAA,CAAA,EAanC,mBAAA,CAAA,GAAA,CAAA,OARsB;;iBA0Bd,kBAAA,CAzBP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4BC,KAAA,CAAM,cA5BP,CAAA,OA4B6B,cAAA,CAAwB,IA5BrD,CAAA,CAAA,EA4B0D,mBAAA,CAAA,GAAA,CAAA,OA5B1D;;iBAuCO,kBAAA,CArCP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwCC,KAAA,CAAM,cAxCP,CAAA,OAwC6B,cAAA,CAAwB,IAxCrD,CAAA,CAAA,EAwC0D,mBAAA,CAAA,GAAA,CAAA,OAxC1D;cAoDI,0BAlDiD,EAAA,CAAA,KAAA,CAAA,EAoDtD,+BAAA,CAF+B,SAAA,GAlDuB,SAAA,EAAA,GAAA,MAAA;;iBAuD9C,qBAAA,CApDR;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAwDE,KAAA,CAAM,cAxDR,CAAA,OAwD8B,cAAA,CAAwB,OAxDtD,CAAA,CAAA,EAwD8D,mBAAA,CAAA,GAAA,CAAA,OAxD9D;AAAA;AAAA,iBA0EQ,qBAAA,CAxDkB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2DxB,KAAA,CAAM,cA3DkB,CAAA,OA2DI,cAAA,CAAwB,OA3D5B,CAAA,CAAA,EA2DoC,mBAAA,CAAA,GAAA,CAAA,OA3DpC;;iBA0ElB,sBAAA,CAzEP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4EC,KAAA,CAAM,cA5EP,CAAA,OA4E6B,cAAA,CAAwB,QA5ErD,CAAA,CAAA,EA4E8D,mBAAA,CAAA,GAAA,CAAA,OA5E9D;;iBA4FO,kBAAA,CA1FA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6FN,KAAA,CAAM,cA7FA,CAAA,OA6FsB,cAAA,CAAwB,IA7F9C,CAAA,CAAA,EA6FmD,mBAAA,CAAA,GAAA,CAAA,OA7FnD;;AAAmD,iBA4GnD,uBAAA,CA5GmD;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+GzD,KAAA,CAAM,cA/GmD,CAAA,OA+G7B,cAAA,CAAwB,SA/GK,CAAA,CAAA,EA+GK,mBAAA,CAAA,GAAA,CAAA,OA/GL"}
+{"version":3,"file":"index41.d.ts","names":[],"sources":["../src/primitives/Link/Link.tsx"],"mappings":";;;;;;cAQM;;;IAmBL,+BAAA,CAAA;AAzBmC,KA2B/B,SAAA,GAAY,KAAA,CAAM,cAFtB,CAAA,GAAA,CAAA,GAGC,YAHD,CAAA,OAGqB,YAHrB,CAAA,GAAA;EAEI;EAAS,OAAA,CAAA,EAAA,OAAA;;SACQ,CAAA,EAIR,YAJQ,CAAA,OAIY,YAJZ,CAAA,CAAA,SAAA,CAAA;;WAIY,CAAA,EAElB,YAFkB,CAAA,OAEE,YAFF,CAAA,CAAA,WAAA,CAAA;;;iBAMzB,IAAA,CAJO;EAAA,OAAA;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAI4D,SAJ5D,CAAA,EAIqE,mBAAA,CAAA,GAAA,CAAA,OAJrE"}

package/dist/index42.d.cts

@@ -1,45 +1,20 @@
-import * as react_jsx_runtime211 from "react/jsx-runtime";
-import { Popover } from "radix-ui";
+import * as react_jsx_runtime115 from "react/jsx-runtime";
 import * as React from "react";
 
-//#region src/primitives/Popover/Popover.d.ts
-/** Root of the popover: holds open state and coordinates the trigger and content. */
-declare function Popover$1({
+//#region src/primitives/Logo/Logo.d.ts
+type LogoBrand = "bodhi" | "slingshot" | "sustain" | "psai";
+type LogoVariant = "logo" | "icon";
+/** Renders a product's brand mark (wordmark or compact icon) as an inline SVG. */
+declare function Logo({
+  brand,
+  variant,
   ...props
-}: React.ComponentProps<typeof Popover.Root>): react_jsx_runtime211.JSX.Element;
-/** The control (usually a button) that toggles the popover open and closed. */
-declare function PopoverTrigger({
-  ...props
-}: React.ComponentProps<typeof Popover.Trigger>): react_jsx_runtime211.JSX.Element;
-/** The floating, portaled panel rendered when the popover is open. */
-declare function PopoverContent({
-  /** Extra classes merged onto the content surface. */
-  className,
-  /** Alignment of the content relative to the trigger along the chosen side. */
-  align,
-  /** Distance in px between the content and the trigger. */
-  sideOffset,
-  ...props
-}: React.ComponentProps<typeof Popover.Content>): react_jsx_runtime211.JSX.Element;
-/** Optional element the content positions against instead of the trigger. */
-declare function PopoverAnchor({
-  ...props
-}: React.ComponentProps<typeof Popover.Anchor>): react_jsx_runtime211.JSX.Element;
-/** Stacked header slot for a title and description at the top of the content. */
-declare function PopoverHeader({
-  className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime211.JSX.Element;
-/** Emphasised title line for the popover header. */
-declare function PopoverTitle({
-  className,
-  ...props
-}: React.ComponentProps<"h2">): react_jsx_runtime211.JSX.Element;
-/** Muted supporting copy for the popover header. */
-declare function PopoverDescription({
-  className,
-  ...props
-}: React.ComponentProps<"p">): react_jsx_runtime211.JSX.Element;
+}: React.ComponentProps<"svg"> & {
+  /** Which product the mark belongs to. */
+  brand: LogoBrand;
+  /** `logo` is the full wordmark; `icon` is the compact symbol. */
+  variant?: LogoVariant;
+}): react_jsx_runtime115.JSX.Element;
 //#endregion
-export { PopoverHeader as a, PopoverDescription as i, PopoverAnchor as n, PopoverTitle as o, PopoverContent as r, PopoverTrigger as s, Popover$1 as t };
+export { LogoBrand as n, LogoVariant as r, Logo as t };
 //# sourceMappingURL=index42.d.cts.map

package/dist/index42.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index42.d.cts","names":[],"sources":["../src/primitives/Popover/Popover.tsx"],"mappings":";;;;;;iBAMS,SAAA;;GAAsB,KAAA,CAAM,sBAAsB,OAAA,CAAiB,QAAK,oBAAA,CAAA,GAAA,CAAA;;AAL7C,iBAU3B,cAAA,CALO;EAAA,GAAA;AAAA,CAAA,EAKsB,KAAA,CAAM,cAL5B,CAAA,OAKkD,OAAA,CAAiB,OALnE,CAAA,CAAA,EAK2E,oBAAA,CAAA,GAAA,CAAA,OAL3E;;iBAUP,cAAA,CAVmE;;WAAK;EAAA;EAAA,KAKxE;;YAAyD;EAAA,GAAiB;AAAA,CAAA,EAahF,KAAA,CAAM,cAb0E,CAAA,OAapD,OAAA,CAAiB,OAbmC,CAAA,CAAA,EAa3B,oBAAA,CAAA,GAAA,CAAA,OAb2B;;iBAgC1E,aAAA,CAhCkF;EAAA,GAAA;AAAA,CAAA,EAgCtD,KAAA,CAAM,cAhCgD,CAAA,OAgC1B,OAAA,CAAiB,MAhCS,CAAA,CAAA,EAgCF,oBAAA,CAAA,GAAA,CAAA,OAhCE;AAAA;AAAA,iBAqClF,aAAA,CAhCc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgCyB,KAAA,CAAM,cAhC/B,CAAA,KAAA,CAAA,CAAA,EAgCoD,oBAAA,CAAA,GAAA,CAAA,OAhCpD;;iBA2Cd,YAAA,CAzCP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyC6C,KAAA,CAAM,cAzCnD,CAAA,IAAA,CAAA,CAAA,EAyCuE,oBAAA,CAAA,GAAA,CAAA,OAzCvE;;iBAoDO,kBAAA,CAhDP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgDmD,KAAA,CAAM,cAhDzD,CAAA,GAAA,CAAA,CAAA,EAgD4E,oBAAA,CAAA,GAAA,CAAA,OAhD5E"}
+{"version":3,"file":"index42.d.cts","names":[],"sources":["../src/primitives/Logo/Logo.tsx"],"mappings":";;;;KAUK,SAAA;KACA,WAAA;;AAX+B,iBAwB3B,IAAA,CAdK;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;CAAA,EAkBX,KAAA,CAAM,cAlBK,CAAA,KAAA,CAAA,GAAA;EACT;EAaI,KAAA,EAMA,SANI;EAAA;SACX,CAAA,EAOU,WAPV;IAQD,oBAAA,CAAA,GAAA,CAAA,OAPC"}

package/dist/index42.d.ts

@@ -1,45 +1,20 @@
 import * as React from "react";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
-import { Popover } from "radix-ui";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
-//#region src/primitives/Popover/Popover.d.ts
-/** Root of the popover: holds open state and coordinates the trigger and content. */
-declare function Popover$1({
+//#region src/primitives/Logo/Logo.d.ts
+type LogoBrand = "bodhi" | "slingshot" | "sustain" | "psai";
+type LogoVariant = "logo" | "icon";
+/** Renders a product's brand mark (wordmark or compact icon) as an inline SVG. */
+declare function Logo({
+  brand,
+  variant,
   ...props
-}: React.ComponentProps<typeof Popover.Root>): react_jsx_runtime46.JSX.Element;
-/** The control (usually a button) that toggles the popover open and closed. */
-declare function PopoverTrigger({
-  ...props
-}: React.ComponentProps<typeof Popover.Trigger>): react_jsx_runtime46.JSX.Element;
-/** The floating, portaled panel rendered when the popover is open. */
-declare function PopoverContent({
-  /** Extra classes merged onto the content surface. */
-  className,
-  /** Alignment of the content relative to the trigger along the chosen side. */
-  align,
-  /** Distance in px between the content and the trigger. */
-  sideOffset,
-  ...props
-}: React.ComponentProps<typeof Popover.Content>): react_jsx_runtime46.JSX.Element;
-/** Optional element the content positions against instead of the trigger. */
-declare function PopoverAnchor({
-  ...props
-}: React.ComponentProps<typeof Popover.Anchor>): react_jsx_runtime46.JSX.Element;
-/** Stacked header slot for a title and description at the top of the content. */
-declare function PopoverHeader({
-  className,
-  ...props
-}: React.ComponentProps<"div">): react_jsx_runtime46.JSX.Element;
-/** Emphasised title line for the popover header. */
-declare function PopoverTitle({
-  className,
-  ...props
-}: React.ComponentProps<"h2">): react_jsx_runtime46.JSX.Element;
-/** Muted supporting copy for the popover header. */
-declare function PopoverDescription({
-  className,
-  ...props
-}: React.ComponentProps<"p">): react_jsx_runtime46.JSX.Element;
+}: React.ComponentProps<"svg"> & {
+  /** Which product the mark belongs to. */
+  brand: LogoBrand;
+  /** `logo` is the full wordmark; `icon` is the compact symbol. */
+  variant?: LogoVariant;
+}): react_jsx_runtime34.JSX.Element;
 //#endregion
-export { PopoverHeader as a, PopoverDescription as i, PopoverAnchor as n, PopoverTitle as o, PopoverContent as r, PopoverTrigger as s, Popover$1 as t };
+export { LogoBrand as n, LogoVariant as r, Logo as t };
 //# sourceMappingURL=index42.d.ts.map

package/dist/index42.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index42.d.ts","names":[],"sources":["../src/primitives/Popover/Popover.tsx"],"mappings":";;;;;;iBAMS,SAAA;;GAAsB,KAAA,CAAM,sBAAsB,OAAA,CAAiB,QAAK,mBAAA,CAAA,GAAA,CAAA;;AAL7C,iBAU3B,cAAA,CALO;EAAA,GAAA;AAAA,CAAA,EAKsB,KAAA,CAAM,cAL5B,CAAA,OAKkD,OAAA,CAAiB,OALnE,CAAA,CAAA,EAK2E,mBAAA,CAAA,GAAA,CAAA,OAL3E;;iBAUP,cAAA,CAVmE;;WAAK;EAAA;EAAA,KAKxE;;YAAyD;EAAA,GAAiB;AAAA,CAAA,EAahF,KAAA,CAAM,cAb0E,CAAA,OAapD,OAAA,CAAiB,OAbmC,CAAA,CAAA,EAa3B,mBAAA,CAAA,GAAA,CAAA,OAb2B;;iBAgC1E,aAAA,CAhCkF;EAAA,GAAA;AAAA,CAAA,EAgCtD,KAAA,CAAM,cAhCgD,CAAA,OAgC1B,OAAA,CAAiB,MAhCS,CAAA,CAAA,EAgCF,mBAAA,CAAA,GAAA,CAAA,OAhCE;AAAA;AAAA,iBAqClF,aAAA,CAhCc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgCyB,KAAA,CAAM,cAhC/B,CAAA,KAAA,CAAA,CAAA,EAgCoD,mBAAA,CAAA,GAAA,CAAA,OAhCpD;;iBA2Cd,YAAA,CAzCP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyC6C,KAAA,CAAM,cAzCnD,CAAA,IAAA,CAAA,CAAA,EAyCuE,mBAAA,CAAA,GAAA,CAAA,OAzCvE;;iBAoDO,kBAAA,CAhDP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgDmD,KAAA,CAAM,cAhDzD,CAAA,GAAA,CAAA,CAAA,EAgD4E,mBAAA,CAAA,GAAA,CAAA,OAhD5E"}
+{"version":3,"file":"index42.d.ts","names":[],"sources":["../src/primitives/Logo/Logo.tsx"],"mappings":";;;;KAUK,SAAA;KACA,WAAA;;AAX+B,iBAwB3B,IAAA,CAdK;EAAA,KAAA;EAAA,OAAA;EAAA,GAAA;CAAA,EAkBX,KAAA,CAAM,cAlBK,CAAA,KAAA,CAAA,GAAA;EACT;EAaI,KAAA,EAMA,SANI;EAAA;SACX,CAAA,EAOU,WAPV;IAQD,mBAAA,CAAA,GAAA,CAAA,OAPC"}

package/dist/index43.d.cts

@@ -1,96 +1,105 @@
-import { r as PopoverContent, t as Popover } from "./index42.cjs";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime337 from "react/jsx-runtime";
+import { Menubar } from "radix-ui";
 import * as React from "react";
 
-//#region src/patterns/NavRail/NavRail.d.ts
-type NavRailMode = "icon" | "text" | "expanded" | "expand-on-hover";
-/** The vertical navigation rail container; sets the display `mode` for all items via context. */
-declare function NavRail({
-  mode,
+//#region src/primitives/Menubar/Menubar.d.ts
+/** Horizontal application menu bar that hosts a row of dropdown menus (File, Edit, …). */
+declare function Menubar$1({
   className,
   ...props
-}: React.ComponentProps<"nav"> & {
-  /** Display mode for the rail and its items: icon-only (tooltips), text-only, expanded (icon + text), or expand-on-hover. */
-  mode?: NavRailMode;
-}): react_jsx_runtime45.JSX.Element;
-/** A thin divider between groups of rail items. */
-declare function NavRailSeparator({
+}: React.ComponentProps<typeof Menubar.Root>): react_jsx_runtime337.JSX.Element;
+/** A single menu within the bar — wraps a trigger and its content. */
+declare function MenubarMenu({
+  ...props
+}: React.ComponentProps<typeof Menubar.Menu>): react_jsx_runtime337.JSX.Element;
+/** Groups related menu items together for semantic structure. */
+declare function MenubarGroup({
+  ...props
+}: React.ComponentProps<typeof Menubar.Group>): react_jsx_runtime337.JSX.Element;
+/** Portals menu content into the document body so it escapes overflow/stacking contexts. */
+declare function MenubarPortal({
+  ...props
+}: React.ComponentProps<typeof Menubar.Portal>): react_jsx_runtime337.JSX.Element;
+/** Groups `MenubarRadioItem`s so only one can be selected at a time. */
+declare function MenubarRadioGroup({
+  ...props
+}: React.ComponentProps<typeof Menubar.RadioGroup>): react_jsx_runtime337.JSX.Element;
+/** The clickable label in the bar that opens its menu's content. */
+declare function MenubarTrigger({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime45.JSX.Element;
-type NavRailItemProps = Omit<React.ComponentProps<"button">, "aria-label"> & {
-  /** Tooltip text (icon mode) + accessible name + inline label (text/expanded). */
-  label: string;
-  /** Marks the item as the current page (active styling + `aria-current="page"`). */
-  active?: boolean;
-  /** Render the child element instead of a <button> (e.g. a router link). */
-  asChild?: boolean;
-  /** Which side the tooltip opens on in icon mode. */
-  tooltipSide?: "top" | "right" | "bottom" | "left";
-};
-/** A single navigation entry; an icon (as children) plus a `label`, with a tooltip in icon mode. */
-declare function NavRailItem({
-  label,
-  active,
-  asChild,
-  tooltipSide,
+}: React.ComponentProps<typeof Menubar.Trigger>): react_jsx_runtime337.JSX.Element;
+/** The dropdown surface that holds a menu's items; portalled and animated. */
+declare function MenubarContent({
   className,
-  children,
+  align,
+  alignOffset,
+  sideOffset,
   ...props
-}: NavRailItemProps): react_jsx_runtime45.JSX.Element;
-type NavRailUserProps = React.ComponentProps<"div"> & {
-  /** The avatar element (e.g. an <Avatar />). */
-  avatar: React.ReactNode;
-  /** The user's display name (hidden in icon mode). */
-  name: React.ReactNode;
-  /** The user's secondary line, e.g. email (hidden in icon mode). */
-  email: React.ReactNode;
-};
-/** The footer slot of the rail showing the signed-in user (avatar + name + email). */
-declare function NavRailUser({
-  avatar,
-  name,
-  email,
+}: React.ComponentProps<typeof Menubar.Content>): react_jsx_runtime337.JSX.Element;
+/** A selectable action inside a menu's content. */
+declare function MenubarItem({
   className,
+  inset,
+  variant,
   ...props
-}: NavRailUserProps): react_jsx_runtime45.JSX.Element;
-/** Root for a rail item that opens a flyout submenu (wraps Popover). */
-declare function NavRailMenu(props: React.ComponentProps<typeof Popover>): react_jsx_runtime45.JSX.Element;
-type NavRailMenuTriggerProps = Omit<React.ComponentProps<"button">, "aria-label"> & {
-  /** Tooltip/accessible name + inline label for the trigger item. */
-  label: string;
-  /** Marks the trigger as active (current section) styling. */
-  active?: boolean;
-};
-/** The rail item that opens its flyout submenu; renders a chevron affordance. */
-declare function NavRailMenuTrigger({
-  label,
-  active,
+}: React.ComponentProps<typeof Menubar.Item> & {
+  /** Adds left padding to align the label with items that have leading icons/indicators. */
+  inset?: boolean;
+  /** Visual intent — `destructive` styles the item in the danger colour. */
+  variant?: "default" | "destructive";
+}): react_jsx_runtime337.JSX.Element;
+/** A menu item with a toggleable checkmark indicator. */
+declare function MenubarCheckboxItem({
   className,
   children,
+  checked,
   ...props
-}: NavRailMenuTriggerProps): react_jsx_runtime45.JSX.Element;
-/** The glass flyout panel that holds the submenu items (portalled Popover content). */
-declare function NavRailMenuContent({
+}: React.ComponentProps<typeof Menubar.CheckboxItem>): react_jsx_runtime337.JSX.Element;
+/** A menu item with a radio dot indicator; use inside a `MenubarRadioGroup`. */
+declare function MenubarRadioItem({
   className,
-  side,
-  align,
-  sideOffset,
+  children,
+  ...props
+}: React.ComponentProps<typeof Menubar.RadioItem>): react_jsx_runtime337.JSX.Element;
+/** A non-interactive heading that titles a group of menu items. */
+declare function MenubarLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof Menubar.Label> & {
+  /** Adds left padding to align the label with items that have leading icons/indicators. */
+  inset?: boolean;
+}): react_jsx_runtime337.JSX.Element;
+/** A thin divider line between groups of menu items. */
+declare function MenubarSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Menubar.Separator>): react_jsx_runtime337.JSX.Element;
+/** Right-aligned hint text for an item's keyboard shortcut (e.g. ⌘T). */
+declare function MenubarShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">): react_jsx_runtime337.JSX.Element;
+/** Wraps a nested submenu (its trigger and content). */
+declare function MenubarSub({
+  ...props
+}: React.ComponentProps<typeof Menubar.Sub>): react_jsx_runtime337.JSX.Element;
+/** An item that opens a nested submenu; shows a trailing chevron. */
+declare function MenubarSubTrigger({
+  className,
+  inset,
+  children,
   ...props
-}: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime45.JSX.Element;
-type NavRailMenuItemProps = React.ComponentProps<"button"> & {
-  /** Marks the entry as the current page (active styling + `aria-current="page"`). */
-  active?: boolean;
-  /** Render the child element instead of a <button> (e.g. a router link). */
-  asChild?: boolean;
-};
-/** A single entry inside a NavRail flyout submenu. */
-declare function NavRailMenuItem({
+}: React.ComponentProps<typeof Menubar.SubTrigger> & {
+  /** Adds left padding to align the label with items that have leading icons/indicators. */
+  inset?: boolean;
+}): react_jsx_runtime337.JSX.Element;
+/** The dropdown surface for a nested submenu's items. */
+declare function MenubarSubContent({
   className,
-  active,
-  asChild,
   ...props
-}: NavRailMenuItemProps): react_jsx_runtime45.JSX.Element;
+}: React.ComponentProps<typeof Menubar.SubContent>): react_jsx_runtime337.JSX.Element;
 //#endregion
-export { NavRailMenuContent as a, NavRailMenuTrigger as c, NavRailSeparator as d, NavRailUser as f, NavRailMenu as i, NavRailMenuTriggerProps as l, NavRailItem as n, NavRailMenuItem as o, NavRailUserProps as p, NavRailItemProps as r, NavRailMenuItemProps as s, NavRail as t, NavRailMode as u };
+export { MenubarItem as a, MenubarPortal as c, MenubarSeparator as d, MenubarShortcut as f, MenubarTrigger as g, MenubarSubTrigger as h, MenubarGroup as i, MenubarRadioGroup as l, MenubarSubContent as m, MenubarCheckboxItem as n, MenubarLabel as o, MenubarSub as p, MenubarContent as r, MenubarMenu as s, Menubar$1 as t, MenubarRadioItem as u };
 //# sourceMappingURL=index43.d.cts.map

package/dist/index43.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index43.d.cts","names":[],"sources":["../src/patterns/NavRail/NavRail.tsx"],"mappings":";;;;;KA2BK,WAAA;;iBAkDI,OAAA;;;;GAIN,KAAA,CAAM;EAtDJ;EAkDI,IAAA,CAAA,EAMA,WANO;CAAA,CAAA,EAOf,mBAAA,CAAA,GAAA,CAAA,OAPe;;iBAyBP,gBAAA,CAvBP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuBiD,KAAA,CAAM,cAvBvD,CAAA,KAAA,CAAA,CAAA,EAuB4E,mBAAA,CAAA,GAAA,CAAA,OAvB5E;KAkCG,gBAAA,GAAmB,IAhCf,CAgCoB,KAAA,CAAM,cAhC1B,CAAA,QAAA,CAAA,EAAA,YAAA,CAAA,GAAA;;OAGR,EAAA,MAAA;EAAA;EAkBQ,MAAA,CAAA,EAAA,OAAA;EAAgB;SAAG,CAAA,EAAA,OAAA;;aAAkD,CAAA,EAAA,KAAA,GAAA,OAAA,GAAA,QAAA,GAAA,MAAA;AAAA,CAAA;AAAA;iBAuBrE,WAAA,CAZY;EAAA,KAAA;EAAA,MAAA;EAAA,OAAA;EAAA,WAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAoBlB,gBApBkB,CAAA,EAoBF,mBAAA,CAAA,GAAA,CAAA,OApBE;KA6DhB,gBAAA,GAAmB,KAAA,CAAM,cA7DK,CAAA,KAAA,CAAA,GAAA;;EAAP,MAAA,EA+DlB,KAAA,CAAM,SA/DY;EAYnB;EAAW,IAAA,EAqDZ,KAAA,CAAM,SArDM;;OAElB,EAqDO,KAAA,CAAM,SArDb;;;iBAyDO,WAAA,CAtDP;EAAA,MAAA;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsDiE,gBAtDjE,CAAA,EAsDiF,mBAAA,CAAA,GAAA,CAAA,OAtDjF;;iBA0FO,WAAA,CAvFN,KAAA,EAuFyB,KAAA,CAAM,cAvF/B,CAAA,OAuFqD,OAvFrD,CAAA,CAAA,EAuF6D,mBAAA,CAAA,GAAA,CAAA,OAvF7D;KA2FE,uBAAA,GAA0B,IA3FZ,CA2FiB,KAAA,CAAM,cA3FvB,CAAA,QAAA,CAAA,EAAA,YAAA,CAAA,GAAA;EAAA;EAyCd,KAAA,EAAA,MAAA;EAAgB;QAAG,CAAA,EAAM,OAAA;;;iBA0DrB,kBAAA,CApDM;EAAA,KAAA;EAAA,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA0DZ,uBA1DY,CAAA,EA0DW,mBAAA,CAAA,GAAA,CAAA,OA1DX;AAAS;AAAA,iBAmFf,kBAAA,CA/EW;EAAA,SAAA;EAAA,IAAA;EAAA,KAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAqFjB,KAAA,CAAM,cArFW,CAAA,OAqFW,cArFX,CAAA,CAAA,EAqF0B,mBAAA,CAAA,GAAA,CAAA,OArF1B;KAuGf,oBAAA,GAAuB,KAAA,CAAM,cAvGd,CAAA,QAAA,CAAA,GAAA;;QAAW,CAAA,EAAA,OAAA;;SAAa,CAAA,EAAA,OAAA;;;AAAuC,iBA+G1E,eAAA,CA/G0E;EAAA,SAAA;EAAA,MAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA+GR,oBA/GQ,CAAA,EA+GY,mBAAA,CAAA,GAAA,CAAA,OA/GZ"}
+{"version":3,"file":"index43.d.cts","names":[],"sources":["../src/primitives/Menubar/Menubar.tsx"],"mappings":"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"}

package/dist/index43.d.ts

@@ -1,96 +1,105 @@
-import { r as PopoverContent, t as Popover } from "./index42.js";
 import * as React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
+import { Menubar } from "radix-ui";
 
-//#region src/patterns/NavRail/NavRail.d.ts
-type NavRailMode = "icon" | "text" | "expanded" | "expand-on-hover";
-/** The vertical navigation rail container; sets the display `mode` for all items via context. */
-declare function NavRail({
-  mode,
+//#region src/primitives/Menubar/Menubar.d.ts
+/** Horizontal application menu bar that hosts a row of dropdown menus (File, Edit, …). */
+declare function Menubar$1({
   className,
   ...props
-}: React.ComponentProps<"nav"> & {
-  /** Display mode for the rail and its items: icon-only (tooltips), text-only, expanded (icon + text), or expand-on-hover. */
-  mode?: NavRailMode;
-}): react_jsx_runtime2.JSX.Element;
-/** A thin divider between groups of rail items. */
-declare function NavRailSeparator({
+}: React.ComponentProps<typeof Menubar.Root>): react_jsx_runtime36.JSX.Element;
+/** A single menu within the bar — wraps a trigger and its content. */
+declare function MenubarMenu({
+  ...props
+}: React.ComponentProps<typeof Menubar.Menu>): react_jsx_runtime36.JSX.Element;
+/** Groups related menu items together for semantic structure. */
+declare function MenubarGroup({
+  ...props
+}: React.ComponentProps<typeof Menubar.Group>): react_jsx_runtime36.JSX.Element;
+/** Portals menu content into the document body so it escapes overflow/stacking contexts. */
+declare function MenubarPortal({
+  ...props
+}: React.ComponentProps<typeof Menubar.Portal>): react_jsx_runtime36.JSX.Element;
+/** Groups `MenubarRadioItem`s so only one can be selected at a time. */
+declare function MenubarRadioGroup({
+  ...props
+}: React.ComponentProps<typeof Menubar.RadioGroup>): react_jsx_runtime36.JSX.Element;
+/** The clickable label in the bar that opens its menu's content. */
+declare function MenubarTrigger({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime2.JSX.Element;
-type NavRailItemProps = Omit<React.ComponentProps<"button">, "aria-label"> & {
-  /** Tooltip text (icon mode) + accessible name + inline label (text/expanded). */
-  label: string;
-  /** Marks the item as the current page (active styling + `aria-current="page"`). */
-  active?: boolean;
-  /** Render the child element instead of a <button> (e.g. a router link). */
-  asChild?: boolean;
-  /** Which side the tooltip opens on in icon mode. */
-  tooltipSide?: "top" | "right" | "bottom" | "left";
-};
-/** A single navigation entry; an icon (as children) plus a `label`, with a tooltip in icon mode. */
-declare function NavRailItem({
-  label,
-  active,
-  asChild,
-  tooltipSide,
+}: React.ComponentProps<typeof Menubar.Trigger>): react_jsx_runtime36.JSX.Element;
+/** The dropdown surface that holds a menu's items; portalled and animated. */
+declare function MenubarContent({
   className,
-  children,
+  align,
+  alignOffset,
+  sideOffset,
   ...props
-}: NavRailItemProps): react_jsx_runtime2.JSX.Element;
-type NavRailUserProps = React.ComponentProps<"div"> & {
-  /** The avatar element (e.g. an <Avatar />). */
-  avatar: React.ReactNode;
-  /** The user's display name (hidden in icon mode). */
-  name: React.ReactNode;
-  /** The user's secondary line, e.g. email (hidden in icon mode). */
-  email: React.ReactNode;
-};
-/** The footer slot of the rail showing the signed-in user (avatar + name + email). */
-declare function NavRailUser({
-  avatar,
-  name,
-  email,
+}: React.ComponentProps<typeof Menubar.Content>): react_jsx_runtime36.JSX.Element;
+/** A selectable action inside a menu's content. */
+declare function MenubarItem({
   className,
+  inset,
+  variant,
   ...props
-}: NavRailUserProps): react_jsx_runtime2.JSX.Element;
-/** Root for a rail item that opens a flyout submenu (wraps Popover). */
-declare function NavRailMenu(props: React.ComponentProps<typeof Popover>): react_jsx_runtime2.JSX.Element;
-type NavRailMenuTriggerProps = Omit<React.ComponentProps<"button">, "aria-label"> & {
-  /** Tooltip/accessible name + inline label for the trigger item. */
-  label: string;
-  /** Marks the trigger as active (current section) styling. */
-  active?: boolean;
-};
-/** The rail item that opens its flyout submenu; renders a chevron affordance. */
-declare function NavRailMenuTrigger({
-  label,
-  active,
+}: React.ComponentProps<typeof Menubar.Item> & {
+  /** Adds left padding to align the label with items that have leading icons/indicators. */
+  inset?: boolean;
+  /** Visual intent — `destructive` styles the item in the danger colour. */
+  variant?: "default" | "destructive";
+}): react_jsx_runtime36.JSX.Element;
+/** A menu item with a toggleable checkmark indicator. */
+declare function MenubarCheckboxItem({
   className,
   children,
+  checked,
   ...props
-}: NavRailMenuTriggerProps): react_jsx_runtime2.JSX.Element;
-/** The glass flyout panel that holds the submenu items (portalled Popover content). */
-declare function NavRailMenuContent({
+}: React.ComponentProps<typeof Menubar.CheckboxItem>): react_jsx_runtime36.JSX.Element;
+/** A menu item with a radio dot indicator; use inside a `MenubarRadioGroup`. */
+declare function MenubarRadioItem({
   className,
-  side,
-  align,
-  sideOffset,
+  children,
+  ...props
+}: React.ComponentProps<typeof Menubar.RadioItem>): react_jsx_runtime36.JSX.Element;
+/** A non-interactive heading that titles a group of menu items. */
+declare function MenubarLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof Menubar.Label> & {
+  /** Adds left padding to align the label with items that have leading icons/indicators. */
+  inset?: boolean;
+}): react_jsx_runtime36.JSX.Element;
+/** A thin divider line between groups of menu items. */
+declare function MenubarSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Menubar.Separator>): react_jsx_runtime36.JSX.Element;
+/** Right-aligned hint text for an item's keyboard shortcut (e.g. ⌘T). */
+declare function MenubarShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">): react_jsx_runtime36.JSX.Element;
+/** Wraps a nested submenu (its trigger and content). */
+declare function MenubarSub({
+  ...props
+}: React.ComponentProps<typeof Menubar.Sub>): react_jsx_runtime36.JSX.Element;
+/** An item that opens a nested submenu; shows a trailing chevron. */
+declare function MenubarSubTrigger({
+  className,
+  inset,
+  children,
   ...props
-}: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime2.JSX.Element;
-type NavRailMenuItemProps = React.ComponentProps<"button"> & {
-  /** Marks the entry as the current page (active styling + `aria-current="page"`). */
-  active?: boolean;
-  /** Render the child element instead of a <button> (e.g. a router link). */
-  asChild?: boolean;
-};
-/** A single entry inside a NavRail flyout submenu. */
-declare function NavRailMenuItem({
+}: React.ComponentProps<typeof Menubar.SubTrigger> & {
+  /** Adds left padding to align the label with items that have leading icons/indicators. */
+  inset?: boolean;
+}): react_jsx_runtime36.JSX.Element;
+/** The dropdown surface for a nested submenu's items. */
+declare function MenubarSubContent({
   className,
-  active,
-  asChild,
   ...props
-}: NavRailMenuItemProps): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<typeof Menubar.SubContent>): react_jsx_runtime36.JSX.Element;
 //#endregion
-export { NavRailMenuContent as a, NavRailMenuTrigger as c, NavRailSeparator as d, NavRailUser as f, NavRailMenu as i, NavRailMenuTriggerProps as l, NavRailItem as n, NavRailMenuItem as o, NavRailUserProps as p, NavRailItemProps as r, NavRailMenuItemProps as s, NavRail as t, NavRailMode as u };
+export { MenubarItem as a, MenubarPortal as c, MenubarSeparator as d, MenubarShortcut as f, MenubarTrigger as g, MenubarSubTrigger as h, MenubarGroup as i, MenubarRadioGroup as l, MenubarSubContent as m, MenubarCheckboxItem as n, MenubarLabel as o, MenubarSub as p, MenubarContent as r, MenubarMenu as s, Menubar$1 as t, MenubarRadioItem as u };
 //# sourceMappingURL=index43.d.ts.map