jaci-ui 0.1.0

package/dist/components/menubar/menubar.d.cts

@@ -0,0 +1,74 @@
+import { ComponentPropsWithoutRef } from "react";
+import { Menu, MenuRoot } from "@base-ui/react/menu";
+import { Menubar } from "@base-ui/react/menubar";
+//#region src/components/menubar/menubar.d.ts
+type MenubarOrientation = "horizontal" | "vertical";
+interface MenubarRootProps extends ComponentPropsWithoutRef<typeof Menubar> {
+  orientation?: MenubarOrientation;
+}
+/**
+ * A horizontal or vertical command bar. Each `Menubar.Menu` owns one
+ * keyboard-navigable menu while the root coordinates arrow-key movement.
+ */
+declare const MenubarRoot: import("react").ForwardRefExoticComponent<MenubarRootProps & import("react").RefAttributes<HTMLDivElement>>;
+interface MenubarMenuProps<Payload = unknown> extends MenuRoot.Props<Payload> {}
+declare function MenubarMenu<Payload = unknown>(props: MenubarMenuProps<Payload>): import("react").JSX.Element;
+type MenubarTriggerProps = ComponentPropsWithoutRef<typeof Menu.Trigger>;
+declare const MenubarTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type MenubarPortalProps = ComponentPropsWithoutRef<typeof Menu.Portal>;
+declare const MenubarPortal: typeof Menu.Portal;
+type MenubarPositionerProps = ComponentPropsWithoutRef<typeof Menu.Positioner>;
+declare const MenubarPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MenubarPopupProps = ComponentPropsWithoutRef<typeof Menu.Popup>;
+declare const MenubarPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MenubarArrowProps = ComponentPropsWithoutRef<typeof Menu.Arrow>;
+declare const MenubarArrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MenubarItemProps = ComponentPropsWithoutRef<typeof Menu.Item>;
+declare const MenubarItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type MenubarLinkItemProps = ComponentPropsWithoutRef<typeof Menu.LinkItem>;
+declare const MenubarLinkItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuLinkItemProps, "ref"> & import("react").RefAttributes<Element>, "ref"> & import("react").RefAttributes<Element>>;
+type MenubarGroupProps = ComponentPropsWithoutRef<typeof Menu.Group>;
+declare const MenubarGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MenubarGroupLabelProps = ComponentPropsWithoutRef<typeof Menu.GroupLabel>;
+declare const MenubarGroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MenubarSeparatorProps = ComponentPropsWithoutRef<typeof Menu.Separator>;
+declare const MenubarSeparator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MenubarCheckboxItemProps = ComponentPropsWithoutRef<typeof Menu.CheckboxItem>;
+declare const MenubarCheckboxItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuCheckboxItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type MenubarCheckboxItemIndicatorProps = ComponentPropsWithoutRef<typeof Menu.CheckboxItemIndicator>;
+declare const MenubarCheckboxItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuCheckboxItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type MenubarRadioGroupProps = ComponentPropsWithoutRef<typeof Menu.RadioGroup>;
+declare const MenubarRadioGroup: typeof Menu.RadioGroup;
+type MenubarRadioItemProps = ComponentPropsWithoutRef<typeof Menu.RadioItem>;
+declare const MenubarRadioItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type MenubarRadioItemIndicatorProps = ComponentPropsWithoutRef<typeof Menu.RadioItemIndicator>;
+declare const MenubarRadioItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type MenubarSubmenuRootProps = ComponentPropsWithoutRef<typeof Menu.SubmenuRoot>;
+declare const MenubarSubmenuRoot: typeof Menu.SubmenuRoot;
+type MenubarSubmenuTriggerProps = ComponentPropsWithoutRef<typeof Menu.SubmenuTrigger>;
+declare const MenubarSubmenuTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuSubmenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+declare const Menubar$1: {
+  Root: import("react").ForwardRefExoticComponent<MenubarRootProps & import("react").RefAttributes<HTMLDivElement>>;
+  Menu: typeof MenubarMenu;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  LinkItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuLinkItemProps, "ref"> & import("react").RefAttributes<Element>, "ref"> & import("react").RefAttributes<Element>>;
+  Group: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  GroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Separator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  CheckboxItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuCheckboxItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  CheckboxItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuCheckboxItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  RadioGroup: import("react").NamedExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  RadioItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  RadioItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  SubmenuRoot: typeof Menu.SubmenuRoot;
+  SubmenuTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuSubmenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  createHandle: typeof Menu.createHandle;
+};
+//#endregion
+export { Menubar$1 as Menubar, MenubarArrow, MenubarArrowProps, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarCheckboxItemIndicatorProps, MenubarCheckboxItemProps, MenubarGroup, MenubarGroupLabel, MenubarGroupLabelProps, MenubarGroupProps, MenubarItem, MenubarItemProps, MenubarLinkItem, MenubarLinkItemProps, MenubarMenu, MenubarMenuProps, MenubarOrientation, MenubarPopup, MenubarPopupProps, MenubarPortal, MenubarPortalProps, MenubarPositioner, MenubarPositionerProps, MenubarRadioGroup, MenubarRadioGroupProps, MenubarRadioItem, MenubarRadioItemIndicator, MenubarRadioItemIndicatorProps, MenubarRadioItemProps, MenubarRoot, MenubarRootProps, MenubarSeparator, MenubarSeparatorProps, MenubarSubmenuRoot, MenubarSubmenuRootProps, MenubarSubmenuTrigger, MenubarSubmenuTriggerProps, MenubarTrigger, MenubarTriggerProps };
+//# sourceMappingURL=menubar.d.cts.map

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

