@seed-design/react 0.0.1-rc.2 → 0.0.1-rc.3

package/lib/components/ActionButton/ActionButton.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const actionButton = require('@seed-design/css/recipes/action-button');
+const reactPrimitive = require('@seed-design/react-primitive');
+const clsx = require('clsx');
+const React = require('react');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+const usePendingButton = require('../LoadingIndicator/usePendingButton.cjs');
+const Icon = require('../Icon/Icon.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 { ClassNamesProvider } = createStyleContext.createStyleContext(actionButton.actionButton);
+const ActionButton = React__namespace.forwardRef(
+  ({ variant, size, loading = false, layout = "withText", className, children, ...otherProps }, ref) => {
+    const classNames = actionButton.actionButton({ variant, layout, size });
+    const api = usePendingButton.usePendingButton({ loading, disabled: otherProps.disabled });
+    if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) {
+      console.warn(
+        "When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided."
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsxRuntime.jsx(usePendingButton.PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.IconRequired, { enabled: layout === "iconOnly", children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactPrimitive.Primitive.button,
+      {
+        ref,
+        className: clsx(classNames.root, className),
+        ...api.stateProps,
+        ...otherProps,
+        children
+      }
+    ) }) }) });
+  }
+);
+ActionButton.displayName = "ActionButton";
+
+exports.ActionButton = ActionButton;

package/lib/components/ActionButton/ActionButton.d.ts

@@ -1,7 +1,7 @@
-import { type ActionButtonVariantProps } from "@seed-design/css/recipes/action-button";
-import { type PrimitiveProps } from "@seed-design/react-primitive";
+import { ActionButtonVariantProps } from '@seed-design/css/recipes/action-button';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { UsePendingButtonProps } from '../LoadingIndicator/usePendingButton';
 import * as React from "react";
-import { type UsePendingButtonProps } from "../LoadingIndicator/usePendingButton";
 export interface ActionButtonProps extends ActionButtonVariantProps, UsePendingButtonProps, PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 export declare const ActionButton: React.ForwardRefExoticComponent<ActionButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/ActionButton/ActionButton.js

@@ -0,0 +1,34 @@
+import { jsx } from 'react/jsx-runtime';
+import { actionButton } from '@seed-design/css/recipes/action-button';
+import { Primitive } from '@seed-design/react-primitive';
+import clsx from 'clsx';
+import * as React from 'react';
+import { createStyleContext } from '../../utils/createStyleContext.js';
+import { usePendingButton, PendingButtonProvider } from '../LoadingIndicator/usePendingButton.js';
+import { IconRequired } from '../Icon/Icon.js';
+
+const { ClassNamesProvider } = createStyleContext(actionButton);
+const ActionButton = React.forwardRef(
+  ({ variant, size, loading = false, layout = "withText", className, children, ...otherProps }, ref) => {
+    const classNames = actionButton({ variant, layout, size });
+    const api = usePendingButton({ loading, disabled: otherProps.disabled });
+    if (layout === "iconOnly" && !(otherProps["aria-label"] || otherProps["aria-labelledby"])) {
+      console.warn(
+        "When layout is 'iconOnly', 'aria-label' or 'aria-labelledby' should be provided."
+      );
+    }
+    return /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: /* @__PURE__ */ jsx(PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsx(IconRequired, { enabled: layout === "iconOnly", children: /* @__PURE__ */ jsx(
+      Primitive.button,
+      {
+        ref,
+        className: clsx(classNames.root, className),
+        ...api.stateProps,
+        ...otherProps,
+        children
+      }
+    ) }) }) });
+  }
+);
+ActionButton.displayName = "ActionButton";
+
+export { ActionButton };

package/lib/components/ActionButton/index.cjs

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

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

@@ -1,2 +1,2 @@
-export { ActionButton, type ActionButtonProps, } from "./ActionButton";
+export { ActionButton, type ActionButtonProps, } from './ActionButton';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/ActionButton/index.js

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

package/lib/components/ActionChip/ActionChip.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactPrimitive = require('@seed-design/react-primitive');
+const actionChip = require('@seed-design/css/recipes/action-chip');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+const Icon = require('../Icon/Icon.cjs');
+
+const { withProvider } = createStyleContext.createStyleContext(actionChip.actionChip);
+const ActionChip = Icon.withIconRequired(
+  withProvider(reactPrimitive.Primitive.button, "root"),
+  (props) => props.layout === "iconOnly"
+);
+ActionChip.displayName = "ActionChip";
+
+exports.ActionChip = ActionChip;

