@seed-design/react 1.2.14 → 2.0.0

package/lib/components/MenuSheet/MenuSheet.js

@@ -12,13 +12,28 @@ import { menuSheetItem } from "@seed-design/css/recipes/menu-sheet-item";
 var { withRootProvider, withContext, useClassNames } = createSlotRecipeContext(menuSheet);
 var { PropsProvider: ItemPropsProvider, useProps: useItemProps, withContext: withItemContext, ClassNamesProvider: ItemClassNamesProvider } = createSlotRecipeContext(menuSheetItem);
 var withStateProps = createWithStateProps([useDialogContext]);
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetRoot = withRootProvider(Dialog.Root, { defaultProps: {
 	lazyMount: true,
 	unmountOnExit: true
 } });
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetTrigger = Dialog.Trigger;
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetPositioner = withContext(Dialog.Positioner, "positioner");
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetBackdrop = withContext(Dialog.Backdrop, "backdrop");
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetContent = React$1.forwardRef(({ className, ...props }, ref) => {
 	const [variantProps, otherProps] = menuSheetItem.splitVariantProps(props);
 	const classNames = useClassNames();
@@ -31,10 +46,25 @@ var MenuSheetContent = React$1.forwardRef(({ className, ...props }, ref) => {
 		})
 	});
 });
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetHeader = withContext(withStateProps(Primitive.div), "header");
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetTitle = withContext(withStateProps(Primitive.h2), "title");
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetDescription = withContext(withStateProps(Primitive.p), "description");
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetList = withContext(withStateProps(Primitive.div), "list");
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetGroup = React$1.forwardRef(({ className, ...props }, ref) => {
 	const [variantProps, otherProps] = menuSheetItem.splitVariantProps(props);
 	const parentProps = useItemProps();
@@ -53,6 +83,9 @@ var MenuSheetGroup = React$1.forwardRef(({ className, ...props }, ref) => {
 		})
 	});
 });
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetItem = React$1.forwardRef(({ className: propClassName, ...props }, ref) => {
 	const [variantProps, otherProps] = menuSheetItem.splitVariantProps(props);
 	const classNames = menuSheetItem({
@@ -70,10 +103,25 @@ var MenuSheetItem = React$1.forwardRef(({ className: propClassName, ...props },
 		})
 	});
 });
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetItemContent = withItemContext(withStateProps(Primitive.div), "content");
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetItemLabel = withItemContext(withStateProps(Primitive.span), "label");
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetItemDescription = withItemContext(withStateProps(Primitive.span), "description");
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetFooter = withContext(withStateProps(Primitive.div), "footer");
+/**
+* @deprecated Use `SwipeableMenuSheet` instead.
+*/
 var MenuSheetCloseButton = withContext(Dialog.CloseButton, "closeButton");
 //#endregion
 export { MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetDescription, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetItemContent, MenuSheetItemDescription, MenuSheetItemLabel, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger };

package/lib/components/NavigationMenu/NavigationMenu.cjs