@@ -0,0 +1,74 @@
+import { ComponentPropsWithoutRef } from "react";
+import { Menu, MenuRoot } from "@base-ui/react/menu";
+import { Menubar } from "@base-ui/react/menubar";
+//#region src/components/menubar/menubar.d.ts
+type MenubarOrientation = "horizontal" | "vertical";
+interface MenubarRootProps extends ComponentPropsWithoutRef<typeof Menubar> {
+  orientation?: MenubarOrientation;
+}
+/**
+ * A horizontal or vertical command bar. Each `Menubar.Menu` owns one
+ * keyboard-navigable menu while the root coordinates arrow-key movement.
+ */
+declare const MenubarRoot: import("react").ForwardRefExoticComponent<MenubarRootProps & import("react").RefAttributes<HTMLDivElement>>;
+interface MenubarMenuProps<Payload = unknown> extends MenuRoot.Props<Payload> {}
+declare function MenubarMenu<Payload = unknown>(props: MenubarMenuProps<Payload>): import("react").JSX.Element;
+type MenubarTriggerProps = ComponentPropsWithoutRef<typeof Menu.Trigger>;
+declare const MenubarTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type MenubarPortalProps = ComponentPropsWithoutRef<typeof Menu.Portal>;
+declare const MenubarPortal: typeof Menu.Portal;
+type MenubarPositionerProps = ComponentPropsWithoutRef<typeof Menu.Positioner>;
+declare const MenubarPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MenubarPopupProps = ComponentPropsWithoutRef<typeof Menu.Popup>;
+declare const MenubarPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MenubarArrowProps = ComponentPropsWithoutRef<typeof Menu.Arrow>;
+declare const MenubarArrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MenubarItemProps = ComponentPropsWithoutRef<typeof Menu.Item>;
+declare const MenubarItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type MenubarLinkItemProps = ComponentPropsWithoutRef<typeof Menu.LinkItem>;
+declare const MenubarLinkItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuLinkItemProps, "ref"> & import("react").RefAttributes<Element>, "ref"> & import("react").RefAttributes<Element>>;
+type MenubarGroupProps = ComponentPropsWithoutRef<typeof Menu.Group>;
+declare const MenubarGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MenubarGroupLabelProps = ComponentPropsWithoutRef<typeof Menu.GroupLabel>;
+declare const MenubarGroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MenubarSeparatorProps = ComponentPropsWithoutRef<typeof Menu.Separator>;
+declare const MenubarSeparator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MenubarCheckboxItemProps = ComponentPropsWithoutRef<typeof Menu.CheckboxItem>;
+declare const MenubarCheckboxItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuCheckboxItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type MenubarCheckboxItemIndicatorProps = ComponentPropsWithoutRef<typeof Menu.CheckboxItemIndicator>;
+declare const MenubarCheckboxItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuCheckboxItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type MenubarRadioGroupProps = ComponentPropsWithoutRef<typeof Menu.RadioGroup>;
+declare const MenubarRadioGroup: typeof Menu.RadioGroup;
+type MenubarRadioItemProps = ComponentPropsWithoutRef<typeof Menu.RadioItem>;
+declare const MenubarRadioItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type MenubarRadioItemIndicatorProps = ComponentPropsWithoutRef<typeof Menu.RadioItemIndicator>;
+declare const MenubarRadioItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type MenubarSubmenuRootProps = ComponentPropsWithoutRef<typeof Menu.SubmenuRoot>;
+declare const MenubarSubmenuRoot: typeof Menu.SubmenuRoot;
+type MenubarSubmenuTriggerProps = ComponentPropsWithoutRef<typeof Menu.SubmenuTrigger>;
+declare const MenubarSubmenuTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuSubmenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+declare const Menubar$1: {
+  Root: import("react").ForwardRefExoticComponent<MenubarRootProps & import("react").RefAttributes<HTMLDivElement>>;
+  Menu: typeof MenubarMenu;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  LinkItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuLinkItemProps, "ref"> & import("react").RefAttributes<Element>, "ref"> & import("react").RefAttributes<Element>>;
+  Group: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  GroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Separator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SeparatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  CheckboxItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuCheckboxItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  CheckboxItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuCheckboxItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  RadioGroup: import("react").NamedExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  RadioItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  RadioItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  SubmenuRoot: typeof Menu.SubmenuRoot;
+  SubmenuTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuSubmenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  createHandle: typeof Menu.createHandle;
+};
+//#endregion
+export { Menubar$1 as Menubar, MenubarArrow, MenubarArrowProps, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarCheckboxItemIndicatorProps, MenubarCheckboxItemProps, MenubarGroup, MenubarGroupLabel, MenubarGroupLabelProps, MenubarGroupProps, MenubarItem, MenubarItemProps, MenubarLinkItem, MenubarLinkItemProps, MenubarMenu, MenubarMenuProps, MenubarOrientation, MenubarPopup, MenubarPopupProps, MenubarPortal, MenubarPortalProps, MenubarPositioner, MenubarPositionerProps, MenubarRadioGroup, MenubarRadioGroupProps, MenubarRadioItem, MenubarRadioItemIndicator, MenubarRadioItemIndicatorProps, MenubarRadioItemProps, MenubarRoot, MenubarRootProps, MenubarSeparator, MenubarSeparatorProps, MenubarSubmenuRoot, MenubarSubmenuRootProps, MenubarSubmenuTrigger, MenubarSubmenuTriggerProps, MenubarTrigger, MenubarTriggerProps };
+//# sourceMappingURL=menubar.d.ts.map

