@nattstack/ui 0.0.84 → 0.0.86

package/dist/components/input/input.css

@@ -0,0 +1,84 @@
+@layer components {
+  .input-module_input_o34hyq {
+    appearance: none;
+    background-color: var(--color-bg-shell-inner);
+    box-shadow: 0 0 0 1px var(--color-border) inset;
+    color: var(--color-text-primary);
+    cursor: text;
+    font-family: var(--font-body);
+    outline-offset: -2px;
+    border-style: none;
+    outline: 2px solid #0000;
+    width: 100%;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 1.5;
+    text-decoration: none;
+    transition-property: box-shadow, opacity;
+    transition-duration: .15s;
+  }
+
+  .input-module_input_o34hyq::placeholder {
+    color: var(--color-gray-9);
+    user-select: none;
+  }
+
+  .input-module_input_o34hyq:disabled {
+    cursor: not-allowed;
+    opacity: .5;
+  }
+
+  .input-module_input_o34hyq:enabled:active, .input-module_input_o34hyq:enabled:focus, .input-module_input_o34hyq:enabled:hover, .input-module_input_o34hyq:enabled[data-is-active="true"] {
+    box-shadow: 0 0 0 1px var(--color-gray-6) inset;
+  }
+
+  .input-module_input_o34hyq[data-is-valid="true"] {
+    outline-color: #30a46c;
+  }
+
+  .input-module_input_o34hyq[data-is-invalid="true"] {
+    outline-color: #e5484d;
+  }
+
+  .input-module_input_o34hyq:focus-visible {
+    outline-color: var(--color-outline);
+  }
+
+  .input-module_input__rounded_base_o34hyq {
+    border-radius: 12px;
+  }
+
+  .input-module_input_o34hyq.input-module_input__rounded_full_o34hyq {
+    border-radius: 9999px;
+  }
+
+  .input-module_input__size_32_o34hyq {
+    border-radius: 8px;
+    min-height: 32px;
+    padding: 0 8px;
+  }
+
+  .input-module_input__size_36_o34hyq {
+    border-radius: 9px;
+    min-height: 36px;
+    padding: 0 10px;
+  }
+
+  .input-module_input__size_40_o34hyq {
+    border-radius: 10px;
+    min-height: 40px;
+    padding: 0 12px;
+  }
+
+  .input-module_input__size_44_o34hyq {
+    border-radius: 11px;
+    min-height: 44px;
+    padding: 0 14px;
+  }
+
+  .input-module_input__size_48_o34hyq {
+    border-radius: 12px;
+    min-height: 48px;
+    padding: 0 16px;
+  }
+}

package/dist/components/input/input.d.ts

