@seed-design/react 1.1.26 → 1.1.27

package/lib/components/ActionSheet/index.cjs

@@ -1,20 +1,21 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_ActionSheet = require("./ActionSheet.cjs");
-const require_ActionSheet_namespace = require("./ActionSheet.namespace.cjs");
-Object.defineProperty(exports, "ActionSheet", {
-	enumerable: true,
-	get: function() {
-		return require_ActionSheet_namespace.ActionSheet_namespace_exports;
-	}
-});
-exports.ActionSheetBackdrop = require_ActionSheet.ActionSheetBackdrop;
-exports.ActionSheetCloseButton = require_ActionSheet.ActionSheetCloseButton;
-exports.ActionSheetContent = require_ActionSheet.ActionSheetContent;
-exports.ActionSheetDescription = require_ActionSheet.ActionSheetDescription;
-exports.ActionSheetHeader = require_ActionSheet.ActionSheetHeader;
-exports.ActionSheetItem = require_ActionSheet.ActionSheetItem;
-exports.ActionSheetList = require_ActionSheet.ActionSheetList;
-exports.ActionSheetPositioner = require_ActionSheet.ActionSheetPositioner;
-exports.ActionSheetRoot = require_ActionSheet.ActionSheetRoot;
-exports.ActionSheetTitle = require_ActionSheet.ActionSheetTitle;
-exports.ActionSheetTrigger = require_ActionSheet.ActionSheetTrigger;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ActionSheet = require('./ActionSheet.cjs');
+const ActionSheet_namespace = require('./ActionSheet.namespace.cjs');
+
+
+
+exports.ActionSheetBackdrop = ActionSheet.ActionSheetBackdrop;
+exports.ActionSheetCloseButton = ActionSheet.ActionSheetCloseButton;
+exports.ActionSheetContent = ActionSheet.ActionSheetContent;
+exports.ActionSheetDescription = ActionSheet.ActionSheetDescription;
+exports.ActionSheetHeader = ActionSheet.ActionSheetHeader;
+exports.ActionSheetItem = ActionSheet.ActionSheetItem;
+exports.ActionSheetList = ActionSheet.ActionSheetList;
+exports.ActionSheetPositioner = ActionSheet.ActionSheetPositioner;
+exports.ActionSheetRoot = ActionSheet.ActionSheetRoot;
+exports.ActionSheetTitle = ActionSheet.ActionSheetTitle;
+exports.ActionSheetTrigger = ActionSheet.ActionSheetTrigger;
+exports.ActionSheet = ActionSheet_namespace;

package/lib/components/ActionSheet/index.js

@@ -1,3 +1,3 @@
-import { ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger } from "./ActionSheet.js";
-import { ActionSheet_namespace_exports } from "./ActionSheet.namespace.js";
-export { ActionSheet_namespace_exports as ActionSheet, ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger };
+export { ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger } from './ActionSheet.js';
+import * as ActionSheet_namespace from './ActionSheet.namespace.js';
+export { ActionSheet_namespace as ActionSheet };

package/lib/components/Article/Article.cjs

@@ -1,20 +1,45 @@
-"use client";
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_Box = require("../Box/Box.cjs");
-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_article = require("@seed-design/css/recipes/article");
-//#region src/components/Article/Article.tsx
-var Article = react.forwardRef(({ as = "article", className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
-		as,
-		ref,
-		className: (0, clsx.default)((0, _seed_design_css_recipes_article.article)(), className),
-		...props
-	});
-});
-//#endregion
+'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');
+const clsx = require('clsx');
+const article = require('@seed-design/css/recipes/article');
+
+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 Article = React__namespace.forwardRef(
+  ({ as = "article", className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box.Box,
+      {
+        as,
+        ref,
+        className: clsx(article.article(), className),
+        ...props
+      }
+    );
+  }
+);
+
 exports.Article = Article;

package/lib/components/Article/Article.js

