@seed-design/react 1.2.8 → 1.2.10

package/lib/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,34 @@
+"use client";
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__exportAll = __exportAll;
+exports.__toESM = __toESM;

package/lib/_virtual/_rolldown/runtime.js

@@ -0,0 +1,14 @@
+"use client";
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+export { __exportAll };

package/lib/components/ActionButton/ActionButton.cjs

@@ -1,74 +1,48 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const actionButton = require('@seed-design/css/recipes/action-button');
-const reactPrimitive = require('@seed-design/react-primitive');
-const clsx = require('clsx');
-const React = require('react');
-const styled = require('../../utils/styled.cjs');
-const Icon = require('../Icon/Icon.cjs');
-const usePendingButton = require('../LoadingIndicator/usePendingButton.cjs');
-const vars = require('@seed-design/css/vars');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const ActionButton = React__namespace.forwardRef(
-  ({
-    variant,
-    size,
-    loading = false,
-    layout = "withText",
-    color,
-    fontWeight,
-    className,
-    children,
-    ...otherProps
-  }, ref) => {
-    const recipeClassName = actionButton.actionButton({ variant, layout, size });
-    const api = usePendingButton.usePendingButton({ loading, disabled: otherProps.disabled });
-    const { style, restProps } = styled.useStyleProps(otherProps);
-    if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) {
-      console.warn(
-        "When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided."
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(usePendingButton.PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.IconRequired, { enabled: layout === "iconOnly", children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactPrimitive.Primitive.button,
-      {
-        ref,
-        className: clsx(recipeClassName, className),
-        style: {
-          ...style,
-          ...color && { "--seed-box-color": styled.handleColor(color) },
-          ...fontWeight && { "--seed-font-weight": vars.vars.$fontWeight[fontWeight] }
-        },
-        ...api.stateProps,
-        ...restProps,
-        children
-      }
-    ) }) });
-  }
-);
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_styled = require("../../utils/styled.cjs");
+const require_Icon = require("../Icon/Icon.cjs");
+const require_usePendingButton = require("../LoadingIndicator/usePendingButton.cjs");
+let _seed_design_css_vars = require("@seed-design/css/vars");
+let _seed_design_css_recipes_action_button = require("@seed-design/css/recipes/action-button");
+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");
+//#region src/components/ActionButton/ActionButton.tsx
+var ActionButton = react.forwardRef(({ variant, size, loading = false, layout = "withText", color, fontWeight, className, children, ...otherProps }, ref) => {
+	const recipeClassName = (0, _seed_design_css_recipes_action_button.actionButton)({
+		variant,
+		layout,
+		size
+	});
+	const api = require_usePendingButton.usePendingButton({
+		loading,
+		disabled: otherProps.disabled
+	});
+	const { style, restProps } = require_styled.useStyleProps(otherProps);
+	if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) console.warn("When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided.");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_usePendingButton.PendingButtonProvider, {
+		value: api,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.IconRequired, {
+			enabled: layout === "iconOnly",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.button, {
+				ref,
+				className: (0, clsx.default)(recipeClassName, className),
+				style: {
+					...style,
+					...color && { "--seed-box-color": require_styled.handleColor(color) },
+					...fontWeight && { "--seed-font-weight": _seed_design_css_vars.vars.$fontWeight[fontWeight] }
+				},
+				...api.stateProps,
+				...restProps,
+				children
+			})
+		})
+	});
+});
 ActionButton.displayName = "ActionButton";
-
+//#endregion
 exports.ActionButton = ActionButton;

package/lib/components/ActionButton/ActionButton.js

