@alneas/appkit-react 0.1.0 → 0.2.0

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

@@ -3,74 +3,278 @@ import { Menubar as MenubarPrimitive } from '@base-ui/react/menubar';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu.js';
 import * as React from 'react';
 /**
- * メニューバーのルートコンポーネント。
+ * Coordinates popup menu state and focus behavior.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Menubar composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function Menubar({ className, ...props }: MenubarPrimitive.Props): React.JSX.Element;
 /**
- * メニューバー内の個々のメニューを管理するコンポーネント。
+ * Provides one dropdown-menu root within a menubar.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MenubarMenu composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>): React.JSX.Element;
 /**
- * メニュー項目をグループ化するためのコンポーネント。
+ * Groups related menu actions.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MenubarGroup composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarGroup({ ...props }: React.ComponentProps<typeof DropdownMenuGroup>): React.JSX.Element;
 /**
- * メニューバーのメニュー項目をポータル経由でレンダリングするためのコンポーネント。
+ * Mounts menu descendants in a separate DOM container.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MenubarPortal composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPortal>): React.JSX.Element;
 /**
- * メニューバーからメニューを展開するためのトリガーボタン。
+ * Renders the control or context target that opens a menu.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MenubarTrigger composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof DropdownMenuTrigger>): React.JSX.Element;
 /**
- * メニューバーのトリガーによって展開されるコンテンツのコンテナ。
+ * Portals the menu popup through its positioned container.
+ * @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.
+ * @returns The rendered MenubarContent composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuContent>): React.JSX.Element;
 /**
- * メニュー内の個々の通常のメニュー項目。
+ * Renders a menu action with optional destructive styling and inset spacing.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='default'.
+ * @returns The rendered MenubarItem composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuItem> & {
+    /**
+     * Adds left inset spacing when true; omitted/false uses normal alignment.
+     */
     inset?: boolean;
