@optiaxiom/react 3.4.2 → 3.5.0

package/dist/cjs/disclosure-UB_3FG5z.js

@@ -0,0 +1,208 @@
+"use client";
+const require_rolldown_runtime = require("./rolldown-runtime-C0BPl7ul.js");
+const require_box = require("./box-B2PXBdH7.js");
+const require_recipeRuntime = require("./recipeRuntime-BV5B1H9r.js");
+const require_group = require("./group.js");
+const require_transition = require("./transition-tqiyzYYq.js");
+const require_cover = require("./cover-DGPbtad-.js");
+let react = require("react");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+require("./assets/layers.css.ts.vanilla-CTOkUrdE.css");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_context = require("@radix-ui/react-context");
+let _radix_ui_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
+let _optiaxiom_icons_IconChevronRight = require("@optiaxiom/icons/IconChevronRight");
+let _radix_ui_react_collapsible = require("@radix-ui/react-collapsible");
+_radix_ui_react_collapsible = require_rolldown_runtime.__toESM(_radix_ui_react_collapsible, 1);
+require("./assets/DisclosureContent.css.ts.vanilla-BO_VivM3.css");
+require("./assets/DisclosureTrigger.css.ts.vanilla-DfFrqE-k.css");
+//#region src/disclosure/DisclosureContext.ts
+const [DisclosureProvider, useDisclosureContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/Disclosure");
+//#endregion
+//#region src/disclosure/Disclosure.tsx
+/**
+* Interactive component for expanding and collapsing content panels with
+* built-in state management.
+*
+* Use this for collapsible sections with expand/collapse triggers. Disclosure
+* handles the toggle state, animations, and accessibility automatically.
+*
+* When to use:
+* - FAQ sections
+* - Expandable content panels
+* - Show/hide details sections
+* - Any expand/collapse pattern with a chevron icon
+*
+* Don't manually build with Button + chevron icon + useState - use Disclosure
+* instead.
+*
+* @group Disclosure
+* @category actions
+* @since 0.1.0
+*/
+const Disclosure = (0, react.forwardRef)(({ asChild, children, defaultOpen = false, onOpenChange, open: openProp, ...props }, ref) => {
+	const [open, setOpen] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
+		caller: "@optiaxiom/react/Disclosure",
+		defaultProp: defaultOpen,
+		onChange: onOpenChange,
+		prop: openProp
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisclosureProvider, {
+		open,
+		setOpen,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+			asChild: true,
+			color: "fg.default",
+			fontSize: "md",
+			ref,
+			...props,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_collapsible.Root, {
+				asChild,
+				onOpenChange: setOpen,
+				open,
+				children
+			})
+		})
+	});
+});
+Disclosure.displayName = "@optiaxiom/react/Disclosure";
+//#endregion
+//#region src/disclosure/DisclosureContent.css.ts
+var inner = require_recipeRuntime.recipeRuntime({ base: ["hd6suc"] });
+var outer = require_recipeRuntime.recipeRuntime({
+	base: [{ display: "grid" }, "j9mysk"],
+	variants: { scale: {
+		false: "_16l25zw",
+		true: {}
+	} }
+});
+//#endregion
+//#region src/disclosure/DisclosureContent.tsx
+/**
+* @group Disclosure
+*/
+const DisclosureContent = (0, react.forwardRef)(({ children, hiddenUntilFound, ...props }, ref) => {
+	const { open } = useDisclosureContext("@optiaxiom/react/DisclosureContent");
+	const [skipAnimations, setSkipAnimations] = (0, react.useState)(Boolean(open));
+	(0, react.useEffect)(() => {
+		if (skipAnimations) requestAnimationFrame(() => setSkipAnimations(false));
+	}, [skipAnimations]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_transition.TransitionGroup, {
+		forceMount: hiddenUntilFound,
+		open,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_transition.Transition, {
+			"data-side": "bottom",
+			skipAnimations,
+			type: "pop",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+				...outer({ scale: Boolean("data-transition-scale" in props && props["data-transition-scale"]) }),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+					asChild: true,
+					...inner(),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_collapsible.Content, {
+						forceMount: true,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+							pb: "8",
+							pt: "4",
+							ref,
+							...props,
+							children
+						})
+					})
+				})
+			})
+		})
+	});
+});
+DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
+//#endregion
+//#region src/disclosure/DisclosureTrigger.css.ts
+var icon = require_recipeRuntime.recipeRuntime({ base: [{
+	flex: "none",
+	size: "sm",
+	transition: "transform"
+}, "_1w6it7z"] });
+var root = require_recipeRuntime.recipeRuntime({ base: [{
+	fontSize: "md",
+	gap: "8",
+	py: "8",
+	transition: "colors"
+}, "sddl06"] });
+var trigger = require_recipeRuntime.recipeRuntime({ base: [{
+	fontSize: "inherit",
+	fontWeight: "inherit",
+	gap: "4",
+	rounded: "md",
+	textAlign: "start",
+	w: "full"
+}, "_1jb1pt3"] });
+//#endregion
+//#region src/disclosure/DisclosureTrigger.tsx
+const Slot = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/DisclosureTrigger");
+/**
+* @group Disclosure
+*/
+const DisclosureTrigger = (0, react.forwardRef)(({ addonAfter, addonBefore, asChild, chevronPosition = "start", children, className, ...props }, ref) => {
+	useDisclosureContext("@optiaxiom/react/DisclosureTrigger");
+	return asChild ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot, {
+		className,
+		ref,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_collapsible.Trigger, {
+			asChild: true,
+			children
+		})
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_group.Group, {
+		ref,
+		...root({}, className),
+		...props,
+		children: [
+			addonBefore,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
+				asChild: true,
+				...trigger(),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cover.Cover, {
+					asChild: true,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_collapsible.Trigger, { children: [
+						chevronPosition === "start" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+							asChild: true,
+							...icon(),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconChevronRight.IconChevronRight, {})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+							flex: "1",
+							overflow: "hidden",
+							children
+						}),
+						chevronPosition === "end" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+							asChild: true,
+							...icon(),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconChevronRight.IconChevronRight, {})
+						})
+					] })
+				})
+			}),
+			addonAfter
+		]
+	});
+});
+DisclosureTrigger.displayName = "@optiaxiom/react/DisclosureTrigger";
+//#endregion
+Object.defineProperty(exports, "Disclosure", {
+	enumerable: true,
+	get: function() {
+		return Disclosure;
+	}
+});
+Object.defineProperty(exports, "DisclosureContent", {
+	enumerable: true,
+	get: function() {
+		return DisclosureContent;
+	}
+});
+Object.defineProperty(exports, "DisclosureTrigger", {
+	enumerable: true,
+	get: function() {
+		return DisclosureTrigger;
+	}
+});

