tembro 4.2.0 → 5.0.0

package/CHANGELOG.md

@@ -2,6 +2,40 @@
 
 All notable changes to this project will be documented in this file.
 
+## 5.0.0 - 2026-07-18
+
+### Added
+
+- Added `HoverCard`, `Menubar`, and `NavigationMenu` as real source-copy primitives backed by Base UI.
+
+### Removed
+
+- Removed composed page/pattern components from the package code and registry: `form-builder`, `page-toolbar`, `bulk-action-bar`, `detail-layout`, `settings-page`, `data-view`, `resource-page`, and `resource-detail-page`.
+- Removed related root exports, CLI registry entries, docs surface entries, and source-copy vendor files for those pattern components.
+
+### Changed
+
+- Kept `empty-state` as the only `patterns` component because it is still a reusable primitive-level surface.
+
+## 4.2.1 - 2026-07-18
+
+### Changed
+
+- Hardened `PopoverContent` with default surface background, border, text color and shadow so combobox and dropdown panels do not blend into content behind them.
+- Republished the expanded 4.2 component surface with the popover layering fix included in CLI source-copy assets.
+
+## 4.2.0 - 2026-07-18
+
+### Added
+
+- Added source-copy `Combobox` with grouped options, search, clear controls, controlled/uncontrolled state, custom renderers and custom filtering.
+- Promoted common primitives to the documented public surface: `textarea`, `combobox`, `async-select`, `switch`, `radio-group`, `dropdown-menu`, `popover`, `tooltip`, `pagination`, `toast`, `notification-center` and `breadcrumbs`.
+- Added chat demo snippets and registry/showcase coverage for newly promoted components.
+
+### Changed
+
+- Moved composed page-pattern surfaces such as `resource-page`, `settings-page`, `data-view`, `detail-layout`, `page-toolbar`, `bulk-action-bar` and `form-builder` out of the primary install surface so the component set focuses on reusable primitives.
+
 ## 4.1.0 - 2026-07-17
 
 ### Added

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

@@ -1,9 +1 @@
-export * from './form-builder';
-export * from './resource-page';
-export * from './resource-detail-page';
 export * from "./empty-state";
-export * from "./page-toolbar";
-export * from "./bulk-action-bar";
-export * from "./detail-layout";
-export * from "./settings-page";
-export * from "./data-view";

package/dist/components/patterns/public.d.ts

@@ -1,9 +1 @@
-export * from "./form-builder";
-export * from "./resource-page";
-export * from "./resource-detail-page";
 export * from "./empty-state";
-export * from "./page-toolbar";
-export * from "./bulk-action-bar";
-export * from "./detail-layout";
-export * from "./settings-page";
-export * from "./data-view";

package/dist/components/ui/hover-card/index.cjs

@@ -0,0 +1 @@
+module.exports = require("../../../src/components/ui/hover-card/index.cjs")

package/dist/components/ui/hover-card/index.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
+export type HoverCardProps = PreviewCardPrimitive.Root.Props;
+export type HoverCardTriggerProps = PreviewCardPrimitive.Trigger.Props;
+export type HoverCardContentProps = PreviewCardPrimitive.Popup.Props & Pick<PreviewCardPrimitive.Positioner.Props, "align" | "alignOffset" | "collisionBoundary" | "collisionPadding" | "side" | "sideOffset">;
+export type HoverCardArrowProps = PreviewCardPrimitive.Arrow.Props;
+declare function HoverCard({ ...props }: HoverCardProps): React.JSX.Element;
+declare function HoverCardTrigger({ ...props }: HoverCardTriggerProps): React.JSX.Element;
+declare function HoverCardContent({ className, align, alignOffset, collisionPadding, side, sideOffset, ...props }: HoverCardContentProps): React.JSX.Element;
+declare function HoverCardArrow({ className, ...props }: HoverCardArrowProps): React.JSX.Element;
+export { HoverCard, HoverCardArrow, HoverCardContent, HoverCardTrigger };

package/dist/components/ui/hover-card/index.js

@@ -0,0 +1 @@
+export * from "../../../src/components/ui/hover-card/index.js"

package/dist/components/ui/menubar/index.cjs

@@ -0,0 +1 @@
+module.exports = require("../../../src/components/ui/menubar/index.cjs")

package/dist/components/ui/menubar/index.d.ts

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+export type MenubarProps = MenubarPrimitive.Props;
+export type MenubarMenuProps = MenuPrimitive.Root.Props;
+export type MenubarTriggerProps = MenuPrimitive.Trigger.Props;
+export type MenubarContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">;
+export type MenubarItemProps = MenuPrimitive.Item.Props & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+};
+export type MenubarCheckboxItemProps = MenuPrimitive.CheckboxItem.Props & {
+    inset?: boolean;
+};
+export type MenubarRadioGroupProps = MenuPrimitive.RadioGroup.Props;
+export type MenubarRadioItemProps = MenuPrimitive.RadioItem.Props & {
+    inset?: boolean;
+};
+export type MenubarSubProps = MenuPrimitive.SubmenuRoot.Props;
+export type MenubarSubTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {
+    inset?: boolean;
+};
+export type MenubarSeparatorProps = MenuPrimitive.Separator.Props;
+export type MenubarLabelProps = React.ComponentProps<"div"> & {
+    inset?: boolean;
+};
+export type MenubarShortcutProps = React.ComponentProps<"span">;
+declare function Menubar({ className, ...props }: MenubarProps): React.JSX.Element;
+declare function MenubarMenu({ ...props }: MenubarMenuProps): React.JSX.Element;
+declare function MenubarTrigger({ className, ...props }: MenubarTriggerProps): React.JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, side, sideOffset, ...props }: MenubarContentProps): React.JSX.Element;
+declare function MenubarItem({ className, inset, variant, ...props }: MenubarItemProps): React.JSX.Element;
+declare function MenubarCheckboxItem({ className, children, checked, inset, ...props }: MenubarCheckboxItemProps): React.JSX.Element;
+declare function MenubarRadioGroup({ ...props }: MenubarRadioGroupProps): React.JSX.Element;
+declare function MenubarRadioItem({ className, children, inset, ...props }: MenubarRadioItemProps): React.JSX.Element;
+declare function MenubarSub({ ...props }: MenubarSubProps): React.JSX.Element;
+declare function MenubarSubTrigger({ className, children, inset, ...props }: MenubarSubTriggerProps): React.JSX.Element;
+declare function MenubarSubContent(props: MenubarContentProps): React.JSX.Element;
+declare function MenubarSeparator({ className, ...props }: MenubarSeparatorProps): React.JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: MenubarLabelProps): React.JSX.Element;
+declare function MenubarShortcut({ className, ...props }: MenubarShortcutProps): React.JSX.Element;
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };

package/dist/components/ui/menubar/index.js

@@ -0,0 +1 @@
+export * from "../../../src/components/ui/menubar/index.js"

package/dist/components/ui/navigation-menu/index.cjs

@@ -0,0 +1 @@
+module.exports = require("../../../src/components/ui/navigation-menu/index.cjs")

package/dist/components/ui/navigation-menu/index.d.ts

@@ -0,0 +1,20 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
+export type NavigationMenuProps = NavigationMenuPrimitive.Root.Props;
+export type NavigationMenuListProps = NavigationMenuPrimitive.List.Props;
+export type NavigationMenuItemProps = NavigationMenuPrimitive.Item.Props;
+export type NavigationMenuTriggerProps = NavigationMenuPrimitive.Trigger.Props;
+export type NavigationMenuContentProps = NavigationMenuPrimitive.Content.Props;
+export type NavigationMenuLinkProps = NavigationMenuPrimitive.Link.Props;
+export type NavigationMenuViewportProps = NavigationMenuPrimitive.Viewport.Props;
+export type NavigationMenuPositionerProps = NavigationMenuPrimitive.Positioner.Props;
+export type NavigationMenuArrowProps = NavigationMenuPrimitive.Arrow.Props;
+declare function NavigationMenu({ className, ...props }: NavigationMenuProps): import("react").JSX.Element;
+declare function NavigationMenuList({ className, ...props }: NavigationMenuListProps): import("react").JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: NavigationMenuItemProps): import("react").JSX.Element;
+declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuTriggerProps): import("react").JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: NavigationMenuContentProps): import("react").JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: NavigationMenuLinkProps): import("react").JSX.Element;
+declare function NavigationMenuPositioner({ className, sideOffset, ...props }: NavigationMenuPositionerProps): import("react").JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: NavigationMenuViewportProps): import("react").JSX.Element;
+declare function NavigationMenuArrow({ className, ...props }: NavigationMenuArrowProps): import("react").JSX.Element;
+export { NavigationMenu, NavigationMenuArrow, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, NavigationMenuViewport, };

package/dist/components/ui/navigation-menu/index.js

@@ -0,0 +1 @@
+export * from "../../../src/components/ui/navigation-menu/index.js"

package/dist/index.d.ts

@@ -9,10 +9,14 @@ export * from './components/ui/tabs';
 export * from './components/ui/dialog';
 export * from './components/ui/dropdown-menu';
 export * from './components/ui/popover';
+export * from './components/ui/hover-card';
+export * from './components/ui/menubar';
+export * from './components/ui/navigation-menu';
 export * from './components/ui/select';
 export * from './components/ui/table';
 export * from './components/ui/accordion';
 export * from './components/ui/collapse';
+export * from './components/ui/command';
 export * from './components/ui/skeleton';
 export * from './components/ui/divider';
 export * from './components/ui/segmented-control';

package/dist/src/components/patterns/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./bulk-action-bar.cjs"),t=require("./empty-state.cjs"),n=require("./page-toolbar.cjs"),r=require("./data-view.cjs"),i=require("./detail-layout.cjs"),a=require("./form-builder.cjs"),o=require("./resource-page.cjs"),s=require("./resource-detail-page.cjs"),c=require("./settings-page.cjs");exports.BulkActionBar=e.BulkActionBar,exports.DataView=r.DataView,exports.DetailLayout=i.DetailLayout,exports.EmptyState=t.EmptyState,exports.ErrorState=t.ErrorState,exports.FormBuilder=a.FormBuilder,exports.PageToolbar=n.PageToolbar,exports.ResourceDetailPage=s.ResourceDetailPage,exports.ResourcePage=o.ResourcePage,exports.ResourcePageSection=o.ResourcePageSection,exports.SettingsPage=c.SettingsPage,exports.asyncSelectField=a.asyncSelectField,exports.customField=a.customField,exports.dateField=a.dateField,exports.dateRangeField=a.dateRangeField,exports.formSection=a.formSection,exports.inputField=a.inputField,exports.numberField=a.numberField,exports.phoneField=a.phoneField,exports.renderFormBuilderField=a.renderFormBuilderField,exports.selectField=a.selectField,exports.switchField=a.switchField,exports.textareaField=a.textareaField;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./empty-state.cjs");exports.EmptyState=e.EmptyState,exports.ErrorState=e.ErrorState;

package/dist/src/components/patterns/index.js

@@ -1,10 +1,2 @@
-import { BulkActionBar as e } from "./bulk-action-bar.js";
-import { EmptyState as t, ErrorState as n } from "./empty-state.js";
-import { PageToolbar as r } from "./page-toolbar.js";
-import { DataView as i } from "./data-view.js";
-import { DetailLayout as a } from "./detail-layout.js";
-import { FormBuilder as o, asyncSelectField as s, customField as c, dateField as l, dateRangeField as u, formSection as d, inputField as f, numberField as p, phoneField as m, renderFormBuilderField as h, selectField as g, switchField as _, textareaField as v } from "./form-builder.js";
-import { ResourcePage as y, ResourcePageSection as b } from "./resource-page.js";
-import { ResourceDetailPage as x } from "./resource-detail-page.js";
-import { SettingsPage as S } from "./settings-page.js";
-export { e as BulkActionBar, i as DataView, a as DetailLayout, t as EmptyState, n as ErrorState, o as FormBuilder, r as PageToolbar, x as ResourceDetailPage, y as ResourcePage, b as ResourcePageSection, S as SettingsPage, s as asyncSelectField, c as customField, l as dateField, u as dateRangeField, d as formSection, f as inputField, p as numberField, m as phoneField, h as renderFormBuilderField, g as selectField, _ as switchField, v as textareaField };
+import { EmptyState as e, ErrorState as t } from "./empty-state.js";
+export { e as EmptyState, t as ErrorState };

package/dist/src/components/patterns/public.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./bulk-action-bar.cjs"),t=require("./empty-state.cjs"),n=require("./page-toolbar.cjs"),r=require("./data-view.cjs"),i=require("./detail-layout.cjs"),a=require("./form-builder.cjs"),o=require("./resource-page.cjs"),s=require("./resource-detail-page.cjs"),c=require("./settings-page.cjs");exports.BulkActionBar=e.BulkActionBar,exports.DataView=r.DataView,exports.DetailLayout=i.DetailLayout,exports.EmptyState=t.EmptyState,exports.ErrorState=t.ErrorState,exports.FormBuilder=a.FormBuilder,exports.PageToolbar=n.PageToolbar,exports.ResourceDetailPage=s.ResourceDetailPage,exports.ResourcePage=o.ResourcePage,exports.ResourcePageSection=o.ResourcePageSection,exports.SettingsPage=c.SettingsPage,exports.asyncSelectField=a.asyncSelectField,exports.customField=a.customField,exports.dateField=a.dateField,exports.dateRangeField=a.dateRangeField,exports.formSection=a.formSection,exports.inputField=a.inputField,exports.numberField=a.numberField,exports.phoneField=a.phoneField,exports.renderFormBuilderField=a.renderFormBuilderField,exports.selectField=a.selectField,exports.switchField=a.switchField,exports.textareaField=a.textareaField;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./empty-state.cjs");exports.EmptyState=e.EmptyState,exports.ErrorState=e.ErrorState;

package/dist/src/components/patterns/public.js

@@ -1,10 +1,2 @@
-import { BulkActionBar as e } from "./bulk-action-bar.js";
-import { EmptyState as t, ErrorState as n } from "./empty-state.js";
-import { PageToolbar as r } from "./page-toolbar.js";
-import { DataView as i } from "./data-view.js";
-import { DetailLayout as a } from "./detail-layout.js";
-import { FormBuilder as o, asyncSelectField as s, customField as c, dateField as l, dateRangeField as u, formSection as d, inputField as f, numberField as p, phoneField as m, renderFormBuilderField as h, selectField as g, switchField as _, textareaField as v } from "./form-builder.js";
-import { ResourcePage as y, ResourcePageSection as b } from "./resource-page.js";
-import { ResourceDetailPage as x } from "./resource-detail-page.js";
-import { SettingsPage as S } from "./settings-page.js";
-export { e as BulkActionBar, i as DataView, a as DetailLayout, t as EmptyState, n as ErrorState, o as FormBuilder, r as PageToolbar, x as ResourceDetailPage, y as ResourcePage, b as ResourcePageSection, S as SettingsPage, s as asyncSelectField, c as customField, l as dateField, u as dateRangeField, d as formSection, f as inputField, p as numberField, m as phoneField, h as renderFormBuilderField, g as selectField, _ as switchField, v as textareaField };
+import { EmptyState as e, ErrorState as t } from "./empty-state.js";
+export { e as EmptyState, t as ErrorState };