@@ -1,17 +1,22 @@
-"use client";
-import { Box } from "../Box/Box.js";
-import clsx from "clsx";
-import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
-import { article } from "@seed-design/css/recipes/article";
-//#region src/components/Article/Article.tsx
-var Article = React$1.forwardRef(({ as = "article", className, ...props }, ref) => {
-	return /* @__PURE__ */ jsx(Box, {
-		as,
-		ref,
-		className: clsx(article(), className),
-		...props
-	});
-});
-//#endregion
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Box } from '../Box/Box.js';
+import clsx from 'clsx';
+import { article } from '@seed-design/css/recipes/article';
+
+const Article = React.forwardRef(
+  ({ as = "article", className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        as,
+        ref,
+        className: clsx(article(), className),
+        ...props
+      }
+    );
+  }
+);
+
 export { Article };

package/lib/components/Article/index.cjs

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

package/lib/components/Article/index.js

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

package/lib/components/Avatar/Avatar.cjs

@@ -1,38 +1,61 @@
-"use client";
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
-let _seed_design_react_avatar = require("@seed-design/react-avatar");
-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_avatar = require("@seed-design/css/recipes/avatar");
-let _seed_design_css_recipes_avatar_stack = require("@seed-design/css/recipes/avatar-stack");
-//#region src/components/Avatar/Avatar.tsx
-var { PropsProvider, withProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_avatar.avatar);
-var AvatarRoot = withProvider(_seed_design_react_avatar.Avatar.Root, "root");
-var AvatarImage = withContext(_seed_design_react_avatar.Avatar.Image, "image");
-var AvatarFallback = withContext(_seed_design_react_avatar.Avatar.Fallback, "fallback");
-var AvatarBadge = withContext(_seed_design_react_primitive.Primitive.div, "badge");
-var AvatarStack = react.forwardRef(({ className, children, size, ...otherProps }, ref) => {
-	const classNames = (0, _seed_design_css_recipes_avatar_stack.avatarStack)({ size });
-	const avatars = react.Children.toArray(children);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PropsProvider, {
-		value: (0, react.useMemo)(() => ({ size }), [size]),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			ref,
-			className: (0, clsx.default)(classNames.root, className),
-			...otherProps,
-			children: avatars.map((avatar, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: classNames.item,
-				children: avatar
-			}, index))
-		})
-	});
-});
-//#endregion
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactAvatar = require('@seed-design/react-avatar');
+const reactPrimitive = require('@seed-design/react-primitive');
+const avatar = require('@seed-design/css/recipes/avatar');
+const avatarStack = require('@seed-design/css/recipes/avatar-stack');
+const clsx = require('clsx');
+const React = require('react');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.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 { PropsProvider, withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(avatar.avatar);
+const AvatarRoot = withProvider(
+  reactAvatar.Avatar.Root,
+  "root"
+);
+const AvatarImage = withContext(
+  reactAvatar.Avatar.Image,
+  "image"
+);
+const AvatarFallback = withContext(
+  reactAvatar.Avatar.Fallback,
+  "fallback"
+);
+const AvatarBadge = withContext(reactPrimitive.Primitive.div, "badge");
+const AvatarStack = React__namespace.forwardRef(
+  ({ className, children, size, ...otherProps }, ref) => {
+    const classNames = avatarStack.avatarStack({ size });
+    const avatars = React__namespace.Children.toArray(children);
+    return /* @__PURE__ */ jsxRuntime.jsx(PropsProvider, { value: React.useMemo(() => ({ size }), [size]), children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: clsx(classNames.root, className), ...otherProps, children: avatars.map((avatar2, index) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: There is no unique key for each child
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames.item, children: avatar2 }, index)
+    )) }) });
+  }
+);
+
 exports.AvatarBadge = AvatarBadge;
 exports.AvatarFallback = AvatarFallback;
 exports.AvatarImage = AvatarImage;

package/lib/components/Avatar/Avatar.js