package/dist/components/menubar/menubar.js

@@ -0,0 +1,187 @@
+"use client";
+import { withRecipeClassName } from "../base-ui.js";
+import { menubar } from "../../styled-system/recipes/menubar.js";
+import { menu } from "../../styled-system/recipes/menu.js";
+import { createContext, forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+import { Menubar } from "@base-ui/react/menubar";
+//#region src/components/menubar/menubar.tsx
+const MenubarContext = createContext(null);
+function useMenubarContext() {
+	const context = useContext(MenubarContext);
+	if (!context) throw new Error("Menubar parts must be rendered inside Menubar.Root.");
+	return context;
+}
+/**
+* A horizontal or vertical command bar. Each `Menubar.Menu` owns one
+* keyboard-navigable menu while the root coordinates arrow-key movement.
+*/
+const MenubarRoot = forwardRef(function MenubarRoot({ className, orientation = "horizontal", ...props }, ref) {
+	const styles = menubar({ orientation });
+	return /* @__PURE__ */ jsx(MenubarContext.Provider, {
+		value: {
+			orientation,
+			styles
+		},
+		children: /* @__PURE__ */ jsx(Menubar, {
+			...props,
+			ref,
+			orientation,
+			className: withRecipeClassName(styles.root, className),
+			"data-jaci-component": "menubar",
+			"data-orientation": orientation,
+			"data-slot": "menubar"
+		})
+	});
+});
+function MenubarMenu(props) {
+	return /* @__PURE__ */ jsx(Menu.Root, { ...props });
+}
+const MenubarTrigger = forwardRef(function MenubarTrigger({ className, ...props }, ref) {
+	const { styles } = useMenubarContext();
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.trigger, className),
+		"data-jaci-component": "menubar",
+		"data-slot": "menubar-trigger"
+	});
+});
+const MenubarPortal = Menu.Portal;
+const MenubarPositioner = forwardRef(function MenubarPositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.Positioner, {
+		...props,
+		ref,
+		className: withRecipeClassName(menu().positioner, className),
+		"data-slot": "menubar-positioner"
+	});
+});
+const MenubarPopup = forwardRef(function MenubarPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.Popup, {
+		...props,
+		ref,
+		className: withRecipeClassName(menu().popup, className),
+		"data-slot": "menubar-popup"
+	});
+});
+const MenubarArrow = forwardRef(function MenubarArrow({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.Arrow, {
+		...props,
+		ref,
+		className,
+		"data-slot": "menubar-arrow"
+	});
+});
+const MenubarItem = forwardRef(function MenubarItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		...props,
+		ref,
+		className: withRecipeClassName(menu().item, className),
+		"data-slot": "menubar-item"
+	});
+});
+const MenubarLinkItem = forwardRef(function MenubarLinkItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.LinkItem, {
+		...props,
+		ref,
+		className: withRecipeClassName(menu().item, className),
+		"data-slot": "menubar-link-item"
+	});
+});
+const MenubarGroup = forwardRef(function MenubarGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.Group, {
+		...props,
+		ref,
+		className: withRecipeClassName(menu().group, className),
+		"data-slot": "menubar-group"
+	});
+});
+const MenubarGroupLabel = forwardRef(function MenubarGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		...props,
+		ref,
+		className: withRecipeClassName(menu().groupLabel, className),
+		"data-slot": "menubar-group-label"
+	});
+});
+const MenubarSeparator = forwardRef(function MenubarSeparator({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		...props,
+		ref,
+		className: withRecipeClassName(menu().separator, className),
+		"data-slot": "menubar-separator"
+	});
+});
+const MenubarCheckboxItem = forwardRef(function MenubarCheckboxItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.CheckboxItem, {
+		...props,
+		ref,
+		className: withRecipeClassName(menu().item, className),
+		"data-slot": "menubar-checkbox-item"
+	});
+});
+const MenubarCheckboxItemIndicator = forwardRef(function MenubarCheckboxItemIndicator({ children = "✓", className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
+		...props,
+		ref,
+		className,
+		"data-slot": "menubar-checkbox-indicator",
+		"aria-hidden": "true",
+		children
+	});
+});
+const MenubarRadioGroup = Menu.RadioGroup;
+const MenubarRadioItem = forwardRef(function MenubarRadioItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.RadioItem, {
+		...props,
+		ref,
+		className: withRecipeClassName(menu().item, className),
+		"data-slot": "menubar-radio-item"
+	});
+});
+const MenubarRadioItemIndicator = forwardRef(function MenubarRadioItemIndicator({ children = "•", className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
+		...props,
+		ref,
+		className,
+		"data-slot": "menubar-radio-indicator",
+		"aria-hidden": "true",
+		children
+	});
+});
+const MenubarSubmenuRoot = Menu.SubmenuRoot;
+const MenubarSubmenuTrigger = forwardRef(function MenubarSubmenuTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
+		...props,
+		ref,
+		className: withRecipeClassName(menu().item, className),
+		"data-slot": "menubar-submenu-trigger"
+	});
+});
+const Menubar$1 = {
+	Root: MenubarRoot,
+	Menu: MenubarMenu,
+	Trigger: MenubarTrigger,
+	Portal: MenubarPortal,
+	Positioner: MenubarPositioner,
+	Popup: MenubarPopup,
+	Arrow: MenubarArrow,
+	Item: MenubarItem,
+	LinkItem: MenubarLinkItem,
+	Group: MenubarGroup,
+	GroupLabel: MenubarGroupLabel,
+	Separator: MenubarSeparator,
+	CheckboxItem: MenubarCheckboxItem,
+	CheckboxItemIndicator: MenubarCheckboxItemIndicator,
+	RadioGroup: MenubarRadioGroup,
+	RadioItem: MenubarRadioItem,
+	RadioItemIndicator: MenubarRadioItemIndicator,
+	SubmenuRoot: MenubarSubmenuRoot,
+	SubmenuTrigger: MenubarSubmenuTrigger,
+	createHandle: Menu.createHandle
+};
+//#endregion
+export { Menubar$1 as Menubar, MenubarArrow, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarGroup, MenubarGroupLabel, MenubarItem, MenubarLinkItem, MenubarMenu, MenubarPopup, MenubarPortal, MenubarPositioner, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarRoot, MenubarSeparator, MenubarSubmenuRoot, MenubarSubmenuTrigger, MenubarTrigger };
+
+//# sourceMappingURL=menubar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.js","names":["BaseMenubar","BaseMenu","Menubar"],"sources":["../../../src/components/menubar/menubar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Menu as BaseMenu } from \"@base-ui/react/menu\";\nimport { Menubar as BaseMenubar } from \"@base-ui/react/menubar\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { MenuRoot as BaseMenuRoot } from \"@base-ui/react/menu\";\n\nimport { menu, menubar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type MenubarOrientation = \"horizontal\" | \"vertical\";\n\ninterface MenubarContextValue {\n  orientation: MenubarOrientation;\n  styles: ReturnType<typeof menubar>;\n}\n\nconst MenubarContext = createContext<MenubarContextValue | null>(null);\n\nfunction useMenubarContext() {\n  const context = useContext(MenubarContext);\n  if (!context) {\n    throw new Error(\"Menubar parts must be rendered inside Menubar.Root.\");\n  }\n\n  return context;\n}\n\nexport interface MenubarRootProps extends ComponentPropsWithoutRef<typeof BaseMenubar> {\n  orientation?: MenubarOrientation;\n}\n\n/**\n * A horizontal or vertical command bar. Each `Menubar.Menu` owns one\n * keyboard-navigable menu while the root coordinates arrow-key movement.\n */\nexport const MenubarRoot = forwardRef<HTMLDivElement, MenubarRootProps>(function MenubarRoot(\n  { className, orientation = \"horizontal\", ...props },\n  ref,\n) {\n  const styles = menubar({ orientation });\n\n  return (\n    <MenubarContext.Provider value={{ orientation, styles }}>\n      <BaseMenubar\n        {...props}\n        ref={ref}\n        orientation={orientation}\n        className={withRecipeClassName(styles.root, className)}\n        data-jaci-component=\"menubar\"\n        data-orientation={orientation}\n        data-slot=\"menubar\"\n      />\n    </MenubarContext.Provider>\n  );\n});\n\nexport interface MenubarMenuProps<Payload = unknown> extends BaseMenuRoot.Props<Payload> {}\n\nexport function MenubarMenu<Payload = unknown>(props: MenubarMenuProps<Payload>) {\n  return <BaseMenu.Root {...props} />;\n}\n\nexport type MenubarTriggerProps = ComponentPropsWithoutRef<typeof BaseMenu.Trigger>;\n\nexport const MenubarTrigger = forwardRef<HTMLButtonElement, MenubarTriggerProps>(\n  function MenubarTrigger({ className, ...props }, ref) {\n    const { styles } = useMenubarContext();\n\n    return (\n      <BaseMenu.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-jaci-component=\"menubar\"\n        data-slot=\"menubar-trigger\"\n      />\n    );\n  },\n);\n\nexport type MenubarPortalProps = ComponentPropsWithoutRef<typeof BaseMenu.Portal>;\nexport const MenubarPortal: typeof BaseMenu.Portal = BaseMenu.Portal;\n\nexport type MenubarPositionerProps = ComponentPropsWithoutRef<typeof BaseMenu.Positioner>;\n\nexport const MenubarPositioner = forwardRef<HTMLDivElement, MenubarPositionerProps>(\n  function MenubarPositioner({ className, ...props }, ref) {\n    return (\n      <BaseMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().positioner, className)}\n        data-slot=\"menubar-positioner\"\n      />\n    );\n  },\n);\n\nexport type MenubarPopupProps = ComponentPropsWithoutRef<typeof BaseMenu.Popup>;\n\nexport const MenubarPopup = forwardRef<HTMLDivElement, MenubarPopupProps>(function MenubarPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().popup, className)}\n      data-slot=\"menubar-popup\"\n    />\n  );\n});\n\nexport type MenubarArrowProps = ComponentPropsWithoutRef<typeof BaseMenu.Arrow>;\n\nexport const MenubarArrow = forwardRef<HTMLDivElement, MenubarArrowProps>(function MenubarArrow(\n  { className, ...props },\n  ref,\n) {\n  return <BaseMenu.Arrow {...props} ref={ref} className={className} data-slot=\"menubar-arrow\" />;\n});\n\nexport type MenubarItemProps = ComponentPropsWithoutRef<typeof BaseMenu.Item>;\n\nexport const MenubarItem = forwardRef<HTMLElement, MenubarItemProps>(function MenubarItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menubar-item\"\n    />\n  );\n});\n\nexport type MenubarLinkItemProps = ComponentPropsWithoutRef<typeof BaseMenu.LinkItem>;\n\nexport const MenubarLinkItem = forwardRef<Element, MenubarLinkItemProps>(function MenubarLinkItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.LinkItem\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().item, className)}\n      data-slot=\"menubar-link-item\"\n    />\n  );\n});\n\nexport type MenubarGroupProps = ComponentPropsWithoutRef<typeof BaseMenu.Group>;\n\nexport const MenubarGroup = forwardRef<HTMLDivElement, MenubarGroupProps>(function MenubarGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseMenu.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(menu().group, className)}\n      data-slot=\"menubar-group\"\n    />\n  );\n});\n\nexport type MenubarGroupLabelProps = ComponentPropsWithoutRef<typeof BaseMenu.GroupLabel>;\n\nexport const MenubarGroupLabel = forwardRef<HTMLDivElement, MenubarGroupLabelProps>(\n  function MenubarGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseMenu.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().groupLabel, className)}\n        data-slot=\"menubar-group-label\"\n      />\n    );\n  },\n);\n\nexport type MenubarSeparatorProps = ComponentPropsWithoutRef<typeof BaseMenu.Separator>;\n\nexport const MenubarSeparator = forwardRef<HTMLDivElement, MenubarSeparatorProps>(\n  function MenubarSeparator({ className, ...props }, ref) {\n    return (\n      <BaseMenu.Separator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().separator, className)}\n        data-slot=\"menubar-separator\"\n      />\n    );\n  },\n);\n\nexport type MenubarCheckboxItemProps = ComponentPropsWithoutRef<typeof BaseMenu.CheckboxItem>;\n\nexport const MenubarCheckboxItem = forwardRef<HTMLElement, MenubarCheckboxItemProps>(\n  function MenubarCheckboxItem({ className, ...props }, ref) {\n    return (\n      <BaseMenu.CheckboxItem\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"menubar-checkbox-item\"\n      />\n    );\n  },\n);\n\nexport type MenubarCheckboxItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseMenu.CheckboxItemIndicator\n>;\n\nexport const MenubarCheckboxItemIndicator = forwardRef<\n  HTMLSpanElement,\n  MenubarCheckboxItemIndicatorProps\n>(function MenubarCheckboxItemIndicator({ children = \"✓\", className, ...props }, ref) {\n  return (\n    <BaseMenu.CheckboxItemIndicator\n      {...props}\n      ref={ref}\n      className={className}\n      data-slot=\"menubar-checkbox-indicator\"\n      aria-hidden=\"true\"\n    >\n      {children}\n    </BaseMenu.CheckboxItemIndicator>\n  );\n});\n\nexport type MenubarRadioGroupProps = ComponentPropsWithoutRef<typeof BaseMenu.RadioGroup>;\nexport const MenubarRadioGroup: typeof BaseMenu.RadioGroup = BaseMenu.RadioGroup;\n\nexport type MenubarRadioItemProps = ComponentPropsWithoutRef<typeof BaseMenu.RadioItem>;\n\nexport const MenubarRadioItem = forwardRef<HTMLElement, MenubarRadioItemProps>(\n  function MenubarRadioItem({ className, ...props }, ref) {\n    return (\n      <BaseMenu.RadioItem\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"menubar-radio-item\"\n      />\n    );\n  },\n);\n\nexport type MenubarRadioItemIndicatorProps = ComponentPropsWithoutRef<\n  typeof BaseMenu.RadioItemIndicator\n>;\n\nexport const MenubarRadioItemIndicator = forwardRef<\n  HTMLSpanElement,\n  MenubarRadioItemIndicatorProps\n>(function MenubarRadioItemIndicator({ children = \"•\", className, ...props }, ref) {\n  return (\n    <BaseMenu.RadioItemIndicator\n      {...props}\n      ref={ref}\n      className={className}\n      data-slot=\"menubar-radio-indicator\"\n      aria-hidden=\"true\"\n    >\n      {children}\n    </BaseMenu.RadioItemIndicator>\n  );\n});\n\nexport type MenubarSubmenuRootProps = ComponentPropsWithoutRef<typeof BaseMenu.SubmenuRoot>;\nexport const MenubarSubmenuRoot: typeof BaseMenu.SubmenuRoot = BaseMenu.SubmenuRoot;\n\nexport type MenubarSubmenuTriggerProps = ComponentPropsWithoutRef<typeof BaseMenu.SubmenuTrigger>;\n\nexport const MenubarSubmenuTrigger = forwardRef<HTMLElement, MenubarSubmenuTriggerProps>(\n  function MenubarSubmenuTrigger({ className, ...props }, ref) {\n    return (\n      <BaseMenu.SubmenuTrigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(menu().item, className)}\n        data-slot=\"menubar-submenu-trigger\"\n      />\n    );\n  },\n);\n\nexport const Menubar = {\n  Root: MenubarRoot,\n  Menu: MenubarMenu,\n  Trigger: MenubarTrigger,\n  Portal: MenubarPortal,\n  Positioner: MenubarPositioner,\n  Popup: MenubarPopup,\n  Arrow: MenubarArrow,\n  Item: MenubarItem,\n  LinkItem: MenubarLinkItem,\n  Group: MenubarGroup,\n  GroupLabel: MenubarGroupLabel,\n  Separator: MenubarSeparator,\n  CheckboxItem: MenubarCheckboxItem,\n  CheckboxItemIndicator: MenubarCheckboxItemIndicator,\n  RadioGroup: MenubarRadioGroup,\n  RadioItem: MenubarRadioItem,\n  RadioItemIndicator: MenubarRadioItemIndicator,\n  SubmenuRoot: MenubarSubmenuRoot,\n  SubmenuTrigger: MenubarSubmenuTrigger,\n  createHandle: BaseMenu.createHandle,\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { Meter, MeterIndicator, MeterIndicatorProps, MeterLabel, MeterLabelProps, MeterRoot, MeterRootProps, MeterSize, MeterTone, MeterTrack, MeterTrackProps, MeterValue, MeterValueProps } from "./meter.cjs";
+export { Meter, MeterIndicator, type MeterIndicatorProps, MeterLabel, type MeterLabelProps, MeterRoot, type MeterRootProps, type MeterSize, type MeterTone, MeterTrack, type MeterTrackProps, MeterValue, type MeterValueProps };

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

