@nattstack/ui 0.0.98 → 0.0.100

package/dist/components/index.d.ts

@@ -21,21 +21,19 @@ import { DialogResponsiveTrigger, DialogResponsiveTriggerProps } from "./dialog-
 import { IconButton, IconButtonProps, iconButton } from "./icon-button/icon-button.js";
 import { Input, InputProps, inputVariants } from "./input/input.js";
 import { Label, LabelProps, labelVariants } from "./label/label.js";
-import { Menu, MenuProps, createMenuHandle } from "./menu/menu.js";
-import { MenuCheckboxItem, MenuCheckboxItemProps } from "./menu/menu-checkbox-item.js";
-import { MENU_CLASS_NAME } from "./menu/menu-class-names.js";
-import { MenuContent, MenuContentProps } from "./menu/menu-content.js";
-import { MenuGroup, MenuGroupProps } from "./menu/menu-group.js";
-import { MenuGroupLabel, MenuGroupLabelProps } from "./menu/menu-group-label.js";
-import { MenuItem, MenuItemProps } from "./menu/menu-item.js";
-import { MenuLinkItem, MenuLinkItemProps } from "./menu/menu-link-item.js";
-import { MenuRadioGroup, MenuRadioGroupProps } from "./menu/menu-radio-group.js";
-import { MenuRadioItem, MenuRadioItemProps } from "./menu/menu-radio-item.js";
-import { MenuSeparator, MenuSeparatorProps } from "./menu/menu-separator.js";
+import { Menu, MenuProps } from "./menu/menu.js";
+import { MenuCheckboxItem, MenuCheckboxItemProps, menuCheckboxItemVariants } from "./menu/menu-checkbox-item.js";
+import { MenuContent, MenuContentProps, menuContentVariants } from "./menu/menu-content.js";
+import { MenuGroup, MenuGroupProps, menuGroupVariants } from "./menu/menu-group.js";
+import { MenuGroupLabel, MenuGroupLabelProps, menuGroupLabelVariants } from "./menu/menu-group-label.js";
+import { MenuItem, MenuItemProps, menuItemVariants } from "./menu/menu-item.js";
+import { MenuLinkItem, MenuLinkItemProps, menuLinkItemVariants } from "./menu/menu-link-item.js";
+import { MenuRadioGroup, MenuRadioGroupProps, menuRadioGroupVariants } from "./menu/menu-radio-group.js";
+import { MenuRadioItem, MenuRadioItemProps, menuRadioItemVariants } from "./menu/menu-radio-item.js";
+import { MenuSeparator, MenuSeparatorProps, menuSeparatorVariants } from "./menu/menu-separator.js";
 import { MenuSubmenu, MenuSubmenuProps } from "./menu/menu-submenu.js";
-import { MenuSubmenuTrigger, MenuSubmenuTriggerProps } from "./menu/menu-submenu-trigger.js";
+import { MenuSubmenuTrigger, MenuSubmenuTriggerProps, menuSubmenuTriggerVariants } from "./menu/menu-submenu-trigger.js";
 import { MenuTrigger, MenuTriggerProps } from "./menu/menu-trigger.js";
-import { MenuViewport, MenuViewportProps } from "./menu/menu-viewport.js";
 import { OTPField, otpFieldVariants } from "./otp-field/otp-field.js";
 import { OTPFieldInput, otpFieldInputVariants } from "./otp-field/otp-field-input.js";
 import { Row, RowProps, rowVariants } from "./row/row.js";
@@ -64,4 +62,4 @@ import { Tooltip, TooltipProps } from "./tooltip/tooltip.js";
 import { TooltipPopup, TooltipPopupProps, tooltipPopupVariants } from "./tooltip/tooltip-popup.js";
 import { TooltipProvider, TooltipProviderProps } from "./tooltip/tooltip-provider.js";
 import { TooltipTrigger, TooltipTriggerProps } from "./tooltip/tooltip-trigger.js";
-export { Button, ButtonLink, ButtonLinkProps, ButtonProps, Checkbox, CheckboxProps, Column, ColumnProps, Combobox, ComboboxCollection, ComboboxCollectionProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxSearch, ComboboxSearchProps, ComboboxSeparator, ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps, DialogResponsive, DialogResponsivePopup, DialogResponsivePopupProps, DialogResponsiveProps, DialogResponsiveTrigger, DialogResponsiveTriggerProps, IconButton, IconButtonProps, Input, InputProps, Label, LabelProps, MENU_CLASS_NAME, Menu, MenuCheckboxItem, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemProps, MenuLinkItem, MenuLinkItemProps, MenuProps, MenuRadioGroup, MenuRadioGroupProps, MenuRadioItem, MenuRadioItemProps, MenuSeparator, MenuSeparatorProps, MenuSubmenu, MenuSubmenuProps, MenuSubmenuTrigger, MenuSubmenuTriggerProps, MenuTrigger, MenuTriggerProps, MenuViewport, MenuViewportProps, OTPField, OTPFieldInput, Row, RowProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectItem, SelectItemProps, SelectProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, Spacer, SpacerProps, Switch, SwitchProps, Tabs, TabsPanel, TabsPanelProps, TabsPillList, TabsPillListProps, TabsPillTab, TabsPillTabProps, TabsProps, TabsSegmentedList, TabsSegmentedListProps, TabsSegmentedTab, TabsSegmentedTabProps, TabsUnderlineList, TabsUnderlineListProps, TabsUnderlineTab, TabsUnderlineTabProps, Textarea, TextareaProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipPopup, TooltipPopupProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps, button, checkboxVariants, columnVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxGroupLabelVariants, comboboxGroupVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxSearchVariants, comboboxSeparatorVariants, comboboxTriggerVariants, comboboxValueVariants, createMenuHandle, dialogResponsivePopupVariants, iconButton, inputVariants, labelVariants, otpFieldInputVariants, otpFieldVariants, rowVariants, selectContentVariants, selectGroupLabelVariants, selectGroupVariants, selectItemVariants, selectSeparatorVariants, selectTriggerVariants, selectValueVariants, spacerVariants, switchVariants, tabsPanelVariants, tabsPillListVariants, tabsPillTabVariants, tabsSegmentedListVariants, tabsSegmentedTabVariants, tabsUnderlineListVariants, tabsUnderlineTabVariants, tabsVariants, textareaVariants, toggleGroupItemVariants, toggleGroupVariants, tooltipPopupVariants };
+export { Button, ButtonLink, ButtonLinkProps, ButtonProps, Checkbox, CheckboxProps, Column, ColumnProps, Combobox, ComboboxCollection, ComboboxCollectionProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxSearch, ComboboxSearchProps, ComboboxSeparator, ComboboxSeparatorProps, ComboboxTrigger, ComboboxTriggerProps, ComboboxValue, ComboboxValueProps, DialogResponsive, DialogResponsivePopup, DialogResponsivePopupProps, DialogResponsiveProps, DialogResponsiveTrigger, DialogResponsiveTriggerProps, IconButton, IconButtonProps, Input, InputProps, Label, LabelProps, Menu, MenuCheckboxItem, MenuCheckboxItemProps, MenuContent, MenuContentProps, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemProps, MenuLinkItem, MenuLinkItemProps, MenuProps, MenuRadioGroup, MenuRadioGroupProps, MenuRadioItem, MenuRadioItemProps, MenuSeparator, MenuSeparatorProps, MenuSubmenu, MenuSubmenuProps, MenuSubmenuTrigger, MenuSubmenuTriggerProps, MenuTrigger, MenuTriggerProps, OTPField, OTPFieldInput, Row, RowProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectItem, SelectItemProps, SelectProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps, Spacer, SpacerProps, Switch, SwitchProps, Tabs, TabsPanel, TabsPanelProps, TabsPillList, TabsPillListProps, TabsPillTab, TabsPillTabProps, TabsProps, TabsSegmentedList, TabsSegmentedListProps, TabsSegmentedTab, TabsSegmentedTabProps, TabsUnderlineList, TabsUnderlineListProps, TabsUnderlineTab, TabsUnderlineTabProps, Textarea, TextareaProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipPopup, TooltipPopupProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps, button, checkboxVariants, columnVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxGroupLabelVariants, comboboxGroupVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxSearchVariants, comboboxSeparatorVariants, comboboxTriggerVariants, comboboxValueVariants, dialogResponsivePopupVariants, iconButton, inputVariants, labelVariants, menuCheckboxItemVariants, menuContentVariants, menuGroupLabelVariants, menuGroupVariants, menuItemVariants, menuLinkItemVariants, menuRadioGroupVariants, menuRadioItemVariants, menuSeparatorVariants, menuSubmenuTriggerVariants, otpFieldInputVariants, otpFieldVariants, rowVariants, selectContentVariants, selectGroupLabelVariants, selectGroupVariants, selectItemVariants, selectSeparatorVariants, selectTriggerVariants, selectValueVariants, spacerVariants, switchVariants, tabsPanelVariants, tabsPillListVariants, tabsPillTabVariants, tabsSegmentedListVariants, tabsSegmentedTabVariants, tabsUnderlineListVariants, tabsUnderlineTabVariants, tabsVariants, textareaVariants, toggleGroupItemVariants, toggleGroupVariants, tooltipPopupVariants };