@@ -1,34 +1,37 @@
-"use client";
-import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
-import { Avatar } from "@seed-design/react-avatar";
-import { Primitive } from "@seed-design/react-primitive";
-import clsx from "clsx";
-import * as React$1 from "react";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { avatar } from "@seed-design/css/recipes/avatar";
-import { avatarStack } from "@seed-design/css/recipes/avatar-stack";
-//#region src/components/Avatar/Avatar.tsx
-var { PropsProvider, withProvider, withContext } = createSlotRecipeContext(avatar);
-var AvatarRoot = withProvider(Avatar.Root, "root");
-var AvatarImage = withContext(Avatar.Image, "image");
-var AvatarFallback = withContext(Avatar.Fallback, "fallback");
-var AvatarBadge = withContext(Primitive.div, "badge");
-var AvatarStack = React$1.forwardRef(({ className, children, size, ...otherProps }, ref) => {
-	const classNames = avatarStack({ size });
-	const avatars = React$1.Children.toArray(children);
-	return /* @__PURE__ */ jsx(PropsProvider, {
-		value: useMemo(() => ({ size }), [size]),
-		children: /* @__PURE__ */ jsx("div", {
-			ref,
-			className: clsx(classNames.root, className),
-			...otherProps,
-			children: avatars.map((avatar, index) => /* @__PURE__ */ jsx("div", {
-				className: classNames.item,
-				children: avatar
-			}, index))
-		})
-	});
-});
-//#endregion
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Avatar } from '@seed-design/react-avatar';
+import { Primitive } from '@seed-design/react-primitive';
+import { avatar } from '@seed-design/css/recipes/avatar';
+import { avatarStack } from '@seed-design/css/recipes/avatar-stack';
+import clsx from 'clsx';
+import * as React from 'react';
+import { useMemo } from 'react';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+
+const { PropsProvider, withProvider, withContext } = createSlotRecipeContext(avatar);
+const AvatarRoot = withProvider(
+  Avatar.Root,
+  "root"
+);
+const AvatarImage = withContext(
+  Avatar.Image,
+  "image"
+);
+const AvatarFallback = withContext(
+  Avatar.Fallback,
+  "fallback"
+);
+const AvatarBadge = withContext(Primitive.div, "badge");
+const AvatarStack = React.forwardRef(
+  ({ className, children, size, ...otherProps }, ref) => {
+    const classNames = avatarStack({ size });
+    const avatars = React.Children.toArray(children);
+    return /* @__PURE__ */ jsx(PropsProvider, { value: useMemo(() => ({ size }), [size]), children: /* @__PURE__ */ jsx("div", { ref, className: clsx(classNames.root, className), ...otherProps, children: avatars.map((avatar2, index) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: There is no unique key for each child
+      /* @__PURE__ */ jsx("div", { className: classNames.item, children: avatar2 }, index)
+    )) }) });
+  }
+);
+
 export { AvatarBadge, AvatarFallback, AvatarImage, AvatarRoot, AvatarStack };

package/lib/components/Avatar/Avatar.namespace.cjs

@@ -1,17 +1,13 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_Avatar = require("./Avatar.cjs");
-//#region src/components/Avatar/Avatar.namespace.ts
-var Avatar_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
-	Badge: () => require_Avatar.AvatarBadge,
-	Fallback: () => require_Avatar.AvatarFallback,
-	Image: () => require_Avatar.AvatarImage,
-	Root: () => require_Avatar.AvatarRoot,
-	Stack: () => require_Avatar.AvatarStack
-});
-//#endregion
-Object.defineProperty(exports, "Avatar_namespace_exports", {
-	enumerable: true,
-	get: function() {
-		return Avatar_namespace_exports;
-	}
-});
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Avatar = require('./Avatar.cjs');
+
+
+
+exports.Badge = Avatar.AvatarBadge;
+exports.Fallback = Avatar.AvatarFallback;
+exports.Image = Avatar.AvatarImage;
+exports.Root = Avatar.AvatarRoot;
+exports.Stack = Avatar.AvatarStack;