@@ -0,0 +1,2 @@
+import { Meter, MeterIndicator, MeterIndicatorProps, MeterLabel, MeterLabelProps, MeterRoot, MeterRootProps, MeterSize, MeterTone, MeterTrack, MeterTrackProps, MeterValue, MeterValueProps } from "./meter.js";
+export { Meter, MeterIndicator, type MeterIndicatorProps, MeterLabel, type MeterLabelProps, MeterRoot, type MeterRootProps, type MeterSize, type MeterTone, MeterTrack, type MeterTrackProps, MeterValue, type MeterValueProps };

package/dist/components/meter/meter.cjs

@@ -0,0 +1,91 @@
+const require_base_ui = require("../base-ui.cjs");
+const require_meter = require("../../styled-system/recipes/meter.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_meter = require("@base-ui/react/meter");
+//#region src/components/meter/meter.tsx
+const MeterContext = (0, react.createContext)(null);
+function useMeterContext() {
+	const context = (0, react.useContext)(MeterContext);
+	if (!context) throw new Error("Meter parts must be rendered inside Meter.Root.");
+	return context;
+}
+const MeterRoot = (0, react.forwardRef)(function MeterRoot({ children, className, size = "md", tone = "accent", value, min = 0, max = 100, ...props }, ref) {
+	const styles = require_meter.meter({
+		size,
+		tone
+	});
+	const safeMax = Number.isFinite(max) && max > min ? max : min + 1;
+	const safeValue = Number.isFinite(value) ? Math.min(Math.max(value, min), safeMax) : min;
+	const percentage = (safeValue - min) / (safeMax - min) * 100;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MeterContext.Provider, {
+		value: { styles },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_meter.Meter.Root, {
+			...props,
+			ref,
+			max: safeMax,
+			min,
+			value: safeValue,
+			className: require_base_ui.withRecipeClassName(styles.root, className),
+			"data-jaci-component": "meter",
+			"data-slot": "meter",
+			style: {
+				"--meter-value": `${percentage}%`,
+				...props.style
+			},
+			children
+		})
+	});
+});
+const MeterLabel = (0, react.forwardRef)(function MeterLabel({ className, ...props }, ref) {
+	const { styles } = useMeterContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_meter.Meter.Label, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.label, className),
+		"data-slot": "meter-label"
+	});
+});
+const MeterTrack = (0, react.forwardRef)(function MeterTrack({ className, ...props }, ref) {
+	const { styles } = useMeterContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_meter.Meter.Track, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.track, className),
+		"data-slot": "meter-track"
+	});
+});
+const MeterIndicator = (0, react.forwardRef)(function MeterIndicator({ className, ...props }, ref) {
+	const { styles } = useMeterContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_meter.Meter.Indicator, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.indicator, className),
+		"data-slot": "meter-indicator"
+	});
+});
+const MeterValue = (0, react.forwardRef)(function MeterValue({ className, ...props }, ref) {
+	const { styles } = useMeterContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_meter.Meter.Value, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.value, className),
+		"data-slot": "meter-value"
+	});
+});
+const Meter = {
+	Root: MeterRoot,
+	Label: MeterLabel,
+	Track: MeterTrack,
+	Indicator: MeterIndicator,
+	Value: MeterValue
+};
+//#endregion
+exports.Meter = Meter;
+exports.MeterIndicator = MeterIndicator;
+exports.MeterLabel = MeterLabel;
+exports.MeterRoot = MeterRoot;
+exports.MeterTrack = MeterTrack;
+exports.MeterValue = MeterValue;
+
+//# sourceMappingURL=meter.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meter.cjs","names":["meter","BaseMeter","withRecipeClassName"],"sources":["../../../src/components/meter/meter.tsx"],"sourcesContent":["import { Meter as BaseMeter } from \"@base-ui/react/meter\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { CSSProperties, ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { meter } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type MeterSize = \"sm\" | \"md\" | \"lg\";\nexport type MeterTone = \"neutral\" | \"accent\" | \"success\" | \"warning\" | \"danger\";\n\ninterface MeterContextValue {\n  styles: ReturnType<typeof meter>;\n}\n\nconst MeterContext = createContext<MeterContextValue | null>(null);\n\nfunction useMeterContext() {\n  const context = useContext(MeterContext);\n  if (!context) {\n    throw new Error(\"Meter parts must be rendered inside Meter.Root.\");\n  }\n\n  return context;\n}\n\nexport interface MeterRootProps extends Omit<BaseMeter.Root.Props, \"children\" | \"className\"> {\n  size?: MeterSize;\n  tone?: MeterTone;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport const MeterRoot = forwardRef<HTMLDivElement, MeterRootProps>(function MeterRoot(\n  { children, className, size = \"md\", tone = \"accent\", value, min = 0, max = 100, ...props },\n  ref,\n) {\n  const styles = meter({ size, tone });\n  const safeMax = Number.isFinite(max) && max > min ? max : min + 1;\n  const safeValue = Number.isFinite(value) ? Math.min(Math.max(value, min), safeMax) : min;\n  const percentage = ((safeValue - min) / (safeMax - min)) * 100;\n\n  return (\n    <MeterContext.Provider value={{ styles }}>\n      <BaseMeter.Root\n        {...props}\n        ref={ref}\n        max={safeMax}\n        min={min}\n        value={safeValue}\n        className={withRecipeClassName(styles.root, className)}\n        data-jaci-component=\"meter\"\n        data-slot=\"meter\"\n        style={{ \"--meter-value\": `${percentage}%`, ...props.style } as unknown as CSSProperties}\n      >\n        {children}\n      </BaseMeter.Root>\n    </MeterContext.Provider>\n  );\n});\n\nexport type MeterLabelProps = ComponentPropsWithoutRef<typeof BaseMeter.Label>;\nexport const MeterLabel = forwardRef<HTMLSpanElement, MeterLabelProps>(function MeterLabel(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useMeterContext();\n  return (\n    <BaseMeter.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(styles.label, className)}\n      data-slot=\"meter-label\"\n    />\n  );\n});\n\nexport type MeterTrackProps = ComponentPropsWithoutRef<typeof BaseMeter.Track>;\nexport const MeterTrack = forwardRef<HTMLDivElement, MeterTrackProps>(function MeterTrack(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useMeterContext();\n  return (\n    <BaseMeter.Track\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(styles.track, className)}\n      data-slot=\"meter-track\"\n    />\n  );\n});\n\nexport type MeterIndicatorProps = ComponentPropsWithoutRef<typeof BaseMeter.Indicator>;\nexport const MeterIndicator = forwardRef<HTMLDivElement, MeterIndicatorProps>(\n  function MeterIndicator({ className, ...props }, ref) {\n    const { styles } = useMeterContext();\n    return (\n      <BaseMeter.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.indicator, className)}\n        data-slot=\"meter-indicator\"\n      />\n    );\n  },\n);\n\nexport type MeterValueProps = ComponentPropsWithoutRef<typeof BaseMeter.Value>;\nexport const MeterValue = forwardRef<HTMLSpanElement, MeterValueProps>(function MeterValue(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useMeterContext();\n  return (\n    <BaseMeter.Value\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(styles.value, className)}\n      data-slot=\"meter-value\"\n    />\n  );\n});\n\nexport const Meter = {\n  Root: MeterRoot,\n  Label: MeterLabel,\n  Track: MeterTrack,\n  Indicator: MeterIndicator,\n  Value: MeterValue,\n};\n"],"mappings":";;;;;;AAcA,MAAM,gBAAA,GAAA,MAAA,cAAA,CAAuD,IAAI;AAEjE,SAAS,kBAAkB;CACzB,MAAM,WAAA,GAAA,MAAA,WAAA,CAAqB,YAAY;CACvC,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,iDAAiD;CAGnE,OAAO;AACT;AASA,MAAa,aAAA,GAAA,MAAA,WAAA,CAAuD,SAAS,UAC3E,EAAE,UAAU,WAAW,OAAO,MAAM,OAAO,UAAU,OAAO,MAAM,GAAG,MAAM,KAAK,GAAG,SACnF,KACA;CACA,MAAM,SAASA,cAAAA,MAAM;EAAE;EAAM;CAAK,CAAC;CACnC,MAAM,UAAU,OAAO,SAAS,GAAG,KAAK,MAAM,MAAM,MAAM,MAAM;CAChE,MAAM,YAAY,OAAO,SAAS,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,OAAO,IAAI;CACrF,MAAM,cAAe,YAAY,QAAQ,UAAU,OAAQ;CAE3D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAa,UAAd;EAAuB,OAAO,EAAE,OAAO;YACrC,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,MAAU,MAAX;GACE,GAAI;GACC;GACL,KAAK;GACA;GACL,OAAO;GACP,WAAWC,gBAAAA,oBAAoB,OAAO,MAAM,SAAS;GACrD,uBAAoB;GACpB,aAAU;GACV,OAAO;IAAE,iBAAiB,GAAG,WAAW;IAAI,GAAG,MAAM;GAAM;GAE1D;EACa,CAAA;CACK,CAAA;AAE3B,CAAC;AAGD,MAAa,cAAA,GAAA,MAAA,WAAA,CAA0D,SAAS,WAC9E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,MAAM,EAAE,WAAW,gBAAgB;CACnC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,qBAAAA,MAAU,OAAX;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,OAAO,SAAS;EACtD,aAAU;CACX,CAAA;AAEL,CAAC;AAGD,MAAa,cAAA,GAAA,MAAA,WAAA,CAAyD,SAAS,WAC7E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,MAAM,EAAE,WAAW,gBAAgB;CACnC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,qBAAAA,MAAU,OAAX;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,OAAO,SAAS;EACtD,aAAU;CACX,CAAA;AAEL,CAAC;AAGD,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,MAAM,EAAE,WAAW,gBAAgB;CACnC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,qBAAAA,MAAU,WAAX;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,WAAW,SAAS;EAC1D,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,cAAA,GAAA,MAAA,WAAA,CAA0D,SAAS,WAC9E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,MAAM,EAAE,WAAW,gBAAgB;CACnC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,qBAAAA,MAAU,OAAX;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,OAAO,SAAS;EACtD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,QAAQ;CACnB,MAAM;CACN,OAAO;CACP,OAAO;CACP,WAAW;CACX,OAAO;AACT"}

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

