@seed-design/react 1.2.8 → 1.2.10

package/lib/components/ActionSheet/ActionSheet.namespace.cjs

@@ -1,19 +1,23 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const ActionSheet = require('./ActionSheet.cjs');
-
-
-
-exports.Backdrop = ActionSheet.ActionSheetBackdrop;
-exports.CloseButton = ActionSheet.ActionSheetCloseButton;
-exports.Content = ActionSheet.ActionSheetContent;
-exports.Description = ActionSheet.ActionSheetDescription;
-exports.Header = ActionSheet.ActionSheetHeader;
-exports.Item = ActionSheet.ActionSheetItem;
-exports.List = ActionSheet.ActionSheetList;
-exports.Positioner = ActionSheet.ActionSheetPositioner;
-exports.Root = ActionSheet.ActionSheetRoot;
-exports.Title = ActionSheet.ActionSheetTitle;
-exports.Trigger = ActionSheet.ActionSheetTrigger;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_ActionSheet = require("./ActionSheet.cjs");
+//#region src/components/ActionSheet/ActionSheet.namespace.ts
+var ActionSheet_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Backdrop: () => require_ActionSheet.ActionSheetBackdrop,
+	CloseButton: () => require_ActionSheet.ActionSheetCloseButton,
+	Content: () => require_ActionSheet.ActionSheetContent,
+	Description: () => require_ActionSheet.ActionSheetDescription,
+	Header: () => require_ActionSheet.ActionSheetHeader,
+	Item: () => require_ActionSheet.ActionSheetItem,
+	List: () => require_ActionSheet.ActionSheetList,
+	Positioner: () => require_ActionSheet.ActionSheetPositioner,
+	Root: () => require_ActionSheet.ActionSheetRoot,
+	Title: () => require_ActionSheet.ActionSheetTitle,
+	Trigger: () => require_ActionSheet.ActionSheetTrigger
+});
+//#endregion
+Object.defineProperty(exports, "ActionSheet_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return ActionSheet_namespace_exports;
+	}
+});

package/lib/components/ActionSheet/ActionSheet.namespace.js

@@ -1 +1,18 @@
-export { ActionSheetBackdrop as Backdrop, ActionSheetCloseButton as CloseButton, ActionSheetContent as Content, ActionSheetDescription as Description, ActionSheetHeader as Header, ActionSheetItem as Item, ActionSheetList as List, ActionSheetPositioner as Positioner, ActionSheetRoot as Root, ActionSheetTitle as Title, ActionSheetTrigger as Trigger } from './ActionSheet.js';
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger } from "./ActionSheet.js";
+//#region src/components/ActionSheet/ActionSheet.namespace.ts
+var ActionSheet_namespace_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => ActionSheetBackdrop,
+	CloseButton: () => ActionSheetCloseButton,
+	Content: () => ActionSheetContent,
+	Description: () => ActionSheetDescription,
+	Header: () => ActionSheetHeader,
+	Item: () => ActionSheetItem,
+	List: () => ActionSheetList,
+	Positioner: () => ActionSheetPositioner,
+	Root: () => ActionSheetRoot,
+	Title: () => ActionSheetTitle,
+	Trigger: () => ActionSheetTrigger
+});
+//#endregion
+export { ActionSheet_namespace_exports };

package/lib/components/ActionSheet/index.cjs

@@ -1,21 +1,20 @@
-'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;
+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;

package/lib/components/ActionSheet/index.js

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

package/lib/components/Article/Article.cjs

@@ -1,45 +1,20 @@
-'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
-      }
-    );
-  }
-);
-
+"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
 exports.Article = Article;

package/lib/components/Article/Article.js

@@ -1,22 +1,17 @@
-'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
-      }
-    );
-  }
-);
-
+"use client";
+import { Box } from "../Box/Box.js";
+import clsx$1 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$1(article(), className),
+		...props
+	});
+});
+//#endregion
 export { Article };

package/lib/components/Article/index.cjs

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

package/lib/components/Article/index.js

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

package/lib/components/AspectRatio/AspectRatio.cjs

@@ -1,56 +1,29 @@
-'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
-      }
-    );
-  }
-);
+"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_aspect_ratio = require("@seed-design/css/recipes/aspect-ratio");
+//#region src/components/AspectRatio/AspectRatio.tsx
+var AspectRatio = react.forwardRef(({ ratio = 4 / 3, children, className, style, ...rest }, ref) => {
+	const child = react.Children.only(children);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		ref,
+		className: (0, clsx.default)((0, _seed_design_css_recipes_aspect_ratio.aspectRatio)(), className),
+		position: "relative",
+		overflowX: "hidden",
+		overflowY: "hidden",
+		style: {
+			"--seed-aspect-ratio-padding": `${1 / ratio * 100}%`,
+			...style
+		},
+		...rest,
+		children: child
+	});
+});
 AspectRatio.displayName = "AspectRatio";
-
+//#endregion
 exports.AspectRatio = AspectRatio;

package/lib/components/AspectRatio/AspectRatio.js

@@ -1,33 +1,26 @@
-'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
-      }
-    );
-  }
-);
+"use client";
+import { Box } from "../Box/Box.js";
+import clsx$1 from "clsx";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { aspectRatio } from "@seed-design/css/recipes/aspect-ratio";
+//#region src/components/AspectRatio/AspectRatio.tsx
+var AspectRatio = React$1.forwardRef(({ ratio = 4 / 3, children, className, style, ...rest }, ref) => {
+	const child = React$1.Children.only(children);
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		className: clsx$1(aspectRatio(), className),
+		position: "relative",
+		overflowX: "hidden",
+		overflowY: "hidden",
+		style: {
+			"--seed-aspect-ratio-padding": `${1 / ratio * 100}%`,
+			...style
+		},
+		...rest,
+		children: child
+	});
+});
 AspectRatio.displayName = "AspectRatio";
-
+//#endregion
 export { AspectRatio };

package/lib/components/AspectRatio/index.cjs

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

package/lib/components/AspectRatio/index.js

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

package/lib/components/Avatar/Avatar.cjs

@@ -1,55 +1,38 @@
-'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)
-    )) }) });
-  }
-);
-
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+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_react_image = require("@seed-design/react-image");
+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_image.Image.Root, "root");
+var AvatarImage = withContext(_seed_design_react_image.Image.Content, "image");
+var AvatarFallback = withContext(_seed_design_react_image.Image.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
 exports.AvatarBadge = AvatarBadge;
 exports.AvatarFallback = AvatarFallback;
 exports.AvatarImage = AvatarImage;

package/lib/components/Avatar/Avatar.js

@@ -1,31 +1,34 @@
-'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)
-    )) }) });
-  }
-);
-
+"use client";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import * as React$1 from "react";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Image } from "@seed-design/react-image";
+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(Image.Root, "root");
+var AvatarImage = withContext(Image.Content, "image");
+var AvatarFallback = withContext(Image.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$1(classNames.root, className),
+			...otherProps,
+			children: avatars.map((avatar, index) => /* @__PURE__ */ jsx("div", {
+				className: classNames.item,
+				children: avatar
+			}, index))
+		})
+	});
+});
+//#endregion
 export { AvatarBadge, AvatarFallback, AvatarImage, AvatarRoot, AvatarStack };

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

@@ -1,13 +1,17 @@
-'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;
+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;
+	}
+});

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

@@ -1 +1,12 @@
-export { AvatarBadge as Badge, AvatarFallback as Fallback, AvatarImage as Image, AvatarRoot as Root, AvatarStack as Stack } from './Avatar.js';
+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 };