@seed-design/react 1.2.14 → 2.0.0

package/lib/components/AttachmentInput/AttachmentInputTrigger.js

@@ -0,0 +1,49 @@
+"use client";
+"use client";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { InternalIcon } from "../private/Icon.js";
+import { FileUpload, useFileUploadContext } from "@seed-design/react-file-upload";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { mergeProps } from "@seed-design/dom-utils";
+import { attachmentInputTrigger } from "@seed-design/css/recipes/attachment-input-trigger";
+//#region src/components/AttachmentInput/AttachmentInputTrigger.tsx
+var { withProvider, useClassNames } = createSlotRecipeContext(attachmentInputTrigger);
+var AttachmentInputTrigger = withProvider(FileUpload.Trigger, "root");
+var AttachmentInputTriggerIcon = React$1.forwardRef(({ image, general, ...props }, ref) => {
+	const { acceptType, stateProps } = useFileUploadContext();
+	const mergedProps = mergeProps(stateProps, { className: useClassNames().icon }, props);
+	if (acceptType === "image" && image) return /* @__PURE__ */ jsx(InternalIcon, {
+		svg: image,
+		ref,
+		...mergedProps
+	});
+	return /* @__PURE__ */ jsx(InternalIcon, {
+		svg: general,
+		ref,
+		...mergedProps
+	});
+});
+var AttachmentInputTriggerItemCount = React$1.forwardRef(({ className, ...otherProps }, ref) => {
+	const classNames = useClassNames();
+	const { currentFileEntryCount, maxFiles, stateProps } = useFileUploadContext();
+	return /* @__PURE__ */ jsxs(Primitive.div, {
+		className: clsx$1(classNames.itemCountArea, className),
+		ref,
+		...otherProps,
+		children: [/* @__PURE__ */ jsx("span", {
+			...currentFileEntryCount === 0 && { "data-empty": true },
+			className: classNames.itemCount,
+			...stateProps,
+			children: currentFileEntryCount
+		}), /* @__PURE__ */ jsxs("span", {
+			className: classNames.maxItemCount,
+			...stateProps,
+			children: ["/", maxFiles]
+		})]
+	});
+});
+//#endregion
+export { AttachmentInputTrigger, AttachmentInputTriggerIcon, AttachmentInputTriggerItemCount };

package/lib/components/AttachmentInput/index.cjs

@@ -0,0 +1,32 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_AttachmentInput = require("./AttachmentInput.cjs");
+const require_AttachmentInputDropzone = require("./AttachmentInputDropzone.cjs");
+const require_AttachmentInputItem = require("./AttachmentInputItem.cjs");
+const require_AttachmentInputTrigger = require("./AttachmentInputTrigger.cjs");
+const require_AttachmentInput_namespace = require("./AttachmentInput.namespace.cjs");
+Object.defineProperty(exports, "AttachmentInput", {
+	enumerable: true,
+	get: function() {
+		return require_AttachmentInput_namespace.AttachmentInput_namespace_exports;
+	}
+});
+exports.AttachmentInputContainer = require_AttachmentInput.AttachmentInputContainer;
+exports.AttachmentInputContext = require_AttachmentInput.AttachmentInputContext;
+exports.AttachmentInputDropzone = require_AttachmentInputDropzone.AttachmentInputDropzone;
+exports.AttachmentInputDropzoneLabel = require_AttachmentInputDropzone.AttachmentInputDropzoneLabel;
+exports.AttachmentInputHiddenInput = require_AttachmentInput.AttachmentInputHiddenInput;
+exports.AttachmentInputItem = require_AttachmentInputItem.AttachmentInputItem;
+exports.AttachmentInputItemActionButton = require_AttachmentInputItem.AttachmentInputItemActionButton;
+exports.AttachmentInputItemBackdrop = require_AttachmentInputItem.AttachmentInputItemBackdrop;
+exports.AttachmentInputItemBadge = require_AttachmentInputItem.AttachmentInputItemBadge;
+exports.AttachmentInputItemGroup = require_AttachmentInput.AttachmentInputItemGroup;
+exports.AttachmentInputItemImage = require_AttachmentInputItem.AttachmentInputItemImage;
+exports.AttachmentInputItemMetadata = require_AttachmentInputItem.AttachmentInputItemMetadata;
+exports.AttachmentInputItemName = require_AttachmentInputItem.AttachmentInputItemName;
+exports.AttachmentInputItemRemoveButton = require_AttachmentInputItem.AttachmentInputItemRemoveButton;
+exports.AttachmentInputItemSize = require_AttachmentInputItem.AttachmentInputItemSize;
+exports.AttachmentInputItemThumbnail = require_AttachmentInputItem.AttachmentInputItemThumbnail;
+exports.AttachmentInputRoot = require_AttachmentInput.AttachmentInputRoot;
+exports.AttachmentInputTrigger = require_AttachmentInputTrigger.AttachmentInputTrigger;
+exports.AttachmentInputTriggerIcon = require_AttachmentInputTrigger.AttachmentInputTriggerIcon;
+exports.AttachmentInputTriggerItemCount = require_AttachmentInputTrigger.AttachmentInputTriggerItemCount;

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