@@ -0,0 +1,76 @@
+"use client";
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
+let _seed_design_react_navigation_menu = require("@seed-design/react-navigation-menu");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _seed_design_css_recipes_menu = require("@seed-design/css/recipes/menu");
+let _seed_design_css_recipes_menu_item = require("@seed-design/css/recipes/menu-item");
+//#region src/components/NavigationMenu/NavigationMenu.tsx
+var { ClassNamesProvider, withContext, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_menu.menu);
+var { PropsProvider: ItemPropsProvider, useProps: useItemProps, withContext: withItemContext, ClassNamesProvider: ItemClassNamesProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_menu_item.menuItem);
+var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_navigation_menu.useNavigationMenuRootContext]);
+var withItemStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_navigation_menu.useNavigationMenuItemContext]);
+var NavigationMenuProvider = (props) => {
+	const [variantProps, otherProps] = _seed_design_css_recipes_menu.menu.splitVariantProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
+		value: (0, _seed_design_css_recipes_menu.menu)(variantProps),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemPropsProvider, {
+			value: { size: variantProps.size },
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_navigation_menu.NavigationMenu.Provider, { ...otherProps })
+		})
+	});
+};
+var NavigationMenuRoot = _seed_design_react_navigation_menu.NavigationMenu.Root;
+var NavigationMenuTrigger = _seed_design_react_navigation_menu.NavigationMenu.Trigger;
+var NavigationMenuPositioner = react.forwardRef(({ className, ...props }, ref) => {
+	const classNames = useClassNames();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_navigation_menu.NavigationMenu.Positioner, {
+		ref,
+		className: (0, clsx.default)(classNames.positioner, className),
+		...props
+	});
+});
+NavigationMenuPositioner.displayName = "NavigationMenuPositioner";
+var NavigationMenuContent = withContext(_seed_design_react_navigation_menu.NavigationMenu.Content, "content");
+var NavigationMenuScrollArea = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "scrollArea");
+var NavigationMenuGroup = withContext(_seed_design_react_navigation_menu.NavigationMenu.Group, "group");
+var NavigationMenuGroupLabel = withContext(_seed_design_react_navigation_menu.NavigationMenu.GroupLabel, "groupLabel");
+var NavigationMenuItem = react.forwardRef(({ className: propClassName, ...props }, ref) => {
+	const [variantProps, otherProps] = _seed_design_css_recipes_menu_item.menuItem.splitVariantProps(props);
+	const classNames = (0, _seed_design_css_recipes_menu_item.menuItem)({
+		...useItemProps(),
+		...variantProps
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemClassNamesProvider, {
+		value: classNames,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_navigation_menu.NavigationMenu.Item, {
+			ref,
+			className: (0, clsx.default)(classNames.root, propClassName),
+			...otherProps
+		})
+	});
+});
+NavigationMenuItem.displayName = "NavigationMenuItem";
+var NavigationMenuItemBody = withItemContext(withItemStateProps(_seed_design_react_primitive.Primitive.div), "body");
+var NavigationMenuItemLabel = withItemContext(withItemStateProps(_seed_design_react_primitive.Primitive.span), "label");
+var NavigationMenuItemDescription = withItemContext(withItemStateProps(_seed_design_react_primitive.Primitive.span), "description");
+//#endregion
+exports.NavigationMenuContent = NavigationMenuContent;
+exports.NavigationMenuGroup = NavigationMenuGroup;
+exports.NavigationMenuGroupLabel = NavigationMenuGroupLabel;
+exports.NavigationMenuItem = NavigationMenuItem;
+exports.NavigationMenuItemBody = NavigationMenuItemBody;
+exports.NavigationMenuItemDescription = NavigationMenuItemDescription;
+exports.NavigationMenuItemLabel = NavigationMenuItemLabel;
+exports.NavigationMenuPositioner = NavigationMenuPositioner;
+exports.NavigationMenuProvider = NavigationMenuProvider;
+exports.NavigationMenuRoot = NavigationMenuRoot;
+exports.NavigationMenuScrollArea = NavigationMenuScrollArea;
+exports.NavigationMenuTrigger = NavigationMenuTrigger;

package/lib/components/NavigationMenu/NavigationMenu.d.ts