@@ -0,0 +1,22 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentProps, JSX } from "react";
+//#region src/components/input/input.d.ts
+interface InputProps extends Omit<ComponentProps<"input">, "aria-pressed" | "autoFocus" | "disabled" | "readOnly" | "required"> {
+  isActive?: boolean;
+  isAutoFocus?: boolean;
+  isDisabled?: boolean;
+  isInvalid?: boolean;
+  isReadOnly?: boolean;
+  isRequired?: boolean;
+  isRounded?: boolean;
+  isValid?: boolean;
+  size?: InputSize;
+}
+type InputSize = NonNullable<VariantProps<typeof inputVariants>["size"]>;
+declare function Input(props: InputProps): JSX.Element;
+declare const inputVariants: (props?: ({
+  isRounded?: boolean | null | undefined;
+  size?: 32 | 36 | 40 | 44 | 48 | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+export { Input, InputProps, inputVariants };

package/dist/components/input/input.js

@@ -0,0 +1,44 @@
+import input_module_default from "./input.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/input/input.tsx
+function Input(props) {
+	const { className: customClassName = "", isActive = false, isAutoFocus = false, isDisabled = false, isInvalid = void 0, isReadOnly = false, isRequired = false, isRounded = false, isValid = void 0, size = 48, type = "text", ...rest } = props;
+	return /* @__PURE__ */ jsx("input", {
+		autoFocus: isAutoFocus,
+		className: inputVariants({
+			className: customClassName,
+			isRounded,
+			size
+		}),
+		"data-is-active": isActive,
+		"data-is-invalid": isInvalid,
+		"data-is-valid": isValid,
+		disabled: isDisabled,
+		readOnly: isReadOnly,
+		required: isRequired,
+		type,
+		...rest
+	});
+}
+const inputVariants = cva(input_module_default.input, {
+	defaultVariants: {
+		isRounded: false,
+		size: 48
+	},
+	variants: {
+		isRounded: {
+			false: input_module_default.input__rounded_base,
+			true: input_module_default.input__rounded_full
+		},
+		size: {
+			32: input_module_default.input__size_32,
+			36: input_module_default.input__size_36,
+			40: input_module_default.input__size_40,
+			44: input_module_default.input__size_44,
+			48: input_module_default.input__size_48
+		}
+	}
+});
+//#endregion
+export { Input, inputVariants };

package/dist/components/input/input.module.js

@@ -0,0 +1,14 @@
+import './input.css';
+//#region src/components/input/input.module.css
+var input_module_default = {
+	"input": "input-module_input_o34hyq",
+	"input__rounded_base": "input-module_input__rounded_base_o34hyq",
+	"input__rounded_full": "input-module_input__rounded_full_o34hyq",
+	"input__size_32": "input-module_input__size_32_o34hyq",
+	"input__size_36": "input-module_input__size_36_o34hyq",
+	"input__size_40": "input-module_input__size_40_o34hyq",
+	"input__size_44": "input-module_input__size_44_o34hyq",
+	"input__size_48": "input-module_input__size_48_o34hyq"
+};
+//#endregion
+export { input_module_default as default };

package/dist/components/label/label.css

@@ -0,0 +1,7 @@
+@layer components {
+  .label-module_label_iQZ4sG {
+    color: var(--color-text-secondary);
+    width: fit-content;
+    font-size: 14px;
+  }
+}

package/dist/components/label/label.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps, JSX } from "react";
+//#region src/components/label/label.d.ts
+interface LabelProps extends ComponentProps<"label"> {}
+declare function Label(props: LabelProps): JSX.Element;
+declare const labelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+export { Label, LabelProps, labelVariants };

package/dist/components/label/label.js

@@ -0,0 +1,16 @@
+import label_module_default from "./label.module.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/label/label.tsx
+function Label(props) {
+	const { className: customClassName = "", htmlFor = void 0, children = "", ...rest } = props;
+	return /* @__PURE__ */ jsx("label", {
+		className: labelVariants({ className: customClassName }),
+		htmlFor,
+		...rest,
+		children
+	});
+}
+const labelVariants = cva(label_module_default.label);
+//#endregion
+export { Label, labelVariants };

package/dist/components/label/label.module.js

@@ -0,0 +1,5 @@
+import './label.css';
+//#region src/components/label/label.module.css
+var label_module_default = { "label": "label-module_label_iQZ4sG" };
+//#endregion
+export { label_module_default as default };

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

@@ -0,0 +1,14 @@
+import { Menu } from "@base-ui/react";
+import { JSX, ReactNode } 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;
+//#endregion
+export { MenuCheckboxItem, MenuCheckboxItemProps };

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

@@ -0,0 +1,44 @@
+import { MENU_CLASS_NAME } from "./menu-class-names.js";
+import { cx } 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", {
+		fill: "none",
+		height: "16",
+		viewBox: "0 0 16 16",
+		width: "16",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M3.5 8.5L6.5 11.5L12.5 4.5",
+			stroke: "currentColor",
+			strokeWidth: "2"
+		})
+	});
+	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+		checked: isChecked,
+		className: combinedClassName,
+		"data-slot": "menu-checkbox-item",
+		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
+			})
+		]
+	});
+}
+//#endregion
+export { MenuCheckboxItem };

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

@@ -0,0 +1,23 @@
+//#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

@@ -0,0 +1,24 @@
+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-content.d.ts

@@ -0,0 +1,11 @@
+import { Menu } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/menu/menu-content.d.ts
+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;
+//#endregion
+export { MenuContent, MenuContentProps };

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

@@ -0,0 +1,38 @@
+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-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);
+	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,
+			collisionAvoidance,
+			collisionBoundary,
+			collisionPadding,
+			"data-slot": "menu-positioner",
+			disableAnchorTracking,
+			positionMethod,
+			side,
+			sideOffset,
+			sticky,
+			children: /* @__PURE__ */ jsx(Menu.Popup, {
+				className: combinedClassName,
+				"data-slot": "menu-content",
+				...rest,
+				children
+			})
+		})
+	});
+}
+//#endregion
+export { MenuContent };

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

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

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

@@ -0,0 +1,16 @@
+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-group-label.tsx
+function MenuGroupLabel(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = cx(MENU_CLASS_NAME.GROUP_LABEL, customClassName);
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		className: combinedClassName,
+		"data-slot": "menu-group-label",
+		...rest
+	});
+}
+//#endregion
+export { MenuGroupLabel };

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

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

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