package/lib/components/ActionChip/ActionChip.d.ts

@@ -1,5 +1,5 @@
-import { type PrimitiveProps } from "@seed-design/react-primitive";
-import { type ActionChipVariantProps } from "@seed-design/css/recipes/action-chip";
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { ActionChipVariantProps } from '@seed-design/css/recipes/action-chip';
 import type * as React from "react";
 export interface ActionChipProps extends ActionChipVariantProps, PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
 }

package/lib/components/ActionChip/ActionChip.js

@@ -0,0 +1,13 @@
+import { Primitive } from '@seed-design/react-primitive';
+import { actionChip } from '@seed-design/css/recipes/action-chip';
+import { createStyleContext } from '../../utils/createStyleContext.js';
+import { withIconRequired } from '../Icon/Icon.js';
+
+const { withProvider } = createStyleContext(actionChip);
+const ActionChip = withIconRequired(
+  withProvider(Primitive.button, "root"),
+  (props) => props.layout === "iconOnly"
+);
+ActionChip.displayName = "ActionChip";
+
+export { ActionChip };

package/lib/components/ActionChip/index.cjs

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

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

@@ -1,2 +1,2 @@
-export { ActionChip, type ActionChipProps, } from "./ActionChip";
+export { ActionChip, type ActionChipProps, } from './ActionChip';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/ActionChip/index.js

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

package/lib/components/ActionSheet/ActionSheet.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactDialog = require('@seed-design/react-dialog');
+const reactPrimitive = require('@seed-design/react-primitive');
+const actionSheet = require('@seed-design/css/recipes/action-sheet');
+const actionSheetItem = require('@seed-design/css/recipes/action-sheet-item');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+
+const { withRootProvider, withContext } = createStyleContext.createStyleContext(actionSheet.actionSheet);
+const { withProvider: withItemProvider } = createStyleContext.createStyleContext(actionSheetItem.actionSheetItem);
+const withStateProps = createWithStateProps.createWithStateProps([reactDialog.useDialogContext]);
+const ActionSheetRoot = withRootProvider(reactDialog.Dialog.Root, {
+  defaultProps: {
+    lazyMount: true,
+    unmountOnExit: true
+  }
+});
+const ActionSheetTrigger = reactDialog.Dialog.Trigger;
+const ActionSheetPositioner = withContext(
+  reactDialog.Dialog.Positioner,
+  "positioner"
+);
+const ActionSheetBackdrop = withContext(
+  reactDialog.Dialog.Backdrop,
+  "backdrop"
+);
+const ActionSheetContent = withContext(
+  reactDialog.Dialog.Content,
+  "content"
+);
+const ActionSheetHeader = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "header"
+);
+const ActionSheetTitle = withContext(
+  withStateProps(reactPrimitive.Primitive.h2),
+  "title"
+);
+const ActionSheetDescription = withContext(withStateProps(reactPrimitive.Primitive.p), "description");
+const ActionSheetList = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "list"
+);
+const ActionSheetItem = withItemProvider(
+  withStateProps(reactPrimitive.Primitive.button),
+  "root"
+);
+const ActionSheetCloseButton = withContext(
+  reactDialog.Dialog.CloseButton,
+  "closeButton"
+);
+
+exports.ActionSheetBackdrop = ActionSheetBackdrop;
+exports.ActionSheetCloseButton = ActionSheetCloseButton;
+exports.ActionSheetContent = ActionSheetContent;
+exports.ActionSheetDescription = ActionSheetDescription;
+exports.ActionSheetHeader = ActionSheetHeader;
+exports.ActionSheetItem = ActionSheetItem;
+exports.ActionSheetList = ActionSheetList;
+exports.ActionSheetPositioner = ActionSheetPositioner;
+exports.ActionSheetRoot = ActionSheetRoot;
+exports.ActionSheetTitle = ActionSheetTitle;
+exports.ActionSheetTrigger = ActionSheetTrigger;

package/lib/components/ActionSheet/ActionSheet.d.ts