package/dist/components/index.js

@@ -21,21 +21,19 @@ import { DialogResponsiveTrigger } from "./dialog-responsive/dialog-responsive-t
 import { IconButton, iconButton } from "./icon-button/icon-button.js";
 import { Input, inputVariants } from "./input/input.js";
 import { Label, labelVariants } from "./label/label.js";
-import { Menu, createMenuHandle } from "./menu/menu.js";
-import { MENU_CLASS_NAME } from "./menu/menu-class-names.js";
-import { MenuCheckboxItem } from "./menu/menu-checkbox-item.js";
-import { MenuContent } from "./menu/menu-content.js";
-import { MenuGroup } from "./menu/menu-group.js";
-import { MenuGroupLabel } from "./menu/menu-group-label.js";
-import { MenuItem } from "./menu/menu-item.js";
-import { MenuLinkItem } from "./menu/menu-link-item.js";
-import { MenuRadioGroup } from "./menu/menu-radio-group.js";
-import { MenuRadioItem } from "./menu/menu-radio-item.js";
-import { MenuSeparator } from "./menu/menu-separator.js";
+import { Menu } from "./menu/menu.js";
+import { MenuCheckboxItem, menuCheckboxItemVariants } from "./menu/menu-checkbox-item.js";
+import { MenuContent, menuContentVariants } from "./menu/menu-content.js";
+import { MenuGroup, menuGroupVariants } from "./menu/menu-group.js";
+import { MenuGroupLabel, menuGroupLabelVariants } from "./menu/menu-group-label.js";
+import { MenuItem, menuItemVariants } from "./menu/menu-item.js";
+import { MenuLinkItem, menuLinkItemVariants } from "./menu/menu-link-item.js";
+import { MenuRadioGroup, menuRadioGroupVariants } from "./menu/menu-radio-group.js";
+import { MenuRadioItem, menuRadioItemVariants } from "./menu/menu-radio-item.js";
+import { MenuSeparator, menuSeparatorVariants } from "./menu/menu-separator.js";
 import { MenuSubmenu } from "./menu/menu-submenu.js";
-import { MenuSubmenuTrigger } from "./menu/menu-submenu-trigger.js";
+import { MenuSubmenuTrigger, menuSubmenuTriggerVariants } from "./menu/menu-submenu-trigger.js";
 import { MenuTrigger } from "./menu/menu-trigger.js";
-import { MenuViewport } from "./menu/menu-viewport.js";
 import { OTPField, otpFieldVariants } from "./otp-field/otp-field.js";
 import { OTPFieldInput, otpFieldInputVariants } from "./otp-field/otp-field-input.js";
 import { Row, rowVariants } from "./row/row.js";
@@ -64,4 +62,4 @@ import { Tooltip } from "./tooltip/tooltip.js";
 import { TooltipPopup, tooltipPopupVariants } from "./tooltip/tooltip-popup.js";
 import { TooltipProvider } from "./tooltip/tooltip-provider.js";
 import { TooltipTrigger } from "./tooltip/tooltip-trigger.js";
-export { Button, ButtonLink, Checkbox, Column, Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSearch, ComboboxSeparator, ComboboxTrigger, ComboboxValue, DialogResponsive, DialogResponsivePopup, DialogResponsiveTrigger, IconButton, Input, Label, MENU_CLASS_NAME, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, MenuViewport, OTPField, OTPFieldInput, Row, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Spacer, Switch, Tabs, TabsPanel, TabsPillList, TabsPillTab, TabsSegmentedList, TabsSegmentedTab, TabsUnderlineList, TabsUnderlineTab, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, button, checkboxVariants, columnVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxGroupLabelVariants, comboboxGroupVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxSearchVariants, comboboxSeparatorVariants, comboboxTriggerVariants, comboboxValueVariants, createMenuHandle, dialogResponsivePopupVariants, iconButton, inputVariants, labelVariants, otpFieldInputVariants, otpFieldVariants, rowVariants, selectContentVariants, selectGroupLabelVariants, selectGroupVariants, selectItemVariants, selectSeparatorVariants, selectTriggerVariants, selectValueVariants, spacerVariants, switchVariants, tabsPanelVariants, tabsPillListVariants, tabsPillTabVariants, tabsSegmentedListVariants, tabsSegmentedTabVariants, tabsUnderlineListVariants, tabsUnderlineTabVariants, tabsVariants, textareaVariants, toggleGroupItemVariants, toggleGroupVariants, tooltipPopupVariants };
+export { Button, ButtonLink, Checkbox, Column, Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSearch, ComboboxSeparator, ComboboxTrigger, ComboboxValue, DialogResponsive, DialogResponsivePopup, DialogResponsiveTrigger, IconButton, Input, Label, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, OTPField, OTPFieldInput, Row, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Spacer, Switch, Tabs, TabsPanel, TabsPillList, TabsPillTab, TabsSegmentedList, TabsSegmentedTab, TabsUnderlineList, TabsUnderlineTab, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, button, checkboxVariants, columnVariants, comboboxContentVariants, comboboxEmptyVariants, comboboxGroupLabelVariants, comboboxGroupVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxSearchVariants, comboboxSeparatorVariants, comboboxTriggerVariants, comboboxValueVariants, dialogResponsivePopupVariants, iconButton, inputVariants, labelVariants, menuCheckboxItemVariants, menuContentVariants, menuGroupLabelVariants, menuGroupVariants, menuItemVariants, menuLinkItemVariants, menuRadioGroupVariants, menuRadioItemVariants, menuSeparatorVariants, menuSubmenuTriggerVariants, otpFieldInputVariants, otpFieldVariants, rowVariants, selectContentVariants, selectGroupLabelVariants, selectGroupVariants, selectItemVariants, selectSeparatorVariants, selectTriggerVariants, selectValueVariants, spacerVariants, switchVariants, tabsPanelVariants, tabsPillListVariants, tabsPillTabVariants, tabsSegmentedListVariants, tabsSegmentedTabVariants, tabsUnderlineListVariants, tabsUnderlineTabVariants, tabsVariants, textareaVariants, toggleGroupItemVariants, toggleGroupVariants, tooltipPopupVariants };

package/dist/components/menu/menu-checkbox-item.d.ts

@@ -1,14 +1,13 @@
 import { Menu } from "@base-ui/react";
-import { JSX, ReactNode } from "react";
+import { JSX } from "react";
 //#region src/components/menu/menu-checkbox-item.d.ts
 interface MenuCheckboxItemProps extends Omit<Menu.CheckboxItem.Props, "checked" | "className" | "defaultChecked" | "disabled"> {
   className?: string;
-  iconEnd?: ReactNode;
-  indicator?: ReactNode;
   isChecked?: Menu.CheckboxItem.Props["checked"];
   isDefaultChecked?: Menu.CheckboxItem.Props["defaultChecked"];
   isDisabled?: Menu.CheckboxItem.Props["disabled"];
 }
 declare function MenuCheckboxItem(props: MenuCheckboxItemProps): JSX.Element;
+declare const menuCheckboxItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuCheckboxItem, MenuCheckboxItemProps };
+export { MenuCheckboxItem, MenuCheckboxItemProps, menuCheckboxItemVariants };

package/dist/components/menu/menu-checkbox-item.js

@@ -1,25 +1,11 @@
-import { MENU_CLASS_NAME } from "./menu-class-names.js";
-import { cx } from "class-variance-authority";
+import picker_item_module_default from "../picker/picker-item.module.js";
+import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-checkbox-item.tsx
 function MenuCheckboxItem(props) {
-	const { children, className: customClassName = "", iconEnd = void 0, indicator = void 0, isChecked = void 0, isDefaultChecked = false, isDisabled = false, ...rest } = props;
-	const combinedClassName = cx(MENU_CLASS_NAME.CHECKBOX_ITEM, customClassName);
-	const currentIndicator = indicator ?? /* @__PURE__ */ jsx("svg", {
-		height: "14px",
-		viewBox: "0 0 18 18",
-		width: "14px",
-		xmlns: "http://www.w3.org/2000/svg",
-		children: /* @__PURE__ */ jsx("polyline", {
-			fill: "none",
-			points: "2.75 9.25 6.75 14.25 15.25 3.75",
-			stroke: "currentColor",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			strokeWidth: "1.5"
-		})
-	});
+	const { children, className: customClassName = "", isChecked = void 0, isDefaultChecked = false, isDisabled = false, ...rest } = props;
+	const combinedClassName = menuCheckboxItemVariants({ className: customClassName });
 	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
 		checked: isChecked,
 		className: combinedClassName,
@@ -27,21 +13,32 @@ function MenuCheckboxItem(props) {
 		defaultChecked: isDefaultChecked,
 		disabled: isDisabled,
 		...rest,
-		children: [
-			/* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
-				className: MENU_CLASS_NAME.ITEM_INDICATOR,
-				children: currentIndicator
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: MENU_CLASS_NAME.ITEM_LABEL,
-				children
-			}),
-			iconEnd && /* @__PURE__ */ jsx("span", {
-				className: MENU_CLASS_NAME.ITEM_ICON,
-				children: iconEnd
+		children: [/* @__PURE__ */ jsx("span", {
+			className: picker_item_module_default.label,
+			"data-slot": "menu-checkbox-item-text",
+			children
+		}), /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
+			className: picker_item_module_default.indicator,
+			"data-slot": "menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ jsx("svg", {
+				height: "14px",
+				viewBox: "0 0 18 18",
+				width: "14px",
+				x: "0px",
+				xmlns: "http://www.w3.org/2000/svg",
+				y: "0px",
+				children: /* @__PURE__ */ jsx("polyline", {
+					fill: "none",
+					points: "2.75 9.25 6.75 14.25 15.25 3.75",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "1.5"
+				})
 			})
-		]
+		})]
 	});
 }
+const menuCheckboxItemVariants = cva(picker_item_module_default.base);
 //#endregion
-export { MenuCheckboxItem };
+export { MenuCheckboxItem, menuCheckboxItemVariants };

package/dist/components/menu/menu-content.css

@@ -0,0 +1,7 @@
+@layer components {
+  .menu-content-module_base_Dr2KgW {
+    max-width: min(var(--available-width), 320px);
+    width: max-content;
+    min-width: 180px;
+  }
+}

package/dist/components/menu/menu-content.d.ts

@@ -4,8 +4,8 @@ import { JSX } from "react";
 interface MenuContentProps extends Omit<Menu.Popup.Props, "className">, Pick<Menu.Positioner.Props, "align" | "alignOffset" | "anchor" | "arrowPadding" | "collisionAvoidance" | "collisionBoundary" | "collisionPadding" | "disableAnchorTracking" | "positionMethod" | "side" | "sideOffset" | "sticky"> {
   className?: string;
   container?: Menu.Portal.Props["container"];
-  keepMounted?: Menu.Portal.Props["keepMounted"];
 }
 declare function MenuContent(props: MenuContentProps): JSX.Element;
+declare const menuContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuContent, MenuContentProps };
+export { MenuContent, MenuContentProps, menuContentVariants };

package/dist/components/menu/menu-content.js

@@ -1,21 +1,22 @@
-import { MENU_CLASS_NAME } from "./menu-class-names.js";
-import { cx } from "class-variance-authority";
+import picker_popup_module_default from "../picker/picker-popup.module.js";
+import picker_list_module_default from "../picker/picker-list.module.js";
+import menu_content_module_default from "./menu-content.module.js";
+import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-content.tsx
 function MenuContent(props) {
-	const { align = "start", alignOffset = void 0, anchor = void 0, arrowPadding = void 0, children, className: customClassName = "", collisionAvoidance = void 0, collisionBoundary = void 0, collisionPadding = void 0, container = void 0, disableAnchorTracking = void 0, keepMounted = void 0, positionMethod = void 0, side = "bottom", sideOffset = 8, sticky = void 0, ...rest } = props;
-	const combinedClassName = cx(MENU_CLASS_NAME.CONTENT, customClassName);
+	const { align = "start", alignOffset = getDefaultAlignOffset, anchor = void 0, arrowPadding = void 0, children, className: customClassName = "", collisionAvoidance = void 0, collisionBoundary = void 0, collisionPadding = void 0, container = void 0, disableAnchorTracking = void 0, positionMethod = void 0, side = void 0, sideOffset = getDefaultSideOffset, sticky = void 0, ...rest } = props;
+	const combinedClassName = menuContentVariants({ className: customClassName });
 	return /* @__PURE__ */ jsx(Menu.Portal, {
 		container,
 		"data-slot": "menu-portal",
-		keepMounted,
 		children: /* @__PURE__ */ jsx(Menu.Positioner, {
 			align,
 			alignOffset,
 			anchor,
 			arrowPadding,
-			className: MENU_CLASS_NAME.CONTENT_POSITIONER,
+			className: picker_popup_module_default.positioner,
 			collisionAvoidance,
 			collisionBoundary,
 			collisionPadding,
@@ -29,10 +30,21 @@ function MenuContent(props) {
 				className: combinedClassName,
 				"data-slot": "menu-content",
 				...rest,
-				children
+				children: /* @__PURE__ */ jsx("div", {
+					className: picker_list_module_default.base,
+					"data-slot": "menu-list",
+					children
+				})
 			})
 		})
 	});
 }
+function getDefaultAlignOffset(data) {
+	return data.side === "bottom" || data.side === "top" ? 0 : -4;
+}
+function getDefaultSideOffset(data) {
+	return data.side === "bottom" || data.side === "top" ? 6 : -4;
+}
+const menuContentVariants = cva([picker_popup_module_default.base, menu_content_module_default.base]);
 //#endregion
-export { MenuContent };
+export { MenuContent, menuContentVariants };

package/dist/components/menu/menu-content.module.js

@@ -0,0 +1,5 @@
+import './menu-content.css';
+//#region src/components/menu/menu-content.module.css
+var menu_content_module_default = { "base": "menu-content-module_base_Dr2KgW" };
+//#endregion
+export { menu_content_module_default as default };

package/dist/components/menu/menu-group-label.d.ts

@@ -5,5 +5,6 @@ interface MenuGroupLabelProps extends Omit<Menu.GroupLabel.Props, "className"> {
   className?: string;
 }
 declare function MenuGroupLabel(props: MenuGroupLabelProps): JSX.Element;
+declare const menuGroupLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuGroupLabel, MenuGroupLabelProps };
+export { MenuGroupLabel, MenuGroupLabelProps, menuGroupLabelVariants };

package/dist/components/menu/menu-group-label.js

@@ -1,16 +1,17 @@
-import { MENU_CLASS_NAME } from "./menu-class-names.js";
-import { cx } from "class-variance-authority";
+import picker_group_module_default from "../picker/picker-group.module.js";
+import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-group-label.tsx
 function MenuGroupLabel(props) {
 	const { className: customClassName = "", ...rest } = props;
-	const combinedClassName = cx(MENU_CLASS_NAME.GROUP_LABEL, customClassName);
+	const combinedClassName = menuGroupLabelVariants({ className: customClassName });
 	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
 		className: combinedClassName,
 		"data-slot": "menu-group-label",
 		...rest
 	});
 }
+const menuGroupLabelVariants = cva(picker_group_module_default.label);
 //#endregion
-export { MenuGroupLabel };
+export { MenuGroupLabel, menuGroupLabelVariants };

package/dist/components/menu/menu-group.d.ts

@@ -5,5 +5,6 @@ interface MenuGroupProps extends Omit<Menu.Group.Props, "className"> {
   className?: string;
 }
 declare function MenuGroup(props: MenuGroupProps): JSX.Element;
+declare const menuGroupVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuGroup, MenuGroupProps };
+export { MenuGroup, MenuGroupProps, menuGroupVariants };

package/dist/components/menu/menu-group.js

@@ -1,16 +1,17 @@
-import { MENU_CLASS_NAME } from "./menu-class-names.js";
-import { cx } from "class-variance-authority";
+import picker_group_module_default from "../picker/picker-group.module.js";
+import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-group.tsx
 function MenuGroup(props) {
 	const { className: customClassName = "", ...rest } = props;
-	const combinedClassName = cx(MENU_CLASS_NAME.GROUP, customClassName);
+	const combinedClassName = menuGroupVariants({ className: customClassName });
 	return /* @__PURE__ */ jsx(Menu.Group, {
 		className: combinedClassName,
 		"data-slot": "menu-group",
 		...rest
 	});
 }
+const menuGroupVariants = cva(picker_group_module_default.base);
 //#endregion
-export { MenuGroup };
+export { MenuGroup, menuGroupVariants };

package/dist/components/menu/menu-item.css

@@ -0,0 +1,7 @@
+@layer components {
+  .menu-item-module_base_6F7Ula {
+    color: var(--color-text-primary);
+    font-size: 14px;
+    font-weight: 450;
+  }
+}

package/dist/components/menu/menu-item.d.ts

@@ -6,5 +6,6 @@ interface MenuItemProps extends Omit<Menu.Item.Props, "className" | "disabled">
   isDisabled?: Menu.Item.Props["disabled"];
 }
 declare function MenuItem(props: MenuItemProps): JSX.Element;
+declare const menuItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuItem, MenuItemProps };
+export { MenuItem, MenuItemProps, menuItemVariants };

package/dist/components/menu/menu-item.js

@@ -1,18 +1,19 @@
-import { MENU_CLASS_NAME } from "./menu-class-names.js";
-import { cx } from "class-variance-authority";
+import picker_item_module_default from "../picker/picker-item.module.js";
+import menu_item_module_default from "./menu-item.module.js";
+import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-item.tsx
 function MenuItem(props) {
-	const { children, className: customClassName = "", isDisabled = false, ...rest } = props;
-	const combinedClassName = cx(MENU_CLASS_NAME.ITEM, customClassName);
+	const { className: customClassName = "", isDisabled = false, ...rest } = props;
+	const combinedClassName = menuItemVariants({ className: customClassName });
 	return /* @__PURE__ */ jsx(Menu.Item, {
 		className: combinedClassName,
 		"data-slot": "menu-item",
 		disabled: isDisabled,
-		...rest,
-		children
+		...rest
 	});
 }
+const menuItemVariants = cva([picker_item_module_default.base, menu_item_module_default.base]);
 //#endregion
-export { MenuItem };
+export { MenuItem, menuItemVariants };

package/dist/components/menu/menu-item.module.js

@@ -0,0 +1,5 @@
+import './menu-item.css';
+//#region src/components/menu/menu-item.module.css
+var menu_item_module_default = { "base": "menu-item-module_base_6F7Ula" };
+//#endregion
+export { menu_item_module_default as default };

package/dist/components/menu/menu-link-item.d.ts

@@ -1,7 +1,10 @@
 import { Menu } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/menu/menu-link-item.d.ts
-interface MenuLinkItemProps extends Menu.LinkItem.Props {}
+interface MenuLinkItemProps extends Omit<Menu.LinkItem.Props, "className"> {
+  className?: string;
+}
 declare function MenuLinkItem(props: MenuLinkItemProps): JSX.Element;
+declare const menuLinkItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuLinkItem, MenuLinkItemProps };
+export { MenuLinkItem, MenuLinkItemProps, menuLinkItemVariants };

package/dist/components/menu/menu-link-item.js

@@ -1,13 +1,18 @@
+import picker_item_module_default from "../picker/picker-item.module.js";
+import menu_item_module_default from "./menu-item.module.js";
+import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-link-item.tsx
 function MenuLinkItem(props) {
-	const { children, ...rest } = props;
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = menuLinkItemVariants({ className: customClassName });
 	return /* @__PURE__ */ jsx(Menu.LinkItem, {
+		className: combinedClassName,
 		"data-slot": "menu-link-item",
-		...rest,
-		children
+		...rest
 	});
 }
+const menuLinkItemVariants = cva([picker_item_module_default.base, menu_item_module_default.base]);
 //#endregion
-export { MenuLinkItem };
+export { MenuLinkItem, menuLinkItemVariants };

package/dist/components/menu/menu-radio-group.d.ts

@@ -6,5 +6,6 @@ interface MenuRadioGroupProps extends Omit<Menu.RadioGroup.Props, "className" |
   isDisabled?: Menu.RadioGroup.Props["disabled"];
 }
 declare function MenuRadioGroup(props: MenuRadioGroupProps): JSX.Element;
+declare const menuRadioGroupVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuRadioGroup, MenuRadioGroupProps };
+export { MenuRadioGroup, MenuRadioGroupProps, menuRadioGroupVariants };

package/dist/components/menu/menu-radio-group.js

@@ -1,11 +1,11 @@
-import { MENU_CLASS_NAME } from "./menu-class-names.js";
-import { cx } from "class-variance-authority";
+import picker_group_module_default from "../picker/picker-group.module.js";
+import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-radio-group.tsx
 function MenuRadioGroup(props) {
 	const { className: customClassName = "", isDisabled = false, ...rest } = props;
-	const combinedClassName = cx(MENU_CLASS_NAME.RADIO_GROUP, customClassName);
+	const combinedClassName = menuRadioGroupVariants({ className: customClassName });
 	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
 		className: combinedClassName,
 		"data-slot": "menu-radio-group",
@@ -13,5 +13,6 @@ function MenuRadioGroup(props) {
 		...rest
 	});
 }
+const menuRadioGroupVariants = cva(picker_group_module_default.base);
 //#endregion
-export { MenuRadioGroup };
+export { MenuRadioGroup, menuRadioGroupVariants };

package/dist/components/menu/menu-radio-item.d.ts

@@ -1,12 +1,11 @@
 import { Menu } from "@base-ui/react";
-import { JSX, ReactNode } from "react";
+import { JSX } from "react";
 //#region src/components/menu/menu-radio-item.d.ts
 interface MenuRadioItemProps extends Omit<Menu.RadioItem.Props, "className" | "disabled"> {
   className?: string;
-  iconEnd?: ReactNode;
-  indicator?: ReactNode;
   isDisabled?: Menu.RadioItem.Props["disabled"];
 }
 declare function MenuRadioItem(props: MenuRadioItemProps): JSX.Element;
+declare const menuRadioItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuRadioItem, MenuRadioItemProps };
+export { MenuRadioItem, MenuRadioItemProps, menuRadioItemVariants };

package/dist/components/menu/menu-radio-item.js

@@ -1,43 +1,42 @@
-import { MENU_CLASS_NAME } from "./menu-class-names.js";
-import { cx } from "class-variance-authority";
+import picker_item_module_default from "../picker/picker-item.module.js";
+import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-radio-item.tsx
 function MenuRadioItem(props) {
-	const { children, className: customClassName = "", iconEnd = void 0, indicator = void 0, isDisabled = false, ...rest } = props;
-	const combinedClassName = cx(MENU_CLASS_NAME.RADIO_ITEM, customClassName);
-	const currentIndicator = indicator ?? /* @__PURE__ */ jsx("svg", {
-		fill: "none",
-		height: "16",
-		viewBox: "0 0 16 16",
-		width: "16",
-		children: /* @__PURE__ */ jsx("circle", {
-			cx: "8",
-			cy: "8",
-			fill: "currentColor",
-			r: "3"
-		})
-	});
+	const { children, className: customClassName = "", isDisabled = false, ...rest } = props;
+	const combinedClassName = menuRadioItemVariants({ className: customClassName });
 	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
 		className: combinedClassName,
 		"data-slot": "menu-radio-item",
 		disabled: isDisabled,
 		...rest,
-		children: [
-			/* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
-				className: MENU_CLASS_NAME.ITEM_INDICATOR,
-				children: currentIndicator
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: MENU_CLASS_NAME.ITEM_LABEL,
-				children
-			}),
-			iconEnd && /* @__PURE__ */ jsx("span", {
-				className: MENU_CLASS_NAME.ITEM_ICON,
-				children: iconEnd
+		children: [/* @__PURE__ */ jsx("span", {
+			className: picker_item_module_default.label,
+			"data-slot": "menu-radio-item-text",
+			children
+		}), /* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
+			className: picker_item_module_default.indicator,
+			"data-slot": "menu-radio-item-indicator",
+			children: /* @__PURE__ */ jsx("svg", {
+				height: "14px",
+				viewBox: "0 0 18 18",
+				width: "14px",
+				x: "0px",
+				xmlns: "http://www.w3.org/2000/svg",
+				y: "0px",
+				children: /* @__PURE__ */ jsx("polyline", {
+					fill: "none",
+					points: "2.75 9.25 6.75 14.25 15.25 3.75",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "1.5"
+				})
 			})
-		]
+		})]
 	});
 }
+const menuRadioItemVariants = cva(picker_item_module_default.base);
 //#endregion
-export { MenuRadioItem };
+export { MenuRadioItem, menuRadioItemVariants };

package/dist/components/menu/menu-separator.d.ts

@@ -5,5 +5,6 @@ interface MenuSeparatorProps extends Omit<Menu.Separator.Props, "className"> {
   className?: string;
 }
 declare function MenuSeparator(props: MenuSeparatorProps): JSX.Element;
+declare const menuSeparatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuSeparator, MenuSeparatorProps };
+export { MenuSeparator, MenuSeparatorProps, menuSeparatorVariants };

package/dist/components/menu/menu-separator.js

@@ -1,16 +1,17 @@
-import { MENU_CLASS_NAME } from "./menu-class-names.js";
-import { cx } from "class-variance-authority";
+import picker_separator_module_default from "../picker/picker-separator.module.js";
+import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-separator.tsx
 function MenuSeparator(props) {
 	const { className: customClassName = "", ...rest } = props;
-	const combinedClassName = cx(MENU_CLASS_NAME.SEPARATOR, customClassName);
+	const combinedClassName = menuSeparatorVariants({ className: customClassName });
 	return /* @__PURE__ */ jsx(Menu.Separator, {
 		className: combinedClassName,
 		"data-slot": "menu-separator",
 		...rest
 	});
 }
+const menuSeparatorVariants = cva(picker_separator_module_default.base);
 //#endregion
-export { MenuSeparator };
+export { MenuSeparator, menuSeparatorVariants };

package/dist/components/menu/menu-submenu-trigger.css

@@ -0,0 +1,16 @@
+@layer components {
+  .menu-submenu-trigger-module_base_XujWGq[data-popup-open] {
+    background-color: var(--color-gray-3);
+  }
+
+  .menu-submenu-trigger-module_icon_XujWGq {
+    color: var(--color-text-secondary);
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    width: 16px;
+    height: 16px;
+    margin-left: auto;
+    display: flex;
+  }
+}

package/dist/components/menu/menu-submenu-trigger.d.ts

@@ -1,7 +1,11 @@
 import { Menu } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/menu/menu-submenu-trigger.d.ts
-interface MenuSubmenuTriggerProps extends Menu.SubmenuTrigger.Props {}
+interface MenuSubmenuTriggerProps extends Omit<Menu.SubmenuTrigger.Props, "className" | "disabled"> {
+  className?: string;
+  isDisabled?: Menu.SubmenuTrigger.Props["disabled"];
+}
 declare function MenuSubmenuTrigger(props: MenuSubmenuTriggerProps): JSX.Element;
+declare const menuSubmenuTriggerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 //#endregion
-export { MenuSubmenuTrigger, MenuSubmenuTriggerProps };
+export { MenuSubmenuTrigger, MenuSubmenuTriggerProps, menuSubmenuTriggerVariants };

package/dist/components/menu/menu-submenu-trigger.js

@@ -1,13 +1,44 @@
-import { jsx } from "react/jsx-runtime";
+import picker_item_module_default from "../picker/picker-item.module.js";
+import menu_item_module_default from "./menu-item.module.js";
+import menu_submenu_trigger_module_default from "./menu-submenu-trigger.module.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-submenu-trigger.tsx
 function MenuSubmenuTrigger(props) {
-	const { children, ...rest } = props;
-	return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
+	const { children, className: customClassName = "", isDisabled = false, ...rest } = props;
+	const combinedClassName = menuSubmenuTriggerVariants({ className: customClassName });
+	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
+		className: combinedClassName,
 		"data-slot": "menu-submenu-trigger",
+		disabled: isDisabled,
 		...rest,
-		children
+		children: [children, /* @__PURE__ */ jsx("span", {
+			className: menu_submenu_trigger_module_default.icon,
+			"data-slot": "menu-submenu-trigger-icon",
+			children: /* @__PURE__ */ jsx("svg", {
+				height: "14px",
+				viewBox: "0 0 18 18",
+				width: "14px",
+				x: "0px",
+				xmlns: "http://www.w3.org/2000/svg",
+				y: "0px",
+				children: /* @__PURE__ */ jsx("polyline", {
+					fill: "none",
+					points: "6.5 2.75 12.75 9 6.5 15.25",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "1.5"
+				})
+			})
+		})]
 	});
 }
+const menuSubmenuTriggerVariants = cva([
+	picker_item_module_default.base,
+	menu_item_module_default.base,
+	menu_submenu_trigger_module_default.base
+]);
 //#endregion
-export { MenuSubmenuTrigger };
+export { MenuSubmenuTrigger, menuSubmenuTriggerVariants };

package/dist/components/menu/menu-submenu-trigger.module.js

@@ -0,0 +1,8 @@
+import './menu-submenu-trigger.css';
+//#region src/components/menu/menu-submenu-trigger.module.css
+var menu_submenu_trigger_module_default = {
+	"base": "menu-submenu-trigger-module_base_XujWGq",
+	"icon": "menu-submenu-trigger-module_icon_XujWGq"
+};
+//#endregion
+export { menu_submenu_trigger_module_default as default };

package/dist/components/menu/menu-submenu.d.ts

@@ -1,11 +1,7 @@
 import { Menu } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/menu/menu-submenu.d.ts
-interface MenuSubmenuProps extends Omit<Menu.SubmenuRoot.Props, "disabled" | "onOpenChange" | "open"> {
-  isDisabled?: Menu.SubmenuRoot.Props["disabled"];
-  isOpen?: Menu.SubmenuRoot.Props["open"];
-  onIsOpenChange?: Menu.SubmenuRoot.Props["onOpenChange"];
-}
+interface MenuSubmenuProps extends Menu.SubmenuRoot.Props {}
 declare function MenuSubmenu(props: MenuSubmenuProps): JSX.Element;
 //#endregion
 export { MenuSubmenu, MenuSubmenuProps };

package/dist/components/menu/menu-submenu.js

@@ -2,12 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu-submenu.tsx
 function MenuSubmenu(props) {
-	const { isDisabled = false, isOpen = void 0, onIsOpenChange = void 0, ...rest } = props;
+	const { ...rest } = props;
 	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
 		"data-slot": "menu-submenu",
-		disabled: isDisabled,
-		onOpenChange: onIsOpenChange,
-		open: isOpen,
 		...rest
 	});
 }

package/dist/components/menu/menu-trigger.d.ts

@@ -1,7 +1,7 @@
 import { Menu } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/menu/menu-trigger.d.ts
-interface MenuTriggerProps extends Menu.Trigger.Props {}
-declare function MenuTrigger(props: MenuTriggerProps): JSX.Element;
+interface MenuTriggerProps<Payload = unknown> extends Menu.Trigger.Props<Payload> {}
+declare function MenuTrigger<Payload = unknown>(props: MenuTriggerProps<Payload>): JSX.Element;
 //#endregion
 export { MenuTrigger, MenuTriggerProps };

package/dist/components/menu/menu.d.ts

@@ -1,12 +1,7 @@
 import { Menu } from "@base-ui/react";
 import { JSX } from "react";
 //#region src/components/menu/menu.d.ts
-interface MenuProps extends Omit<Menu.Root.Props, "disabled" | "onOpenChange" | "open"> {
-  isDisabled?: Menu.Root.Props["disabled"];
-  isOpen?: Menu.Root.Props["open"];
-  onIsOpenChange?: Menu.Root.Props["onOpenChange"];
-}
-declare function Menu$1(props: MenuProps): JSX.Element;
-declare const createMenuHandle: typeof Menu.createHandle;
+interface MenuProps<Payload = unknown> extends Menu.Root.Props<Payload> {}
+declare function Menu$1<Payload = unknown>(props: MenuProps<Payload>): JSX.Element;
 //#endregion
-export { Menu$1 as Menu, MenuProps, createMenuHandle };
+export { Menu$1 as Menu, MenuProps };

package/dist/components/menu/menu.js

@@ -2,15 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react";
 //#region src/components/menu/menu.tsx
 function Menu$1(props) {
-	const { isDisabled = false, isOpen = void 0, onIsOpenChange = void 0, ...rest } = props;
+	const { ...rest } = props;
 	return /* @__PURE__ */ jsx(Menu.Root, {
 		"data-slot": "menu",
-		disabled: isDisabled,
-		onOpenChange: onIsOpenChange,
-		open: isOpen,
 		...rest
 	});
 }
-const createMenuHandle = Menu.createHandle;
 //#endregion
-export { Menu$1 as Menu, createMenuHandle };
+export { Menu$1 as Menu };

package/dist/components/picker/picker-trigger.css

@@ -22,16 +22,21 @@
     background-color: var(--color-gray-3);
   }
 
+  .dark .picker-trigger-module_base_81JCzq:disabled {
+    opacity: .25;
+  }
+
   .picker-trigger-module_base_81JCzq:focus-visible {
     outline-color: var(--color-primary);
   }
 
-  .picker-trigger-module_base_81JCzq:hover:not(:disabled) {
+  .picker-trigger-module_base_81JCzq:hover:not(:disabled, [data-popup-open]) {
     box-shadow: inset 0 0 0 1px var(--color-gray-6);
   }
 
   .picker-trigger-module_base_81JCzq[data-popup-open] {
     background-color: var(--color-gray-3);
+    box-shadow: inset 0 0 0 1px #0000;
   }
 
   .picker-trigger-module_size_32_81JCzq {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nattstack/ui",
-  "version": "0.0.98",
+  "version": "0.0.100",
   "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
   "keywords": [
     "base-ui",

package/dist/components/menu/menu-class-names.d.ts

@@ -1,23 +0,0 @@
-//#region src/components/menu/menu-class-names.d.ts
-declare const MENU_CLASS_NAME: {
-  readonly ARROW: string;
-  readonly ARROW_ICON: string;
-  readonly CHECKBOX_ITEM: string;
-  readonly CONTENT: string;
-  readonly CONTENT_POSITIONER: string;
-  readonly GROUP: string;
-  readonly GROUP_LABEL: string;
-  readonly ITEM: string;
-  readonly ITEM_ICON: string;
-  readonly ITEM_INDICATOR: string;
-  readonly ITEM_LABEL: string;
-  readonly LINK_ITEM: string;
-  readonly RADIO_GROUP: string;
-  readonly RADIO_ITEM: string;
-  readonly SEPARATOR: string;
-  readonly SUBMENU_TRIGGER: string;
-  readonly TRIGGER: string;
-  readonly VIEWPORT: string;
-};
-//#endregion
-export { MENU_CLASS_NAME };

package/dist/components/menu/menu-class-names.js

@@ -1,24 +0,0 @@
-import menu_module_default from "./menu.module.js";
-//#region src/components/menu/menu-class-names.ts
-const MENU_CLASS_NAME = {
-	ARROW: menu_module_default.menu_content_arrow,
-	ARROW_ICON: menu_module_default.menu_content_arrow__icon,
-	CHECKBOX_ITEM: menu_module_default.menu_checkbox_item,
-	CONTENT: menu_module_default.menu_content,
-	CONTENT_POSITIONER: menu_module_default.menu_content_positioner,
-	GROUP: menu_module_default.menu_group,
-	GROUP_LABEL: menu_module_default.menu_group_label,
-	ITEM: menu_module_default.menu_item,
-	ITEM_ICON: menu_module_default.menu_item__icon,
-	ITEM_INDICATOR: menu_module_default.menu_item__indicator,
-	ITEM_LABEL: menu_module_default.menu_item__label,
-	LINK_ITEM: menu_module_default.menu_link_item,
-	RADIO_GROUP: menu_module_default.menu_radio_group,
-	RADIO_ITEM: menu_module_default.menu_radio_item,
-	SEPARATOR: menu_module_default.menu_separator,
-	SUBMENU_TRIGGER: menu_module_default.menu_submenu_trigger,
-	TRIGGER: menu_module_default.menu_trigger,
-	VIEWPORT: menu_module_default.menu_viewport
-};
-//#endregion
-export { MENU_CLASS_NAME };

package/dist/components/menu/menu-viewport.d.ts

@@ -1,9 +0,0 @@
-import { Menu } from "@base-ui/react";
-import { JSX } from "react";
-//#region src/components/menu/menu-viewport.d.ts
-interface MenuViewportProps extends Omit<Menu.Viewport.Props, "className"> {
-  className?: string;
-}
-declare function MenuViewport(props: MenuViewportProps): JSX.Element;
-//#endregion
-export { MenuViewport, MenuViewportProps };

package/dist/components/menu/menu-viewport.js

@@ -1,16 +0,0 @@
-import { MENU_CLASS_NAME } from "./menu-class-names.js";
-import { cx } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-import { Menu } from "@base-ui/react";
-//#region src/components/menu/menu-viewport.tsx
-function MenuViewport(props) {
-	const { className: customClassName = "", ...rest } = props;
-	const combinedClassName = cx(MENU_CLASS_NAME.VIEWPORT, customClassName);
-	return /* @__PURE__ */ jsx(Menu.Viewport, {
-		className: combinedClassName,
-		"data-slot": "menu-viewport",
-		...rest
-	});
-}
-//#endregion
-export { MenuViewport };

package/dist/components/menu/menu.css

@@ -1,196 +0,0 @@
-@layer components {
-  .menu-module_menu_trigger_7pJHya {
-    background-color: var(--color-bg-shell-inner);
-    box-shadow: inset 0 0 0 1px var(--color-border);
-    color: var(--color-text-primary);
-    cursor: pointer;
-    outline-offset: 2px;
-    user-select: none;
-    border-radius: 10px;
-    outline: 2px solid #0000;
-    flex-shrink: 0;
-    align-items: center;
-    column-gap: 8px;
-    width: max-content;
-    height: 40px;
-    padding: 0 16px;
-    font-size: 14px;
-    font-weight: 450;
-    transition-property: background-color;
-    transition-duration: .15s;
-    display: inline-flex;
-    overflow: hidden;
-  }
-
-  .menu-module_menu_trigger_7pJHya:disabled {
-    background-color: var(--color-gray-3);
-    cursor: not-allowed;
-    opacity: .5;
-  }
-
-  .menu-module_menu_trigger_7pJHya:focus-visible {
-    outline-color: var(--color-primary);
-  }
-
-  .menu-module_menu_trigger_7pJHya:hover:not(:disabled), .menu-module_menu_trigger_7pJHya[data-popup-open] {
-    background-color: var(--color-gray-3);
-  }
-
-  .menu-module_menu_trigger_7pJHya > svg {
-    width: 16px;
-    height: 16px;
-  }
-
-  .menu-module_menu_content_positioner_7pJHya {
-    isolation: isolate;
-    z-index: 50;
-  }
-
-  .menu-module_menu_content_7pJHya {
-    background-color: var(--color-bg-shell-inner);
-    box-shadow: 0 0 0 1px var(--color-border) inset,
-      0 .5px 0 oklab(0% none none / .03),
-      0 36px 15px -4px oklab(0% none none / .01),
-      0 20px 12px -3px oklab(0% none none / .03),
-      0 9px 9px -2px oklab(0% none none / .04),
-      0 2px 5px -1px oklab(0% none none / .05);
-    color: var(--color-text-primary);
-    max-height: min(var(--available-height), 480px);
-    max-width: min(var(--available-width), 320px);
-    outline-color: var(--color-primary-9);
-    outline-offset: -2px;
-    min-width: 180px;
-    transform-origin: var(--transform-origin);
-    will-change: opacity, transform;
-    border-radius: 12px;
-    outline-width: 0;
-    outline-style: solid;
-    flex-direction: column;
-    padding: 4px;
-    transition-property: opacity, transform;
-    transition-duration: .15s;
-    display: flex;
-    overflow: auto;
-  }
-
-  .menu-module_menu_content_7pJHya:focus-visible {
-    outline-width: 2px;
-  }
-
-  .menu-module_menu_content_7pJHya[data-ending-style], .menu-module_menu_content_7pJHya[data-starting-style] {
-    opacity: 0;
-    transform: scale(.975);
-  }
-
-  .menu-module_menu_content_7pJHya[data-side="top"][data-ending-style], .menu-module_menu_content_7pJHya[data-side="top"][data-starting-style] {
-    transform: scale(.975) translateY(4px);
-  }
-
-  .menu-module_menu_content_7pJHya[data-side="bottom"][data-ending-style], .menu-module_menu_content_7pJHya[data-side="bottom"][data-starting-style] {
-    transform: scale(.975) translateY(-4px);
-  }
-
-  .menu-module_menu_content_7pJHya[data-side="left"][data-ending-style], .menu-module_menu_content_7pJHya[data-side="left"][data-starting-style], .menu-module_menu_content_7pJHya[data-side="inline-start"][data-ending-style], .menu-module_menu_content_7pJHya[data-side="inline-start"][data-starting-style] {
-    transform: scale(.975) translateX(4px);
-  }
-
-  .menu-module_menu_content_7pJHya[data-side="right"][data-ending-style], .menu-module_menu_content_7pJHya[data-side="right"][data-starting-style], .menu-module_menu_content_7pJHya[data-side="inline-end"][data-ending-style], .menu-module_menu_content_7pJHya[data-side="inline-end"][data-starting-style] {
-    transform: scale(.975) translateX(-4px);
-  }
-
-  .menu-module_menu_content_arrow_7pJHya {
-    color: var(--color-bg-primary);
-    display: flex;
-  }
-
-  .menu-module_menu_content_arrow__icon_7pJHya {
-    fill: currentColor;
-    filter: drop-shadow(0 -1px 0 var(--color-border));
-    display: block;
-  }
-
-  .menu-module_menu_content_arrow_7pJHya[data-side="top"] {
-    rotate: 180deg;
-  }
-
-  .menu-module_menu_content_arrow_7pJHya[data-side="left"], .menu-module_menu_content_arrow_7pJHya[data-side="inline-start"] {
-    rotate: 90deg;
-  }
-
-  .menu-module_menu_content_arrow_7pJHya[data-side="right"], .menu-module_menu_content_arrow_7pJHya[data-side="inline-end"] {
-    rotate: -90deg;
-  }
-
-  .menu-module_menu_checkbox_item_7pJHya, .menu-module_menu_item_7pJHya, .menu-module_menu_link_item_7pJHya, .menu-module_menu_radio_item_7pJHya, .menu-module_menu_submenu_trigger_7pJHya {
-    color: var(--color-text-primary);
-    cursor: pointer;
-    user-select: none;
-    border-radius: 8px;
-    outline: none;
-    flex-shrink: 0;
-    align-items: center;
-    column-gap: 8px;
-    height: 36px;
-    padding: 0 12px;
-    font-size: 14px;
-    font-weight: 450;
-    text-decoration: none;
-    display: flex;
-    position: relative;
-  }
-
-  .menu-module_menu_checkbox_item_7pJHya[data-highlighted], .menu-module_menu_item_7pJHya[data-highlighted], .menu-module_menu_link_item_7pJHya[data-highlighted], .menu-module_menu_radio_item_7pJHya[data-highlighted], .menu-module_menu_submenu_trigger_7pJHya[data-highlighted], .menu-module_menu_submenu_trigger_7pJHya[data-popup-open] {
-    background-color: var(--color-gray-3);
-  }
-
-  .menu-module_menu_checkbox_item_7pJHya[data-disabled], .menu-module_menu_item_7pJHya[data-disabled], .menu-module_menu_radio_item_7pJHya[data-disabled], .menu-module_menu_submenu_trigger_7pJHya[data-disabled] {
-    cursor: not-allowed;
-    opacity: .5;
-  }
-
-  .menu-module_menu_item__icon_7pJHya, .menu-module_menu_item__indicator_7pJHya {
-    color: var(--color-text-secondary);
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    width: 16px;
-    height: 16px;
-    display: flex;
-  }
-
-  .menu-module_menu_item__indicator_7pJHya {
-    color: var(--color-primary-9);
-  }
-
-  .menu-module_menu_item__icon_7pJHya > svg, .menu-module_menu_item__indicator_7pJHya > svg {
-    width: 16px;
-    height: 16px;
-  }
-
-  .menu-module_menu_item__label_7pJHya {
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    flex: auto;
-    min-width: 0;
-    overflow: hidden;
-  }
-
-  .menu-module_menu_group_7pJHya, .menu-module_menu_radio_group_7pJHya, .menu-module_menu_viewport_7pJHya {
-    flex-direction: column;
-    display: flex;
-  }
-
-  .menu-module_menu_group_label_7pJHya {
-    color: var(--color-text-secondary);
-    padding: 6px 12px 4px;
-    font-size: 12px;
-    font-weight: 450;
-  }
-
-  .menu-module_menu_separator_7pJHya {
-    background-color: var(--color-border);
-    flex-shrink: 0;
-    height: 1px;
-    margin: 4px 8px;
-  }
-}

package/dist/components/menu/menu.module.js

@@ -1,24 +0,0 @@
-import './menu.css';
-//#region src/components/menu/menu.module.css
-var menu_module_default = {
-	"menu_checkbox_item": "menu-module_menu_checkbox_item_7pJHya",
-	"menu_content": "menu-module_menu_content_7pJHya",
-	"menu_content_arrow": "menu-module_menu_content_arrow_7pJHya",
-	"menu_content_arrow__icon": "menu-module_menu_content_arrow__icon_7pJHya",
-	"menu_content_positioner": "menu-module_menu_content_positioner_7pJHya",
-	"menu_group": "menu-module_menu_group_7pJHya",
-	"menu_group_label": "menu-module_menu_group_label_7pJHya",
-	"menu_item": "menu-module_menu_item_7pJHya",
-	"menu_item__icon": "menu-module_menu_item__icon_7pJHya",
-	"menu_item__indicator": "menu-module_menu_item__indicator_7pJHya",
-	"menu_item__label": "menu-module_menu_item__label_7pJHya",
-	"menu_link_item": "menu-module_menu_link_item_7pJHya",
-	"menu_radio_group": "menu-module_menu_radio_group_7pJHya",
-	"menu_radio_item": "menu-module_menu_radio_item_7pJHya",
-	"menu_separator": "menu-module_menu_separator_7pJHya",
-	"menu_submenu_trigger": "menu-module_menu_submenu_trigger_7pJHya",
-	"menu_trigger": "menu-module_menu_trigger_7pJHya",
-	"menu_viewport": "menu-module_menu_viewport_7pJHya"
-};
-//#endregion
-export { menu_module_default as default };