+    /**
+     * Visual treatment from the declared variant union; changing it does not alter host action semantics.
+     */
     variant?: 'default' | 'destructive';
 }): React.JSX.Element;
 /**
- * チェックボックスの選択状態を持つメニュー項目。
+ * Renders a checked menu action with a checkmark indicator.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MenubarCheckboxItem composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarCheckboxItem({ className, children, checked, ...props }: MenuPrimitive.CheckboxItem.Props): React.JSX.Element;
 /**
- * ラジオボタン形式のメニュー項目をグループ化するコンポーネント。
+ * Coordinates mutually exclusive menu choices.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MenubarRadioGroup composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuRadioGroup>): React.JSX.Element;
 /**
- * 単一選択（ラジオ）形式のメニュー項目。
+ * Renders one value in a menu radio group.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MenubarRadioItem composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarRadioItem({ className, children, ...props }: MenuPrimitive.RadioItem.Props): React.JSX.Element;
 /**
- * メニュー内のヘッダーや見出しを定義するラベルコンポーネント。
+ * Renders the accessible label of a menu group with optional inset spacing.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MenubarLabel composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuLabel> & {
+    /**
+     * Adds left inset spacing when true; omitted/false uses normal alignment.
+     */
     inset?: boolean;
 }): React.JSX.Element;
 /**
- * メニュー項目を区切るためのセパレーター（区切り線）。
+ * Draws a divider between menu sections.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MenubarSeparator composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuSeparator>): React.JSX.Element;
 /**
- * メニューアイテムの右側に表示されるキーボードショートカット用のコンポーネント。
+ * Styles a shortcut hint without installing keyboard listeners.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MenubarShortcut composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarShortcut({ className, ...props }: React.ComponentProps<typeof DropdownMenuShortcut>): React.JSX.Element;
 /**
- * サブメニュー（入れ子にされたメニュー）を定義するためのコンポーネント。
+ * Coordinates a submenu nested inside a parent menu.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MenubarSub composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarSub({ ...props }: React.ComponentProps<typeof DropdownMenuSub>): React.JSX.Element;
 /**
- * サブメニューを展開するためのトリガー項目。
+ * Renders a submenu opener with a trailing chevron.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MenubarSubTrigger composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarSubTrigger({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuSubTrigger> & {
+    /**
+     * Adds left inset spacing when true; omitted/false uses normal alignment.
+     */
     inset?: boolean;
 }): React.JSX.Element;
 /**
- * サブメニューの中に表示されるコンテンツのコンテナ。
+ * Renders a positioned submenu popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MenubarSubContent composition.
+ * @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.
+ * @example
+ * ```tsx
+ * import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Menubar><MenubarMenu><MenubarTrigger>File</MenubarTrigger><MenubarContent><MenubarItem>Open</MenubarItem></MenubarContent></MenubarMenu></Menubar>);
+ * }
+ * ```
  */
 declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuSubContent>): React.JSX.Element;
 export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };

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

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":["MenubarPrimitive","MenuPrimitive","Menu$1","Menubar$1","Menubar","props","cn","className","MenubarMenu","DropdownMenu","MenubarGroup","DropdownMenuGroup","MenubarPortal","DropdownMenuPortal","MenubarTrigger","DropdownMenuTrigger","MenubarContent","DropdownMenuContent","MenubarItem","DropdownMenuItem","MenubarCheckboxItem","Check","children","MenubarRadioGroup","DropdownMenuRadioGroup","MenubarRadioItem","Circle","MenubarLabel","DropdownMenuLabel","MenubarSeparator","DropdownMenuSeparator","MenubarShortcut","DropdownMenuShortcut","MenubarSub","DropdownMenuSub","MenubarSubTrigger","DropdownMenuSubTrigger","MenubarSubContent","DropdownMenuSubContent"],"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":"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"}
+{"version":3,"file":"menubar.js","names":["MenubarPrimitive","MenuPrimitive","Menu$1","Menubar$1","Menubar","props","cn","className","MenubarMenu","DropdownMenu","MenubarGroup","DropdownMenuGroup","MenubarPortal","DropdownMenuPortal","MenubarTrigger","DropdownMenuTrigger","MenubarContent","DropdownMenuContent","MenubarItem","DropdownMenuItem","MenubarCheckboxItem","Check","children","MenubarRadioGroup","DropdownMenuRadioGroup","MenubarRadioItem","Circle","MenubarLabel","DropdownMenuLabel","MenubarSeparator","DropdownMenuSeparator","MenubarShortcut","DropdownMenuShortcut","MenubarSub","DropdownMenuSub","MenubarSubTrigger","DropdownMenuSubTrigger","MenubarSubContent","DropdownMenuSubContent"],"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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"meter.cjs","names":["MeterPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_meter","Meter","props","className","MeterIndicator","MeterLabel","MeterValue"],"sources":["../../../../src/ui/components/ui/meter.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Meter as MeterPrimitive } from '@base-ui/react/meter';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * 測定値や進捗状況（ゲージなど）を表示するメーターのルートコンポーネント。\n */\nfunction Meter({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Root>) {\n  return (\n    <MeterPrimitive.Root\n      data-slot='meter'\n      className={cn('relative flex w-full flex-col gap-2', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * メーターの進捗バーを視覚的に表現するインジケーター。\n */\nfunction MeterIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof MeterPrimitive.Track>) {\n  return (\n    <MeterPrimitive.Track\n      data-slot='meter-track'\n      className='h-2 w-full overflow-hidden rounded-full bg-secondary'\n    >\n      <MeterPrimitive.Indicator\n        data-slot='meter-indicator'\n        className={cn('h-full w-full flex-1 bg-primary transition-all', className)}\n        {...props}\n      />\n    </MeterPrimitive.Track>\n  );\n}\n\n/**\n * メーターの名前や説明を表示するラベル。\n */\nfunction MeterLabel({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Label>) {\n  return (\n    <MeterPrimitive.Label\n      data-slot='meter-label'\n      className={cn('text-sm font-medium leading-none', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * メーターの現在の数値を表示するコンポーネント。\n */\nfunction MeterValue({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Value>) {\n  return (\n    <MeterPrimitive.Value\n      data-slot='meter-value'\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Meter, MeterIndicator, MeterLabel, MeterValue };\n"],"mappings":"A,sSAUA,SAASO,EAAM,CAAE,YAAW,GAAGC,GAA2D,CACxF,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,MAAe,KAAhB,CACE,YAAU,QACV,UAAWC,EAAAA,GAAG,sCAAuCQ,CAAS,EAC9D,GAAID,CACL,CAAA,CAEL,CAKA,SAASE,EAAe,CACtB,YACA,GAAGF,GACiD,CACpD,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,MAAe,MAAhB,CACE,YAAU,cACV,UAAU,uDAEV,UAAA,EAAAI,EAAA,IAAA,CAACJ,EAAAA,MAAe,UAAhB,CACE,YAAU,kBACV,UAAWC,EAAAA,GAAG,iDAAkDQ,CAAS,EACzE,GAAID,CACL,CAAA,CACmB,CAAA,CAE1B,CAKA,SAASG,EAAW,CAAE,YAAW,GAAGH,GAA4D,CAC9F,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,MAAe,MAAhB,CACE,YAAU,cACV,UAAWC,EAAAA,GAAG,mCAAoCQ,CAAS,EAC3D,GAAID,CACL,CAAA,CAEL,CAKA,SAASI,EAAW,CAAE,YAAW,GAAGJ,GAA4D,CAC9F,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,MAAe,MAAhB,CACE,YAAU,cACV,UAAWC,EAAAA,GAAG,gCAAiCQ,CAAS,EACxD,GAAID,CACL,CAAA,CAEL,C"}
+{"version":3,"file":"meter.cjs","names":["MeterPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_meter","Meter","props","className","MeterIndicator","MeterLabel","MeterValue"],"sources":["../../../../src/ui/components/ui/meter.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Meter as MeterPrimitive } from '@base-ui/react/meter';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates an accessible bounded measurement display.\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 Meter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.\n * @example\n * ```tsx\n * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);\n * }\n * ```\n */\nfunction Meter({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Root>) {\n  return (\n    <MeterPrimitive.Root\n      data-slot='meter'\n      className={cn('relative flex w-full flex-col gap-2', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders a meter track containing its styled measurement 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 MeterIndicator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.\n * @example\n * ```tsx\n * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);\n * }\n * ```\n */\nfunction MeterIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof MeterPrimitive.Track>) {\n  return (\n    <MeterPrimitive.Track\n      data-slot='meter-track'\n      className='h-2 w-full overflow-hidden rounded-full bg-secondary'\n    >\n      <MeterPrimitive.Indicator\n        data-slot='meter-indicator'\n        className={cn('h-full w-full flex-1 bg-primary transition-all', className)}\n        {...props}\n      />\n    </MeterPrimitive.Track>\n  );\n}\n\n/**\n * Provides the accessible label of a meter.\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 MeterLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.\n * @example\n * ```tsx\n * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);\n * }\n * ```\n */\nfunction MeterLabel({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Label>) {\n  return (\n    <MeterPrimitive.Label\n      data-slot='meter-label'\n      className={cn('text-sm font-medium leading-none', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders the formatted current measurement from meter context.\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 MeterValue composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.\n * @example\n * ```tsx\n * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);\n * }\n * ```\n */\nfunction MeterValue({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Value>) {\n  return (\n    <MeterPrimitive.Value\n      data-slot='meter-value'\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Meter, MeterIndicator, MeterLabel, MeterValue };\n"],"mappings":"A,sSAsBA,SAASO,EAAM,CAAE,YAAW,GAAGC,GAA2D,CACxF,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,MAAe,KAAhB,CACE,YAAU,QACV,UAAWC,EAAAA,GAAG,sCAAuCQ,CAAS,EAC9D,GAAID,CACL,CAAA,CAEL,CAiBA,SAASE,EAAe,CACtB,YACA,GAAGF,GACiD,CACpD,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,MAAe,MAAhB,CACE,YAAU,cACV,UAAU,uDAEV,UAAA,EAAAI,EAAA,IAAA,CAACJ,EAAAA,MAAe,UAAhB,CACE,YAAU,kBACV,UAAWC,EAAAA,GAAG,iDAAkDQ,CAAS,EACzE,GAAID,CACL,CAAA,CACmB,CAAA,CAE1B,CAiBA,SAASG,EAAW,CAAE,YAAW,GAAGH,GAA4D,CAC9F,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,MAAe,MAAhB,CACE,YAAU,cACV,UAAWC,EAAAA,GAAG,mCAAoCQ,CAAS,EAC3D,GAAID,CACL,CAAA,CAEL,CAiBA,SAASI,EAAW,CAAE,YAAW,GAAGJ,GAA4D,CAC9F,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,MAAe,MAAhB,CACE,YAAU,cACV,UAAWC,EAAAA,GAAG,gCAAiCQ,CAAS,EACxD,GAAID,CACL,CAAA,CAEL,C"}

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

@@ -1,19 +1,67 @@
 import { Meter as MeterPrimitive } from '@base-ui/react/meter';
 import * as React from 'react';
 /**
- * 測定値や進捗状況（ゲージなど）を表示するメーターのルートコンポーネント。
+ * Coordinates an accessible bounded measurement display.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Meter composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.
+ * @example
+ * ```tsx
+ * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);
+ * }
+ * ```
  */
 declare function Meter({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Root>): React.JSX.Element;
 /**
- * メーターの進捗バーを視覚的に表現するインジケーター。
+ * Renders a meter track containing its styled measurement indicator.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MeterIndicator composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.
+ * @example
+ * ```tsx
+ * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);
+ * }
+ * ```
  */
 declare function MeterIndicator({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Track>): React.JSX.Element;
 /**
- * メーターの名前や説明を表示するラベル。
+ * Provides the accessible label of a meter.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MeterLabel composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.
+ * @example
+ * ```tsx
+ * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);
+ * }
+ * ```
  */
 declare function MeterLabel({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Label>): React.JSX.Element;
 /**
- * メーターの現在の数値を表示するコンポーネント。
+ * Renders the formatted current measurement from meter context.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MeterValue composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.
+ * @example
+ * ```tsx
+ * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);
+ * }
+ * ```
  */
 declare function MeterValue({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Value>): React.JSX.Element;
 export { Meter, MeterIndicator, MeterLabel, MeterValue };

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

@@ -1,19 +1,67 @@
 import { Meter as MeterPrimitive } from '@base-ui/react/meter';
 import * as React from 'react';
 /**
- * 測定値や進捗状況（ゲージなど）を表示するメーターのルートコンポーネント。
+ * Coordinates an accessible bounded measurement display.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Meter composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.
+ * @example
+ * ```tsx
+ * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);
+ * }
+ * ```
  */
 declare function Meter({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Root>): React.JSX.Element;
 /**
- * メーターの進捗バーを視覚的に表現するインジケーター。
+ * Renders a meter track containing its styled measurement indicator.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MeterIndicator composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.
+ * @example
+ * ```tsx
+ * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);
+ * }
+ * ```
  */
 declare function MeterIndicator({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Track>): React.JSX.Element;
 /**
- * メーターの名前や説明を表示するラベル。
+ * Provides the accessible label of a meter.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MeterLabel composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.
+ * @example
+ * ```tsx
+ * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);
+ * }
+ * ```
  */
 declare function MeterLabel({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Label>): React.JSX.Element;
 /**
- * メーターの現在の数値を表示するコンポーネント。
+ * Renders the formatted current measurement from meter context.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered MeterValue composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.
+ * @example
+ * ```tsx
+ * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);
+ * }
+ * ```
  */
 declare function MeterValue({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Value>): React.JSX.Element;
 export { Meter, MeterIndicator, MeterLabel, MeterValue };

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

@@ -1 +1 @@
-{"version":3,"file":"meter.js","names":["MeterPrimitive","Meter$1","Meter","props","cn","className","MeterIndicator","MeterLabel","MeterValue"],"sources":["../../../../src/ui/components/ui/meter.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Meter as MeterPrimitive } from '@base-ui/react/meter';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * 測定値や進捗状況（ゲージなど）を表示するメーターのルートコンポーネント。\n */\nfunction Meter({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Root>) {\n  return (\n    <MeterPrimitive.Root\n      data-slot='meter'\n      className={cn('relative flex w-full flex-col gap-2', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * メーターの進捗バーを視覚的に表現するインジケーター。\n */\nfunction MeterIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof MeterPrimitive.Track>) {\n  return (\n    <MeterPrimitive.Track\n      data-slot='meter-track'\n      className='h-2 w-full overflow-hidden rounded-full bg-secondary'\n    >\n      <MeterPrimitive.Indicator\n        data-slot='meter-indicator'\n        className={cn('h-full w-full flex-1 bg-primary transition-all', className)}\n        {...props}\n      />\n    </MeterPrimitive.Track>\n  );\n}\n\n/**\n * メーターの名前や説明を表示するラベル。\n */\nfunction MeterLabel({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Label>) {\n  return (\n    <MeterPrimitive.Label\n      data-slot='meter-label'\n      className={cn('text-sm font-medium leading-none', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * メーターの現在の数値を表示するコンポーネント。\n */\nfunction MeterValue({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Value>) {\n  return (\n    <MeterPrimitive.Value\n      data-slot='meter-value'\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Meter, MeterIndicator, MeterLabel, MeterValue };\n"],"mappings":";;;;;;;AAUA,SAASE,EAAM,EAAE,cAAW,GAAGC,KAA2D;CACxF,OACE,kBAACH,EAAe,MAAhB;EACE,aAAU;EACV,WAAWI,EAAG,uCAAuCC,CAAS;EAC9D,GAAIF;CACL,CAAA;AAEL;AAKA,SAASG,EAAe,EACtB,cACA,GAAGH,KACiD;CACpD,OACE,kBAACH,EAAe,OAAhB;EACE,aAAU;EACV,WAAU;EAEV,UAAA,kBAACA,EAAe,WAAhB;GACE,aAAU;GACV,WAAWI,EAAG,kDAAkDC,CAAS;GACzE,GAAIF;EACL,CAAA;CACmB,CAAA;AAE1B;AAKA,SAASI,EAAW,EAAE,cAAW,GAAGJ,KAA4D;CAC9F,OACE,kBAACH,EAAe,OAAhB;EACE,aAAU;EACV,WAAWI,EAAG,oCAAoCC,CAAS;EAC3D,GAAIF;CACL,CAAA;AAEL;AAKA,SAASK,EAAW,EAAE,cAAW,GAAGL,KAA4D;CAC9F,OACE,kBAACH,EAAe,OAAhB;EACE,aAAU;EACV,WAAWI,EAAG,iCAAiCC,CAAS;EACxD,GAAIF;CACL,CAAA;AAEL"}
+{"version":3,"file":"meter.js","names":["MeterPrimitive","Meter$1","Meter","props","cn","className","MeterIndicator","MeterLabel","MeterValue"],"sources":["../../../../src/ui/components/ui/meter.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Meter as MeterPrimitive } from '@base-ui/react/meter';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates an accessible bounded measurement display.\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 Meter composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.\n * @example\n * ```tsx\n * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);\n * }\n * ```\n */\nfunction Meter({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Root>) {\n  return (\n    <MeterPrimitive.Root\n      data-slot='meter'\n      className={cn('relative flex w-full flex-col gap-2', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders a meter track containing its styled measurement 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 MeterIndicator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.\n * @example\n * ```tsx\n * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);\n * }\n * ```\n */\nfunction MeterIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof MeterPrimitive.Track>) {\n  return (\n    <MeterPrimitive.Track\n      data-slot='meter-track'\n      className='h-2 w-full overflow-hidden rounded-full bg-secondary'\n    >\n      <MeterPrimitive.Indicator\n        data-slot='meter-indicator'\n        className={cn('h-full w-full flex-1 bg-primary transition-all', className)}\n        {...props}\n      />\n    </MeterPrimitive.Track>\n  );\n}\n\n/**\n * Provides the accessible label of a meter.\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 MeterLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.\n * @example\n * ```tsx\n * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);\n * }\n * ```\n */\nfunction MeterLabel({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Label>) {\n  return (\n    <MeterPrimitive.Label\n      data-slot='meter-label'\n      className={cn('text-sm font-medium leading-none', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders the formatted current measurement from meter context.\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 MeterValue composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Indicator, Label and Value require Meter context. Base UI owns numeric range and accessible measurement state. MeterIndicator is typed with Track props but forwards its received props and className to the inner Indicator, not the outer track.\n * @example\n * ```tsx\n * import { Meter, MeterIndicator, MeterLabel, MeterValue } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Meter value={65}><MeterLabel>Storage used</MeterLabel><MeterValue /><MeterIndicator /></Meter>);\n * }\n * ```\n */\nfunction MeterValue({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Value>) {\n  return (\n    <MeterPrimitive.Value\n      data-slot='meter-value'\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Meter, MeterIndicator, MeterLabel, MeterValue };\n"],"mappings":";;;;;;;AAsBA,SAASE,EAAM,EAAE,cAAW,GAAGC,KAA2D;CACxF,OACE,kBAACH,EAAe,MAAhB;EACE,aAAU;EACV,WAAWI,EAAG,uCAAuCC,CAAS;EAC9D,GAAIF;CACL,CAAA;AAEL;AAiBA,SAASG,EAAe,EACtB,cACA,GAAGH,KACiD;CACpD,OACE,kBAACH,EAAe,OAAhB;EACE,aAAU;EACV,WAAU;EAEV,UAAA,kBAACA,EAAe,WAAhB;GACE,aAAU;GACV,WAAWI,EAAG,kDAAkDC,CAAS;GACzE,GAAIF;EACL,CAAA;CACmB,CAAA;AAE1B;AAiBA,SAASI,EAAW,EAAE,cAAW,GAAGJ,KAA4D;CAC9F,OACE,kBAACH,EAAe,OAAhB;EACE,aAAU;EACV,WAAWI,EAAG,oCAAoCC,CAAS;EAC3D,GAAIF;CACL,CAAA;AAEL;AAiBA,SAASK,EAAW,EAAE,cAAW,GAAGL,KAA4D;CAC9F,OACE,kBAACH,EAAe,OAAhB;EACE,aAAU;EACV,WAAWI,EAAG,iCAAiCC,CAAS;EACxD,GAAIF;CACL,CAAA;AAEL"}