@@ -0,0 +1,7 @@
+export { AttachmentInputContainer, AttachmentInputHiddenInput, AttachmentInputItemGroup, AttachmentInputRoot, type AttachmentInputContainerProps, type AttachmentInputHiddenInputProps, type AttachmentInputItemGroupProps, type AttachmentInputRootProps, } from './AttachmentInput';
+export { AttachmentInputContext, type AttachmentInputContextProps, } from './AttachmentInput';
+export { AttachmentInputDropzone, AttachmentInputDropzoneLabel, type AttachmentInputDropzoneLabelProps, type AttachmentInputDropzoneProps, } from './AttachmentInputDropzone';
+export { AttachmentInputItem, AttachmentInputItemActionButton, AttachmentInputItemBackdrop, AttachmentInputItemBadge, AttachmentInputItemImage, AttachmentInputItemMetadata, AttachmentInputItemName, AttachmentInputItemRemoveButton, AttachmentInputItemSize, AttachmentInputItemThumbnail, type AttachmentInputItemActionButtonProps, type AttachmentInputItemBackdropProps, type AttachmentInputItemBadgeProps, type AttachmentInputItemImageProps, type AttachmentInputItemMetadataProps, type AttachmentInputItemNameProps, type AttachmentInputItemProps, type AttachmentInputItemRemoveButtonProps, type AttachmentInputItemSizeProps, type AttachmentInputItemThumbnailProps, } from './AttachmentInputItem';
+export { AttachmentInputTrigger, AttachmentInputTriggerIcon, AttachmentInputTriggerItemCount, type AttachmentInputTriggerIconProps, type AttachmentInputTriggerItemCountProps, type AttachmentInputTriggerProps, } from './AttachmentInputTrigger';
+export * as AttachmentInput from './AttachmentInput.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,0BAA0B,EAC1B,wBAAwB,EACxB,mBAAmB,EACnB,KAAK,6BAA6B,EAClC,KAAK,+BAA+B,EACpC,KAAK,6BAA6B,EAClC,KAAK,wBAAwB,GAC9B,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,uBAAuB,EACvB,4BAA4B,EAC5B,KAAK,iCAAiC,EACtC,KAAK,4BAA4B,GAClC,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,mBAAmB,EACnB,+BAA+B,EAC/B,2BAA2B,EAC3B,wBAAwB,EACxB,wBAAwB,EACxB,2BAA2B,EAC3B,uBAAuB,EACvB,+BAA+B,EAC/B,uBAAuB,EACvB,4BAA4B,EAC5B,KAAK,oCAAoC,EACzC,KAAK,gCAAgC,EACrC,KAAK,6BAA6B,EAClC,KAAK,6BAA6B,EAClC,KAAK,gCAAgC,EACrC,KAAK,4BAA4B,EACjC,KAAK,wBAAwB,EAC7B,KAAK,oCAAoC,EACzC,KAAK,4BAA4B,EACjC,KAAK,iCAAiC,GACvC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,+BAA+B,EAC/B,KAAK,+BAA+B,EACpC,KAAK,oCAAoC,EACzC,KAAK,2BAA2B,GACjC,MAAM,0BAA0B,CAAC;AAElC,OAAO,KAAK,eAAe,MAAM,6BAA6B,CAAC"}

package/lib/components/AttachmentInput/index.js