@@ -1,7 +1,7 @@
-import { Dialog as DialogPrimitive } from "@seed-design/react-dialog";
-import { type PrimitiveProps } from "@seed-design/react-primitive";
-import { type ActionSheetVariantProps } from "@seed-design/css/recipes/action-sheet";
-import { type ActionSheetItemVariantProps } from "@seed-design/css/recipes/action-sheet-item";
+import { Dialog as DialogPrimitive } from '@seed-design/react-dialog';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { ActionSheetVariantProps } from '@seed-design/css/recipes/action-sheet';
+import { ActionSheetItemVariantProps } from '@seed-design/css/recipes/action-sheet-item';
 import type * as React from "react";
 export interface ActionSheetRootProps extends ActionSheetVariantProps, DialogPrimitive.RootProps {
 }

package/lib/components/ActionSheet/ActionSheet.js

@@ -0,0 +1,52 @@
+import { Dialog, useDialogContext } from '@seed-design/react-dialog';
+import { Primitive } from '@seed-design/react-primitive';
+import { actionSheet } from '@seed-design/css/recipes/action-sheet';
+import { actionSheetItem } from '@seed-design/css/recipes/action-sheet-item';
+import { createStyleContext } from '../../utils/createStyleContext.js';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+
+const { withRootProvider, withContext } = createStyleContext(actionSheet);
+const { withProvider: withItemProvider } = createStyleContext(actionSheetItem);
+const withStateProps = createWithStateProps([useDialogContext]);
+const ActionSheetRoot = withRootProvider(Dialog.Root, {
+  defaultProps: {
+    lazyMount: true,
+    unmountOnExit: true
+  }
+});
+const ActionSheetTrigger = Dialog.Trigger;
+const ActionSheetPositioner = withContext(
+  Dialog.Positioner,
+  "positioner"
+);
+const ActionSheetBackdrop = withContext(
+  Dialog.Backdrop,
+  "backdrop"
+);
+const ActionSheetContent = withContext(
+  Dialog.Content,
+  "content"
+);
+const ActionSheetHeader = withContext(
+  withStateProps(Primitive.div),
+  "header"
+);
+const ActionSheetTitle = withContext(
+  withStateProps(Primitive.h2),
+  "title"
+);
+const ActionSheetDescription = withContext(withStateProps(Primitive.p), "description");
+const ActionSheetList = withContext(
+  withStateProps(Primitive.div),
+  "list"
+);
+const ActionSheetItem = withItemProvider(
+  withStateProps(Primitive.button),
+  "root"
+);
+const ActionSheetCloseButton = withContext(
+  Dialog.CloseButton,
+  "closeButton"
+);
+
+export { ActionSheetBackdrop, ActionSheetCloseButton, ActionSheetContent, ActionSheetDescription, ActionSheetHeader, ActionSheetItem, ActionSheetList, ActionSheetPositioner, ActionSheetRoot, ActionSheetTitle, ActionSheetTrigger };

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

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

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

@@ -1,2 +1,2 @@
-export { ActionSheetBackdrop as Backdrop, ActionSheetPositioner as Positioner, ActionSheetContent as Content, ActionSheetHeader as Header, ActionSheetRoot as Root, ActionSheetTitle as Title, ActionSheetDescription as Description, ActionSheetTrigger as Trigger, ActionSheetList as List, ActionSheetItem as Item, ActionSheetCloseButton as CloseButton, type ActionSheetBackdropProps as BackdropProps, type ActionSheetPositionerProps as PositionerProps, type ActionSheetContentProps as ContentProps, type ActionSheetHeaderProps as HeaderProps, type ActionSheetRootProps as RootProps, type ActionSheetTitleProps as TitleProps, type ActionSheetDescriptionProps as DescriptionProps, type ActionSheetTriggerProps as TriggerProps, type ActionSheetListProps as ListProps, type ActionSheetItemProps as ItemProps, type ActionSheetCloseButtonProps as CloseButtonProps, } from "./ActionSheet";
+export { ActionSheetBackdrop as Backdrop, ActionSheetPositioner as Positioner, ActionSheetContent as Content, ActionSheetHeader as Header, ActionSheetRoot as Root, ActionSheetTitle as Title, ActionSheetDescription as Description, ActionSheetTrigger as Trigger, ActionSheetList as List, ActionSheetItem as Item, ActionSheetCloseButton as CloseButton, type ActionSheetBackdropProps as BackdropProps, type ActionSheetPositionerProps as PositionerProps, type ActionSheetContentProps as ContentProps, type ActionSheetHeaderProps as HeaderProps, type ActionSheetRootProps as RootProps, type ActionSheetTitleProps as TitleProps, type ActionSheetDescriptionProps as DescriptionProps, type ActionSheetTriggerProps as TriggerProps, type ActionSheetListProps as ListProps, type ActionSheetItemProps as ItemProps, type ActionSheetCloseButtonProps as CloseButtonProps, } from './ActionSheet';
 //# sourceMappingURL=ActionSheet.namespace.d.ts.map

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

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

package/lib/components/ActionSheet/index.cjs

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

@@ -1,3 +1,3 @@
-export { ActionSheetBackdrop, ActionSheetPositioner, ActionSheetContent, ActionSheetHeader, ActionSheetRoot, ActionSheetTitle, ActionSheetDescription, ActionSheetTrigger, ActionSheetList, ActionSheetItem, ActionSheetCloseButton, type ActionSheetBackdropProps, type ActionSheetPositionerProps, type ActionSheetContentProps, type ActionSheetHeaderProps, type ActionSheetRootProps, type ActionSheetTitleProps, type ActionSheetDescriptionProps, type ActionSheetTriggerProps, type ActionSheetListProps, type ActionSheetItemProps, type ActionSheetCloseButtonProps, } from "./ActionSheet";
-export * as ActionSheet from "./ActionSheet.namespace";
+export { ActionSheetBackdrop, ActionSheetPositioner, ActionSheetContent, ActionSheetHeader, ActionSheetRoot, ActionSheetTitle, ActionSheetDescription, ActionSheetTrigger, ActionSheetList, ActionSheetItem, ActionSheetCloseButton, type ActionSheetBackdropProps, type ActionSheetPositionerProps, type ActionSheetContentProps, type ActionSheetHeaderProps, type ActionSheetRootProps, type ActionSheetTitleProps, type ActionSheetDescriptionProps, type ActionSheetTriggerProps, type ActionSheetListProps, type ActionSheetItemProps, type ActionSheetCloseButtonProps, } from './ActionSheet';
+export * as ActionSheet from './ActionSheet.namespace';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/ActionSheet/index.js

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

package/lib/components/Avatar/Avatar.cjs

@@ -0,0 +1,62 @@
+'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 createStyleContext = require('../../utils/createStyleContext.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 } = createStyleContext.createStyleContext(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;
+exports.AvatarRoot = AvatarRoot;
+exports.AvatarStack = AvatarStack;

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

@@ -1,7 +1,7 @@
-import { Avatar as AvatarPrimitive } from "@seed-design/react-avatar";
-import { type PrimitiveProps } from "@seed-design/react-primitive";
-import { type AvatarVariantProps } from "@seed-design/css/recipes/avatar";
-import { type AvatarStackVariantProps } from "@seed-design/css/recipes/avatar-stack";
+import { Avatar as AvatarPrimitive } from '@seed-design/react-avatar';
+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, AvatarPrimitive.RootProps {
 }

package/lib/components/Avatar/Avatar.js

@@ -0,0 +1,36 @@
+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 { createStyleContext } from '../../utils/createStyleContext.js';
+
+const { PropsProvider, withProvider, withContext } = createStyleContext(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

@@ -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

@@ -1,2 +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";
+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.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

@@ -1,3 +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";
+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.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,12 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactPrimitive = require('@seed-design/react-primitive');
+const badge = require('@seed-design/css/recipes/badge');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+
+const { withProvider } = createStyleContext.createStyleContext(badge.badge);
+const Badge = withProvider(reactPrimitive.Primitive.span, "root");
+
+exports.Badge = Badge;

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

@@ -1,5 +1,5 @@
-import { type PrimitiveProps } from "@seed-design/react-primitive";
-import { type BadgeVariantProps } from "@seed-design/css/recipes/badge";
+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> {
 }

package/lib/components/Badge/Badge.js

@@ -0,0 +1,8 @@
+import { Primitive } from '@seed-design/react-primitive';
+import { badge } from '@seed-design/css/recipes/badge';
+import { createStyleContext } from '../../utils/createStyleContext.js';
+
+const { withProvider } = createStyleContext(badge);
+const Badge = withProvider(Primitive.span, "root");
+
+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

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

package/lib/components/Badge/index.js

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