@@ -0,0 +1,30 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Meter } from "@base-ui/react/meter";
+//#region src/components/meter/meter.d.ts
+type MeterSize = "sm" | "md" | "lg";
+type MeterTone = "neutral" | "accent" | "success" | "warning" | "danger";
+interface MeterRootProps extends Omit<Meter.Root.Props, "children" | "className"> {
+  size?: MeterSize;
+  tone?: MeterTone;
+  children?: ReactNode;
+  className?: string;
+}
+declare const MeterRoot: import("react").ForwardRefExoticComponent<Omit<MeterRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MeterLabelProps = ComponentPropsWithoutRef<typeof Meter.Label>;
+declare const MeterLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type MeterTrackProps = ComponentPropsWithoutRef<typeof Meter.Track>;
+declare const MeterTrack: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MeterIndicatorProps = ComponentPropsWithoutRef<typeof Meter.Indicator>;
+declare const MeterIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MeterValueProps = ComponentPropsWithoutRef<typeof Meter.Value>;
+declare const MeterValue: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Meter$1: {
+  Root: import("react").ForwardRefExoticComponent<Omit<MeterRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Track: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Value: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { Meter$1 as Meter, MeterIndicator, MeterIndicatorProps, MeterLabel, MeterLabelProps, MeterRoot, MeterRootProps, MeterSize, MeterTone, MeterTrack, MeterTrackProps, MeterValue, MeterValueProps };
+//# sourceMappingURL=meter.d.cts.map

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

@@ -0,0 +1,30 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Meter } from "@base-ui/react/meter";
+//#region src/components/meter/meter.d.ts
+type MeterSize = "sm" | "md" | "lg";
+type MeterTone = "neutral" | "accent" | "success" | "warning" | "danger";
+interface MeterRootProps extends Omit<Meter.Root.Props, "children" | "className"> {
+  size?: MeterSize;
+  tone?: MeterTone;
+  children?: ReactNode;
+  className?: string;
+}
+declare const MeterRoot: import("react").ForwardRefExoticComponent<Omit<MeterRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MeterLabelProps = ComponentPropsWithoutRef<typeof Meter.Label>;
+declare const MeterLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type MeterTrackProps = ComponentPropsWithoutRef<typeof Meter.Track>;
+declare const MeterTrack: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MeterIndicatorProps = ComponentPropsWithoutRef<typeof Meter.Indicator>;
+declare const MeterIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type MeterValueProps = ComponentPropsWithoutRef<typeof Meter.Value>;
+declare const MeterValue: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Meter$1: {
+  Root: import("react").ForwardRefExoticComponent<Omit<MeterRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterLabelProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Track: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Value: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { Meter$1 as Meter, MeterIndicator, MeterIndicatorProps, MeterLabel, MeterLabelProps, MeterRoot, MeterRootProps, MeterSize, MeterTone, MeterTrack, MeterTrackProps, MeterValue, MeterValueProps };
+//# sourceMappingURL=meter.d.ts.map