@@ -0,0 +1,6 @@
+import { AttachmentInputContainer, AttachmentInputContext, AttachmentInputHiddenInput, AttachmentInputItemGroup, AttachmentInputRoot } from "./AttachmentInput.js";
+import { AttachmentInputDropzone, AttachmentInputDropzoneLabel } from "./AttachmentInputDropzone.js";
+import { AttachmentInputItem, AttachmentInputItemActionButton, AttachmentInputItemBackdrop, AttachmentInputItemBadge, AttachmentInputItemImage, AttachmentInputItemMetadata, AttachmentInputItemName, AttachmentInputItemRemoveButton, AttachmentInputItemSize, AttachmentInputItemThumbnail } from "./AttachmentInputItem.js";
+import { AttachmentInputTrigger, AttachmentInputTriggerIcon, AttachmentInputTriggerItemCount } from "./AttachmentInputTrigger.js";
+import { AttachmentInput_namespace_exports } from "./AttachmentInput.namespace.js";
+export { AttachmentInput_namespace_exports as AttachmentInput, AttachmentInputContainer, AttachmentInputContext, AttachmentInputDropzone, AttachmentInputDropzoneLabel, AttachmentInputHiddenInput, AttachmentInputItem, AttachmentInputItemActionButton, AttachmentInputItemBackdrop, AttachmentInputItemBadge, AttachmentInputItemGroup, AttachmentInputItemImage, AttachmentInputItemMetadata, AttachmentInputItemName, AttachmentInputItemRemoveButton, AttachmentInputItemSize, AttachmentInputItemThumbnail, AttachmentInputRoot, AttachmentInputTrigger, AttachmentInputTriggerIcon, AttachmentInputTriggerItemCount };

package/lib/components/BottomSheet/BottomSheet.cjs

@@ -1,34 +1,61 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_styled = require("../../utils/styled.cjs");
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_styled = require("../../utils/styled.cjs");
+const require_createRenderTrackingContext = require("../../utils/createRenderTrackingContext.cjs");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _seed_design_dom_utils = require("@seed-design/dom-utils");
 let _seed_design_css_recipes_bottom_sheet = require("@seed-design/css/recipes/bottom-sheet");
+let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
 let _seed_design_react_drawer = require("@seed-design/react-drawer");
 //#region src/components/BottomSheet/BottomSheet.tsx
-var { withRootProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_bottom_sheet.bottomSheet);
-var BottomSheetRoot = withRootProvider(_seed_design_react_drawer.Drawer.Root, { defaultProps: { direction: "bottom" } });
+var { withContext, useClassNames, ClassNamesProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_bottom_sheet.bottomSheet);
+var closeButtonTracker = require_createRenderTrackingContext.createRenderTrackingContext("BottomSheetCloseButton");
+function BottomSheetRoot(props) {
+	const [variantProps, otherProps] = _seed_design_css_recipes_bottom_sheet.bottomSheet.splitVariantProps({
+		direction: "bottom",
+		lazyMount: true,
+		unmountOnExit: true,
+		...props
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
+		value: (0, _seed_design_css_recipes_bottom_sheet.bottomSheet)(variantProps),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(closeButtonTracker.Provider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_drawer.Drawer.Root, { ...otherProps }) })
+	});
+}
 var BottomSheetTrigger = _seed_design_react_drawer.Drawer.Trigger;
 var BottomSheetPositioner = withContext(_seed_design_react_drawer.Drawer.Positioner, "positioner");
 var BottomSheetBackdrop = withContext(_seed_design_react_drawer.Drawer.Backdrop, "backdrop");
 var BottomSheetContent = withContext(_seed_design_react_drawer.Drawer.Content, "content");
 var BottomSheetHeader = withContext(_seed_design_react_drawer.Drawer.Header, "header");
-var BottomSheetTitle = withContext((0, react.forwardRef)((props, ref) => {
-	const { isCloseButtonRendered } = (0, _seed_design_react_drawer.useDrawerContext)();
+var BottomSheetTitle = (0, react.forwardRef)(({ className, ...props }, ref) => {
+	const classNames = useClassNames();
+	const { isRendered } = closeButtonTracker.useRenderTracking();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_drawer.Drawer.Title, {
 		ref,
-		"data-show-close-button": (0, _seed_design_dom_utils.dataAttr)(isCloseButtonRendered),
+		"data-show-close-button": (0, _seed_design_dom_utils.dataAttr)(isRendered),
+		className: (0, clsx.default)(classNames.title, className),
 		...props
 	});
-}), "title");
+});
 BottomSheetTitle.displayName = "BottomSheetTitle";
 var BottomSheetDescription = withContext(_seed_design_react_drawer.Drawer.Description, "description");
 var BottomSheetBody = withContext(require_styled.withStyleProps(_seed_design_react_primitive.Primitive.div), "body");
 var BottomSheetFooter = withContext(_seed_design_react_primitive.Primitive.div, "footer");