@@ -1,51 +1,45 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { actionButton } from '@seed-design/css/recipes/action-button';
-import { Primitive } from '@seed-design/react-primitive';
-import clsx from 'clsx';
-import * as React from 'react';
-import { useStyleProps, handleColor } from '../../utils/styled.js';
-import { IconRequired } from '../Icon/Icon.js';
-import { usePendingButton, PendingButtonProvider } from '../LoadingIndicator/usePendingButton.js';
-import { vars } from '@seed-design/css/vars';
-
-const ActionButton = React.forwardRef(
-  ({
-    variant,
-    size,
-    loading = false,
-    layout = "withText",
-    color,
-    fontWeight,
-    className,
-    children,
-    ...otherProps
-  }, ref) => {
-    const recipeClassName = actionButton({ variant, layout, size });
-    const api = usePendingButton({ loading, disabled: otherProps.disabled });
-    const { style, restProps } = useStyleProps(otherProps);
-    if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) {
-      console.warn(
-        "When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided."
-      );
-    }
-    return /* @__PURE__ */ jsx(PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsx(IconRequired, { enabled: layout === "iconOnly", children: /* @__PURE__ */ jsx(
-      Primitive.button,
-      {
-        ref,
-        className: clsx(recipeClassName, className),
-        style: {
-          ...style,
-          ...color && { "--seed-box-color": handleColor(color) },
-          ...fontWeight && { "--seed-font-weight": vars.$fontWeight[fontWeight] }
-        },
-        ...api.stateProps,
-        ...restProps,
-        children
-      }
-    ) }) });
-  }
-);
+"use client";
+import { handleColor, useStyleProps } from "../../utils/styled.js";
+import { IconRequired } from "../Icon/Icon.js";
+import { PendingButtonProvider, usePendingButton } from "../LoadingIndicator/usePendingButton.js";
+import { vars } from "@seed-design/css/vars";
+import { actionButton } from "@seed-design/css/recipes/action-button";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ActionButton/ActionButton.tsx
+var ActionButton = React$1.forwardRef(({ variant, size, loading = false, layout = "withText", color, fontWeight, className, children, ...otherProps }, ref) => {
+	const recipeClassName = actionButton({
+		variant,
+		layout,
+		size
+	});
+	const api = usePendingButton({
+		loading,
+		disabled: otherProps.disabled
+	});
+	const { style, restProps } = useStyleProps(otherProps);
+	if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) console.warn("When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided.");
+	return /* @__PURE__ */ jsx(PendingButtonProvider, {
+		value: api,
+		children: /* @__PURE__ */ jsx(IconRequired, {
+			enabled: layout === "iconOnly",
+			children: /* @__PURE__ */ jsx(Primitive.button, {
+				ref,
+				className: clsx$1(recipeClassName, className),
+				style: {
+					...style,
+					...color && { "--seed-box-color": handleColor(color) },
+					...fontWeight && { "--seed-font-weight": vars.$fontWeight[fontWeight] }
+				},
+				...api.stateProps,
+				...restProps,
+				children
+			})
+		})
+	});
+});
 ActionButton.displayName = "ActionButton";
-
+//#endregion
 export { ActionButton };

package/lib/components/ActionButton/index.cjs

@@ -1,9 +1,3 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const ActionButton = require('./ActionButton.cjs');
-
-
-
-exports.ActionButton = ActionButton.ActionButton;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_ActionButton = require("./ActionButton.cjs");
+exports.ActionButton = require_ActionButton.ActionButton;

package/lib/components/ActionButton/index.js

@@ -1 +1,2 @@
-export { ActionButton } from './ActionButton.js';
+import { ActionButton } from "./ActionButton.js";
+export { ActionButton };

package/lib/components/ActionChip/ActionChip.cjs

@@ -1,18 +1,15 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const actionChip = require('@seed-design/css/recipes/action-chip');
-const reactPrimitive = require('@seed-design/react-primitive');
-const createRecipeContext = require('../../utils/createRecipeContext.cjs');
-const Icon = require('../Icon/Icon.cjs');
-
-const { withContext } = createRecipeContext.createRecipeContext(actionChip.actionChip);
-const ActionChip = Icon.withIconRequired(
-  withContext(reactPrimitive.Primitive.button),
-  (props) => props.layout === "iconOnly"
-);
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_Icon = require("../Icon/Icon.cjs");
+const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let _seed_design_css_recipes_action_chip = require("@seed-design/css/recipes/action-chip");
+//#region src/components/ActionChip/ActionChip.tsx
+var { withContext } = require_createRecipeContext.createRecipeContext(_seed_design_css_recipes_action_chip.actionChip);
+/**
+* @deprecated ActionChip is deprecated. Use Chip.Button with variant="solid" instead.
+*/
+var ActionChip = require_Icon.withIconRequired(withContext(_seed_design_react_primitive.Primitive.button), (props) => props.layout === "iconOnly");
 ActionChip.displayName = "ActionChip";
-
+//#endregion
 exports.ActionChip = ActionChip;

package/lib/components/ActionChip/ActionChip.js