package/lib/components/Avatar/Avatar.namespace.js

@@ -1,12 +1 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { AvatarBadge, AvatarFallback, AvatarImage, AvatarRoot, AvatarStack } from "./Avatar.js";
-//#region src/components/Avatar/Avatar.namespace.ts
-var Avatar_namespace_exports = /* @__PURE__ */ __exportAll({
-	Badge: () => AvatarBadge,
-	Fallback: () => AvatarFallback,
-	Image: () => AvatarImage,
-	Root: () => AvatarRoot,
-	Stack: () => AvatarStack
-});
-//#endregion
-export { Avatar_namespace_exports };
+export { AvatarBadge as Badge, AvatarFallback as Fallback, AvatarImage as Image, AvatarRoot as Root, AvatarStack as Stack } from './Avatar.js';

package/lib/components/Avatar/index.cjs

@@ -1,14 +1,15 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Avatar = require("./Avatar.cjs");
-const require_Avatar_namespace = require("./Avatar.namespace.cjs");
-Object.defineProperty(exports, "Avatar", {
-	enumerable: true,
-	get: function() {
-		return require_Avatar_namespace.Avatar_namespace_exports;
-	}
-});
-exports.AvatarBadge = require_Avatar.AvatarBadge;
-exports.AvatarFallback = require_Avatar.AvatarFallback;
-exports.AvatarImage = require_Avatar.AvatarImage;
-exports.AvatarRoot = require_Avatar.AvatarRoot;
-exports.AvatarStack = require_Avatar.AvatarStack;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Avatar = require('./Avatar.cjs');
+const Avatar_namespace = require('./Avatar.namespace.cjs');
+
+
+
+exports.AvatarBadge = Avatar.AvatarBadge;
+exports.AvatarFallback = Avatar.AvatarFallback;
+exports.AvatarImage = Avatar.AvatarImage;
+exports.AvatarRoot = Avatar.AvatarRoot;
+exports.AvatarStack = Avatar.AvatarStack;
+exports.Avatar = Avatar_namespace;

package/lib/components/Avatar/index.js

@@ -1,3 +1,3 @@
-import { AvatarBadge, AvatarFallback, AvatarImage, AvatarRoot, AvatarStack } from "./Avatar.js";
-import { Avatar_namespace_exports } from "./Avatar.namespace.js";
-export { Avatar_namespace_exports as Avatar, AvatarBadge, AvatarFallback, AvatarImage, AvatarRoot, AvatarStack };
+export { AvatarBadge, AvatarFallback, AvatarImage, AvatarRoot, AvatarStack } from './Avatar.js';
+import * as Avatar_namespace from './Avatar.namespace.js';
+export { Avatar_namespace as Avatar };

package/lib/components/Badge/Badge.cjs

@@ -1,25 +1,21 @@
-"use client";
-const require_runtime = require("../../_virtual/_rolldown/runtime.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_css_recipes_badge = require("@seed-design/css/recipes/badge");
-//#region src/components/Badge/Badge.tsx
-var Badge = (0, react.forwardRef)(({ className, children, ...props }, ref) => {
-	const [variantProps, restProps] = _seed_design_css_recipes_badge.badge.splitVariantProps(props);
-	const { root, label } = (0, _seed_design_css_recipes_badge.badge)(variantProps);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.span, {
-		className: (0, clsx.default)(root, className),
-		...restProps,
-		ref,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.span, {
-			className: label,
-			children
-		})
-	});
-});
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactPrimitive = require('@seed-design/react-primitive');
+const badge = require('@seed-design/css/recipes/badge');
+const React = require('react');
+const clsx = require('clsx');
+
+const Badge = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const [variantProps, restProps] = badge.badge.splitVariantProps(props);
+    const { root, label } = badge.badge(variantProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.span, { className: clsx(root, className), ...restProps, ref, children: /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.span, { className: label, children }) });
+  }
+);
 Badge.displayName = "Badge";
