@seed-design/react 1.2.8 → 1.2.10

package/lib/components/Count/Count.js

@@ -1,12 +1,16 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Primitive } from '@seed-design/react-primitive';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-
-const Count = forwardRef((props, ref) => {
-  const { className, ...otherProps } = props;
-  return /* @__PURE__ */ jsx(Primitive.span, { ref, className: clsx("seed-count", className), ...otherProps });
+"use client";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Count/Count.tsx
+var Count = forwardRef((props, ref) => {
+	const { className, ...otherProps } = props;
+	return /* @__PURE__ */ jsx(Primitive.span, {
+		ref,
+		className: clsx$1("seed-count", className),
+		...otherProps
+	});
 });
-
+//#endregion
 export { Count };

package/lib/components/Count/index.cjs

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

package/lib/components/Count/index.js

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

package/lib/components/Dialog/Dialog.cjs

@@ -1,47 +1,27 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const reactDialog = require('@seed-design/react-dialog');
-const reactPrimitive = require('@seed-design/react-primitive');
-const dialog = require('@seed-design/css/recipes/dialog');
-const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-const createWithStateProps = require('../../utils/createWithStateProps.cjs');
-
-const { withRootProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(dialog.dialog);
-const withStateProps = createWithStateProps.createWithStateProps([reactDialog.useDialogContext]);
-const DialogRoot = withRootProvider(reactDialog.Dialog.Root, {
-  defaultProps: {
-    lazyMount: true,
-    unmountOnExit: true
-  }
-});
-const DialogTrigger = reactDialog.Dialog.Trigger;
-const DialogPositioner = withContext(
-  reactDialog.Dialog.Positioner,
-  "positioner"
-);
-const DialogBackdrop = withContext(
-  reactDialog.Dialog.Backdrop,
-  "backdrop"
-);
-const DialogContent = withContext(
-  reactDialog.Dialog.Content,
-  "content"
-);
-const DialogHeader = withContext(reactPrimitive.Primitive.div, "header");
-const DialogTitle = withContext(
-  withStateProps(reactPrimitive.Primitive.span),
-  "title"
-);
-const DialogDescription = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "description"
-);
-const DialogFooter = withContext(reactPrimitive.Primitive.div, "footer");
-const DialogAction = reactDialog.Dialog.CloseButton;
-
+"use client";
+require("../../_virtual/_rolldown/runtime.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_dialog = require("@seed-design/css/recipes/dialog");
+//#region src/components/Dialog/Dialog.tsx
+var { withRootProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_dialog.dialog);
+var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_dialog.useDialogContext]);
+var DialogRoot = withRootProvider(_seed_design_react_dialog.Dialog.Root, { defaultProps: {
+	lazyMount: true,
+	unmountOnExit: true
+} });
+var DialogTrigger = _seed_design_react_dialog.Dialog.Trigger;
+var DialogPositioner = withContext(_seed_design_react_dialog.Dialog.Positioner, "positioner");
+var DialogBackdrop = withContext(_seed_design_react_dialog.Dialog.Backdrop, "backdrop");
+var DialogContent = withContext(_seed_design_react_dialog.Dialog.Content, "content");
+var DialogHeader = withContext(_seed_design_react_primitive.Primitive.div, "header");
+var DialogTitle = withContext(withStateProps(_seed_design_react_primitive.Primitive.span), "title");
+var DialogDescription = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "description");
+var DialogFooter = withContext(_seed_design_react_primitive.Primitive.div, "footer");
+var DialogAction = _seed_design_react_dialog.Dialog.CloseButton;
+//#endregion
 exports.DialogAction = DialogAction;
 exports.DialogBackdrop = DialogBackdrop;
 exports.DialogContent = DialogContent;

package/lib/components/Dialog/Dialog.js

@@ -1,41 +1,24 @@
-'use client';
-import { Dialog, useDialogContext } from '@seed-design/react-dialog';
-import { Primitive } from '@seed-design/react-primitive';
-import { dialog } from '@seed-design/css/recipes/dialog';
-import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import { createWithStateProps } from '../../utils/createWithStateProps.js';
-
-const { withRootProvider, withContext } = createSlotRecipeContext(dialog);
-const withStateProps = createWithStateProps([useDialogContext]);
-const DialogRoot = withRootProvider(Dialog.Root, {
-  defaultProps: {
-    lazyMount: true,
-    unmountOnExit: true
-  }
-});
-const DialogTrigger = Dialog.Trigger;
-const DialogPositioner = withContext(
-  Dialog.Positioner,
-  "positioner"
-);
-const DialogBackdrop = withContext(
-  Dialog.Backdrop,
-  "backdrop"
-);
-const DialogContent = withContext(
-  Dialog.Content,
-  "content"
-);
-const DialogHeader = withContext(Primitive.div, "header");
-const DialogTitle = withContext(
-  withStateProps(Primitive.span),
-  "title"
-);
-const DialogDescription = withContext(
-  withStateProps(Primitive.div),
-  "description"
-);
-const DialogFooter = withContext(Primitive.div, "footer");
-const DialogAction = Dialog.CloseButton;
-
+"use client";
+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 { dialog } from "@seed-design/css/recipes/dialog";
+//#region src/components/Dialog/Dialog.tsx
+var { withRootProvider, withContext } = createSlotRecipeContext(dialog);
+var withStateProps = createWithStateProps([useDialogContext]);
+var DialogRoot = withRootProvider(Dialog.Root, { defaultProps: {
+	lazyMount: true,
+	unmountOnExit: true
+} });
+var DialogTrigger = Dialog.Trigger;
+var DialogPositioner = withContext(Dialog.Positioner, "positioner");
+var DialogBackdrop = withContext(Dialog.Backdrop, "backdrop");
+var DialogContent = withContext(Dialog.Content, "content");
+var DialogHeader = withContext(Primitive.div, "header");
+var DialogTitle = withContext(withStateProps(Primitive.span), "title");
+var DialogDescription = withContext(withStateProps(Primitive.div), "description");
+var DialogFooter = withContext(Primitive.div, "footer");
+var DialogAction = Dialog.CloseButton;
+//#endregion
 export { DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger };

package/lib/components/Dialog/Dialog.namespace.cjs

@@ -1,18 +1,22 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Dialog = require('./Dialog.cjs');
-
-
-
-exports.Action = Dialog.DialogAction;
-exports.Backdrop = Dialog.DialogBackdrop;
-exports.Content = Dialog.DialogContent;
-exports.Description = Dialog.DialogDescription;
-exports.Footer = Dialog.DialogFooter;
-exports.Header = Dialog.DialogHeader;
-exports.Positioner = Dialog.DialogPositioner;
-exports.Root = Dialog.DialogRoot;
-exports.Title = Dialog.DialogTitle;
-exports.Trigger = Dialog.DialogTrigger;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Dialog = require("./Dialog.cjs");
+//#region src/components/Dialog/Dialog.namespace.ts
+var Dialog_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Action: () => require_Dialog.DialogAction,
+	Backdrop: () => require_Dialog.DialogBackdrop,
+	Content: () => require_Dialog.DialogContent,
+	Description: () => require_Dialog.DialogDescription,
+	Footer: () => require_Dialog.DialogFooter,
+	Header: () => require_Dialog.DialogHeader,
+	Positioner: () => require_Dialog.DialogPositioner,
+	Root: () => require_Dialog.DialogRoot,
+	Title: () => require_Dialog.DialogTitle,
+	Trigger: () => require_Dialog.DialogTrigger
+});
+//#endregion
+Object.defineProperty(exports, "Dialog_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return Dialog_namespace_exports;
+	}
+});

package/lib/components/Dialog/Dialog.namespace.js

@@ -1 +1,17 @@
-export { DialogAction as Action, DialogBackdrop as Backdrop, DialogContent as Content, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogPositioner as Positioner, DialogRoot as Root, DialogTitle as Title, DialogTrigger as Trigger } from './Dialog.js';
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from "./Dialog.js";
+//#region src/components/Dialog/Dialog.namespace.ts
+var Dialog_namespace_exports = /* @__PURE__ */ __exportAll({
+	Action: () => DialogAction,
+	Backdrop: () => DialogBackdrop,
+	Content: () => DialogContent,
+	Description: () => DialogDescription,
+	Footer: () => DialogFooter,
+	Header: () => DialogHeader,
+	Positioner: () => DialogPositioner,
+	Root: () => DialogRoot,
+	Title: () => DialogTitle,
+	Trigger: () => DialogTrigger
+});
+//#endregion
+export { Dialog_namespace_exports };

package/lib/components/Dialog/index.cjs

@@ -1,20 +1,19 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Dialog = require('./Dialog.cjs');
-const Dialog_namespace = require('./Dialog.namespace.cjs');
-
-
-
-exports.DialogAction = Dialog.DialogAction;
-exports.DialogBackdrop = Dialog.DialogBackdrop;
-exports.DialogContent = Dialog.DialogContent;
-exports.DialogDescription = Dialog.DialogDescription;
-exports.DialogFooter = Dialog.DialogFooter;
-exports.DialogHeader = Dialog.DialogHeader;
-exports.DialogPositioner = Dialog.DialogPositioner;
-exports.DialogRoot = Dialog.DialogRoot;
-exports.DialogTitle = Dialog.DialogTitle;
-exports.DialogTrigger = Dialog.DialogTrigger;
-exports.Dialog = Dialog_namespace;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Dialog = require("./Dialog.cjs");
+const require_Dialog_namespace = require("./Dialog.namespace.cjs");
+Object.defineProperty(exports, "Dialog", {
+	enumerable: true,
+	get: function() {
+		return require_Dialog_namespace.Dialog_namespace_exports;
+	}
+});
+exports.DialogAction = require_Dialog.DialogAction;
+exports.DialogBackdrop = require_Dialog.DialogBackdrop;
+exports.DialogContent = require_Dialog.DialogContent;
+exports.DialogDescription = require_Dialog.DialogDescription;
+exports.DialogFooter = require_Dialog.DialogFooter;
+exports.DialogHeader = require_Dialog.DialogHeader;
+exports.DialogPositioner = require_Dialog.DialogPositioner;
+exports.DialogRoot = require_Dialog.DialogRoot;
+exports.DialogTitle = require_Dialog.DialogTitle;
+exports.DialogTrigger = require_Dialog.DialogTrigger;

package/lib/components/Dialog/index.js

@@ -1,3 +1,3 @@
-export { DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from './Dialog.js';
-import * as Dialog_namespace from './Dialog.namespace.js';
-export { Dialog_namespace as Dialog };
+import { DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from "./Dialog.js";
+import { Dialog_namespace_exports } from "./Dialog.namespace.js";
+export { Dialog_namespace_exports as Dialog, DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger };

package/lib/components/Divider/Divider.cjs

@@ -1,69 +1,33 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const Box = require('../Box/Box.cjs');
-
-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 Divider = React__namespace.forwardRef(
-  ({
-    as = "hr",
-    color = "stroke.neutralMuted",
-    thickness = 1,
-    orientation = "horizontal",
-    inset = false,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Box.Box,
-      {
-        ref,
-        as,
-        ...(as === "hr" && orientation !== "horizontal" && (props.role === void 0 || props.role === "separator") || // if not hr but role is separator aria-orientation is needed
-        as !== "hr" && props.role === "separator") && {
-          "aria-orientation": orientation
-        },
-        display: "block",
-        borderColor: color,
-        borderWidth: 0,
-        ...orientation === "vertical" && { borderRightWidth: thickness },
-        ...orientation === "horizontal" && { borderBottomWidth: thickness },
-        ...props,
-        style: {
-          ...inset && orientation === "horizontal" && {
-            marginLeft: "16px",
-            marginRight: "16px"
-          },
-          ...inset && orientation === "vertical" && {
-            marginTop: "16px",
-            marginBottom: "16px"
-          },
-          ...props.style
-        }
-      }
-    );
-  }
-);
-
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Box = require("../Box/Box.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Divider/Divider.tsx
+var Divider = react.forwardRef(({ as = "hr", color = "stroke.neutralMuted", thickness = 1, orientation = "horizontal", inset = false, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		ref,
+		as,
+		...(as === "hr" && orientation !== "horizontal" && (props.role === void 0 || props.role === "separator") || as !== "hr" && props.role === "separator") && { "aria-orientation": orientation },
+		display: "block",
+		borderColor: color,
+		borderWidth: 0,
+		...orientation === "vertical" && { borderRightWidth: thickness },
+		...orientation === "horizontal" && { borderBottomWidth: thickness },
+		...props,
+		style: {
+			...inset && orientation === "horizontal" && {
+				marginLeft: "16px",
+				marginRight: "16px"
+			},
+			...inset && orientation === "vertical" && {
+				marginTop: "16px",
+				marginBottom: "16px"
+			},
+			...props.style
+		}
+	});
+});
+//#endregion
 exports.Divider = Divider;

package/lib/components/Divider/Divider.js

@@ -1,46 +1,31 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { Box } from '../Box/Box.js';
-
-const Divider = React.forwardRef(
-  ({
-    as = "hr",
-    color = "stroke.neutralMuted",
-    thickness = 1,
-    orientation = "horizontal",
-    inset = false,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        ref,
-        as,
-        ...(as === "hr" && orientation !== "horizontal" && (props.role === void 0 || props.role === "separator") || // if not hr but role is separator aria-orientation is needed
-        as !== "hr" && props.role === "separator") && {
-          "aria-orientation": orientation
-        },
-        display: "block",
-        borderColor: color,
-        borderWidth: 0,
-        ...orientation === "vertical" && { borderRightWidth: thickness },
-        ...orientation === "horizontal" && { borderBottomWidth: thickness },
-        ...props,
-        style: {
-          ...inset && orientation === "horizontal" && {
-            marginLeft: "16px",
-            marginRight: "16px"
-          },
-          ...inset && orientation === "vertical" && {
-            marginTop: "16px",
-            marginBottom: "16px"
-          },
-          ...props.style
-        }
-      }
-    );
-  }
-);
-
+"use client";
+import { Box } from "../Box/Box.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Divider/Divider.tsx
+var Divider = React$1.forwardRef(({ as = "hr", color = "stroke.neutralMuted", thickness = 1, orientation = "horizontal", inset = false, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		as,
+		...(as === "hr" && orientation !== "horizontal" && (props.role === void 0 || props.role === "separator") || as !== "hr" && props.role === "separator") && { "aria-orientation": orientation },
+		display: "block",
+		borderColor: color,
+		borderWidth: 0,
+		...orientation === "vertical" && { borderRightWidth: thickness },
+		...orientation === "horizontal" && { borderBottomWidth: thickness },
+		...props,
+		style: {
+			...inset && orientation === "horizontal" && {
+				marginLeft: "16px",
+				marginRight: "16px"
+			},
+			...inset && orientation === "vertical" && {
+				marginTop: "16px",
+				marginBottom: "16px"
+			},
+			...props.style
+		}
+	});
+});
+//#endregion
 export { Divider };

package/lib/components/Divider/index.cjs

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

package/lib/components/Divider/index.js

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

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.cjs

@@ -1,46 +1,68 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const reactDialog = require('@seed-design/react-dialog');
-const reactPrimitive = require('@seed-design/react-primitive');
-const extendedActionSheet = require('@seed-design/css/recipes/extended-action-sheet');
-const extendedActionSheetItem = require('@seed-design/css/recipes/extended-action-sheet-item');
-const createRecipeContext = require('../../utils/createRecipeContext.cjs');
-const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-const createWithStateProps = require('../../utils/createWithStateProps.cjs');
-
-const { withRootProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(extendedActionSheet.extendedActionSheet);
-const { withContext: withItemContext } = createRecipeContext.createRecipeContext(extendedActionSheetItem.extendedActionSheetItem);
-const withStateProps = createWithStateProps.createWithStateProps([reactDialog.useDialogContext]);
-const ExtendedActionSheetRoot = withRootProvider(
-  reactDialog.Dialog.Root,
-  {
-    defaultProps: {
-      lazyMount: true,
-      unmountOnExit: true
-    }
-  }
-);
-const ExtendedActionSheetTrigger = reactDialog.Dialog.Trigger;
-const ExtendedActionSheetPositioner = withContext(reactDialog.Dialog.Positioner, "positioner");
-const ExtendedActionSheetBackdrop = withContext(reactDialog.Dialog.Backdrop, "backdrop");
-const ExtendedActionSheetContent = withContext(reactDialog.Dialog.Content, "content");
-const ExtendedActionSheetHeader = withContext(withStateProps(reactPrimitive.Primitive.div), "header");
-const ExtendedActionSheetTitle = withContext(withStateProps(reactPrimitive.Primitive.h2), "title");
-const ExtendedActionSheetList = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "list"
-);
-const ExtendedActionSheetGroup = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "group"
-);
-const ExtendedActionSheetItem = withItemContext(withStateProps(reactPrimitive.Primitive.button));
-const ExtendedActionSheetFooter = withContext(withStateProps(reactPrimitive.Primitive.div), "footer");
-const ExtendedActionSheetCloseButton = 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_extended_action_sheet = require("@seed-design/css/recipes/extended-action-sheet");
+let _seed_design_css_recipes_extended_action_sheet_item = require("@seed-design/css/recipes/extended-action-sheet-item");
+//#region src/components/ExtendedActionSheet/ExtendedActionSheet.tsx
+var { withRootProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_extended_action_sheet.extendedActionSheet);
+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.
+*/
+var ExtendedActionSheetRoot = withRootProvider(_seed_design_react_dialog.Dialog.Root, { defaultProps: {
+	lazyMount: true,
+	unmountOnExit: true
+} });
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetTrigger = _seed_design_react_dialog.Dialog.Trigger;
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetPositioner = withContext(_seed_design_react_dialog.Dialog.Positioner, "positioner");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetBackdrop = withContext(_seed_design_react_dialog.Dialog.Backdrop, "backdrop");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetContent = withContext(_seed_design_react_dialog.Dialog.Content, "content");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetHeader = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "header");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetTitle = withContext(withStateProps(_seed_design_react_primitive.Primitive.h2), "title");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetList = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "list");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetGroup = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "group");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetItem = withItemContext(withStateProps(_seed_design_react_primitive.Primitive.button));
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetFooter = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "footer");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetCloseButton = withContext(_seed_design_react_dialog.Dialog.CloseButton, "closeButton");
+//#endregion
 exports.ExtendedActionSheetBackdrop = ExtendedActionSheetBackdrop;
 exports.ExtendedActionSheetCloseButton = ExtendedActionSheetCloseButton;
 exports.ExtendedActionSheetContent = ExtendedActionSheetContent;