@@ -1,14 +1,14 @@
-'use client';
-import { actionChip } from '@seed-design/css/recipes/action-chip';
-import { Primitive } from '@seed-design/react-primitive';
-import { createRecipeContext } from '../../utils/createRecipeContext.js';
-import { withIconRequired } from '../Icon/Icon.js';
-
-const { withContext } = createRecipeContext(actionChip);
-const ActionChip = withIconRequired(
-  withContext(Primitive.button),
-  (props) => props.layout === "iconOnly"
-);
+"use client";
+import { withIconRequired } from "../Icon/Icon.js";
+import { createRecipeContext } from "../../utils/createRecipeContext.js";
+import { Primitive } from "@seed-design/react-primitive";
+import { actionChip } from "@seed-design/css/recipes/action-chip";
+//#region src/components/ActionChip/ActionChip.tsx
+var { withContext } = createRecipeContext(actionChip);
+/**
+* @deprecated ActionChip is deprecated. Use Chip.Button with variant="solid" instead.
+*/
+var ActionChip = withIconRequired(withContext(Primitive.button), (props) => props.layout === "iconOnly");
 ActionChip.displayName = "ActionChip";
-
+//#endregion
 export { ActionChip };

package/lib/components/ActionChip/index.cjs

@@ -1,9 +1,3 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const ActionChip = require('./ActionChip.cjs');
-
-
-
-exports.ActionChip = ActionChip.ActionChip;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_ActionChip = require("./ActionChip.cjs");
+exports.ActionChip = require_ActionChip.ActionChip;

package/lib/components/ActionChip/index.js

@@ -1 +1,2 @@
-export { ActionChip } from './ActionChip.js';
+import { ActionChip } from "./ActionChip.js";
+export { ActionChip };

package/lib/components/ActionSheet/ActionSheet.cjs

@@ -1,59 +1,64 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const actionSheet = require('@seed-design/css/recipes/action-sheet');
-const actionSheetItem = require('@seed-design/css/recipes/action-sheet-item');
-const reactDialog = require('@seed-design/react-dialog');
-const reactPrimitive = require('@seed-design/react-primitive');
-const createRecipeContext = require('../../utils/createRecipeContext.cjs');
-const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-const createWithStateProps = require('../../utils/createWithStateProps.cjs');
-
-const { withRootProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(actionSheet.actionSheet);
-const { withContext: withItemContext } = createRecipeContext.createRecipeContext(actionSheetItem.actionSheetItem);
-const withStateProps = createWithStateProps.createWithStateProps([reactDialog.useDialogContext]);
-const ActionSheetRoot = withRootProvider(reactDialog.Dialog.Root, {
-  defaultProps: {
-    lazyMount: true,
-    unmountOnExit: true
-  }
-});
-const ActionSheetTrigger = reactDialog.Dialog.Trigger;
-const ActionSheetPositioner = withContext(
-  reactDialog.Dialog.Positioner,
-  "positioner"
-);
-const ActionSheetBackdrop = withContext(
-  reactDialog.Dialog.Backdrop,
-  "backdrop"
-);
-const ActionSheetContent = withContext(
-  reactDialog.Dialog.Content,
-  "content"
-);
-const ActionSheetHeader = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "header"
-);
-const ActionSheetTitle = withContext(
-  withStateProps(reactPrimitive.Primitive.h2),
-  "title"
-);
-const ActionSheetDescription = withContext(withStateProps(reactPrimitive.Primitive.p), "description");
-const ActionSheetList = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "list"
-);
-const ActionSheetItem = withItemContext(
-  withStateProps(reactPrimitive.Primitive.button)
-);
-const ActionSheetCloseButton = withContext(
-  reactDialog.Dialog.CloseButton,
-  "closeButton"
-);
-
+"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");
+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_action_sheet = require("@seed-design/css/recipes/action-sheet");
+let _seed_design_css_recipes_action_sheet_item = require("@seed-design/css/recipes/action-sheet-item");
+//#region src/components/ActionSheet/ActionSheet.tsx
+var { withRootProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_action_sheet.actionSheet);
+var { withContext: withItemContext } = require_createRecipeContext.createRecipeContext(_seed_design_css_recipes_action_sheet_item.actionSheetItem);
+var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_dialog.useDialogContext]);
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetRoot = withRootProvider(_seed_design_react_dialog.Dialog.Root, { defaultProps: {
+	lazyMount: true,
+	unmountOnExit: true
+} });
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetTrigger = _seed_design_react_dialog.Dialog.Trigger;
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetPositioner = withContext(_seed_design_react_dialog.Dialog.Positioner, "positioner");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetBackdrop = withContext(_seed_design_react_dialog.Dialog.Backdrop, "backdrop");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetContent = withContext(_seed_design_react_dialog.Dialog.Content, "content");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetHeader = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "header");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetTitle = withContext(withStateProps(_seed_design_react_primitive.Primitive.h2), "title");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetDescription = withContext(withStateProps(_seed_design_react_primitive.Primitive.p), "description");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetList = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "list");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetItem = withItemContext(withStateProps(_seed_design_react_primitive.Primitive.button));
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetCloseButton = withContext(_seed_design_react_dialog.Dialog.CloseButton, "closeButton");
+//#endregion
 exports.ActionSheetBackdrop = ActionSheetBackdrop;
 exports.ActionSheetCloseButton = ActionSheetCloseButton;
 exports.ActionSheetContent = ActionSheetContent;