package/dist/cjs/disclosure.js

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_disclosure = require("./disclosure-UB_3FG5z.js");
+exports.Disclosure = require_disclosure.Disclosure;
+exports.DisclosureContent = require_disclosure.DisclosureContent;
+exports.DisclosureTrigger = require_disclosure.DisclosureTrigger;

package/dist/cjs/dropdown-menu-UDoRzpA1.js

@@ -0,0 +1,340 @@
+"use client";
+const require_rolldown_runtime = require("./rolldown-runtime-C0BPl7ul.js");
+const require_box = require("./box-B2PXBdH7.js");
+const require_SuggestionPopover = require("./SuggestionPopover-Bu_sY4dq.js");
+const require_spinner = require("./spinner-CD-l6_pU.js");
+const require_transition = require("./transition-tqiyzYYq.js");
+const require_Portal = require("./Portal-DI9aR5XU.js");
+const require_angle_menu_button = require("./angle-menu-button.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_context = require("@radix-ui/react-context");
+let _radix_ui_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
+let _optiaxiom_icons_IconChevronRight = require("@optiaxiom/icons/IconChevronRight");
+let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
+_radix_ui_react_dropdown_menu = require_rolldown_runtime.__toESM(_radix_ui_react_dropdown_menu, 1);
+//#region src/dropdown-menu/DropdownMenuContext.ts
+const [DropdownMenuProvider, useDropdownMenuContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/DropdownMenu");
+//#endregion
+//#region src/dropdown-menu/DropdownMenuNestedContext.ts
+const [DropdownMenuNestedProvider, useDropdownMenuNestedContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/DropdownMenuNested");
+//#endregion
+//#region src/dropdown-menu/DropdownMenu.tsx
+/**
+* Display a dropdown menu.
+*
+* @category overlay
+* @since 0.1.0
+* @deprecated since 1.6.0 use {@link Menu} instead
+* @see Menu
+*/
+function DropdownMenu({ children, defaultOpen = false, onOpenChange, open: openProp, ...props }) {
+	const [open, setOpen] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
+		caller: "@optiaxiom/react/DropdownMenu",
+		defaultProp: defaultOpen,
+		onChange: onOpenChange,
+		prop: openProp
+	});
+	const [presence, setPresence] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Root, {
+		onOpenChange: setOpen,
+		open,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuProvider, {
+			open,
+			presence,
+			setOpen,
+			setPresence,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuNestedProvider, {
+				open,
+				children
+			})
+		})
+	});
+}
+DropdownMenu.displayName = "@optiaxiom/react/DropdownMenu";
+//#endregion
+//#region src/dropdown-menu/DropdownMenuCheckboxItem.tsx
+/**
+* @group DropdownMenu
+*/
+const DropdownMenuCheckboxItem = (0, react.forwardRef)(({ children, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.CheckboxItem, {
+		asChild: true,
+		ref,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionPopover.ListboxSwitchItem, { children })
+	});
+});
+DropdownMenuCheckboxItem.displayName = "@optiaxiom/react/DropdownMenuCheckboxItem";
+//#endregion
+//#region src/dropdown-menu/DropdownMenuContent.tsx
+/**
+* @group DropdownMenu
+*/
+const DropdownMenuContent = (0, react.forwardRef)(({ align = "start", children, loading, ...props }, ref) => {
+	const { open, presence, setPresence } = useDropdownMenuContext("@optiaxiom/react/DropdownMenuContent");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_transition.TransitionGroup, {
+		onPresenceChange: setPresence,
+		open,
+		presence,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Portal.Portal, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionPopover.ModalListbox, {
+				asChild: true,
+				...props,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Content, {
+					align,
+					"data-state": presence ? "open" : "closed",
+					forceMount: true,
+					onPointerMove: (event) => {
+						if (!open) event.preventDefault();
+					},
+					ref,
+					sideOffset: 4,
+					children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+						"aria-hidden": true,
+						display: "flex",
+						justifyContent: "center",
+						p: "16",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_spinner.Spinner, {})
+					}) : children
+				})
+			})
+		})
+	});
+});
+DropdownMenuContent.displayName = "@optiaxiom/react/DropdownMenuContent";
+//#endregion
+//#region src/dropdown-menu/DropdownMenuGroup.tsx
+/**
+* @group DropdownMenu
+*/
+const DropdownMenuGroup = (0, react.forwardRef)(({ children, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+		asChild: true,
+		ref,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Group, { children })
+	});
+});
+DropdownMenuGroup.displayName = "@optiaxiom/react/DropdownMenuGroup";
+//#endregion
+//#region src/dropdown-menu/DropdownMenuItem.tsx
+/**
+* @group DropdownMenu
+*/
+const DropdownMenuItem = (0, react.forwardRef)(({ asChild, children, onSelect, ...props }, ref) => {
+	const { open } = useDropdownMenuContext("@optiaxiom/react/DropdownMenuItem");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionPopover.ListboxItem, {
+		asChild: true,
+		ref,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Item, {
+			asChild,
+			onPointerLeave: (event) => {
+				if (!open) event.preventDefault();
+			},
+			onPointerMove: (event) => {
+				if (!open) event.preventDefault();
+			},
+			onSelect,
+			children
+		})
+	});
+});
+DropdownMenuItem.displayName = "@optiaxiom/react/DropdownMenuItem";
+//#endregion
+//#region src/dropdown-menu/DropdownMenuLabel.tsx
+/**
+* @group DropdownMenu
+*/
+const DropdownMenuLabel = (0, react.forwardRef)(({ children, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_box.Box, {
+		asChild: true,
+		color: "fg.tertiary",
+		fontFamily: "mono",
+		fontSize: "sm",
+		p: "8",
+		ref,
+		textTransform: "uppercase",
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Label, { children })
+	});
+});
+DropdownMenuLabel.displayName = "@optiaxiom/react/DropdownMenuLabel";
+//#endregion
+//#region src/dropdown-menu/DropdownMenuSeparator.tsx
+/**
+* @group DropdownMenu
+* @extends Separator
+*/
+const DropdownMenuSeparator = (0, react.forwardRef)((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionPopover.ListboxSeparator, {
+	asChild: true,
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Separator, { ref })
+}));
+DropdownMenuSeparator.displayName = "@optiaxiom/react/DropdownMenuSeparator";
+//#endregion
+//#region src/dropdown-menu/DropdownMenuSubContext.ts
+const [DropdownMenuSubProvider, useDropdownMenuSubContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/DropdownMenuSub");
+//#endregion
+//#region src/dropdown-menu/DropdownMenuSub.tsx
+/**
+* @group DropdownMenu
+*/
+function DropdownMenuSub({ children, defaultOpen = false, onOpenChange, open: openProp, ...props }) {
+	const [open, setOpen] = (0, _radix_ui_react_use_controllable_state.useControllableState)({
+		caller: "@optiaxiom/react/DropdownMenuSub",
+		defaultProp: defaultOpen,
+		onChange: onOpenChange,
+		prop: openProp
+	});
+	const { open: parentOpen } = useDropdownMenuNestedContext("@optiaxiom/react/DropdownMenuSub");
+	(0, react.useEffect)(() => {
+		if (!parentOpen) setOpen(false);
+	}, [parentOpen, setOpen]);
+	const [presence, setPresence] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Sub, {
+		onOpenChange: setOpen,
+		open: open || presence,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuSubProvider, {
+			open,
+			presence,
+			setPresence,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuNestedProvider, {
+				open: open || presence,
+				children
+			})
+		})
+	});
+}
+DropdownMenuSub.displayName = "@optiaxiom/react/DropdownMenuSub";
+//#endregion
+//#region src/dropdown-menu/DropdownMenuSubContent.tsx
+/**
+* @group DropdownMenu
+*/
+const DropdownMenuSubContent = (0, react.forwardRef)(({ asChild, children, ...props }, ref) => {
+	const { open, setPresence } = useDropdownMenuSubContext("@optiaxiom/react/DropdownMenuSubContent");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_transition.TransitionGroup, {
+		onPresenceChange: setPresence,
+		open,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Portal.Portal, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionPopover.ModalListbox, {
+				asChild: true,
+				...props,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.SubContent, {
+					alignOffset: -4,
+					asChild,
+					ref,
+					sideOffset: 0,
+					children
+				})
+			})
+		})
+	});
+});
+DropdownMenuSubContent.displayName = "@optiaxiom/react/DropdownMenuSubContent";
+//#endregion
+//#region src/dropdown-menu/DropdownMenuSubTrigger.tsx
+/**
+* @group DropdownMenu
+*/
+const DropdownMenuSubTrigger = (0, react.forwardRef)(({ children, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SuggestionPopover.ListboxItem, {
+		addonAfter: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_optiaxiom_icons_IconChevronRight.IconChevronRight, {}),
+		asChild: true,
+		ref,
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.SubTrigger, { children })
+	});
+});
+DropdownMenuSubTrigger.displayName = "@optiaxiom/react/DropdownMenuSubTrigger";
+//#endregion
+//#region src/dropdown-menu/DropdownMenuTrigger.tsx
+/**
+* @group DropdownMenu
+* @extends Button
+*/
+const DropdownMenuTrigger = (0, react.forwardRef)(({ asChild, children, ...props }, ref) => {
+	const { open, presence } = useDropdownMenuContext("@optiaxiom/react/DropdownMenuTrigger");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Trigger, {
+		"aria-expanded": open || presence,
+		asChild: true,
+		"data-state": open || presence ? "open" : "closed",
+		ref,
+		...props,
+		children: asChild ? children : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_angle_menu_button.AngleMenuButton, { children })
+	});
+});
+DropdownMenuTrigger.displayName = "@optiaxiom/react/DropdownMenuTrigger";
+//#endregion
+Object.defineProperty(exports, "DropdownMenu", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenu;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuCheckboxItem", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuCheckboxItem;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuContent", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuContent;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuGroup", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuGroup;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuItem", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuItem;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuLabel", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuLabel;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuSeparator", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuSeparator;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuSub", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuSub;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuSubContent", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuSubContent;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuSubTrigger", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuSubTrigger;
+	}
+});
+Object.defineProperty(exports, "DropdownMenuTrigger", {
+	enumerable: true,
+	get: function() {
+		return DropdownMenuTrigger;
+	}
+});

package/dist/cjs/dropdown-menu.js

@@ -0,0 +1,13 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_dropdown_menu = require("./dropdown-menu-UDoRzpA1.js");
+exports.DropdownMenu = require_dropdown_menu.DropdownMenu;
+exports.DropdownMenuCheckboxItem = require_dropdown_menu.DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = require_dropdown_menu.DropdownMenuContent;
+exports.DropdownMenuGroup = require_dropdown_menu.DropdownMenuGroup;
+exports.DropdownMenuItem = require_dropdown_menu.DropdownMenuItem;
+exports.DropdownMenuLabel = require_dropdown_menu.DropdownMenuLabel;
+exports.DropdownMenuSeparator = require_dropdown_menu.DropdownMenuSeparator;
+exports.DropdownMenuSub = require_dropdown_menu.DropdownMenuSub;
+exports.DropdownMenuSubContent = require_dropdown_menu.DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = require_dropdown_menu.DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = require_dropdown_menu.DropdownMenuTrigger;