@alneas/appkit-react 0.1.0 → 0.3.0

package/dist/ui/components/ui/layout.d.cts

@@ -1,26 +1,63 @@
 import * as React from 'react';
+/**
+ * Viewport regions and flex/scroll options for Layout.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see Layout
+ */
 export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Fixed header content */
+    /**
+     * Content in the non-scrolling top flex region; omitted means no header.
+     */
     header?: React.ReactNode;
-    /** Fixed footer content */
+    /**
+     * Content in the non-scrolling bottom flex region; omitted means no footer.
+     */
     footer?: React.ReactNode;
-    /** Left sidebar content */
+    /**
+     * Sidebar element rendered directly; it controls its own width and collapse behavior.
+     */
     leftSidebar?: React.ReactNode;
-    /** Right pane content */
+    /**
+     * Optional content in the right aside, visible when isRightPaneVisible is true.
+     */
     rightPane?: React.ReactNode;
-    /** Whether the left sidebar is collapsed (affects width helper if used, though usually controlled by the sidebar component itself) */
+    /**
+     * Compatibility flag accepted but ignored by Layout; it does not change sidebar width.
+     */
     isLeftSidebarCollapsed?: boolean;
-    /** Whether the right pane is visible */
+    /**
+     * Whether rightPane is mounted; defaults to true.
+     */
     isRightPaneVisible?: boolean;
-    /** Whether the main area is scrollable (overflow-y-auto). Default: true */
+    /**
+     * Enables overflow-y-auto on the main area; defaults to true.
+     */
     scrollable?: boolean;
-    /** Whether the main area text is selectable. Default: true */
+    /**
+     * Allows main-area text selection; defaults to true, false adds select-none.
+     */
     selectable?: boolean;
-    /** Position of the header. 'top' (default) puts sidebar below header. 'right-of-sidebar' puts header to the right of sidebar. */
+    /**
+     * top places header above sidebar; right-of-sidebar places it beside sidebar. Defaults to top.
+     */
     headerPosition?: 'top' | 'right-of-sidebar';
 }
 /**
- * A flexible layout component with fixed header/footer and growing main area.
- * Uses Flexbox for layout (h-screen, flex-col, flex-1) rather than sticky positioning.
+ * Divides the viewport into fixed flex header/footer, a growing main area and optional side panes.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling. Wrapper defaults: _isLeftSidebarCollapsed=false, isRightPaneVisible=true, scrollable=true, selectable=true, headerPosition='top'.
+ * @returns The rendered Layout composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The root uses h-screen/w-screen and clips overflow. scrollable and selectable default to true; the right pane overlays content below lg and sits in normal layout from lg. headerPosition defaults to top; right-of-sidebar moves header/footer beside the sidebar. isLeftSidebarCollapsed is accepted but ignored; the supplied sidebar owns its own collapse behavior. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Layout } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Layout header={<header>Project</header>} footer={<footer>Status</footer>} leftSidebar={<nav>Navigation</nav>} rightPane={<aside>Details</aside>}><p>Main content</p></Layout>);
+ * }
+ * ```
  */
-export declare const Layout: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<HTMLDivElement>>;
+export declare function Layout({ ref, className, header, footer, leftSidebar, rightPane, children, isLeftSidebarCollapsed: _isLeftSidebarCollapsed, isRightPaneVisible, scrollable, 'aria-label': mainLabel, selectable, headerPosition, ...props }: React.PropsWithoutRef<LayoutProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace Layout {
+    var displayName: string;
+}

package/dist/ui/components/ui/layout.d.ts

@@ -1,26 +1,63 @@
 import * as React from 'react';
+/**
+ * Viewport regions and flex/scroll options for Layout.
+ * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.
+ * @see Layout
+ */
 export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Fixed header content */
+    /**
+     * Content in the non-scrolling top flex region; omitted means no header.
+     */
     header?: React.ReactNode;
-    /** Fixed footer content */
+    /**
+     * Content in the non-scrolling bottom flex region; omitted means no footer.
+     */
     footer?: React.ReactNode;
-    /** Left sidebar content */
+    /**
+     * Sidebar element rendered directly; it controls its own width and collapse behavior.
+     */
     leftSidebar?: React.ReactNode;
-    /** Right pane content */
+    /**
+     * Optional content in the right aside, visible when isRightPaneVisible is true.
+     */
     rightPane?: React.ReactNode;
-    /** Whether the left sidebar is collapsed (affects width helper if used, though usually controlled by the sidebar component itself) */
+    /**
+     * Compatibility flag accepted but ignored by Layout; it does not change sidebar width.
+     */
     isLeftSidebarCollapsed?: boolean;
-    /** Whether the right pane is visible */
+    /**
+     * Whether rightPane is mounted; defaults to true.
+     */
     isRightPaneVisible?: boolean;
-    /** Whether the main area is scrollable (overflow-y-auto). Default: true */
+    /**
+     * Enables overflow-y-auto on the main area; defaults to true.
+     */
     scrollable?: boolean;
-    /** Whether the main area text is selectable. Default: true */
+    /**
+     * Allows main-area text selection; defaults to true, false adds select-none.
+     */
     selectable?: boolean;
-    /** Position of the header. 'top' (default) puts sidebar below header. 'right-of-sidebar' puts header to the right of sidebar. */
+    /**
+     * top places header above sidebar; right-of-sidebar places it beside sidebar. Defaults to top.
+     */
     headerPosition?: 'top' | 'right-of-sidebar';
 }
 /**
- * A flexible layout component with fixed header/footer and growing main area.
- * Uses Flexbox for layout (h-screen, flex-col, flex-1) rather than sticky positioning.
+ * Divides the viewport into fixed flex header/footer, a growing main area and optional side panes.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling. Wrapper defaults: _isLeftSidebarCollapsed=false, isRightPaneVisible=true, scrollable=true, selectable=true, headerPosition='top'.
+ * @returns The rendered Layout composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The root uses h-screen/w-screen and clips overflow. scrollable and selectable default to true; the right pane overlays content below lg and sits in normal layout from lg. headerPosition defaults to top; right-of-sidebar moves header/footer beside the sidebar. isLeftSidebarCollapsed is accepted but ignored; the supplied sidebar owns its own collapse behavior. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Layout } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Layout header={<header>Project</header>} footer={<footer>Status</footer>} leftSidebar={<nav>Navigation</nav>} rightPane={<aside>Details</aside>}><p>Main content</p></Layout>);
+ * }
+ * ```
  */
-export declare const Layout: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<HTMLDivElement>>;
+export declare function Layout({ ref, className, header, footer, leftSidebar, rightPane, children, isLeftSidebarCollapsed: _isLeftSidebarCollapsed, isRightPaneVisible, scrollable, 'aria-label': mainLabel, selectable, headerPosition, ...props }: React.PropsWithoutRef<LayoutProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace Layout {
+    var displayName: string;
+}

package/dist/ui/components/ui/layout.js

@@ -1,57 +1,59 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as r from "react";
+import "react";
 //#region src/ui/components/ui/layout.tsx
-var i = r.forwardRef(({ className: r, header: i, footer: a, leftSidebar: o, rightPane: s, children: c, isLeftSidebarCollapsed: l = !1, isRightPaneVisible: u = !0, scrollable: d = !0, selectable: f = !0, headerPosition: p = "top", ...m }, h) => {
-	let g = i && /* @__PURE__ */ t("div", {
-		className: "flex-none z-10 w-full",
-		children: i
-	}), _ = a && /* @__PURE__ */ t("div", {
+function r({ ref: r, className: i, header: a, footer: o, leftSidebar: s, rightPane: c, children: l, isLeftSidebarCollapsed: u = !1, isRightPaneVisible: d = !0, scrollable: f = !0, "aria-label": p = "Main content", selectable: m = !0, headerPosition: h = "top", ...g }) {
+	let _ = a && /* @__PURE__ */ t("div", {
 		className: "flex-none z-10 w-full",
 		children: a
-	}), v = o, y = s && u && /* @__PURE__ */ t("aside", {
+	}), v = o && /* @__PURE__ */ t("div", {
+		className: "flex-none z-10 w-full",
+		children: o
+	}), y = s, b = c && d && /* @__PURE__ */ t("aside", {
 		className: "flex-none overflow-y-auto border-l w-96 max-w-full absolute lg:relative right-0 top-0 bottom-0 h-full z-20 bg-background shadow-2xl lg:shadow-none",
-		children: s
-	}), b = /* @__PURE__ */ t("main", {
-		className: e("flex-1 min-w-0 flex flex-col", d ? "overflow-y-auto" : "overflow-hidden", !f && "select-none"),
 		children: c
+	}), x = /* @__PURE__ */ t("main", {
+		"aria-label": p,
+		tabIndex: f ? 0 : void 0,
+		className: e("flex-1 min-w-0 flex flex-col", f ? "overflow-y-auto" : "overflow-hidden", !m && "select-none"),
+		children: l
 	});
-	return p === "right-of-sidebar" ? /* @__PURE__ */ n("div", {
-		ref: h,
-		className: e("flex h-screen w-screen overflow-hidden bg-background text-foreground", r),
-		...m,
-		children: [v, /* @__PURE__ */ n("div", {
+	return h === "right-of-sidebar" ? /* @__PURE__ */ n("div", {
+		ref: r,
+		className: e("flex h-screen w-screen overflow-hidden bg-background text-foreground", i),
+		...g,
+		children: [y, /* @__PURE__ */ n("div", {
 			className: "flex flex-col flex-1 min-w-0 overflow-hidden",
 			children: [
-				g,
+				_,
 				/* @__PURE__ */ n("div", {
 					className: "flex flex-1 overflow-hidden relative",
-					children: [b, y]
+					children: [x, b]
 				}),
-				_
+				v
 			]
 		})]
 	}) : /* @__PURE__ */ n("div", {
-		ref: h,
-		className: e("flex h-screen w-screen flex-col overflow-hidden bg-background text-foreground", r),
-		...m,
+		ref: r,
+		className: e("flex h-screen w-screen flex-col overflow-hidden bg-background text-foreground", i),
+		...g,
 		children: [
-			g,
+			_,
 			/* @__PURE__ */ n("div", {
 				className: "flex flex-1 overflow-hidden relative",
 				children: [
-					v,
-					b,
-					y
+					y,
+					x,
+					b
 				]
 			}),
-			_
+			v
 		]
 	});
-});
-i.displayName = "Layout";
+}
+r.displayName = "Layout";
 //#endregion
-export { i as Layout };
+export { r as Layout };
 
 //# sourceMappingURL=layout.js.map

package/dist/ui/components/ui/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","names":["React","React$1","Layout","_isLeftSidebarCollapsed","props","HeaderContent","header","FooterContent","footer","SidebarContent","leftSidebar","RightPaneContent","rightPane","isRightPaneVisible","MainContent","cn","scrollable","selectable","headerPosition","className"],"sources":["../../../../src/ui/components/ui/layout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/utils';\n\nexport interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Fixed header content */\n  header?: React.ReactNode;\n  /** Fixed footer content */\n  footer?: React.ReactNode;\n  /** Left sidebar content */\n  leftSidebar?: React.ReactNode;\n  /** Right pane content */\n  rightPane?: React.ReactNode;\n  /** Whether the left sidebar is collapsed (affects width helper if used, though usually controlled by the sidebar component itself) */\n  isLeftSidebarCollapsed?: boolean;\n  /** Whether the right pane is visible */\n  isRightPaneVisible?: boolean;\n  /** Whether the main area is scrollable (overflow-y-auto). Default: true */\n  scrollable?: boolean;\n  /** Whether the main area text is selectable. Default: true */\n  selectable?: boolean;\n  /** Position of the header. 'top' (default) puts sidebar below header. 'right-of-sidebar' puts header to the right of sidebar. */\n  headerPosition?: 'top' | 'right-of-sidebar';\n}\n\n/**\n * A flexible layout component with fixed header/footer and growing main area.\n * Uses Flexbox for layout (h-screen, flex-col, flex-1) rather than sticky positioning.\n */\nexport const Layout = React.forwardRef<HTMLDivElement, LayoutProps>(\n  (\n    {\n      className,\n      header,\n      footer,\n      leftSidebar,\n      rightPane,\n      children,\n      isLeftSidebarCollapsed: _isLeftSidebarCollapsed = false,\n      isRightPaneVisible = true,\n      scrollable = true,\n      selectable = true,\n      headerPosition = 'top',\n      ...props\n    },\n    ref,\n  ) => {\n    const HeaderContent = header && <div className='flex-none z-10 w-full'>{header}</div>;\n\n    const FooterContent = footer && <div className='flex-none z-10 w-full'>{footer}</div>;\n\n    // Render sidebar directly without aside wrapper - Sidebar component has its own container structure\n    const SidebarContent = leftSidebar;\n\n    const RightPaneContent = rightPane && isRightPaneVisible && (\n      <aside className='flex-none overflow-y-auto border-l w-96 max-w-full absolute lg:relative right-0 top-0 bottom-0 h-full z-20 bg-background shadow-2xl lg:shadow-none'>\n        {rightPane}\n      </aside>\n    );\n\n    const MainContent = (\n      <main\n        className={cn(\n          'flex-1 min-w-0 flex flex-col',\n          scrollable ? 'overflow-y-auto' : 'overflow-hidden',\n          !selectable && 'select-none',\n        )}\n      >\n        {children}\n      </main>\n    );\n\n    if (headerPosition === 'right-of-sidebar') {\n      return (\n        <div\n          ref={ref}\n          className={cn(\n            'flex h-screen w-screen overflow-hidden bg-background text-foreground',\n            className,\n          )}\n          {...props}\n        >\n          {SidebarContent}\n          <div className='flex flex-col flex-1 min-w-0 overflow-hidden'>\n            {HeaderContent}\n            <div className='flex flex-1 overflow-hidden relative'>\n              {MainContent}\n              {RightPaneContent}\n            </div>\n            {FooterContent}\n          </div>\n        </div>\n      );\n    }\n\n    // Default: headerPosition === 'top'\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex h-screen w-screen flex-col overflow-hidden bg-background text-foreground',\n          className,\n        )}\n        {...props}\n      >\n        {HeaderContent}\n        <div className='flex flex-1 overflow-hidden relative'>\n          {SidebarContent}\n          {MainContent}\n          {RightPaneContent}\n        </div>\n        {FooterContent}\n      </div>\n    );\n  },\n);\nLayout.displayName = 'Layout';\n"],"mappings":";;;;;AA4BA,IAAaE,IAASF,EAAM,YAExB,EACE,cACA,WACA,WACA,gBACA,cACA,aACA,wBAAwBG,IAA0B,IAClD,wBAAqB,IACrB,gBAAa,IACb,gBAAa,IACb,oBAAiB,OACjB,GAAGC,KAEL,MACG;CACH,IAAMC,IAAgBC,KAAU,kBAAC,OAAD;EAAK,WAAU;EAAyB,UAAAA;CAAY,CAAA,GAE9EC,IAAgBC,KAAU,kBAAC,OAAD;EAAK,WAAU;EAAyB,UAAAA;CAAY,CAAA,GAG9EC,IAAiBC,GAEjBC,IAAmBC,KAAaC,KACpC,kBAAC,SAAD;EAAO,WAAU;EACd,UAAAD;CACI,CAAA,GAGHE,IACJ,kBAAC,QAAD;EACE,WAAWC,EACT,gCACAC,IAAa,oBAAoB,mBACjC,CAACC,KAAc,aACjB;EAEC;CACG,CAAA;CA2BR,OAxBIC,MAAmB,qBAEnB,kBAAC,OAAD;EACO;EACL,WAAWH,EACT,wEACAI,CACF;EACA,GAAIf;EANN,UAAA,CAQGK,GACD,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACGJ;IACD,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACGS,GACAH,CACE;;IACJJ;GACE;EACF,CAAA,CAAA;C,KAMP,kBAAC,OAAD;EACO;EACL,WAAWQ,EACT,iFACAI,CACF;EACA,GAAIf;EANN,UAAA;GAQGC;GACD,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACGI;KACAK;KACAH;IACE;;GACJJ;EACE;;AAET,CACF;AACA,EAAO,cAAc"}
+{"version":3,"file":"layout.js","names":["Layout","_isLeftSidebarCollapsed","mainLabel","props","HeaderContent","header","FooterContent","footer","SidebarContent","leftSidebar","RightPaneContent","rightPane","isRightPaneVisible","MainContent","scrollable","cn","selectable","headerPosition","className"],"sources":["../../../../src/ui/components/ui/layout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/utils';\n\n/**\n * Viewport regions and flex/scroll options for Layout.\n * @remarks Inherited native or primitive props keep their upstream types and behavior; this declaration documents only the wrapper-owned options.\n * @see Layout\n */\nexport interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Content in the non-scrolling top flex region; omitted means no header.\n   */\n  header?: React.ReactNode;\n  /**\n   * Content in the non-scrolling bottom flex region; omitted means no footer.\n   */\n  footer?: React.ReactNode;\n  /**\n   * Sidebar element rendered directly; it controls its own width and collapse behavior.\n   */\n  leftSidebar?: React.ReactNode;\n  /**\n   * Optional content in the right aside, visible when isRightPaneVisible is true.\n   */\n  rightPane?: React.ReactNode;\n  /**\n   * Compatibility flag accepted but ignored by Layout; it does not change sidebar width.\n   */\n  isLeftSidebarCollapsed?: boolean;\n  /**\n   * Whether rightPane is mounted; defaults to true.\n   */\n  isRightPaneVisible?: boolean;\n  /**\n   * Enables overflow-y-auto on the main area; defaults to true.\n   */\n  scrollable?: boolean;\n  /**\n   * Allows main-area text selection; defaults to true, false adds select-none.\n   */\n  selectable?: boolean;\n  /**\n   * top places header above sidebar; right-of-sidebar places it beside sidebar. Defaults to top.\n   */\n  headerPosition?: 'top' | 'right-of-sidebar';\n}\n\n/**\n * Divides the viewport into fixed flex header/footer, a growing main area and optional side panes.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling. Wrapper defaults: _isLeftSidebarCollapsed=false, isRightPaneVisible=true, scrollable=true, selectable=true, headerPosition='top'.\n * @returns The rendered Layout composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The root uses h-screen/w-screen and clips overflow. scrollable and selectable default to true; the right pane overlays content below lg and sits in normal layout from lg. headerPosition defaults to top; right-of-sidebar moves header/footer beside the sidebar. isLeftSidebarCollapsed is accepted but ignored; the supplied sidebar owns its own collapse behavior. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Layout } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Layout header={<header>Project</header>} footer={<footer>Status</footer>} leftSidebar={<nav>Navigation</nav>} rightPane={<aside>Details</aside>}><p>Main content</p></Layout>);\n * }\n * ```\n */\nexport function Layout({\n  ref,\n  className,\n  header,\n  footer,\n  leftSidebar,\n  rightPane,\n  children,\n  isLeftSidebarCollapsed: _isLeftSidebarCollapsed = false,\n  isRightPaneVisible = true,\n  scrollable = true,\n  'aria-label': mainLabel = 'Main content',\n  selectable = true,\n  headerPosition = 'top',\n  ...props\n}: React.PropsWithoutRef<LayoutProps> & React.RefAttributes<HTMLDivElement>) {\n  const HeaderContent = header && <div className='flex-none z-10 w-full'>{header}</div>;\n\n  const FooterContent = footer && <div className='flex-none z-10 w-full'>{footer}</div>;\n\n  // Render sidebar directly without aside wrapper - Sidebar component has its own container structure\n  const SidebarContent = leftSidebar;\n\n  const RightPaneContent = rightPane && isRightPaneVisible && (\n    <aside className='flex-none overflow-y-auto border-l w-96 max-w-full absolute lg:relative right-0 top-0 bottom-0 h-full z-20 bg-background shadow-2xl lg:shadow-none'>\n      {rightPane}\n    </aside>\n  );\n\n  const MainContent = (\n    <main\n      aria-label={mainLabel}\n      tabIndex={scrollable ? 0 : undefined}\n      className={cn(\n        'flex-1 min-w-0 flex flex-col',\n        scrollable ? 'overflow-y-auto' : 'overflow-hidden',\n        !selectable && 'select-none',\n      )}\n    >\n      {children}\n    </main>\n  );\n\n  if (headerPosition === 'right-of-sidebar') {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex h-screen w-screen overflow-hidden bg-background text-foreground',\n          className,\n        )}\n        {...props}\n      >\n        {SidebarContent}\n        <div className='flex flex-col flex-1 min-w-0 overflow-hidden'>\n          {HeaderContent}\n          <div className='flex flex-1 overflow-hidden relative'>\n            {MainContent}\n            {RightPaneContent}\n          </div>\n          {FooterContent}\n        </div>\n      </div>\n    );\n  }\n\n  // Default: headerPosition === 'top'\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'flex h-screen w-screen flex-col overflow-hidden bg-background text-foreground',\n        className,\n      )}\n      {...props}\n    >\n      {HeaderContent}\n      <div className='flex flex-1 overflow-hidden relative'>\n        {SidebarContent}\n        {MainContent}\n        {RightPaneContent}\n      </div>\n      {FooterContent}\n    </div>\n  );\n}\nLayout.displayName = 'Layout';\n"],"mappings":";;;;;AA8DA,SAAgBA,EAAO,EACrB,QACA,cACA,WACA,WACA,gBACA,cACA,aACA,wBAAwBC,IAA0B,IAClD,wBAAqB,IACrB,gBAAa,IACb,cAAcC,IAAY,gBAC1B,gBAAa,IACb,oBAAiB,OACjB,GAAGC,KACwE;CAC3E,IAAMC,IAAgBC,KAAU,kBAAC,OAAD;EAAK,WAAU;EAAyB,UAAAA;CAAY,CAAA,GAE9EC,IAAgBC,KAAU,kBAAC,OAAD;EAAK,WAAU;EAAyB,UAAAA;CAAY,CAAA,GAG9EC,IAAiBC,GAEjBC,IAAmBC,KAAaC,KACpC,kBAAC,SAAD;EAAO,WAAU;EACd,UAAAD;CACI,CAAA,GAGHE,IACJ,kBAAC,QAAD;EACE,cAAYX;EACZ,UAAUY,IAAa,IAAI,KAAA;EAC3B,WAAWC,EACT,gCACAD,IAAa,oBAAoB,mBACjC,CAACE,KAAc,aACjB;EAEC;CACG,CAAA;CA2BR,OAxBIC,MAAmB,qBAEnB,kBAAC,OAAD;EACO;EACL,WAAWF,EACT,wEACAG,CACF;EACA,GAAIf;EANN,UAAA,CAQGK,GACD,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACGJ;IACD,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACGS,GACAH,CACE;;IACJJ;GACE;EACF,CAAA,CAAA;C,KAMP,kBAAC,OAAD;EACO;EACL,WAAWS,EACT,iFACAG,CACF;EACA,GAAIf;EANN,UAAA;GAQGC;GACD,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACGI;KACAK;KACAH;IACE;;GACJJ;EACE;;AAET;AACA,EAAO,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"menubar.cjs","names":["MenubarPrimitive","cn","DropdownMenu","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","MenuPrimitive","Check","DropdownMenuRadioGroup","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuSubContent","require_runtime","require_ui_lib_utils","require_ui_components_ui_dropdown_menu","react_jsx_runtime","react","lucide_react","_base_ui_react_menu","_base_ui_react_menubar","Menubar","props","className","MenubarMenu","MenubarGroup","MenubarPortal","MenubarTrigger","MenubarContent","MenubarItem","MenubarCheckboxItem","children","MenubarRadioGroup","MenubarRadioItem","MenubarLabel","MenubarSeparator","MenubarShortcut","MenubarSub","MenubarSubTrigger","MenubarSubContent"],"sources":["../../../../src/ui/components/ui/menubar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { Menubar as MenubarPrimitive } from '@base-ui/react/menubar';\nimport { Check, Circle } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from './dropdown-menu';\n\n/**\n * メニューバーのルートコンポーネント。\n */\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarPrimitive\n      data-slot='menubar'\n      className={cn('bg-background h-8 gap-0.5 rounded-lg border p-1 flex items-center', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * メニューバー内の個々のメニューを管理するコンポーネント。\n */\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n  return <DropdownMenu data-slot='menubar-menu' {...props} />;\n}\n\n/**\n * メニュー項目をグループ化するためのコンポーネント。\n */\nfunction MenubarGroup({ ...props }: React.ComponentProps<typeof DropdownMenuGroup>) {\n  return <DropdownMenuGroup data-slot='menubar-group' {...props} />;\n}\n\n/**\n * メニューバーのメニュー項目をポータル経由でレンダリングするためのコンポーネント。\n */\nfunction MenubarPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPortal>) {\n  return <DropdownMenuPortal data-slot='menubar-portal' {...props} />;\n}\n\n/**\n * メニューバーからメニューを展開するためのトリガーボタン。\n */\nfunction MenubarTrigger({ className, ...props }: React.ComponentProps<typeof DropdownMenuTrigger>) {\n  return (\n    <DropdownMenuTrigger\n      data-slot='menubar-trigger'\n      className={cn(\n        'hover:bg-muted aria-expanded:bg-muted rounded-sm px-1.5 py-px text-sm font-medium flex items-center outline-hidden select-none',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * メニューバーのトリガーによって展開されるコンテンツのコンテナ。\n */\nfunction MenubarContent({\n  className,\n  align = 'start',\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot='menubar-content'\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn(\n        'bg-popover text-popover-foreground data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 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 ring-foreground/10 min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * メニュー内の個々の通常のメニュー項目。\n */\nfunction MenubarItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <DropdownMenuItem\n      data-slot='menubar-item'\n      inset={inset}\n      // ERP MenubarItem passes data-variant. Tools DropdownMenuItem wraps Primitive.Item.\n      // I will adhere to ERP implementation but I might need to adjust based on tools DropdownMenuItem\n      // ERP DropdownMenuItem accepts `variant`. Tools DropdownMenuItem might not.\n      // I'll assume safe for now, if error I fix.\n      variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg:not([class*='size-'])]:size-4 group/menubar-item\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * チェックボックスの選択状態を持つメニュー項目。\n */\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot='menubar-checkbox-item'\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm data-disabled:opacity-50 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4 pointer-events-none absolute flex items-center justify-center\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <Check className='h-4 w-4' />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  );\n}\n\n/**\n * ラジオボタン形式のメニュー項目をグループ化するコンポーネント。\n */\nfunction MenubarRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n  return <DropdownMenuRadioGroup data-slot='menubar-radio-group' {...props} />;\n}\n\n/**\n * 単一選択（ラジオ）形式のメニュー項目。\n */\nfunction MenubarRadioItem({ className, children, ...props }: MenuPrimitive.RadioItem.Props) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot='menubar-radio-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4 pointer-events-none absolute flex items-center justify-center\">\n        <MenuPrimitive.RadioItemIndicator>\n          <Circle className='size-2 fill-current' />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  );\n}\n\n/**\n * メニュー内のヘッダーや見出しを定義するラベルコンポーネント。\n */\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & { inset?: boolean }) {\n  return (\n    <DropdownMenuLabel\n      data-slot='menubar-label'\n      inset={inset}\n      className={cn('px-1.5 py-1 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * メニュー項目を区切るためのセパレーター（区切り線）。\n */\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n  return (\n    <DropdownMenuSeparator\n      data-slot='menubar-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * メニューアイテムの右側に表示されるキーボードショートカット用のコンポーネント。\n */\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n  return (\n    <DropdownMenuShortcut\n      data-slot='menubar-shortcut'\n      className={cn(\n        'text-muted-foreground group-focus/menubar-item:text-accent-foreground text-xs tracking-widest ml-auto',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * サブメニュー（入れ子にされたメニュー）を定義するためのコンポーネント。\n */\nfunction MenubarSub({ ...props }: React.ComponentProps<typeof DropdownMenuSub>) {\n  return <DropdownMenuSub data-slot='menubar-sub' {...props} />;\n}\n\n/**\n * サブメニューを展開するためのトリガー項目。\n */\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuSubTrigger\n      data-slot='menubar-sub-trigger'\n      inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-[inset]:pl-8 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * サブメニューの中に表示されるコンテンツのコンテナ。\n */\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n  return (\n    <DropdownMenuSubContent\n      data-slot='menubar-sub-content'\n      className={cn(\n        'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 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 ring-foreground/10 min-w-32 rounded-lg p-1 shadow-lg ring-1 duration-100',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n};\n"],"mappings":"A,oYA2BA,SAAS0B,EAAQ,CAAE,YAAW,GAAGC,GAAiC,CAChE,OACE,EAAAN,EAAA,IAAA,CAACrB,EAAAA,QAAD,CACE,YAAU,UACV,UAAWC,EAAAA,GAAG,oEAAqE2B,CAAS,EAC5F,GAAID,CACL,CAAA,CAEL,CAKA,SAASE,EAAY,CAAE,GAAGF,GAAoD,CAC5E,OAAO,EAAAN,EAAA,IAAA,CAACnB,EAAAA,aAAD,CAAc,YAAU,eAAe,GAAIyB,CAAQ,CAAA,CAC5D,CAKA,SAASG,EAAa,CAAE,GAAGH,GAAyD,CAClF,OAAO,EAAAN,EAAA,IAAA,CAAClB,EAAAA,kBAAD,CAAmB,YAAU,gBAAgB,GAAIwB,CAAQ,CAAA,CAClE,CAKA,SAASI,EAAc,CAAE,GAAGJ,GAA0D,CACpF,OAAO,EAAAN,EAAA,IAAA,CAACjB,EAAAA,mBAAD,CAAoB,YAAU,iBAAiB,GAAIuB,CAAQ,CAAA,CACpE,CAKA,SAASK,EAAe,CAAE,YAAW,GAAGL,GAA2D,CACjG,OACE,EAAAN,EAAA,IAAA,CAAChB,EAAAA,oBAAD,CACE,YAAU,kBACV,UAAWJ,EAAAA,GACT,iIACA2B,CACF,EACA,GAAID,CACL,CAAA,CAEL,CAKA,SAASM,EAAe,CACtB,YACA,QAAQ,QACR,cAAc,GACd,aAAa,EACb,GAAGN,GACgD,CACnD,OACE,EAAAN,EAAA,IAAA,CAACf,EAAAA,oBAAD,CACE,YAAU,kBACH,QACM,cACD,aACZ,UAAWL,EAAAA,GACT,wUACA2B,CACF,EACA,GAAID,CACL,CAAA,CAEL,CAKA,SAASO,EAAY,CACnB,YACA,QACA,UAAU,UACV,GAAGP,GAIF,CACD,OACE,EAAAN,EAAA,IAAA,CAACd,EAAAA,iBAAD,CACE,YAAU,eACH,QAKE,UACT,UAAWN,EAAAA,GACT,wfACA2B,CACF,EACA,GAAID,CACL,CAAA,CAEL,CAKA,SAASQ,EAAoB,CAC3B,YACA,WACA,UACA,GAAGR,GACgC,CACnC,OACE,EAAAN,EAAA,KAAA,CAACb,EAAAA,KAAc,aAAf,CACE,YAAU,wBACV,UAAWP,EAAAA,GACT,iUACA2B,CACF,EACS,UACT,GAAID,EAPN,SAAA,EASE,EAAAN,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,qHACd,UAAA,EAAAA,EAAA,IAAA,CAACb,EAAAA,KAAc,sBAAf,CAAA,UACE,EAAAa,EAAA,IAAA,CAACZ,EAAAA,MAAD,CAAO,UAAU,SAAW,CAAA,CACO,CAAA,CACjC,CAAA,EACL2B,CACyB,C,EAEhC,CAKA,SAASC,EAAkB,CAAE,GAAGV,GAA8D,CAC5F,OAAO,EAAAN,EAAA,IAAA,CAACX,EAAAA,uBAAD,CAAwB,YAAU,sBAAsB,GAAIiB,CAAQ,CAAA,CAC7E,CAKA,SAASW,EAAiB,CAAE,YAAW,WAAU,GAAGX,GAAwC,CAC1F,OACE,EAAAN,EAAA,KAAA,CAACb,EAAAA,KAAc,UAAf,CACE,YAAU,qBACV,UAAWP,EAAAA,GACT,6UACA2B,CACF,EACA,GAAID,EANN,SAAA,EAQE,EAAAN,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,qHACd,UAAA,EAAAA,EAAA,IAAA,CAACb,EAAAA,KAAc,mBAAf,CAAA,UACE,EAAAa,EAAA,IAAA,CAACV,EAAAA,OAAD,CAAQ,UAAU,qBAAuB,CAAA,CACT,CAAA,CAC9B,CAAA,EACLyB,CACsB,C,EAE7B,CAKA,SAASG,EAAa,CACpB,YACA,QACA,GAAGZ,GACoE,CACvE,OACE,EAAAN,EAAA,IAAA,CAACT,EAAAA,kBAAD,CACE,YAAU,gBACH,QACP,UAAWX,EAAAA,GAAG,oDAAqD2B,CAAS,EAC5E,GAAID,CACL,CAAA,CAEL,CAKA,SAASa,EAAiB,CACxB,YACA,GAAGb,GACkD,CACrD,OACE,EAAAN,EAAA,IAAA,CAACR,EAAAA,sBAAD,CACE,YAAU,oBACV,UAAWZ,EAAAA,GAAG,4BAA6B2B,CAAS,EACpD,GAAID,CACL,CAAA,CAEL,CAKA,SAASc,EAAgB,CACvB,YACA,GAAGd,GACiD,CACpD,OACE,EAAAN,EAAA,IAAA,CAACP,EAAAA,qBAAD,CACE,YAAU,mBACV,UAAWb,EAAAA,GACT,wGACA2B,CACF,EACA,GAAID,CACL,CAAA,CAEL,CAKA,SAASe,EAAW,CAAE,GAAGf,GAAuD,CAC9E,OAAO,EAAAN,EAAA,IAAA,CAACN,EAAAA,gBAAD,CAAiB,YAAU,cAAc,GAAIY,CAAQ,CAAA,CAC9D,CAKA,SAASgB,EAAkB,CACzB,YACA,QACA,GAAGhB,GAGF,CACD,OACE,EAAAN,EAAA,IAAA,CAACL,EAAAA,uBAAD,CACE,YAAU,sBACH,QACP,UAAWf,EAAAA,GACT,kMACA2B,CACF,EACA,GAAID,CACL,CAAA,CAEL,CAKA,SAASiB,EAAkB,CACzB,YACA,GAAGjB,GACmD,CACtD,OACE,EAAAN,EAAA,IAAA,CAACJ,EAAAA,uBAAD,CACE,YAAU,sBACV,UAAWhB,EAAAA,GACT,+YACA2B,CACF,EACA,GAAID,CACL,CAAA,CAEL,C"}
+{"version":3,"file":"menubar.cjs","names":["MenubarPrimitive","cn","DropdownMenu","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","MenuPrimitive","Check","DropdownMenuRadioGroup","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuSubContent","require_runtime","require_ui_lib_utils","require_ui_components_ui_dropdown_menu","react_jsx_runtime","react","lucide_react","_base_ui_react_menu","_base_ui_react_menubar","Menubar","props","className","MenubarMenu","MenubarGroup","MenubarPortal","MenubarTrigger","MenubarContent","MenubarItem","MenubarCheckboxItem","children","MenubarRadioGroup","MenubarRadioItem","MenubarLabel","MenubarSeparator","MenubarShortcut","MenubarSub","MenubarSubTrigger","MenubarSubContent"],"sources":["../../../../src/ui/components/ui/menubar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { Menubar as MenubarPrimitive } from '@base-ui/react/menubar';\nimport { Check, Circle } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from './dropdown-menu';\n\n/**\n * Coordinates popup menu state and focus behavior.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Menubar composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarPrimitive\n      data-slot='menubar'\n      className={cn('bg-background h-8 gap-0.5 rounded-lg border p-1 flex items-center', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Provides one dropdown-menu root within a menubar.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered MenubarMenu composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n  return <DropdownMenu data-slot='menubar-menu' {...props} />;\n}\n\n/**\n * Groups related menu actions.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered MenubarGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarGroup({ ...props }: React.ComponentProps<typeof DropdownMenuGroup>) {\n  return <DropdownMenuGroup data-slot='menubar-group' {...props} />;\n}\n\n/**\n * Mounts menu descendants in a separate DOM container.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered MenubarPortal composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPortal>) {\n  return <DropdownMenuPortal data-slot='menubar-portal' {...props} />;\n}\n\n/**\n * Renders the control or context target that opens a menu.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered MenubarTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarTrigger({ className, ...props }: React.ComponentProps<typeof DropdownMenuTrigger>) {\n  return (\n    <DropdownMenuTrigger\n      data-slot='menubar-trigger'\n      className={cn(\n        'hover:bg-muted aria-expanded:bg-muted rounded-sm px-1.5 py-px text-sm font-medium flex items-center outline-hidden select-none',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Portals the menu popup through its positioned container.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='start', alignOffset=-4, sideOffset=8.\n * @returns The rendered MenubarContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarContent({\n  className,\n  align = 'start',\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot='menubar-content'\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn(\n        'bg-popover text-popover-foreground data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 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 ring-foreground/10 min-w-36 rounded-lg p-1 shadow-md ring-1 duration-100',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders a menu action with optional destructive styling and inset spacing.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='default'.\n * @returns The rendered MenubarItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem> & {\n  /**\n   * Adds left inset spacing when true; omitted/false uses normal alignment.\n   */\n  inset?: boolean;\n  /**\n   * Visual treatment from the declared variant union; changing it does not alter host action semantics.\n   */\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <DropdownMenuItem\n      data-slot='menubar-item'\n      inset={inset}\n      // ERP MenubarItem passes data-variant. Tools DropdownMenuItem wraps Primitive.Item.\n      // I will adhere to ERP implementation but I might need to adjust based on tools DropdownMenuItem\n      // ERP DropdownMenuItem accepts `variant`. Tools DropdownMenuItem might not.\n      // I'll assume safe for now, if error I fix.\n      variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg:not([class*='size-'])]:size-4 group/menubar-item\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders a checked menu action with a checkmark indicator.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered MenubarCheckboxItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot='menubar-checkbox-item'\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm data-disabled:opacity-50 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4 pointer-events-none absolute flex items-center justify-center\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <Check className='h-4 w-4' />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  );\n}\n\n/**\n * Coordinates mutually exclusive menu choices.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered MenubarRadioGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n  return <DropdownMenuRadioGroup data-slot='menubar-radio-group' {...props} />;\n}\n\n/**\n * Renders one value in a menu radio group.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered MenubarRadioItem composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarRadioItem({ className, children, ...props }: MenuPrimitive.RadioItem.Props) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot='menubar-radio-item'\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"left-1.5 size-4 [&_svg:not([class*='size-'])]:size-4 pointer-events-none absolute flex items-center justify-center\">\n        <MenuPrimitive.RadioItemIndicator>\n          <Circle className='size-2 fill-current' />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  );\n}\n\n/**\n * Renders the accessible label of a menu group with optional inset spacing.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered MenubarLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & { /**\n * Adds left inset spacing when true; omitted/false uses normal alignment.\n */\n/**\n * Adds left inset spacing when true; omitted/false uses normal alignment.\n */\ninset?: boolean }) {\n  return (\n    <DropdownMenuLabel\n      data-slot='menubar-label'\n      inset={inset}\n      className={cn('px-1.5 py-1 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Draws a divider between menu sections.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered MenubarSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n  return (\n    <DropdownMenuSeparator\n      data-slot='menubar-separator'\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Styles a shortcut hint without installing keyboard listeners.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered MenubarShortcut composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n  return (\n    <DropdownMenuShortcut\n      data-slot='menubar-shortcut'\n      className={cn(\n        'text-muted-foreground group-focus/menubar-item:text-accent-foreground text-xs tracking-widest ml-auto',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Coordinates a submenu nested inside a parent menu.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered MenubarSub composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarSub({ ...props }: React.ComponentProps<typeof DropdownMenuSub>) {\n  return <DropdownMenuSub data-slot='menubar-sub' {...props} />;\n}\n\n/**\n * Renders a submenu opener with a trailing chevron.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered MenubarSubTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n  /**\n   * Adds left inset spacing when true; omitted/false uses normal alignment.\n   */\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuSubTrigger\n      data-slot='menubar-sub-trigger'\n      inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-[inset]:pl-8 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders a positioned submenu popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered MenubarSubContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Place each trigger/content pair inside MenubarMenu under Menubar. Menubar uses the Base UI Menubar root and DropdownMenu wrappers for menus; these supply popup context. Items/labels/radio/submenu parts require the corresponding menu/group contexts. Shortcut text does not register handlers; actions belong to the host.\n * @example\n * ```tsx\n * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);\n * }\n * ```\n */\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n  return (\n    <DropdownMenuSubContent\n      data-slot='menubar-sub-content'\n      className={cn(\n        'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 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 ring-foreground/10 min-w-32 rounded-lg p-1 shadow-lg ring-1 duration-100',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n};\n"],"mappings":"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"}