-//#endregion
+
 exports.Badge = Badge;

package/lib/components/Badge/Badge.js

@@ -1,23 +1,17 @@
-"use client";
-import { Primitive } from "@seed-design/react-primitive";
-import clsx from "clsx";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { badge } from "@seed-design/css/recipes/badge";
-//#region src/components/Badge/Badge.tsx
-var Badge = forwardRef(({ className, children, ...props }, ref) => {
-	const [variantProps, restProps] = badge.splitVariantProps(props);
-	const { root, label } = badge(variantProps);
-	return /* @__PURE__ */ jsx(Primitive.span, {
-		className: clsx(root, className),
-		...restProps,
-		ref,
-		children: /* @__PURE__ */ jsx(Primitive.span, {
-			className: label,
-			children
-		})
-	});
-});
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Primitive } from '@seed-design/react-primitive';
+import { badge } from '@seed-design/css/recipes/badge';
+import { forwardRef } from 'react';
+import clsx from 'clsx';
+
+const Badge = forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const [variantProps, restProps] = badge.splitVariantProps(props);
+    const { root, label } = badge(variantProps);
+    return /* @__PURE__ */ jsx(Primitive.span, { className: clsx(root, className), ...restProps, ref, children: /* @__PURE__ */ jsx(Primitive.span, { className: label, children }) });
+  }
+);
 Badge.displayName = "Badge";
-//#endregion
+
 export { Badge };

package/lib/components/Badge/index.cjs

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

package/lib/components/Badge/index.js

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

package/lib/components/BottomSheet/BottomSheet.cjs

@@ -1,24 +1,55 @@
-"use client";
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_styled = require("../../utils/styled.cjs");
-const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
-let _seed_design_react_primitive = require("@seed-design/react-primitive");
-let _seed_design_css_recipes_bottom_sheet = require("@seed-design/css/recipes/bottom-sheet");
-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 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_primitive.Primitive.div, "header");
-var BottomSheetTitle = withContext(_seed_design_react_drawer.Drawer.Title, "title");
-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");
-//#endregion
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const bottomSheet = require('@seed-design/css/recipes/bottom-sheet');
+const reactDrawer = require('@seed-design/react-drawer');
+const reactPrimitive = require('@seed-design/react-primitive');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+const styled = require('../../utils/styled.cjs');
+
+const { withRootProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(bottomSheet.bottomSheet);
+const BottomSheetRoot = withRootProvider(reactDrawer.Drawer.Root, {
+  defaultProps: {
+    direction: "bottom"
+  }
+});
+const BottomSheetTrigger = reactDrawer.Drawer.Trigger;
+const BottomSheetPositioner = withContext(
+  reactDrawer.Drawer.Positioner,
+  "positioner"
+);
+const BottomSheetBackdrop = withContext(
+  reactDrawer.Drawer.Backdrop,
+  "backdrop"
+);
+const BottomSheetContent = withContext(
+  reactDrawer.Drawer.Content,
+  "content"
+);
+const BottomSheetHeader = withContext(
+  reactPrimitive.Primitive.div,
+  "header"
+);
+const BottomSheetTitle = withContext(
+  reactDrawer.Drawer.Title,
+  "title"
+);
+const BottomSheetDescription = withContext(reactDrawer.Drawer.Description, "description");
+const BottomSheetBody = withContext(
+  styled.withStyleProps(reactPrimitive.Primitive.div),
+  "body"
+);
+const BottomSheetFooter = withContext(
+  reactPrimitive.Primitive.div,
+  "footer"
+);
+const BottomSheetCloseButton = withContext(
+  reactDrawer.Drawer.CloseButton,
+  "closeButton"
+);
+
 exports.BottomSheetBackdrop = BottomSheetBackdrop;
 exports.BottomSheetBody = BottomSheetBody;
 exports.BottomSheetCloseButton = BottomSheetCloseButton;