@@ -0,0 +1,16 @@
+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-group.tsx
+function MenuGroup(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = cx(MENU_CLASS_NAME.GROUP, customClassName);
+	return /* @__PURE__ */ jsx(Menu.Group, {
+		className: combinedClassName,
+		"data-slot": "menu-group",
+		...rest
+	});
+}
+//#endregion
+export { MenuGroup };

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

@@ -0,0 +1,10 @@
+import { Menu } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/menu/menu-item.d.ts
+interface MenuItemProps extends Omit<Menu.Item.Props, "className" | "disabled"> {
+  className?: string;
+  isDisabled?: Menu.Item.Props["disabled"];
+}
+declare function MenuItem(props: MenuItemProps): JSX.Element;
+//#endregion
+export { MenuItem, MenuItemProps };

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

@@ -0,0 +1,18 @@
+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-item.tsx
+function MenuItem(props) {
+	const { children, className: customClassName = "", isDisabled = false, ...rest } = props;
+	const combinedClassName = cx(MENU_CLASS_NAME.ITEM, customClassName);
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		className: combinedClassName,
+		"data-slot": "menu-item",
+		disabled: isDisabled,
+		...rest,
+		children
+	});
+}
+//#endregion
+export { MenuItem };

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

@@ -0,0 +1,7 @@
+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 {}
+declare function MenuLinkItem(props: MenuLinkItemProps): JSX.Element;
+//#endregion
+export { MenuLinkItem, MenuLinkItemProps };

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

@@ -0,0 +1,13 @@
+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;
+	return /* @__PURE__ */ jsx(Menu.LinkItem, {
+		"data-slot": "menu-link-item",
+		...rest,
+		children
+	});
+}
+//#endregion
+export { MenuLinkItem };

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

@@ -0,0 +1,10 @@
+import { Menu } from "@base-ui/react";
+import { JSX } from "react";
+//#region src/components/menu/menu-radio-group.d.ts
+interface MenuRadioGroupProps extends Omit<Menu.RadioGroup.Props, "className" | "disabled"> {
+  className?: string;
+  isDisabled?: Menu.RadioGroup.Props["disabled"];
+}
+declare function MenuRadioGroup(props: MenuRadioGroupProps): JSX.Element;
+//#endregion
+export { MenuRadioGroup, MenuRadioGroupProps };

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

@@ -0,0 +1,17 @@
+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-radio-group.tsx
+function MenuRadioGroup(props) {
+	const { className: customClassName = "", isDisabled = false, ...rest } = props;
+	const combinedClassName = cx(MENU_CLASS_NAME.RADIO_GROUP, customClassName);
+	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
+		className: combinedClassName,
+		"data-slot": "menu-radio-group",
+		disabled: isDisabled,
+		...rest
+	});
+}
+//#endregion
+export { MenuRadioGroup };

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

@@ -0,0 +1,12 @@
+import { Menu } from "@base-ui/react";
+import { JSX, ReactNode } 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;
+//#endregion
+export { MenuRadioItem, MenuRadioItemProps };

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

@@ -0,0 +1,43 @@
+import { MENU_CLASS_NAME } from "./menu-class-names.js";
+import { cx } 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"
+		})
+	});
+	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
+			})
+		]
+	});
+}
+//#endregion
+export { MenuRadioItem };

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

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

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

@@ -0,0 +1,16 @@
+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-separator.tsx
+function MenuSeparator(props) {
+	const { className: customClassName = "", ...rest } = props;
+	const combinedClassName = cx(MENU_CLASS_NAME.SEPARATOR, customClassName);
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		className: combinedClassName,
+		"data-slot": "menu-separator",
+		...rest
+	});
+}
+//#endregion
+export { MenuSeparator };

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

@@ -0,0 +1,7 @@
+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 {}
+declare function MenuSubmenuTrigger(props: MenuSubmenuTriggerProps): JSX.Element;
+//#endregion
+export { MenuSubmenuTrigger, MenuSubmenuTriggerProps };

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

@@ -0,0 +1,13 @@
+import { jsx } 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, {
+		"data-slot": "menu-submenu-trigger",
+		...rest,
+		children
+	});
+}
+//#endregion
+export { MenuSubmenuTrigger };

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

@@ -0,0 +1,11 @@
+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"];
+}
+declare function MenuSubmenu(props: MenuSubmenuProps): JSX.Element;
+//#endregion
+export { MenuSubmenu, MenuSubmenuProps };

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

@@ -0,0 +1,15 @@
+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;
+	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
+		"data-slot": "menu-submenu",
+		disabled: isDisabled,
+		onOpenChange: onIsOpenChange,
+		open: isOpen,
+		...rest
+	});
+}
+//#endregion
+export { MenuSubmenu };