@@ -0,0 +1,42 @@
+import { MenuVariantProps } from '@seed-design/css/recipes/menu';
+import { MenuItemVariantProps } from '@seed-design/css/recipes/menu-item';
+import { NavigationMenu as NavigationMenuPrimitive } from '@seed-design/react-navigation-menu';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import * as React from "react";
+export interface NavigationMenuProviderProps extends MenuVariantProps, NavigationMenuPrimitive.ProviderProps {
+}
+export declare const NavigationMenuProvider: (props: NavigationMenuProviderProps) => import("react/jsx-runtime").JSX.Element;
+export interface NavigationMenuRootProps extends NavigationMenuPrimitive.RootProps {
+}
+export declare const NavigationMenuRoot: ({ value, disabled, placement, gutter, overflowPadding, strategy, children, }: NavigationMenuPrimitive.RootProps) => import("react/jsx-runtime").JSX.Element;
+export interface NavigationMenuTriggerProps extends NavigationMenuPrimitive.TriggerProps {
+}
+export declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<NavigationMenuPrimitive.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface NavigationMenuPositionerProps extends NavigationMenuPrimitive.PositionerProps {
+}
+export declare const NavigationMenuPositioner: React.ForwardRefExoticComponent<NavigationMenuPositionerProps & React.RefAttributes<HTMLDivElement>>;
+export interface NavigationMenuContentProps extends NavigationMenuPrimitive.ContentProps {
+}
+export declare const NavigationMenuContent: React.ForwardRefExoticComponent<NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface NavigationMenuScrollAreaProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const NavigationMenuScrollArea: React.ForwardRefExoticComponent<NavigationMenuScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+export interface NavigationMenuGroupProps extends NavigationMenuPrimitive.GroupProps {
+}
+export declare const NavigationMenuGroup: React.ForwardRefExoticComponent<NavigationMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface NavigationMenuGroupLabelProps extends NavigationMenuPrimitive.GroupLabelProps {
+}
+export declare const NavigationMenuGroupLabel: React.ForwardRefExoticComponent<NavigationMenuGroupLabelProps & React.RefAttributes<HTMLDivElement>>;
+export interface NavigationMenuItemProps extends MenuItemVariantProps, NavigationMenuPrimitive.ItemProps {
+}
+export declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuItemProps & React.RefAttributes<HTMLButtonElement>>;
+export interface NavigationMenuItemBodyProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const NavigationMenuItemBody: React.ForwardRefExoticComponent<NavigationMenuItemBodyProps & React.RefAttributes<HTMLDivElement>>;
+export interface NavigationMenuItemLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const NavigationMenuItemLabel: React.ForwardRefExoticComponent<NavigationMenuItemLabelProps & React.RefAttributes<HTMLSpanElement>>;
+export interface NavigationMenuItemDescriptionProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const NavigationMenuItemDescription: React.ForwardRefExoticComponent<NavigationMenuItemDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=NavigationMenu.d.ts.map

package/lib/components/NavigationMenu/NavigationMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EACL,cAAc,IAAI,uBAAuB,EAG1C,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,WAAW,2BACf,SAAQ,gBAAgB,EACtB,uBAAuB,CAAC,aAAa;CAAG;AAE5C,eAAO,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,4CAWxE,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,uBAAuB,CAAC,SAAS;CAAG;AAErF,eAAO,MAAM,kBAAkB,8JAA+B,CAAC;AAI/D,MAAM,WAAW,0BAA2B,SAAQ,uBAAuB,CAAC,YAAY;CAAG;AAE3F,eAAO,MAAM,qBAAqB,gHAAkC,CAAC;AAIrE,MAAM,WAAW,6BAA8B,SAAQ,uBAAuB,CAAC,eAAe;CAAG;AAEjG,eAAO,MAAM,wBAAwB,sGAanC,CAAC;AAKH,MAAM,WAAW,0BAA2B,SAAQ,uBAAuB,CAAC,YAAY;CAAG;AAE3F,eAAO,MAAM,qBAAqB,mGAGjC,CAAC;AAIF,MAAM,WAAW,6BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,wBAAwB,sGAGpC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,uBAAuB,CAAC,UAAU;CAAG;AAEvF,eAAO,MAAM,mBAAmB,iGAG/B,CAAC;AAIF,MAAM,WAAW,6BAA8B,SAAQ,uBAAuB,CAAC,eAAe;CAAG;AAEjG,eAAO,MAAM,wBAAwB,sGAGpC,CAAC;AAIF,MAAM,WAAW,uBACf,SAAQ,oBAAoB,EAC1B,uBAAuB,CAAC,SAAS;CAAG;AAExC,eAAO,MAAM,kBAAkB,mGAiB9B,CAAC;AAKF,MAAM,WAAW,2BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,sBAAsB,oGAGlC,CAAC;AAIF,MAAM,WAAW,4BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,uBAAuB,sGAGU,CAAC;AAI/C,MAAM,WAAW,kCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,6BAA6B,4GAGU,CAAC"}

package/lib/components/NavigationMenu/NavigationMenu.js