-var BottomSheetCloseButton = withContext(_seed_design_react_drawer.Drawer.CloseButton, "closeButton");
+var BottomSheetCloseButton = (0, react.forwardRef)(({ className, ...props }, ref) => {
+	const classNames = useClassNames();
+	const { trackRef } = closeButtonTracker.useRenderTracking();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_drawer.Drawer.CloseButton, {
+		ref: (0, _radix_ui_react_compose_refs.composeRefs)(ref, trackRef),
+		className: (0, clsx.default)(classNames.closeButton, className),
+		...props
+	});
+});
+BottomSheetCloseButton.displayName = "BottomSheetCloseButton";
 //#endregion
 exports.BottomSheetBackdrop = BottomSheetBackdrop;
 exports.BottomSheetBody = BottomSheetBody;

package/lib/components/BottomSheet/BottomSheet.d.ts

@@ -3,13 +3,12 @@ import { Drawer } from '@seed-design/react-drawer';
 import { PrimitiveProps } from '@seed-design/react-primitive';
 import { StyleProps } from '../../utils/styled';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { DialogTriggerProps } from '@radix-ui/react-dialog';
-export interface BottomSheetRootProps extends BottomSheetVariantProps, Drawer.RootProps {
+export interface BottomSheetRootProps extends BottomSheetVariantProps, Omit<Drawer.RootProps, "direction"> {
 }
-export declare const BottomSheetRoot: ForwardRefExoticComponent<BottomSheetRootProps>;
+export declare function BottomSheetRoot(props: BottomSheetRootProps): import("react/jsx-runtime").JSX.Element;
 export interface BottomSheetTriggerProps extends Drawer.TriggerProps {
 }
-export declare const BottomSheetTrigger: ForwardRefExoticComponent< DialogTriggerProps & RefAttributes<HTMLButtonElement>>;
+export declare const BottomSheetTrigger: ForwardRefExoticComponent<Drawer.TriggerProps & RefAttributes<HTMLButtonElement>>;
 export interface BottomSheetPositionerProps extends Drawer.PositionerProps {
 }
 export declare const BottomSheetPositioner: ForwardRefExoticComponent<BottomSheetPositionerProps & RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAElG,OAAO,EAAE,MAAM,EAAoB,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9E,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMrE,MAAM,WAAW,oBAAqB,SAAQ,uBAAuB,EAAE,MAAM,CAAC,SAAS;CAAG;AAE1F,eAAO,MAAM,eAAe,iEAI1B,CAAC;AAIH,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,mJAAiB,CAAC;AAIjD,MAAM,WAAW,0BAA2B,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE7E,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,WAAW;CAAG;AAErE,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEnE,eAAO,MAAM,gBAAgB,sHAS5B,CAAC;AAMF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,8HAGC,CAAC;AAIrC,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,IAAI,CACF,UAAU,EACV,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CACpF,EACD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,2HAGlC,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAGlG,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAK9E,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQrE,MAAM,WAAW,oBACf,SAAQ,uBAAuB,EAC7B,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC;CAAG;AAE1C,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAgB1D;AAID,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,mHAAiB,CAAC;AAIjD,MAAM,WAAW,0BAA2B,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE7E,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,WAAW;CAAG;AAErE,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEnE,eAAO,MAAM,gBAAgB,sHAc5B,CAAC;AAMF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,8HAGC,CAAC;AAIrC,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,IAAI,CACF,UAAU,EACV,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CACpF,EACD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,2HAalC,CAAC"}

package/lib/components/BottomSheet/BottomSheet.js

@@ -1,32 +1,58 @@
 "use client";
-import { withStyleProps } from "../../utils/styled.js";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { withStyleProps } from "../../utils/styled.js";
+import { createRenderTrackingContext } from "../../utils/createRenderTrackingContext.js";
 import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { dataAttr } from "@seed-design/dom-utils";
 import { bottomSheet } from "@seed-design/css/recipes/bottom-sheet";
-import { Drawer, useDrawerContext } from "@seed-design/react-drawer";
+import { composeRefs } from "@radix-ui/react-compose-refs";
+import { Drawer } from "@seed-design/react-drawer";
 //#region src/components/BottomSheet/BottomSheet.tsx
-var { withRootProvider, withContext } = createSlotRecipeContext(bottomSheet);
-var BottomSheetRoot = withRootProvider(Drawer.Root, { defaultProps: { direction: "bottom" } });
+var { withContext, useClassNames, ClassNamesProvider } = createSlotRecipeContext(bottomSheet);
+var closeButtonTracker = createRenderTrackingContext("BottomSheetCloseButton");
+function BottomSheetRoot(props) {
+	const [variantProps, otherProps] = bottomSheet.splitVariantProps({
+		direction: "bottom",
+		lazyMount: true,
+		unmountOnExit: true,
+		...props
+	});
+	return /* @__PURE__ */ jsx(ClassNamesProvider, {
+		value: bottomSheet(variantProps),
+		children: /* @__PURE__ */ jsx(closeButtonTracker.Provider, { children: /* @__PURE__ */ jsx(Drawer.Root, { ...otherProps }) })
+	});
+}
 var BottomSheetTrigger = Drawer.Trigger;
 var BottomSheetPositioner = withContext(Drawer.Positioner, "positioner");
 var BottomSheetBackdrop = withContext(Drawer.Backdrop, "backdrop");
 var BottomSheetContent = withContext(Drawer.Content, "content");
 var BottomSheetHeader = withContext(Drawer.Header, "header");
-var BottomSheetTitle = withContext(forwardRef((props, ref) => {
-	const { isCloseButtonRendered } = useDrawerContext();
+var BottomSheetTitle = forwardRef(({ className, ...props }, ref) => {
+	const classNames = useClassNames();
+	const { isRendered } = closeButtonTracker.useRenderTracking();
 	return /* @__PURE__ */ jsx(Drawer.Title, {
 		ref,
-		"data-show-close-button": dataAttr(isCloseButtonRendered),
+		"data-show-close-button": dataAttr(isRendered),
+		className: clsx$1(classNames.title, className),
 		...props
 	});
-}), "title");
+});
 BottomSheetTitle.displayName = "BottomSheetTitle";
 var BottomSheetDescription = withContext(Drawer.Description, "description");
 var BottomSheetBody = withContext(withStyleProps(Primitive.div), "body");
 var BottomSheetFooter = withContext(Primitive.div, "footer");
-var BottomSheetCloseButton = withContext(Drawer.CloseButton, "closeButton");
+var BottomSheetCloseButton = forwardRef(({ className, ...props }, ref) => {
+	const classNames = useClassNames();
+	const { trackRef } = closeButtonTracker.useRenderTracking();
+	return /* @__PURE__ */ jsx(Drawer.CloseButton, {
+		ref: composeRefs(ref, trackRef),
+		className: clsx$1(classNames.closeButton, className),
+		...props
+	});
+});
+BottomSheetCloseButton.displayName = "BottomSheetCloseButton";
 //#endregion
 export { BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger };

package/lib/components/Box/Box.cjs

@@ -9,18 +9,25 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
 //#region src/components/Box/Box.tsx
 var Box = react.forwardRef((props, ref) => {
-	const { style, restProps } = require_styled.useStyleProps(props);
+	const { hideFrom, ...rest } = props;
+	const { style, restProps } = require_styled.useStyleProps(rest);
 	const { as: Comp = "div", asChild = false, className, ...nativeProps } = restProps;
 	if (asChild) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_slot.Slot, {
 		ref,
 		className: (0, clsx.default)("seed-box", className),
-		style,
+		style: {
+			...style,
+			...hideFrom && { [`--seed-box-display-${hideFrom}`]: "none" }
+		},
 		...nativeProps
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Comp, {
 		ref,
 		className: (0, clsx.default)("seed-box", className),
-		style,
+		style: {
+			...style,
+			...hideFrom && { [`--seed-box-display-${hideFrom}`]: "none" }
+		},
 		...nativeProps
 	});
 });

package/lib/components/Box/Box.d.ts

@@ -1,8 +1,10 @@
+import { BreakpointThreshold } from '../../types/responsive';
 import { StyleProps } from '../../utils/styled';
 import * as React from "react";
-export interface BoxProps extends StyleProps, Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
+export type BoxProps = StyleProps & Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
     as?: React.ElementType;
     asChild?: boolean;
-}
+    hideFrom?: BreakpointThreshold;
+};
 export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Box.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGpE,MAAM,WAAW,QAAS,SAAQ,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,GAAG,iFAWd,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGpE,MAAM,MAAM,QAAQ,GAAG,UAAU,GAC/B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IACpD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAEvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAEJ,eAAO,MAAM,GAAG,iFA8Bd,CAAC"}