package/lib/components/ActionSheet/ActionSheet.js

@@ -1,53 +1,61 @@
-'use client';
-import { actionSheet } from '@seed-design/css/recipes/action-sheet';
-import { actionSheetItem } from '@seed-design/css/recipes/action-sheet-item';
-import { Dialog, useDialogContext } from '@seed-design/react-dialog';
-import { Primitive } from '@seed-design/react-primitive';
-import { createRecipeContext } from '../../utils/createRecipeContext.js';
-import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import { createWithStateProps } from '../../utils/createWithStateProps.js';
-
-const { withRootProvider, withContext } = createSlotRecipeContext(actionSheet);
-const { withContext: withItemContext } = createRecipeContext(actionSheetItem);
-const withStateProps = createWithStateProps([useDialogContext]);
-const ActionSheetRoot = withRootProvider(Dialog.Root, {
-  defaultProps: {
-    lazyMount: true,
-    unmountOnExit: true
-  }
-});
-const ActionSheetTrigger = Dialog.Trigger;
-const ActionSheetPositioner = withContext(
-  Dialog.Positioner,
-  "positioner"
-);
-const ActionSheetBackdrop = withContext(
-  Dialog.Backdrop,
-  "backdrop"
-);
-const ActionSheetContent = withContext(
-  Dialog.Content,
-  "content"
-);
-const ActionSheetHeader = withContext(
-  withStateProps(Primitive.div),
-  "header"
-);
-const ActionSheetTitle = withContext(
-  withStateProps(Primitive.h2),
-  "title"
-);
-const ActionSheetDescription = withContext(withStateProps(Primitive.p), "description");
-const ActionSheetList = withContext(
-  withStateProps(Primitive.div),
-  "list"
-);
-const ActionSheetItem = withItemContext(
-  withStateProps(Primitive.button)
-);
-const ActionSheetCloseButton = withContext(
-  Dialog.CloseButton,
-  "closeButton"
-);
-
+"use client";
+import { createRecipeContext } from "../../utils/createRecipeContext.js";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { Dialog, useDialogContext } from "@seed-design/react-dialog";
+import { Primitive } from "@seed-design/react-primitive";
+import { actionSheet } from "@seed-design/css/recipes/action-sheet";
+import { actionSheetItem } from "@seed-design/css/recipes/action-sheet-item";
+//#region src/components/ActionSheet/ActionSheet.tsx
+var { withRootProvider, withContext } = createSlotRecipeContext(actionSheet);
+var { withContext: withItemContext } = createRecipeContext(actionSheetItem);
+var withStateProps = createWithStateProps([useDialogContext]);
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetRoot = withRootProvider(Dialog.Root, { defaultProps: {
+	lazyMount: true,
+	unmountOnExit: true
+} });
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetTrigger = Dialog.Trigger;
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetPositioner = withContext(Dialog.Positioner, "positioner");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetBackdrop = withContext(Dialog.Backdrop, "backdrop");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetContent = withContext(Dialog.Content, "content");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetHeader = withContext(withStateProps(Primitive.div), "header");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetTitle = withContext(withStateProps(Primitive.h2), "title");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetDescription = withContext(withStateProps(Primitive.p), "description");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetList = withContext(withStateProps(Primitive.div), "list");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetItem = withItemContext(withStateProps(Primitive.button));
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ActionSheetCloseButton = withContext(Dialog.CloseButton, "closeButton");
+//#endregion
 export { ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger };