@seed-design/react 0.0.0-alpha-20260324091316

package/lib/components/Article/Article.js

@@ -0,0 +1,22 @@
+'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

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

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

@@ -0,0 +1,2 @@
+export { Article, type ArticleProps } from './Article';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Article/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/lib/components/Article/index.js

@@ -0,0 +1 @@
+export { Article } from './Article.js';

package/lib/components/AspectRatio/AspectRatio.cjs

@@ -0,0 +1,56 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const aspectRatio = require('@seed-design/css/recipes/aspect-ratio');
+const clsx = require('clsx');
+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 AspectRatio = React__namespace.forwardRef(
+  ({ ratio = 4 / 3, children, className, style, ...rest }, ref) => {
+    const child = React__namespace.Children.only(children);
+    const aspectRatio$1 = aspectRatio.aspectRatio();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box.Box,
+      {
+        ref,
+        className: clsx(aspectRatio$1, className),
+        position: "relative",
+        overflowX: "hidden",
+        overflowY: "hidden",
+        style: {
+          // NOTE: aspectRatio는 iOS 15+부터 지원하기 때문에 padding으로 ratio hack을 사용합니다.
+          "--seed-aspect-ratio-padding": `${1 / ratio * 100}%`,
+          ...style
+        },
+        ...rest,
+        children: child
+      }
+    );
+  }
+);
+AspectRatio.displayName = "AspectRatio";
+
+exports.AspectRatio = AspectRatio;

package/lib/components/AspectRatio/AspectRatio.d.ts

@@ -0,0 +1,23 @@
+import { BoxProps } from '../Box/Box';
+import * as React from "react";
+export interface AspectRatioProps extends BoxProps {
+    /**
+     * The aspect ratio of the aspect ratio container (width / height).
+     * @default 4 / 3
+     */
+    ratio?: number;
+    /**
+     * @default "relative"
+     */
+    position?: BoxProps["position"];
+    /**
+     * @default "hidden"
+     */
+    overflowX?: BoxProps["overflowX"];
+    /**
+     * @default "hidden"
+     */
+    overflowY?: BoxProps["overflowY"];
+}
+export declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AspectRatio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,yFAyBvB,CAAC"}

package/lib/components/AspectRatio/AspectRatio.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { aspectRatio } from '@seed-design/css/recipes/aspect-ratio';
+import clsx from 'clsx';
+import * as React from 'react';
+import { Box } from '../Box/Box.js';
+
+const AspectRatio = React.forwardRef(
+  ({ ratio = 4 / 3, children, className, style, ...rest }, ref) => {
+    const child = React.Children.only(children);
+    const aspectRatio$1 = aspectRatio();
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        ref,
+        className: clsx(aspectRatio$1, className),
+        position: "relative",
+        overflowX: "hidden",
+        overflowY: "hidden",
+        style: {
+          // NOTE: aspectRatio는 iOS 15+부터 지원하기 때문에 padding으로 ratio hack을 사용합니다.
+          "--seed-aspect-ratio-padding": `${1 / ratio * 100}%`,
+          ...style
+        },
+        ...rest,
+        children: child
+      }
+    );
+  }
+);
+AspectRatio.displayName = "AspectRatio";
+
+export { AspectRatio };

package/lib/components/AspectRatio/index.cjs

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

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

@@ -0,0 +1,2 @@
+export { AspectRatio, type AspectRatioProps } from './AspectRatio';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/lib/components/AspectRatio/index.js

@@ -0,0 +1 @@
+export { AspectRatio } from './AspectRatio.js';

package/lib/components/Avatar/Avatar.cjs

@@ -0,0 +1,57 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactImage = require('@seed-design/react-image');
+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(reactImage.Image.Root, "root");
+const AvatarImage = withContext(reactImage.Image.Content, "image");
+const AvatarFallback = withContext(
+  reactImage.Image.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;
+exports.AvatarRoot = AvatarRoot;
+exports.AvatarStack = AvatarStack;

package/lib/components/Avatar/Avatar.d.ts

@@ -0,0 +1,21 @@
+import { Image } from '@seed-design/react-image';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { AvatarVariantProps } from '@seed-design/css/recipes/avatar';
+import { AvatarStackVariantProps } from '@seed-design/css/recipes/avatar-stack';
+import * as React from "react";
+export interface AvatarRootProps extends AvatarVariantProps, Image.RootProps {
+}
+export declare const AvatarRoot: React.ForwardRefExoticComponent<AvatarRootProps & React.RefAttributes<HTMLDivElement>>;
+export interface AvatarImageProps extends Image.ContentProps {
+}
+export declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
+export interface AvatarFallbackProps extends Image.FallbackProps {
+}
+export declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLDivElement>>;
+export interface AvatarBadgeProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const AvatarBadge: React.ForwardRefExoticComponent<AvatarBadgeProps & React.RefAttributes<HTMLDivElement>>;
+export interface AvatarStackProps extends AvatarStackVariantProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const AvatarStack: React.ForwardRefExoticComponent<AvatarStackProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAClF,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAElG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,KAAK,CAAC,SAAS;CAAG;AAE/E,eAAO,MAAM,UAAU,wFAAoE,CAAC;AAI5F,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,YAAY;CAAG;AAE/D,eAAO,MAAM,WAAW,2FAA0E,CAAC;AAInG,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,aAAa;CAAG;AAEnE,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjG,eAAO,MAAM,WAAW,yFAAwE,CAAC;AAIjG,MAAM,WAAW,gBACf,SAAQ,uBAAuB,EAC7B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,WAAW,yFAiBvB,CAAC"}

package/lib/components/Avatar/Avatar.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Image } from '@seed-design/react-image';
+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(Image.Root, "root");
+const AvatarImage = withContext(Image.Content, "image");
+const AvatarFallback = withContext(
+  Image.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

@@ -0,0 +1,13 @@
+'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.d.ts

@@ -0,0 +1,2 @@
+export { AvatarBadge as Badge, AvatarFallback as Fallback, AvatarImage as Image, AvatarRoot as Root, AvatarStack as Stack, type AvatarBadgeProps as BadgeProps, type AvatarFallbackProps as FallbackProps, type AvatarImageProps as ImageProps, type AvatarRootProps as RootProps, type AvatarStackProps as StackProps, } from './Avatar';
+//# sourceMappingURL=Avatar.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,KAAK,EACpB,cAAc,IAAI,QAAQ,EAC1B,WAAW,IAAI,KAAK,EACpB,UAAU,IAAI,IAAI,EAClB,WAAW,IAAI,KAAK,EACpB,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,mBAAmB,IAAI,aAAa,EACzC,KAAK,gBAAgB,IAAI,UAAU,EACnC,KAAK,eAAe,IAAI,SAAS,EACjC,KAAK,gBAAgB,IAAI,UAAU,GACpC,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,15 @@
+'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.d.ts

@@ -0,0 +1,3 @@
+export { AvatarBadge, AvatarFallback, AvatarImage, AvatarRoot, AvatarStack, type AvatarBadgeProps, type AvatarFallbackProps, type AvatarImageProps, type AvatarRootProps, type AvatarStackProps, } from './Avatar';
+export * as Avatar from './Avatar.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,UAAU,EACV,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC"}

package/lib/components/Avatar/index.js

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,21 @@
+'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";
+
+exports.Badge = Badge;

package/lib/components/Badge/Badge.d.ts

@@ -0,0 +1,7 @@
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { BadgeVariantProps } from '@seed-design/css/recipes/badge';
+import type * as React from "react";
+export interface BadgeProps extends BadgeVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,MAAM,WAAW,UACf,SAAQ,iBAAiB,EACvB,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,KAAK,oFAWjB,CAAC"}

package/lib/components/Badge/Badge.js

@@ -0,0 +1,17 @@
+'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";
+
+export { Badge };

package/lib/components/Badge/index.cjs

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

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

@@ -0,0 +1,2 @@
+export { Badge, type BadgeProps } from './Badge';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/Badge/index.js

@@ -0,0 +1 @@
+export { Badge } from './Badge.js';

package/lib/components/BottomSheet/BottomSheet.cjs

@@ -0,0 +1,70 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const bottomSheet = require('@seed-design/css/recipes/bottom-sheet');
+const domUtils = require('@seed-design/dom-utils');
+const reactDrawer = require('@seed-design/react-drawer');
+const reactPrimitive = require('@seed-design/react-primitive');
+const React = require('react');
+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(
+  reactDrawer.Drawer.Header,
+  "header"
+);
+const BottomSheetTitle = withContext(
+  React.forwardRef((props, ref) => {
+    const { isCloseButtonRendered } = reactDrawer.useDrawerContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(reactDrawer.Drawer.Title, { ref, "data-show-close-button": domUtils.dataAttr(isCloseButtonRendered), ...props });
+  }),
+  "title"
+);
+BottomSheetTitle.displayName = "BottomSheetTitle";
+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;
+exports.BottomSheetContent = BottomSheetContent;
+exports.BottomSheetDescription = BottomSheetDescription;
+exports.BottomSheetFooter = BottomSheetFooter;
+exports.BottomSheetHeader = BottomSheetHeader;
+exports.BottomSheetPositioner = BottomSheetPositioner;
+exports.BottomSheetRoot = BottomSheetRoot;
+exports.BottomSheetTitle = BottomSheetTitle;
+exports.BottomSheetTrigger = BottomSheetTrigger;

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

@@ -0,0 +1,40 @@
+import { BottomSheetVariantProps } from '@seed-design/css/recipes/bottom-sheet';
+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 declare const BottomSheetRoot: ForwardRefExoticComponent<BottomSheetRootProps>;
+export interface BottomSheetTriggerProps extends Drawer.TriggerProps {
+}
+export declare const BottomSheetTrigger: ForwardRefExoticComponent< DialogTriggerProps & RefAttributes<HTMLButtonElement>>;
+export interface BottomSheetPositionerProps extends Drawer.PositionerProps {
+}
+export declare const BottomSheetPositioner: ForwardRefExoticComponent<BottomSheetPositionerProps & RefAttributes<HTMLDivElement>>;
+export interface BottomSheetBackdropProps extends Drawer.BackdropProps {
+}
+export declare const BottomSheetBackdrop: ForwardRefExoticComponent<BottomSheetBackdropProps & RefAttributes<HTMLDivElement>>;
+export interface BottomSheetContentProps extends Drawer.ContentProps {
+}
+export declare const BottomSheetContent: ForwardRefExoticComponent<BottomSheetContentProps & RefAttributes<HTMLDivElement>>;
+export interface BottomSheetHeaderProps extends Drawer.HeaderProps {
+}
+export declare const BottomSheetHeader: ForwardRefExoticComponent<BottomSheetHeaderProps & RefAttributes<HTMLDivElement>>;
+export interface BottomSheetTitleProps extends Drawer.TitleProps {
+}
+export declare const BottomSheetTitle: ForwardRefExoticComponent<BottomSheetTitleProps & RefAttributes<HTMLHeadingElement>>;
+export interface BottomSheetDescriptionProps extends Drawer.DescriptionProps {
+}
+export declare const BottomSheetDescription: ForwardRefExoticComponent<BottomSheetDescriptionProps & RefAttributes<HTMLParagraphElement>>;
+export interface BottomSheetBodyProps extends PrimitiveProps, Pick<StyleProps, "paddingX" | "height" | "maxHeight" | "minHeight" | "justifyContent" | "alignItems">, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const BottomSheetBody: ForwardRefExoticComponent<BottomSheetBodyProps & RefAttributes<HTMLDivElement>>;
+export interface BottomSheetFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const BottomSheetFooter: ForwardRefExoticComponent<BottomSheetFooterProps & RefAttributes<HTMLDivElement>>;
+export interface BottomSheetCloseButtonProps extends Drawer.CloseButtonProps {
+}
+export declare const BottomSheetCloseButton: ForwardRefExoticComponent<BottomSheetCloseButtonProps & RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=BottomSheet.d.ts.map

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

@@ -0,0 +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"}

package/lib/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { bottomSheet } from '@seed-design/css/recipes/bottom-sheet';
+import { dataAttr } from '@seed-design/dom-utils';
+import { Drawer, useDrawerContext } from '@seed-design/react-drawer';
+import { Primitive } from '@seed-design/react-primitive';
+import { forwardRef } from 'react';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { withStyleProps } from '../../utils/styled.js';
+
+const { withRootProvider, withContext } = createSlotRecipeContext(bottomSheet);
+const BottomSheetRoot = withRootProvider(Drawer.Root, {
+  defaultProps: {
+    direction: "bottom"
+  }
+});
+const BottomSheetTrigger = Drawer.Trigger;
+const BottomSheetPositioner = withContext(
+  Drawer.Positioner,
+  "positioner"
+);
+const BottomSheetBackdrop = withContext(
+  Drawer.Backdrop,
+  "backdrop"
+);
+const BottomSheetContent = withContext(
+  Drawer.Content,
+  "content"
+);
+const BottomSheetHeader = withContext(
+  Drawer.Header,
+  "header"
+);
+const BottomSheetTitle = withContext(
+  forwardRef((props, ref) => {
+    const { isCloseButtonRendered } = useDrawerContext();
+    return /* @__PURE__ */ jsx(Drawer.Title, { ref, "data-show-close-button": dataAttr(isCloseButtonRendered), ...props });
+  }),
+  "title"
+);
+BottomSheetTitle.displayName = "BottomSheetTitle";
+const BottomSheetDescription = withContext(Drawer.Description, "description");
+const BottomSheetBody = withContext(
+  withStyleProps(Primitive.div),
+  "body"
+);
+const BottomSheetFooter = withContext(
+  Primitive.div,
+  "footer"
+);
+const BottomSheetCloseButton = withContext(
+  Drawer.CloseButton,
+  "closeButton"
+);
+
+export { BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger };

package/lib/components/BottomSheet/BottomSheet.namespace.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const BottomSheet = require('./BottomSheet.cjs');
+const BottomSheetHandle = require('../BottomSheetHandle/BottomSheetHandle.cjs');
+
+
+
+exports.Backdrop = BottomSheet.BottomSheetBackdrop;
+exports.Body = BottomSheet.BottomSheetBody;
+exports.CloseButton = BottomSheet.BottomSheetCloseButton;
+exports.Content = BottomSheet.BottomSheetContent;
+exports.Description = BottomSheet.BottomSheetDescription;
+exports.Footer = BottomSheet.BottomSheetFooter;
+exports.Header = BottomSheet.BottomSheetHeader;
+exports.Positioner = BottomSheet.BottomSheetPositioner;
+exports.Root = BottomSheet.BottomSheetRoot;
+exports.Title = BottomSheet.BottomSheetTitle;
+exports.Trigger = BottomSheet.BottomSheetTrigger;
+exports.Handle = BottomSheetHandle.BottomSheetHandle;

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

@@ -0,0 +1,3 @@
+export { BottomSheetBackdrop as Backdrop, BottomSheetBody as Body, BottomSheetContent as Content, BottomSheetDescription as Description, BottomSheetFooter as Footer, BottomSheetHeader as Header, BottomSheetPositioner as Positioner, BottomSheetRoot as Root, BottomSheetTitle as Title, BottomSheetTrigger as Trigger, BottomSheetCloseButton as CloseButton, type BottomSheetBackdropProps as BackdropProps, type BottomSheetBodyProps as BodyProps, type BottomSheetContentProps as ContentProps, type BottomSheetDescriptionProps as DescriptionProps, type BottomSheetFooterProps as FooterProps, type BottomSheetHeaderProps as HeaderProps, type BottomSheetPositionerProps as PositionerProps, type BottomSheetRootProps as RootProps, type BottomSheetTitleProps as TitleProps, type BottomSheetTriggerProps as TriggerProps, type BottomSheetCloseButtonProps as CloseButtonProps, } from './BottomSheet';
+export { BottomSheetHandle as Handle, type BottomSheetHandleProps as HandleProps, } from '../BottomSheetHandle';
+//# sourceMappingURL=BottomSheet.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,IAAI,QAAQ,EAC/B,eAAe,IAAI,IAAI,EACvB,kBAAkB,IAAI,OAAO,EAC7B,sBAAsB,IAAI,WAAW,EACrC,iBAAiB,IAAI,MAAM,EAC3B,iBAAiB,IAAI,MAAM,EAC3B,qBAAqB,IAAI,UAAU,EACnC,eAAe,IAAI,IAAI,EACvB,gBAAgB,IAAI,KAAK,EACzB,kBAAkB,IAAI,OAAO,EAC7B,sBAAsB,IAAI,WAAW,EACrC,KAAK,wBAAwB,IAAI,aAAa,EAC9C,KAAK,oBAAoB,IAAI,SAAS,EACtC,KAAK,uBAAuB,IAAI,YAAY,EAC5C,KAAK,2BAA2B,IAAI,gBAAgB,EACpD,KAAK,sBAAsB,IAAI,WAAW,EAC1C,KAAK,sBAAsB,IAAI,WAAW,EAC1C,KAAK,0BAA0B,IAAI,eAAe,EAClD,KAAK,oBAAoB,IAAI,SAAS,EACtC,KAAK,qBAAqB,IAAI,UAAU,EACxC,KAAK,uBAAuB,IAAI,YAAY,EAC5C,KAAK,2BAA2B,IAAI,gBAAgB,GACrD,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,iBAAiB,IAAI,MAAM,EAC3B,KAAK,sBAAsB,IAAI,WAAW,GAC3C,MAAM,sBAAsB,CAAC"}