package/dist/src/components/ui/hover-card/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/preview-card");function a({...e}){return(0,r.jsx)(i.PreviewCard.Root,{"data-slot":`hover-card`,...e})}function o({...e}){if(!(`render`in e)&&n.isValidElement(e.children)){let{children:t,...n}=e;return(0,r.jsx)(i.PreviewCard.Trigger,{"data-slot":`hover-card-trigger`,render:t,...n})}return(0,r.jsx)(i.PreviewCard.Trigger,{"data-slot":`hover-card-trigger`,...e})}function s({className:e,align:n=`center`,alignOffset:a=0,collisionPadding:o=12,side:s=`bottom`,sideOffset:c=8,...l}){return(0,r.jsx)(i.PreviewCard.Portal,{children:(0,r.jsx)(i.PreviewCard.Positioner,{align:n,alignOffset:a,collisionPadding:o,side:s,sideOffset:c,className:`isolate z-50 outline-none`,children:(0,r.jsx)(i.PreviewCard.Popup,{"data-slot":`hover-card-content`,className:t.cn(`z-50 grid max-h-[min(var(--available-height),calc(100dvh-1rem))] w-80 max-w-[calc(100vw-1rem)] origin-(--transform-origin) gap-3 overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-popover p-4 text-popover-foreground shadow-lg outline-none duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...l})})})}function c({className:e,...n}){return(0,r.jsx)(i.PreviewCard.Arrow,{"data-slot":`hover-card-arrow`,className:t.cn(`z-50 flex size-3 rotate-45 border border-border bg-popover`,e),...n})}exports.HoverCard=a,exports.HoverCardArrow=c,exports.HoverCardContent=s,exports.HoverCardTrigger=o;

package/dist/src/components/ui/hover-card/index.js

@@ -0,0 +1,50 @@
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { PreviewCard as r } from "@base-ui/react/preview-card";
+//#region src/components/ui/hover-card/index.tsx
+function i({ ...e }) {
+	return /* @__PURE__ */ n(r.Root, {
+		"data-slot": "hover-card",
+		...e
+	});
+}
+function a({ ...e }) {
+	if (!("render" in e) && t.isValidElement(e.children)) {
+		let { children: t, ...i } = e;
+		return /* @__PURE__ */ n(r.Trigger, {
+			"data-slot": "hover-card-trigger",
+			render: t,
+			...i
+		});
+	}
+	return /* @__PURE__ */ n(r.Trigger, {
+		"data-slot": "hover-card-trigger",
+		...e
+	});
+}
+function o({ className: t, align: i = "center", alignOffset: a = 0, collisionPadding: o = 12, side: s = "bottom", sideOffset: c = 8, ...l }) {
+	return /* @__PURE__ */ n(r.Portal, { children: /* @__PURE__ */ n(r.Positioner, {
+		align: i,
+		alignOffset: a,
+		collisionPadding: o,
+		side: s,
+		sideOffset: c,
+		className: "isolate z-50 outline-none",
+		children: /* @__PURE__ */ n(r.Popup, {
+			"data-slot": "hover-card-content",
+			className: e("z-50 grid max-h-[min(var(--available-height),calc(100dvh-1rem))] w-80 max-w-[calc(100vw-1rem)] origin-(--transform-origin) gap-3 overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-popover p-4 text-popover-foreground shadow-lg outline-none duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
+			...l
+		})
+	}) });
+}
+function s({ className: t, ...i }) {
+	return /* @__PURE__ */ n(r.Arrow, {
+		"data-slot": "hover-card-arrow",
+		className: e("z-50 flex size-3 rotate-45 border border-border bg-popover", t),
+		...i
+	});
+}
+//#endregion
+export { i as HoverCard, s as HoverCardArrow, o as HoverCardContent, a as HoverCardTrigger };

package/dist/src/components/ui/menubar/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/menu"),o=require("@base-ui/react/menubar");var s=`relative flex min-h-8 cursor-default select-none items-center gap-2 rounded-[var(--radius-md)] px-2.5 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset=true]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus-visible:bg-destructive/10 data-[variant=destructive]:hover:bg-destructive/10`;function c({className:e,...n}){return(0,i.jsx)(o.Menubar,{"data-slot":`menubar`,className:t.cn(`flex h-10 items-center gap-1 rounded-[var(--radius-lg)] border border-border bg-card p-1 text-card-foreground shadow-sm`,e),...n})}function l({...e}){return(0,i.jsx)(a.Menu.Root,{"data-slot":`menubar-menu`,...e})}function u({className:e,...n}){return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`menubar-trigger`,className:t.cn(`inline-flex h-8 items-center justify-center rounded-[var(--radius-md)] px-3 text-sm font-medium outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground data-[popup-open]:bg-accent data-[popup-open]:text-accent-foreground disabled:pointer-events-none disabled:opacity-50`,e),...n})}function d({className:e,align:n=`start`,alignOffset:r=0,side:o=`bottom`,sideOffset:s=6,...c}){return(0,i.jsx)(a.Menu.Portal,{children:(0,i.jsx)(a.Menu.Positioner,{align:n,alignOffset:r,side:o,sideOffset:s,className:`isolate z-50 outline-none`,children:(0,i.jsx)(a.Menu.Popup,{"data-slot":`menubar-content`,className:t.cn(`z-50 min-w-48 origin-(--transform-origin) overflow-hidden rounded-[var(--radius-lg)] border border-border bg-popover p-1 text-popover-foreground shadow-lg outline-none duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...c})})})}function f({className:e,inset:n,variant:r=`default`,...o}){return(0,i.jsx)(a.Menu.Item,{"data-slot":`menubar-item`,"data-inset":n||void 0,"data-variant":r,className:t.cn(s,e),...o})}function p({className:e,children:n,checked:o,inset:c,...l}){return(0,i.jsxs)(a.Menu.CheckboxItem,{"data-slot":`menubar-checkbox-item`,"data-inset":c||void 0,className:t.cn(s,`pl-8`,e),checked:o,...l,children:[(0,i.jsx)(`span`,{className:`absolute left-2 inline-flex size-4 items-center justify-center`,children:(0,i.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{className:`size-4`})})}),n]})}function m({...e}){return(0,i.jsx)(a.Menu.RadioGroup,{"data-slot":`menubar-radio-group`,...e})}function h({className:e,children:n,inset:o,...c}){return(0,i.jsxs)(a.Menu.RadioItem,{"data-slot":`menubar-radio-item`,"data-inset":o||void 0,className:t.cn(s,`pl-8`,e),...c,children:[(0,i.jsx)(`span`,{className:`absolute left-2 inline-flex size-4 items-center justify-center`,children:(0,i.jsx)(a.Menu.RadioItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{className:`size-4`})})}),n]})}function g({...e}){return(0,i.jsx)(a.Menu.SubmenuRoot,{"data-slot":`menubar-sub`,...e})}function _({className:e,children:n,inset:o,...c}){return(0,i.jsxs)(a.Menu.SubmenuTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":o||void 0,className:t.cn(s,e),...c,children:[n,(0,i.jsx)(r.ChevronRightIcon,{className:`ml-auto size-4`})]})}function v(e){return(0,i.jsx)(d,{"data-slot":`menubar-sub-content`,side:`right`,align:`start`,alignOffset:-4,sideOffset:0,...e})}function y({className:e,...n}){return(0,i.jsx)(a.Menu.Separator,{"data-slot":`menubar-separator`,className:t.cn(`-mx-1 my-1 h-px bg-border`,e),...n})}function b({className:e,inset:n,...r}){return(0,i.jsx)(`div`,{"data-slot":`menubar-label`,"data-inset":n||void 0,className:t.cn(`px-2.5 py-1.5 text-xs font-semibold text-muted-foreground data-[inset=true]:pl-8`,e),...r})}function x({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`menubar-shortcut`,className:t.cn(`ml-auto text-xs tracking-widest text-muted-foreground`,e),...n})}exports.Menubar=c,exports.MenubarCheckboxItem=p,exports.MenubarContent=d,exports.MenubarItem=f,exports.MenubarLabel=b,exports.MenubarMenu=l,exports.MenubarRadioGroup=m,exports.MenubarRadioItem=h,exports.MenubarSeparator=y,exports.MenubarShortcut=x,exports.MenubarSub=g,exports.MenubarSubContent=v,exports.MenubarSubTrigger=_,exports.MenubarTrigger=u;

package/dist/src/components/ui/menubar/index.js

@@ -0,0 +1,132 @@
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import "react";
+import { CheckIcon as t, ChevronRightIcon as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Menu as a } from "@base-ui/react/menu";
+import { Menubar as o } from "@base-ui/react/menubar";
+//#region src/components/ui/menubar/index.tsx
+var s = "relative flex min-h-8 cursor-default select-none items-center gap-2 rounded-[var(--radius-md)] px-2.5 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset=true]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus-visible:bg-destructive/10 data-[variant=destructive]:hover:bg-destructive/10";
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ r(o, {
+		"data-slot": "menubar",
+		className: e("flex h-10 items-center gap-1 rounded-[var(--radius-lg)] border border-border bg-card p-1 text-card-foreground shadow-sm", t),
+		...n
+	});
+}
+function l({ ...e }) {
+	return /* @__PURE__ */ r(a.Root, {
+		"data-slot": "menubar-menu",
+		...e
+	});
+}
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ r(a.Trigger, {
+		"data-slot": "menubar-trigger",
+		className: e("inline-flex h-8 items-center justify-center rounded-[var(--radius-md)] px-3 text-sm font-medium outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground data-[popup-open]:bg-accent data-[popup-open]:text-accent-foreground disabled:pointer-events-none disabled:opacity-50", t),
+		...n
+	});
+}
+function d({ className: t, align: n = "start", alignOffset: i = 0, side: o = "bottom", sideOffset: s = 6, ...c }) {
+	return /* @__PURE__ */ r(a.Portal, { children: /* @__PURE__ */ r(a.Positioner, {
+		align: n,
+		alignOffset: i,
+		side: o,
+		sideOffset: s,
+		className: "isolate z-50 outline-none",
+		children: /* @__PURE__ */ r(a.Popup, {
+			"data-slot": "menubar-content",
+			className: e("z-50 min-w-48 origin-(--transform-origin) overflow-hidden rounded-[var(--radius-lg)] border border-border bg-popover p-1 text-popover-foreground shadow-lg outline-none duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
+			...c
+		})
+	}) });
+}
+function f({ className: t, inset: n, variant: i = "default", ...o }) {
+	return /* @__PURE__ */ r(a.Item, {
+		"data-slot": "menubar-item",
+		"data-inset": n || void 0,
+		"data-variant": i,
+		className: e(s, t),
+		...o
+	});
+}
+function p({ className: n, children: o, checked: c, inset: l, ...u }) {
+	return /* @__PURE__ */ i(a.CheckboxItem, {
+		"data-slot": "menubar-checkbox-item",
+		"data-inset": l || void 0,
+		className: e(s, "pl-8", n),
+		checked: c,
+		...u,
+		children: [/* @__PURE__ */ r("span", {
+			className: "absolute left-2 inline-flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ r(a.CheckboxItemIndicator, { children: /* @__PURE__ */ r(t, { className: "size-4" }) })
+		}), o]
+	});
+}
+function m({ ...e }) {
+	return /* @__PURE__ */ r(a.RadioGroup, {
+		"data-slot": "menubar-radio-group",
+		...e
+	});
+}
+function h({ className: n, children: o, inset: c, ...l }) {
+	return /* @__PURE__ */ i(a.RadioItem, {
+		"data-slot": "menubar-radio-item",
+		"data-inset": c || void 0,
+		className: e(s, "pl-8", n),
+		...l,
+		children: [/* @__PURE__ */ r("span", {
+			className: "absolute left-2 inline-flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ r(a.RadioItemIndicator, { children: /* @__PURE__ */ r(t, { className: "size-4" }) })
+		}), o]
+	});
+}
+function g({ ...e }) {
+	return /* @__PURE__ */ r(a.SubmenuRoot, {
+		"data-slot": "menubar-sub",
+		...e
+	});
+}
+function _({ className: t, children: o, inset: c, ...l }) {
+	return /* @__PURE__ */ i(a.SubmenuTrigger, {
+		"data-slot": "menubar-sub-trigger",
+		"data-inset": c || void 0,
+		className: e(s, t),
+		...l,
+		children: [o, /* @__PURE__ */ r(n, { className: "ml-auto size-4" })]
+	});
+}
+function v(e) {
+	return /* @__PURE__ */ r(d, {
+		"data-slot": "menubar-sub-content",
+		side: "right",
+		align: "start",
+		alignOffset: -4,
+		sideOffset: 0,
+		...e
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ r(a.Separator, {
+		"data-slot": "menubar-separator",
+		className: e("-mx-1 my-1 h-px bg-border", t),
+		...n
+	});
+}
+function b({ className: t, inset: n, ...i }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "menubar-label",
+		"data-inset": n || void 0,
+		className: e("px-2.5 py-1.5 text-xs font-semibold text-muted-foreground data-[inset=true]:pl-8", t),
+		...i
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "menubar-shortcut",
+		className: e("ml-auto text-xs tracking-widest text-muted-foreground", t),
+		...n
+	});
+}
+//#endregion
+export { c as Menubar, p as MenubarCheckboxItem, d as MenubarContent, f as MenubarItem, b as MenubarLabel, l as MenubarMenu, m as MenubarRadioGroup, h as MenubarRadioItem, y as MenubarSeparator, x as MenubarShortcut, g as MenubarSub, v as MenubarSubContent, _ as MenubarSubTrigger, u as MenubarTrigger };

package/dist/src/components/ui/navigation-menu/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/utils.cjs");let t=require("lucide-react"),n=require("react/jsx-runtime"),r=require("@base-ui/react/navigation-menu");function i({className:t,...i}){return(0,n.jsx)(r.NavigationMenu.Root,{"data-slot":`navigation-menu`,className:e.cn(`relative z-10 flex max-w-max flex-1 items-center justify-center`,t),...i})}function a({className:t,...i}){return(0,n.jsx)(r.NavigationMenu.List,{"data-slot":`navigation-menu-list`,className:e.cn(`flex flex-1 list-none items-center justify-center gap-1`,t),...i})}function o({className:t,...i}){return(0,n.jsx)(r.NavigationMenu.Item,{"data-slot":`navigation-menu-item`,className:e.cn(`relative`,t),...i})}function s({className:i,children:a,...o}){return(0,n.jsxs)(r.NavigationMenu.Trigger,{"data-slot":`navigation-menu-trigger`,className:e.cn(`group inline-flex h-10 items-center justify-center gap-1 rounded-[var(--radius-md)] px-4 py-2 text-sm font-medium outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground data-[popup-open]:bg-accent data-[popup-open]:text-accent-foreground disabled:pointer-events-none disabled:opacity-50`,i),...o,children:[a,(0,n.jsx)(t.ChevronDownIcon,{className:`size-4 shrink-0 transition-transform duration-200 group-data-[popup-open]:rotate-180`})]})}function c({className:t,...i}){return(0,n.jsx)(r.NavigationMenu.Content,{"data-slot":`navigation-menu-content`,className:e.cn(`left-0 top-0 w-full p-4 md:absolute md:w-auto`,t),...i})}function l({className:t,...i}){return(0,n.jsx)(r.NavigationMenu.Link,{"data-slot":`navigation-menu-link`,className:e.cn(`block select-none rounded-[var(--radius-md)] p-3 text-sm leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground data-[active]:bg-accent data-[active]:text-accent-foreground`,t),...i})}function u({className:t,sideOffset:i=8,...a}){return(0,n.jsx)(r.NavigationMenu.Portal,{children:(0,n.jsx)(r.NavigationMenu.Positioner,{"data-slot":`navigation-menu-positioner`,sideOffset:i,className:e.cn(`isolate z-50 flex justify-center`,t),...a})})}function d({className:t,...i}){return(0,n.jsx)(r.NavigationMenu.Viewport,{"data-slot":`navigation-menu-viewport`,className:e.cn(`relative h-(--height) w-full min-w-80 origin-(--transform-origin) overflow-hidden rounded-[var(--radius-lg)] border border-border bg-popover text-popover-foreground shadow-lg duration-100 md:w-(--width) data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,t),...i})}function f({className:t,...i}){return(0,n.jsx)(r.NavigationMenu.Arrow,{"data-slot":`navigation-menu-arrow`,className:e.cn(`z-50 flex size-3 rotate-45 border border-border bg-popover`,t),...i})}exports.NavigationMenu=i,exports.NavigationMenuArrow=f,exports.NavigationMenuContent=c,exports.NavigationMenuItem=o,exports.NavigationMenuLink=l,exports.NavigationMenuList=a,exports.NavigationMenuPositioner=u,exports.NavigationMenuTrigger=s,exports.NavigationMenuViewport=d;

package/dist/src/components/ui/navigation-menu/index.js

@@ -0,0 +1,73 @@
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import { ChevronDownIcon as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { NavigationMenu as i } from "@base-ui/react/navigation-menu";
+//#region src/components/ui/navigation-menu/index.tsx
+function a({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Root, {
+		"data-slot": "navigation-menu",
+		className: e("relative z-10 flex max-w-max flex-1 items-center justify-center", t),
+		...r
+	});
+}
+function o({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.List, {
+		"data-slot": "navigation-menu-list",
+		className: e("flex flex-1 list-none items-center justify-center gap-1", t),
+		...r
+	});
+}
+function s({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Item, {
+		"data-slot": "navigation-menu-item",
+		className: e("relative", t),
+		...r
+	});
+}
+function c({ className: a, children: o, ...s }) {
+	return /* @__PURE__ */ r(i.Trigger, {
+		"data-slot": "navigation-menu-trigger",
+		className: e("group inline-flex h-10 items-center justify-center gap-1 rounded-[var(--radius-md)] px-4 py-2 text-sm font-medium outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground data-[popup-open]:bg-accent data-[popup-open]:text-accent-foreground disabled:pointer-events-none disabled:opacity-50", a),
+		...s,
+		children: [o, /* @__PURE__ */ n(t, { className: "size-4 shrink-0 transition-transform duration-200 group-data-[popup-open]:rotate-180" })]
+	});
+}
+function l({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Content, {
+		"data-slot": "navigation-menu-content",
+		className: e("left-0 top-0 w-full p-4 md:absolute md:w-auto", t),
+		...r
+	});
+}
+function u({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Link, {
+		"data-slot": "navigation-menu-link",
+		className: e("block select-none rounded-[var(--radius-md)] p-3 text-sm leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground data-[active]:bg-accent data-[active]:text-accent-foreground", t),
+		...r
+	});
+}
+function d({ className: t, sideOffset: r = 8, ...a }) {
+	return /* @__PURE__ */ n(i.Portal, { children: /* @__PURE__ */ n(i.Positioner, {
+		"data-slot": "navigation-menu-positioner",
+		sideOffset: r,
+		className: e("isolate z-50 flex justify-center", t),
+		...a
+	}) });
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Viewport, {
+		"data-slot": "navigation-menu-viewport",
+		className: e("relative h-(--height) w-full min-w-80 origin-(--transform-origin) overflow-hidden rounded-[var(--radius-lg)] border border-border bg-popover text-popover-foreground shadow-lg duration-100 md:w-(--width) data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
+		...r
+	});
+}
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Arrow, {
+		"data-slot": "navigation-menu-arrow",
+		className: e("z-50 flex size-3 rotate-45 border border-border bg-popover", t),
+		...r
+	});
+}
+//#endregion
+export { a as NavigationMenu, p as NavigationMenuArrow, l as NavigationMenuContent, s as NavigationMenuItem, u as NavigationMenuLink, o as NavigationMenuList, d as NavigationMenuPositioner, c as NavigationMenuTrigger, f as NavigationMenuViewport };

package/dist/src/components/ui/popover/index.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/popover");function a({...e}){return(0,r.jsx)(i.Popover.Root,{"data-slot":`popover`,...e})}function o({...e}){return(0,r.jsx)(i.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function s({className:e,align:n=`center`,alignOffset:a=0,collisionPadding:o=12,side:s=`bottom`,sideOffset:c=4,...l}){return(0,r.jsx)(i.Popover.Portal,{children:(0,r.jsx)(i.Popover.Positioner,{align:n,alignOffset:a,collisionPadding:o,side:s,sideOffset:c,className:`isolate z-50`,children:(0,r.jsx)(i.Popover.Popup,{"data-slot":`popover-content`,className:t.cn(`z-50 flex max-h-[min(var(--available-height),calc(100dvh-1rem))] w-[min(var(--anchor-width),20rem)] min-w-60 max-w-[calc(100vw-1rem)] origin-(--transform-origin) flex-col gap-3 overflow-y-auto outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...l})})})}function c({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`popover-header`,className:e,...t})}function l({className:e,...t}){return(0,r.jsx)(i.Popover.Title,{"data-slot":`popover-title`,className:e,...t})}function u({className:e,...t}){return(0,r.jsx)(i.Popover.Description,{"data-slot":`popover-description`,className:e,...t})}exports.Popover=a,exports.PopoverContent=s,exports.PopoverDescription=u,exports.PopoverHeader=c,exports.PopoverTitle=l,exports.PopoverTrigger=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/popover");function a({...e}){return(0,r.jsx)(i.Popover.Root,{"data-slot":`popover`,...e})}function o({...e}){return(0,r.jsx)(i.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function s({className:e,align:n=`center`,alignOffset:a=0,collisionPadding:o=12,side:s=`bottom`,sideOffset:c=4,...l}){return(0,r.jsx)(i.Popover.Portal,{children:(0,r.jsx)(i.Popover.Positioner,{align:n,alignOffset:a,collisionPadding:o,side:s,sideOffset:c,className:`isolate z-50`,children:(0,r.jsx)(i.Popover.Popup,{"data-slot":`popover-content`,className:t.cn(`z-50 flex max-h-[min(var(--available-height),calc(100dvh-1rem))] w-[min(var(--anchor-width),20rem)] min-w-60 max-w-[calc(100vw-1rem)] origin-(--transform-origin) flex-col gap-3 overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-popover text-popover-foreground shadow-lg outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...l})})})}function c({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`popover-header`,className:e,...t})}function l({className:e,...t}){return(0,r.jsx)(i.Popover.Title,{"data-slot":`popover-title`,className:e,...t})}function u({className:e,...t}){return(0,r.jsx)(i.Popover.Description,{"data-slot":`popover-description`,className:e,...t})}exports.Popover=a,exports.PopoverContent=s,exports.PopoverDescription=u,exports.PopoverHeader=c,exports.PopoverTitle=l,exports.PopoverTrigger=o;

package/dist/src/components/ui/popover/index.js

@@ -26,7 +26,7 @@ function a({ className: r, align: i = "center", alignOffset: a = 0, collisionPad
 		className: "isolate z-50",
 		children: /* @__PURE__ */ t(n.Popup, {
 			"data-slot": "popover-content",
-			className: e("z-50 flex max-h-[min(var(--available-height),calc(100dvh-1rem))] w-[min(var(--anchor-width),20rem)] min-w-60 max-w-[calc(100vw-1rem)] origin-(--transform-origin) flex-col gap-3 overflow-y-auto outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", r),
+			className: e("z-50 flex max-h-[min(var(--available-height),calc(100dvh-1rem))] w-[min(var(--anchor-width),20rem)] min-w-60 max-w-[calc(100vw-1rem)] origin-(--transform-origin) flex-col gap-3 overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-popover text-popover-foreground shadow-lg outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", r),
 			...l
 		})
 	}) });