@@ -0,0 +1,62 @@
+"use client";
+"use client";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { NavigationMenu, useNavigationMenuItemContext, useNavigationMenuRootContext } from "@seed-design/react-navigation-menu";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { menu } from "@seed-design/css/recipes/menu";
+import { menuItem } from "@seed-design/css/recipes/menu-item";
+//#region src/components/NavigationMenu/NavigationMenu.tsx
+var { ClassNamesProvider, withContext, useClassNames } = createSlotRecipeContext(menu);
+var { PropsProvider: ItemPropsProvider, useProps: useItemProps, withContext: withItemContext, ClassNamesProvider: ItemClassNamesProvider } = createSlotRecipeContext(menuItem);
+var withStateProps = createWithStateProps([useNavigationMenuRootContext]);
+var withItemStateProps = createWithStateProps([useNavigationMenuItemContext]);
+var NavigationMenuProvider = (props) => {
+	const [variantProps, otherProps] = menu.splitVariantProps(props);
+	return /* @__PURE__ */ jsx(ClassNamesProvider, {
+		value: menu(variantProps),
+		children: /* @__PURE__ */ jsx(ItemPropsProvider, {
+			value: { size: variantProps.size },
+			children: /* @__PURE__ */ jsx(NavigationMenu.Provider, { ...otherProps })
+		})
+	});
+};
+var NavigationMenuRoot = NavigationMenu.Root;
+var NavigationMenuTrigger = NavigationMenu.Trigger;
+var NavigationMenuPositioner = React$1.forwardRef(({ className, ...props }, ref) => {
+	const classNames = useClassNames();
+	return /* @__PURE__ */ jsx(NavigationMenu.Positioner, {
+		ref,
+		className: clsx$1(classNames.positioner, className),
+		...props
+	});
+});
+NavigationMenuPositioner.displayName = "NavigationMenuPositioner";
+var NavigationMenuContent = withContext(NavigationMenu.Content, "content");
+var NavigationMenuScrollArea = withContext(withStateProps(Primitive.div), "scrollArea");
+var NavigationMenuGroup = withContext(NavigationMenu.Group, "group");
+var NavigationMenuGroupLabel = withContext(NavigationMenu.GroupLabel, "groupLabel");
+var NavigationMenuItem = React$1.forwardRef(({ className: propClassName, ...props }, ref) => {
+	const [variantProps, otherProps] = menuItem.splitVariantProps(props);
+	const classNames = menuItem({
+		...useItemProps(),
+		...variantProps
+	});
+	return /* @__PURE__ */ jsx(ItemClassNamesProvider, {
+		value: classNames,
+		children: /* @__PURE__ */ jsx(NavigationMenu.Item, {
+			ref,
+			className: clsx$1(classNames.root, propClassName),
+			...otherProps
+		})
+	});
+});
+NavigationMenuItem.displayName = "NavigationMenuItem";
+var NavigationMenuItemBody = withItemContext(withItemStateProps(Primitive.div), "body");
+var NavigationMenuItemLabel = withItemContext(withItemStateProps(Primitive.span), "label");
+var NavigationMenuItemDescription = withItemContext(withItemStateProps(Primitive.span), "description");
+//#endregion
+export { NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuItemBody, NavigationMenuItemDescription, NavigationMenuItemLabel, NavigationMenuPositioner, NavigationMenuProvider, NavigationMenuRoot, NavigationMenuScrollArea, NavigationMenuTrigger };

package/lib/components/NavigationMenu/NavigationMenu.namespace.cjs

@@ -0,0 +1,24 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_NavigationMenu = require("./NavigationMenu.cjs");
+//#region src/components/NavigationMenu/NavigationMenu.namespace.ts
+var NavigationMenu_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Content: () => require_NavigationMenu.NavigationMenuContent,
+	Group: () => require_NavigationMenu.NavigationMenuGroup,
+	GroupLabel: () => require_NavigationMenu.NavigationMenuGroupLabel,
+	Item: () => require_NavigationMenu.NavigationMenuItem,
+	ItemBody: () => require_NavigationMenu.NavigationMenuItemBody,
+	ItemDescription: () => require_NavigationMenu.NavigationMenuItemDescription,
+	ItemLabel: () => require_NavigationMenu.NavigationMenuItemLabel,
+	Positioner: () => require_NavigationMenu.NavigationMenuPositioner,
+	Provider: () => require_NavigationMenu.NavigationMenuProvider,
+	Root: () => require_NavigationMenu.NavigationMenuRoot,
+	ScrollArea: () => require_NavigationMenu.NavigationMenuScrollArea,
+	Trigger: () => require_NavigationMenu.NavigationMenuTrigger
+});
+//#endregion
+Object.defineProperty(exports, "NavigationMenu_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return NavigationMenu_namespace_exports;
+	}
+});

package/lib/components/NavigationMenu/NavigationMenu.namespace.d.ts

@@ -0,0 +1,2 @@
+export { NavigationMenuProvider as Provider, NavigationMenuRoot as Root, NavigationMenuTrigger as Trigger, NavigationMenuPositioner as Positioner, NavigationMenuContent as Content, NavigationMenuScrollArea as ScrollArea, NavigationMenuGroup as Group, NavigationMenuGroupLabel as GroupLabel, NavigationMenuItem as Item, NavigationMenuItemBody as ItemBody, NavigationMenuItemLabel as ItemLabel, NavigationMenuItemDescription as ItemDescription, type NavigationMenuProviderProps as ProviderProps, type NavigationMenuRootProps as RootProps, type NavigationMenuTriggerProps as TriggerProps, type NavigationMenuPositionerProps as PositionerProps, type NavigationMenuContentProps as ContentProps, type NavigationMenuScrollAreaProps as ScrollAreaProps, type NavigationMenuGroupProps as GroupProps, type NavigationMenuGroupLabelProps as GroupLabelProps, type NavigationMenuItemProps as ItemProps, type NavigationMenuItemBodyProps as ItemBodyProps, type NavigationMenuItemLabelProps as ItemLabelProps, type NavigationMenuItemDescriptionProps as ItemDescriptionProps, } from './NavigationMenu';
+//# sourceMappingURL=NavigationMenu.namespace.d.ts.map

package/lib/components/NavigationMenu/NavigationMenu.namespace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenu.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,IAAI,QAAQ,EAClC,kBAAkB,IAAI,IAAI,EAC1B,qBAAqB,IAAI,OAAO,EAChC,wBAAwB,IAAI,UAAU,EACtC,qBAAqB,IAAI,OAAO,EAChC,wBAAwB,IAAI,UAAU,EACtC,mBAAmB,IAAI,KAAK,EAC5B,wBAAwB,IAAI,UAAU,EACtC,kBAAkB,IAAI,IAAI,EAC1B,sBAAsB,IAAI,QAAQ,EAClC,uBAAuB,IAAI,SAAS,EACpC,6BAA6B,IAAI,eAAe,EAChD,KAAK,2BAA2B,IAAI,aAAa,EACjD,KAAK,uBAAuB,IAAI,SAAS,EACzC,KAAK,0BAA0B,IAAI,YAAY,EAC/C,KAAK,6BAA6B,IAAI,eAAe,EACrD,KAAK,0BAA0B,IAAI,YAAY,EAC/C,KAAK,6BAA6B,IAAI,eAAe,EACrD,KAAK,wBAAwB,IAAI,UAAU,EAC3C,KAAK,6BAA6B,IAAI,eAAe,EACrD,KAAK,uBAAuB,IAAI,SAAS,EACzC,KAAK,2BAA2B,IAAI,aAAa,EACjD,KAAK,4BAA4B,IAAI,cAAc,EACnD,KAAK,kCAAkC,IAAI,oBAAoB,GAChE,MAAM,kBAAkB,CAAC"}

package/lib/components/NavigationMenu/NavigationMenu.namespace.js

@@ -0,0 +1,19 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuItemBody, NavigationMenuItemDescription, NavigationMenuItemLabel, NavigationMenuPositioner, NavigationMenuProvider, NavigationMenuRoot, NavigationMenuScrollArea, NavigationMenuTrigger } from "./NavigationMenu.js";
+//#region src/components/NavigationMenu/NavigationMenu.namespace.ts
+var NavigationMenu_namespace_exports = /* @__PURE__ */ __exportAll({
+	Content: () => NavigationMenuContent,
+	Group: () => NavigationMenuGroup,
+	GroupLabel: () => NavigationMenuGroupLabel,
+	Item: () => NavigationMenuItem,
+	ItemBody: () => NavigationMenuItemBody,
+	ItemDescription: () => NavigationMenuItemDescription,
+	ItemLabel: () => NavigationMenuItemLabel,
+	Positioner: () => NavigationMenuPositioner,
+	Provider: () => NavigationMenuProvider,
+	Root: () => NavigationMenuRoot,
+	ScrollArea: () => NavigationMenuScrollArea,
+	Trigger: () => NavigationMenuTrigger
+});
+//#endregion
+export { NavigationMenu_namespace_exports };

package/lib/components/NavigationMenu/index.cjs

@@ -0,0 +1,21 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_NavigationMenu = require("./NavigationMenu.cjs");
+const require_NavigationMenu_namespace = require("./NavigationMenu.namespace.cjs");
+Object.defineProperty(exports, "NavigationMenu", {
+	enumerable: true,
+	get: function() {
+		return require_NavigationMenu_namespace.NavigationMenu_namespace_exports;
+	}
+});
+exports.NavigationMenuContent = require_NavigationMenu.NavigationMenuContent;
+exports.NavigationMenuGroup = require_NavigationMenu.NavigationMenuGroup;
+exports.NavigationMenuGroupLabel = require_NavigationMenu.NavigationMenuGroupLabel;
+exports.NavigationMenuItem = require_NavigationMenu.NavigationMenuItem;
+exports.NavigationMenuItemBody = require_NavigationMenu.NavigationMenuItemBody;
+exports.NavigationMenuItemDescription = require_NavigationMenu.NavigationMenuItemDescription;
+exports.NavigationMenuItemLabel = require_NavigationMenu.NavigationMenuItemLabel;
+exports.NavigationMenuPositioner = require_NavigationMenu.NavigationMenuPositioner;
+exports.NavigationMenuProvider = require_NavigationMenu.NavigationMenuProvider;
+exports.NavigationMenuRoot = require_NavigationMenu.NavigationMenuRoot;
+exports.NavigationMenuScrollArea = require_NavigationMenu.NavigationMenuScrollArea;
+exports.NavigationMenuTrigger = require_NavigationMenu.NavigationMenuTrigger;

package/lib/components/NavigationMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { NavigationMenuProvider, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuPositioner, NavigationMenuContent, NavigationMenuScrollArea, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuItemBody, NavigationMenuItemLabel, NavigationMenuItemDescription, type NavigationMenuProviderProps, type NavigationMenuRootProps, type NavigationMenuTriggerProps, type NavigationMenuPositionerProps, type NavigationMenuContentProps, type NavigationMenuScrollAreaProps, type NavigationMenuGroupProps, type NavigationMenuGroupLabelProps, type NavigationMenuItemProps, type NavigationMenuItemBodyProps, type NavigationMenuItemLabelProps, type NavigationMenuItemDescriptionProps, } from './NavigationMenu';
+export * as NavigationMenu from './NavigationMenu.namespace';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/NavigationMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,kBAAkB,EAClB,sBAAsB,EACtB,uBAAuB,EACvB,6BAA6B,EAC7B,KAAK,2BAA2B,EAChC,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAC/B,KAAK,6BAA6B,EAClC,KAAK,0BAA0B,EAC/B,KAAK,6BAA6B,EAClC,KAAK,wBAAwB,EAC7B,KAAK,6BAA6B,EAClC,KAAK,uBAAuB,EAC5B,KAAK,2BAA2B,EAChC,KAAK,4BAA4B,EACjC,KAAK,kCAAkC,GACxC,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,cAAc,MAAM,4BAA4B,CAAC"}

package/lib/components/NavigationMenu/index.js

@@ -0,0 +1,3 @@
+import { NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuItemBody, NavigationMenuItemDescription, NavigationMenuItemLabel, NavigationMenuPositioner, NavigationMenuProvider, NavigationMenuRoot, NavigationMenuScrollArea, NavigationMenuTrigger } from "./NavigationMenu.js";
+import { NavigationMenu_namespace_exports } from "./NavigationMenu.namespace.js";
+export { NavigationMenu_namespace_exports as NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuItemBody, NavigationMenuItemDescription, NavigationMenuItemLabel, NavigationMenuPositioner, NavigationMenuProvider, NavigationMenuRoot, NavigationMenuScrollArea, NavigationMenuTrigger };

package/lib/components/RadioGroup/RadioGroup.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
 const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
+const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
 const require_splitMultipleVariantsProps = require("../../utils/splitMultipleVariantsProps.cjs");
 const require_Icon = require("../private/Icon.cjs");
 let _seed_design_react_radio_group = require("@seed-design/react-radio-group");

package/lib/components/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
 "use client";
-import { createRecipeContext } from "../../utils/createRecipeContext.js";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { createRecipeContext } from "../../utils/createRecipeContext.js";
 import { splitMultipleVariantsProps } from "../../utils/splitMultipleVariantsProps.js";
 import { InternalIcon } from "../private/Icon.js";
 import { RadioGroup, useRadioGroupItemContext } from "@seed-design/react-radio-group";

package/lib/components/ResponsivePair/ResponsivePair.cjs

@@ -1,6 +1,5 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_styled = require("../../utils/styled.cjs");
 const require_Flex = require("../Flex/Flex.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react);
@@ -10,10 +9,10 @@ let _radix_ui_react_slot = require("@radix-ui/react-slot");
 var ResponsivePair = react.forwardRef((props, ref) => {
 	const { wrap = "wrap-reverse", gap, children, ...rest } = props;
 	const childrenArray = react.Children.toArray(children);
-	const { style } = require_styled.useStyleProps({
-		minWidth: `calc(${100 / childrenArray.length}% - ${require_styled.handleDimension(gap)} / ${childrenArray.length})`,
-		flexGrow: 1
-	});
+	const style = {
+		"--seed-box-min-width": `calc(${100 / childrenArray.length}% - var(--responsive-pair-gap) / ${childrenArray.length})`,
+		"--seed-box-flex-grow": 1
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Flex.Flex, {
 		ref,
 		display: "flex",
@@ -22,6 +21,10 @@ var ResponsivePair = react.forwardRef((props, ref) => {
 		flexWrap: wrap,
 		gap,
 		...rest,
+		style: {
+			"--responsive-pair-gap": "var(--seed-box-gap, 0px)",
+			...rest.style
+		},
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_slot.Slot, {
 			style,
 			children: childrenArray[0]

package/lib/components/ResponsivePair/ResponsivePair.d.ts

@@ -1,11 +1,12 @@
+import { DistributiveOmit } from '../../utils/styled';
 import { FlexProps } from '../Flex';
 import * as React from "react";
-export interface ResponsivePairProps extends Omit<FlexProps, "flexDirection" | "flexWrap"> {
+export type ResponsivePairProps = DistributiveOmit<FlexProps, "flexDirection" | "flexWrap"> & {
     /**
      * @default "wrap-reverse"
      */
     wrap?: "wrap" | "wrap-reverse";
     children: [React.ReactNode, React.ReactNode];
-}
+};
 export declare const ResponsivePair: React.ForwardRefExoticComponent<ResponsivePairProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ResponsivePair.d.ts.map

package/lib/components/ResponsivePair/ResponsivePair.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsivePair.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsivePair/ResponsivePair.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,eAAe,GAAG,UAAU,CAAC;IACxF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAE/B,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,cAAc,4FAwB1B,CAAC"}
+{"version":3,"file":"ResponsivePair.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsivePair/ResponsivePair.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,SAAS,EAAE,eAAe,GAAG,UAAU,CAAC,GAAG;IAC5F;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;IAE/B,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,cAAc,4FA8B1B,CAAC"}

package/lib/components/ResponsivePair/ResponsivePair.js

@@ -1,5 +1,4 @@
 "use client";
-import { handleDimension, useStyleProps } from "../../utils/styled.js";
 import { Flex } from "../Flex/Flex.js";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -8,10 +7,10 @@ import { Slot } from "@radix-ui/react-slot";
 var ResponsivePair = React$1.forwardRef((props, ref) => {
 	const { wrap = "wrap-reverse", gap, children, ...rest } = props;
 	const childrenArray = React$1.Children.toArray(children);
-	const { style } = useStyleProps({
-		minWidth: `calc(${100 / childrenArray.length}% - ${handleDimension(gap)} / ${childrenArray.length})`,
-		flexGrow: 1
-	});
+	const style = {
+		"--seed-box-min-width": `calc(${100 / childrenArray.length}% - var(--responsive-pair-gap) / ${childrenArray.length})`,
+		"--seed-box-flex-grow": 1
+	};
 	return /* @__PURE__ */ jsxs(Flex, {
 		ref,
 		display: "flex",
@@ -20,6 +19,10 @@ var ResponsivePair = React$1.forwardRef((props, ref) => {
 		flexWrap: wrap,
 		gap,
 		...rest,
+		style: {
+			"--responsive-pair-gap": "var(--seed-box-gap, 0px)",
+			...rest.style
+		},
 		children: [/* @__PURE__ */ jsx(Slot, {
 			style,
 			children: childrenArray[0]