package/lib/components/Box/Box.js

@@ -6,18 +6,25 @@ import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 //#region src/components/Box/Box.tsx
 var Box = React$1.forwardRef((props, ref) => {
-	const { style, restProps } = useStyleProps(props);
+	const { hideFrom, ...rest } = props;
+	const { style, restProps } = useStyleProps(rest);
 	const { as: Comp = "div", asChild = false, className, ...nativeProps } = restProps;
 	if (asChild) return /* @__PURE__ */ jsx(Slot, {
 		ref,
 		className: clsx$1("seed-box", className),
-		style,
+		style: {
+			...style,
+			...hideFrom && { [`--seed-box-display-${hideFrom}`]: "none" }
+		},
 		...nativeProps
 	});
 	return /* @__PURE__ */ jsx(Comp, {
 		ref,
 		className: clsx$1("seed-box", className),
-		style,
+		style: {
+			...style,
+			...hideFrom && { [`--seed-box-display-${hideFrom}`]: "none" }
+		},
 		...nativeProps
 	});
 });

package/lib/components/Checkbox/Checkbox.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_checkbox = require("@seed-design/react-checkbox");
@@ -22,11 +22,7 @@ var { withProvider: withCheckmarkProvider, useClassNames: useCheckmarkClassNames
 var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_checkbox.useCheckboxContext]);
 var CheckboxGroup = withGroupContext(_seed_design_react_primitive.Primitive.div);
 var CheckboxRoot = Object.assign((0, react.forwardRef)(({ className, ...props }, ref) => {
-	if (process.env.NODE_ENV !== "production" && (props.weight === "default" || props.weight === "stronger")) console.warn(`[SEED Design System] Checkbox weight='${props.weight}' is deprecated and will be removed in @seed-design/react@2.0.0. Use weight='${props.weight === "default" ? "regular" : "bold"}' instead.`);
-	const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] = require_splitMultipleVariantsProps.splitMultipleVariantsProps({
-		...props,
-		weight: props.weight === "stronger" ? "bold" : props.weight === "default" ? "regular" : props.weight
-	}, {
+	const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] = require_splitMultipleVariantsProps.splitMultipleVariantsProps(props, {
 		checkbox: _seed_design_css_recipes_checkbox.checkbox,
 		checkmark: _seed_design_css_recipes_checkmark.checkmark
 	});

package/lib/components/Checkbox/Checkbox.d.ts

@@ -7,12 +7,7 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface CheckboxGroupProps extends CheckboxGroupVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
 export declare const CheckboxGroup: ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<HTMLDivElement>>;
-/**
- * @deprecated Use `regular` or `bold` instead of `default` or `stronger`
- */
-type CheckboxVariantDeprecatedWeightProps = "default" | "stronger";
-export interface CheckboxRootProps extends Omit<CheckboxVariantProps, "weight">, CheckmarkVariantProps, CheckboxPrimitive.RootProps {
-    weight?: CheckboxVariantProps["weight"] | CheckboxVariantDeprecatedWeightProps;
+export interface CheckboxRootProps extends CheckboxVariantProps, CheckmarkVariantProps, CheckboxPrimitive.RootProps {
 }
 export declare const CheckboxRoot: ForwardRefExoticComponent<CheckboxRootProps & RefAttributes<HTMLLabelElement>> & {
     Primitive: ForwardRefExoticComponent<CheckboxPrimitive.RootProps & RefAttributes<HTMLLabelElement>>;
@@ -45,5 +40,4 @@ export declare const CheckboxLabel: ForwardRefExoticComponent<CheckboxLabelProps
 export interface CheckboxHiddenInputProps extends CheckboxPrimitive.HiddenInputProps {
 }
 export declare const CheckboxHiddenInput: ForwardRefExoticComponent<CheckboxPrimitive.HiddenInputProps & RefAttributes<HTMLInputElement>>;
-export {};
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3F,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAO9E,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,yCAAyC,CAAC;AAajD,MAAM,WAAW,kBACf,SAAQ,yBAAyB,EAC/B,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,aAAa,+GAAsE,CAAC;AAIjG;;GAEG;AACH,KAAK,oCAAoC,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnE,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,EAC1C,qBAAqB,EACrB,iBAAiB,CAAC,SAAS;IAC7B,MAAM,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,GAAG,oCAAoC,CAAC;CAChF;AAED,eAAO,MAAM,YAAY;;CA2CxB,CAAC;AAIF;;;GAGG;AAEH,MAAM,WAAW,oBACf,SAAQ,qBAAqB,EAC3B,iBAAiB,CAAC,YAAY;CAAG;AAErC,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAChF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,iBAAiB,kHA8B7B,CAAC;AAKF,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEpG,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAEvF,eAAO,MAAM,mBAAmB,iIAAgC,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3F,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAO9E,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,yCAAyC,CAAC;AAajD,MAAM,WAAW,kBACf,SAAQ,yBAAyB,EAC/B,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,aAAa,+GAAsE,CAAC;AAIjG,MAAM,WAAW,iBACf,SAAQ,oBAAoB,EAC1B,qBAAqB,EACrB,iBAAiB,CAAC,SAAS;CAAG;AAElC,eAAO,MAAM,YAAY;;CAsBxB,CAAC;AAIF;;;GAGG;AAEH,MAAM,WAAW,oBACf,SAAQ,qBAAqB,EAC3B,iBAAiB,CAAC,YAAY;CAAG;AAErC,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAChF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,iBAAiB,kHA8B7B,CAAC;AAKF,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEpG,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAEvF,eAAO,MAAM,mBAAmB,iIAAgC,CAAC"}

package/lib/components/Checkbox/Checkbox.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 { Checkbox, useCheckboxContext } from "@seed-design/react-checkbox";
@@ -20,11 +20,7 @@ var { withProvider: withCheckmarkProvider, useClassNames: useCheckmarkClassNames
 var withStateProps = createWithStateProps([useCheckboxContext]);
 var CheckboxGroup = withGroupContext(Primitive.div);
 var CheckboxRoot = Object.assign(forwardRef(({ className, ...props }, ref) => {
-	if (process.env.NODE_ENV !== "production" && (props.weight === "default" || props.weight === "stronger")) console.warn(`[SEED Design System] Checkbox weight='${props.weight}' is deprecated and will be removed in @seed-design/react@2.0.0. Use weight='${props.weight === "default" ? "regular" : "bold"}' instead.`);
-	const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] = splitMultipleVariantsProps({
-		...props,
-		weight: props.weight === "stronger" ? "bold" : props.weight === "default" ? "regular" : props.weight
-	}, {
+	const [{ checkbox: checkboxVariantProps, checkmark: checkmarkVariantProps }, otherProps] = splitMultipleVariantsProps(props, {
 		checkbox,
 		checkmark
 	});

package/lib/components/Chip/Chip.cjs

@@ -1,8 +1,8 @@
 "use client";
 require("../../_virtual/_rolldown/runtime.cjs");
-const require_Icon = require("../Icon/Icon.cjs");
 const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
 const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
+const require_Icon = require("../Icon/Icon.cjs");
 let _seed_design_react_checkbox = require("@seed-design/react-checkbox");
 let _seed_design_react_radio_group = require("@seed-design/react-radio-group");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");

package/lib/components/Chip/Chip.js

@@ -1,7 +1,7 @@
 "use client";
-import { withIconRequired } from "../Icon/Icon.js";
 import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
 import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { withIconRequired } from "../Icon/Icon.js";
 import { useCheckboxContext } from "@seed-design/react-checkbox";
 import { useRadioGroupItemContext } from "@seed-design/react-radio-group";
 import { Primitive } from "@seed-design/react-primitive";

package/lib/components/ChipTabs/ChipTabs.cjs

@@ -10,7 +10,6 @@ let _seed_design_css_recipes_chip_tabs = require("@seed-design/css/recipes/chip-
 //#region src/components/ChipTabs/ChipTabs.tsx
 var { ClassNamesProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_chip_tabs.chipTabs);
 var ChipTabsRoot = (0, react.forwardRef)(({ className, ...props }, ref) => {
-	if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") console.warn("[SEED Design System] ChipTabs variant='brandSolid' is deprecated and will be removed in @seed-design/react@2.0.0. Use variant='neutralSolid' or variant='neutralOutline' instead.");
 	const [variantProps, otherProps] = _seed_design_css_recipes_chip_tabs.chipTabs.splitVariantProps(props);
 	const classNames = (0, _seed_design_css_recipes_chip_tabs.chipTabs)(variantProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {

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

@@ -1 +1 @@
-{"version":3,"file":"ChipTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ChipTabs/ChipTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAShE,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,aAAa,CAAC,SAAS;CAAG;AAE3F,eAAO,MAAM,YAAY,8GAqBxB,CAAC;AAKF,MAAM,WAAW,iBAAkB,SAAQ,aAAa,CAAC,SAAS;CAAG;AAErE,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,eAAe,oHAG3B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,aAAa,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,gBAAgB,kHAG5B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,aAAa,CAAC,mBAAmB;CAAG;AAEzF,eAAO,MAAM,sBAAsB,wHAGlC,CAAC"}
+{"version":3,"file":"ChipTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ChipTabs/ChipTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAShE,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,aAAa,CAAC,SAAS;CAAG;AAE3F,eAAO,MAAM,YAAY,8GAexB,CAAC;AAKF,MAAM,WAAW,iBAAkB,SAAQ,aAAa,CAAC,SAAS;CAAG;AAErE,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,eAAe,oHAG3B,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,eAAe,kHAG3B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,aAAa,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,gBAAgB,kHAG5B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,aAAa,CAAC,mBAAmB;CAAG;AAEzF,eAAO,MAAM,sBAAsB,wHAGlC,CAAC"}

package/lib/components/ChipTabs/ChipTabs.js

@@ -8,7 +8,6 @@ import { chipTabs } from "@seed-design/css/recipes/chip-tabs";
 //#region src/components/ChipTabs/ChipTabs.tsx
 var { ClassNamesProvider, withContext } = createSlotRecipeContext(chipTabs);
 var ChipTabsRoot = forwardRef(({ className, ...props }, ref) => {
-	if (process.env.NODE_ENV !== "production" && props.variant === "brandSolid") console.warn("[SEED Design System] ChipTabs variant='brandSolid' is deprecated and will be removed in @seed-design/react@2.0.0. Use variant='neutralSolid' or variant='neutralOutline' instead.");
 	const [variantProps, otherProps] = chipTabs.splitVariantProps(props);
 	const classNames = chipTabs(variantProps);
 	return /* @__PURE__ */ jsx(ClassNamesProvider, {

package/lib/components/Columns/Columns.d.ts

@@ -1,10 +1,10 @@
+import { DistributiveOmit } from '../../utils/styled';
 import { BoxProps } from '../Box/Box';
 import * as React from "react";
 /**
  * @deprecated Use `HStack` instead.
  */
-export interface ColumnsProps extends Omit<BoxProps, "display" | "direction"> {
-}
+export type ColumnsProps = DistributiveOmit<BoxProps, "display" | "direction">;
 /**
  * @deprecated Use `HStack` instead.
  */
@@ -12,9 +12,9 @@ export declare const Columns: React.ForwardRefExoticComponent<ColumnsProps & Rea
 /**
  * @deprecated Use `HStack` instead.
  */
-export interface ColumnProps extends Omit<BoxProps, "display" | "flexDirection" | "width"> {
+export type ColumnProps = DistributiveOmit<BoxProps, "display" | "flexDirection" | "width"> & {
     width?: BoxProps["width"] | "content";
-}
+};
 /**
  * @deprecated Use `HStack` instead.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../src/components/Columns/Columns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,WAAW,CAAC;CAAG;AAEhF;;GAEG;AACH,eAAO,MAAM,OAAO,qFAWlB,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,eAAe,GAAG,OAAO,CAAC;IACxF,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;CACvC;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,oFAcjB,CAAC"}
+{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../src/components/Columns/Columns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC,QAAQ,EAAE,SAAS,GAAG,WAAW,CAAC,CAAC;AAE/E;;GAEG;AACH,eAAO,MAAM,OAAO,qFAWlB,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,gBAAgB,CAAC,QAAQ,EAAE,SAAS,GAAG,eAAe,GAAG,OAAO,CAAC,GAAG;IAC5F,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;CACvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,oFAcjB,CAAC"}

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.cjs

@@ -1,8 +1,8 @@
 "use client";
 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");
 let _seed_design_react_dialog = require("@seed-design/react-dialog");
 let _seed_design_react_primitive = require("@seed-design/react-primitive");
 let _seed_design_css_recipes_extended_action_sheet = require("@seed-design/css/recipes/extended-action-sheet");
@@ -12,54 +12,54 @@ var { withRootProvider, withContext } = require_createSlotRecipeContext.createSl
 var { withContext: withItemContext } = require_createRecipeContext.createRecipeContext(_seed_design_css_recipes_extended_action_sheet_item.extendedActionSheetItem);
 var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_dialog.useDialogContext]);
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetRoot = withRootProvider(_seed_design_react_dialog.Dialog.Root, { defaultProps: {
 	lazyMount: true,
 	unmountOnExit: true
 } });
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetTrigger = _seed_design_react_dialog.Dialog.Trigger;
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetPositioner = withContext(_seed_design_react_dialog.Dialog.Positioner, "positioner");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetBackdrop = withContext(_seed_design_react_dialog.Dialog.Backdrop, "backdrop");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetContent = withContext(_seed_design_react_dialog.Dialog.Content, "content");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetHeader = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "header");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetTitle = withContext(withStateProps(_seed_design_react_primitive.Primitive.h2), "title");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetList = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "list");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetGroup = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "group");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetItem = withItemContext(withStateProps(_seed_design_react_primitive.Primitive.button));
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetFooter = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "footer");
 /**
-* @deprecated Use `MenuSheet` instead.
+* @deprecated Use `SwipeableMenuSheet` instead.
 */
 var ExtendedActionSheetCloseButton = withContext(_seed_design_react_dialog.Dialog.CloseButton, "closeButton");
 //#endregion