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

package/lib/components/Dialog/Dialog.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactDialog = require('@seed-design/react-dialog');
+const reactPrimitive = require('@seed-design/react-primitive');
+const dialog = require('@seed-design/css/recipes/dialog');
+const React = require('react');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+
+const { withRootProvider, withContext } = createStyleContext.createStyleContext(dialog.dialog);
+const withStateProps = createWithStateProps.createWithStateProps([reactDialog.useDialogContext]);
+const DialogRoot = withRootProvider(reactDialog.Dialog.Root, {
+  defaultProps: {
+    lazyMount: true,
+    unmountOnExit: true
+  }
+});
+const DialogTrigger = reactDialog.Dialog.Trigger;
+const DialogPositioner = withContext(
+  reactDialog.Dialog.Positioner,
+  "positioner"
+);
+const DialogBackdrop = withContext(
+  reactDialog.Dialog.Backdrop,
+  "backdrop"
+);
+const DialogContent = withContext(
+  reactDialog.Dialog.Content,
+  "content"
+);
+const DialogHeader = withContext(reactPrimitive.Primitive.div, "header");
+const DialogTitle = withContext(
+  withStateProps(reactPrimitive.Primitive.span),
+  "title"
+);
+const DialogDescription = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "description"
+);
+const DialogFooter = withContext(reactPrimitive.Primitive.div, "footer");
+const DialogAction = React.forwardRef((props, ref) => {
+  const api = reactDialog.useDialogContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.button, { ...props, ref, onClick: () => api.setOpen(false) });
+});
+
+exports.DialogAction = DialogAction;
+exports.DialogBackdrop = DialogBackdrop;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogPositioner = DialogPositioner;
+exports.DialogRoot = DialogRoot;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;

package/lib/components/Dialog/Dialog.d.ts

@@ -1,34 +1,35 @@
-import { Dialog as DialogPrimitive } from "@seed-design/react-dialog";
-import { type PrimitiveProps } from "@seed-design/react-primitive";
-import { type DialogVariantProps } from "@seed-design/css/recipes/dialog";
+import { Dialog as DialogPrimitive } from '@seed-design/react-dialog';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { DialogVariantProps } from '@seed-design/css/recipes/dialog';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface DialogRootProps extends DialogVariantProps, DialogPrimitive.RootProps {
 }
-export declare const DialogRoot: import("react").ForwardRefExoticComponent<DialogRootProps>;
+export declare const DialogRoot: ForwardRefExoticComponent<DialogRootProps>;
 export interface DialogTriggerProps extends DialogPrimitive.TriggerProps {
 }
-export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogTrigger: ForwardRefExoticComponent<DialogPrimitive.TriggerProps & RefAttributes<HTMLButtonElement>>;
 export interface DialogPositionerProps extends DialogPrimitive.PositionerProps {
 }
-export declare const DialogPositioner: import("react").ForwardRefExoticComponent<DialogPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogPositioner: ForwardRefExoticComponent<DialogPositionerProps & RefAttributes<HTMLDivElement>>;
 export interface DialogBackdropProps extends DialogPrimitive.BackdropProps {
 }
-export declare const DialogBackdrop: import("react").ForwardRefExoticComponent<DialogBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogBackdrop: ForwardRefExoticComponent<DialogBackdropProps & RefAttributes<HTMLDivElement>>;
 export interface DialogContentProps extends DialogPrimitive.ContentProps {
 }
-export declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: ForwardRefExoticComponent<DialogContentProps & RefAttributes<HTMLDivElement>>;
 export interface DialogHeaderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
-export declare const DialogHeader: import("react").ForwardRefExoticComponent<DialogHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogHeader: ForwardRefExoticComponent<DialogHeaderProps & RefAttributes<HTMLDivElement>>;
 export interface DialogTitleProps extends DialogPrimitive.TitleProps {
 }
-export declare const DialogTitle: import("react").ForwardRefExoticComponent<DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const DialogTitle: ForwardRefExoticComponent<DialogTitleProps & RefAttributes<HTMLHeadingElement>>;
 export interface DialogDescriptionProps extends DialogPrimitive.DescriptionProps {
 }
-export declare const DialogDescription: import("react").ForwardRefExoticComponent<DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const DialogDescription: ForwardRefExoticComponent<DialogDescriptionProps & RefAttributes<HTMLParagraphElement>>;
 export interface DialogFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
-export declare const DialogFooter: import("react").ForwardRefExoticComponent<DialogFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogFooter: ForwardRefExoticComponent<DialogFooterProps & RefAttributes<HTMLDivElement>>;
 export interface DialogActionProps extends PrimitiveProps, React.HTMLAttributes<HTMLButtonElement> {
 }
-export declare const DialogAction: import("react").ForwardRefExoticComponent<DialogActionProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogAction: ForwardRefExoticComponent<DialogActionProps & RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAUlF,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,eAAe,CAAC,SAAS;CAAG;AAEzF,eAAO,MAAM,UAAU,4DAKrB,CAAC;AAIH,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,4HAA0B,CAAC;AAIrD,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,eAAe;CAAG;AAEjF,eAAO,MAAM,gBAAgB,kHAG5B,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,eAAe,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,cAAc,gHAG1B,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,8GAA0E,CAAC;AAIpG,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,iHAGvB,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,yHAG7B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,8GAA0E,CAAC;AAIpG,MAAM,WAAW,iBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C,eAAO,MAAM,YAAY,iHAGvB,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAUlF,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,eAAe,CAAC,SAAS;CAAG;AAEzF,eAAO,MAAM,UAAU,4DAKrB,CAAC;AAIH,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,4HAA0B,CAAC;AAIrD,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,eAAe;CAAG;AAEjF,eAAO,MAAM,gBAAgB,kHAG5B,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,eAAe,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,cAAc,gHAG1B,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,8GAA0E,CAAC;AAIpG,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,iHAGvB,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,yHAG7B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,8GAA0E,CAAC;AAIpG,MAAM,WAAW,iBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C,eAAO,MAAM,YAAY,iHAGvB,CAAC"}

package/lib/components/Dialog/Dialog.js

@@ -0,0 +1,45 @@
+import { jsx } from 'react/jsx-runtime';
+import { Dialog, useDialogContext } from '@seed-design/react-dialog';
+import { Primitive } from '@seed-design/react-primitive';
+import { dialog } from '@seed-design/css/recipes/dialog';
+import { forwardRef } from 'react';
+import { createStyleContext } from '../../utils/createStyleContext.js';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+
+const { withRootProvider, withContext } = createStyleContext(dialog);
+const withStateProps = createWithStateProps([useDialogContext]);
+const DialogRoot = withRootProvider(Dialog.Root, {
+  defaultProps: {
+    lazyMount: true,
+    unmountOnExit: true
+  }
+});
+const DialogTrigger = Dialog.Trigger;
+const DialogPositioner = withContext(
+  Dialog.Positioner,
+  "positioner"
+);
+const DialogBackdrop = withContext(
+  Dialog.Backdrop,
+  "backdrop"
+);
+const DialogContent = withContext(
+  Dialog.Content,
+  "content"
+);
+const DialogHeader = withContext(Primitive.div, "header");
+const DialogTitle = withContext(
+  withStateProps(Primitive.span),
+  "title"
+);
+const DialogDescription = withContext(
+  withStateProps(Primitive.div),
+  "description"
+);
+const DialogFooter = withContext(Primitive.div, "footer");
+const DialogAction = forwardRef((props, ref) => {
+  const api = useDialogContext();
+  return /* @__PURE__ */ jsx(Primitive.button, { ...props, ref, onClick: () => api.setOpen(false) });
+});
+
+export { DialogAction, DialogBackdrop, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger };

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Dialog = require('./Dialog.cjs');
+
+
+
+exports.Action = Dialog.DialogAction;
+exports.Backdrop = Dialog.DialogBackdrop;
+exports.Content = Dialog.DialogContent;
+exports.Description = Dialog.DialogDescription;
+exports.Footer = Dialog.DialogFooter;
+exports.Header = Dialog.DialogHeader;
+exports.Positioner = Dialog.DialogPositioner;
+exports.Root = Dialog.DialogRoot;
+exports.Title = Dialog.DialogTitle;
+exports.Trigger = Dialog.DialogTrigger;

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

@@ -1,2 +1,2 @@
-export { DialogBackdrop as Backdrop, DialogPositioner as Positioner, DialogContent as Content, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogRoot as Root, DialogTitle as Title, DialogTrigger as Trigger, DialogAction as Action, type DialogBackdropProps as BackdropProps, type DialogPositionerProps as PositionerProps, type DialogContentProps as ContentProps, type DialogDescriptionProps as DescriptionProps, type DialogFooterProps as FooterProps, type DialogHeaderProps as HeaderProps, type DialogRootProps as RootProps, type DialogTitleProps as TitleProps, type DialogTriggerProps as TriggerProps, type DialogActionProps as ActionProps, } from "./Dialog";
+export { DialogBackdrop as Backdrop, DialogPositioner as Positioner, DialogContent as Content, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogRoot as Root, DialogTitle as Title, DialogTrigger as Trigger, DialogAction as Action, type DialogBackdropProps as BackdropProps, type DialogPositionerProps as PositionerProps, type DialogContentProps as ContentProps, type DialogDescriptionProps as DescriptionProps, type DialogFooterProps as FooterProps, type DialogHeaderProps as HeaderProps, type DialogRootProps as RootProps, type DialogTitleProps as TitleProps, type DialogTriggerProps as TriggerProps, type DialogActionProps as ActionProps, } from './Dialog';
 //# sourceMappingURL=Dialog.namespace.d.ts.map

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

@@ -0,0 +1 @@
+export { DialogAction as Action, DialogBackdrop as Backdrop, DialogContent as Content, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogPositioner as Positioner, DialogRoot as Root, DialogTitle as Title, DialogTrigger as Trigger } from './Dialog.js';

package/lib/components/Dialog/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Dialog = require('./Dialog.cjs');
+const Dialog_namespace = require('./Dialog.namespace.cjs');
+
+
+
+exports.DialogAction = Dialog.DialogAction;
+exports.DialogBackdrop = Dialog.DialogBackdrop;
+exports.DialogContent = Dialog.DialogContent;
+exports.DialogDescription = Dialog.DialogDescription;
+exports.DialogFooter = Dialog.DialogFooter;
+exports.DialogHeader = Dialog.DialogHeader;
+exports.DialogPositioner = Dialog.DialogPositioner;
+exports.DialogRoot = Dialog.DialogRoot;
+exports.DialogTitle = Dialog.DialogTitle;
+exports.DialogTrigger = Dialog.DialogTrigger;
+exports.Dialog = Dialog_namespace;

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

@@ -1,3 +1,3 @@
-export { DialogBackdrop, DialogPositioner, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger, DialogAction, type DialogBackdropProps, type DialogPositionerProps, type DialogContentProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogRootProps, type DialogTitleProps, type DialogTriggerProps, type DialogActionProps, } from "./Dialog";
-export * as Dialog from "./Dialog.namespace";
+export { DialogBackdrop, DialogPositioner, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger, DialogAction, type DialogBackdropProps, type DialogPositionerProps, type DialogContentProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogRootProps, type DialogTitleProps, type DialogTriggerProps, type DialogActionProps, } from './Dialog';
+export * as Dialog from './Dialog.namespace';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Dialog/index.js

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

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactDialog = require('@seed-design/react-dialog');
+const reactPrimitive = require('@seed-design/react-primitive');
+const extendedActionSheet = require('@seed-design/css/recipes/extended-action-sheet');
+const extendedActionSheetItem = require('@seed-design/css/recipes/extended-action-sheet-item');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+
+const { withRootProvider, withContext } = createStyleContext.createStyleContext(extendedActionSheet.extendedActionSheet);
+const { withProvider: withItemProvider } = createStyleContext.createStyleContext(extendedActionSheetItem.extendedActionSheetItem);
+const withStateProps = createWithStateProps.createWithStateProps([reactDialog.useDialogContext]);
+const ExtendedActionSheetRoot = withRootProvider(
+  reactDialog.Dialog.Root,
+  {
+    defaultProps: {
+      lazyMount: true,
+      unmountOnExit: true
+    }
+  }
+);
+const ExtendedActionSheetTrigger = reactDialog.Dialog.Trigger;
+const ExtendedActionSheetPositioner = withContext(reactDialog.Dialog.Positioner, "positioner");
+const ExtendedActionSheetBackdrop = withContext(reactDialog.Dialog.Backdrop, "backdrop");
+const ExtendedActionSheetContent = withContext(reactDialog.Dialog.Content, "content");
+const ExtendedActionSheetHeader = withContext(withStateProps(reactPrimitive.Primitive.div), "header");
+const ExtendedActionSheetTitle = withContext(withStateProps(reactPrimitive.Primitive.h2), "title");
+const ExtendedActionSheetList = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "list"
+);
+const ExtendedActionSheetGroup = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "group"
+);
+const ExtendedActionSheetItem = withItemProvider(withStateProps(reactPrimitive.Primitive.button), "root");
+const ExtendedActionSheetFooter = withContext(withStateProps(reactPrimitive.Primitive.div), "footer");
+const ExtendedActionSheetCloseButton = withContext(reactDialog.Dialog.CloseButton, "closeButton");
+
+exports.ExtendedActionSheetBackdrop = ExtendedActionSheetBackdrop;
+exports.ExtendedActionSheetCloseButton = ExtendedActionSheetCloseButton;
+exports.ExtendedActionSheetContent = ExtendedActionSheetContent;
+exports.ExtendedActionSheetFooter = ExtendedActionSheetFooter;
+exports.ExtendedActionSheetGroup = ExtendedActionSheetGroup;
+exports.ExtendedActionSheetHeader = ExtendedActionSheetHeader;
+exports.ExtendedActionSheetItem = ExtendedActionSheetItem;
+exports.ExtendedActionSheetList = ExtendedActionSheetList;
+exports.ExtendedActionSheetPositioner = ExtendedActionSheetPositioner;
+exports.ExtendedActionSheetRoot = ExtendedActionSheetRoot;
+exports.ExtendedActionSheetTitle = ExtendedActionSheetTitle;
+exports.ExtendedActionSheetTrigger = ExtendedActionSheetTrigger;

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.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 ExtendedActionSheetVariantProps } from "@seed-design/css/recipes/extended-action-sheet";
-import { type ExtendedActionSheetItemVariantProps } from "@seed-design/css/recipes/extended-action-sheet-item";
+import { Dialog as DialogPrimitive } from '@seed-design/react-dialog';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { ExtendedActionSheetVariantProps } from '@seed-design/css/recipes/extended-action-sheet';
+import { ExtendedActionSheetItemVariantProps } from '@seed-design/css/recipes/extended-action-sheet-item';
 import type * as React from "react";
 export interface ExtendedActionSheetRootProps extends ExtendedActionSheetVariantProps, DialogPrimitive.RootProps {
 }

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.js

@@ -0,0 +1,38 @@
+import { Dialog, useDialogContext } from '@seed-design/react-dialog';
+import { Primitive } from '@seed-design/react-primitive';
+import { extendedActionSheet } from '@seed-design/css/recipes/extended-action-sheet';
+import { extendedActionSheetItem } from '@seed-design/css/recipes/extended-action-sheet-item';
+import { createStyleContext } from '../../utils/createStyleContext.js';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+
+const { withRootProvider, withContext } = createStyleContext(extendedActionSheet);
+const { withProvider: withItemProvider } = createStyleContext(extendedActionSheetItem);
+const withStateProps = createWithStateProps([useDialogContext]);
+const ExtendedActionSheetRoot = withRootProvider(
+  Dialog.Root,
+  {
+    defaultProps: {
+      lazyMount: true,
+      unmountOnExit: true
+    }
+  }
+);
+const ExtendedActionSheetTrigger = Dialog.Trigger;
+const ExtendedActionSheetPositioner = withContext(Dialog.Positioner, "positioner");
+const ExtendedActionSheetBackdrop = withContext(Dialog.Backdrop, "backdrop");
+const ExtendedActionSheetContent = withContext(Dialog.Content, "content");
+const ExtendedActionSheetHeader = withContext(withStateProps(Primitive.div), "header");
+const ExtendedActionSheetTitle = withContext(withStateProps(Primitive.h2), "title");
+const ExtendedActionSheetList = withContext(
+  withStateProps(Primitive.div),
+  "list"
+);
+const ExtendedActionSheetGroup = withContext(
+  withStateProps(Primitive.div),
+  "group"
+);
+const ExtendedActionSheetItem = withItemProvider(withStateProps(Primitive.button), "root");
+const ExtendedActionSheetFooter = withContext(withStateProps(Primitive.div), "footer");
+const ExtendedActionSheetCloseButton = withContext(Dialog.CloseButton, "closeButton");
+
+export { ExtendedActionSheetBackdrop, ExtendedActionSheetCloseButton, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetGroup, ExtendedActionSheetHeader, ExtendedActionSheetItem, ExtendedActionSheetList, ExtendedActionSheetPositioner, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger };

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.namespace.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ExtendedActionSheet = require('./ExtendedActionSheet.cjs');
+
+
+
+exports.Backdrop = ExtendedActionSheet.ExtendedActionSheetBackdrop;
+exports.CloseButton = ExtendedActionSheet.ExtendedActionSheetCloseButton;
+exports.Content = ExtendedActionSheet.ExtendedActionSheetContent;
+exports.Footer = ExtendedActionSheet.ExtendedActionSheetFooter;
+exports.Group = ExtendedActionSheet.ExtendedActionSheetGroup;
+exports.Header = ExtendedActionSheet.ExtendedActionSheetHeader;
+exports.Item = ExtendedActionSheet.ExtendedActionSheetItem;
+exports.List = ExtendedActionSheet.ExtendedActionSheetList;
+exports.Positioner = ExtendedActionSheet.ExtendedActionSheetPositioner;
+exports.Root = ExtendedActionSheet.ExtendedActionSheetRoot;
+exports.Title = ExtendedActionSheet.ExtendedActionSheetTitle;
+exports.Trigger = ExtendedActionSheet.ExtendedActionSheetTrigger;

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

@@ -1,2 +1,2 @@
-export { ExtendedActionSheetBackdrop as Backdrop, ExtendedActionSheetPositioner as Positioner, ExtendedActionSheetContent as Content, ExtendedActionSheetFooter as Footer, ExtendedActionSheetHeader as Header, ExtendedActionSheetRoot as Root, ExtendedActionSheetTitle as Title, ExtendedActionSheetTrigger as Trigger, ExtendedActionSheetList as List, ExtendedActionSheetGroup as Group, ExtendedActionSheetItem as Item, ExtendedActionSheetCloseButton as CloseButton, type ExtendedActionSheetBackdropProps as BackdropProps, type ExtendedActionSheetPositionerProps as PositionerProps, type ExtendedActionSheetContentProps as ContentProps, type ExtendedActionSheetFooterProps as FooterProps, type ExtendedActionSheetHeaderProps as HeaderProps, type ExtendedActionSheetRootProps as RootProps, type ExtendedActionSheetTitleProps as TitleProps, type ExtendedActionSheetTriggerProps as TriggerProps, type ExtendedActionSheetListProps as ListProps, type ExtendedActionSheetGroupProps as GroupProps, type ExtendedActionSheetItemProps as ItemProps, type ExtendedActionSheetCloseButtonProps as CloseButtonProps, } from "./ExtendedActionSheet";
+export { ExtendedActionSheetBackdrop as Backdrop, ExtendedActionSheetPositioner as Positioner, ExtendedActionSheetContent as Content, ExtendedActionSheetFooter as Footer, ExtendedActionSheetHeader as Header, ExtendedActionSheetRoot as Root, ExtendedActionSheetTitle as Title, ExtendedActionSheetTrigger as Trigger, ExtendedActionSheetList as List, ExtendedActionSheetGroup as Group, ExtendedActionSheetItem as Item, ExtendedActionSheetCloseButton as CloseButton, type ExtendedActionSheetBackdropProps as BackdropProps, type ExtendedActionSheetPositionerProps as PositionerProps, type ExtendedActionSheetContentProps as ContentProps, type ExtendedActionSheetFooterProps as FooterProps, type ExtendedActionSheetHeaderProps as HeaderProps, type ExtendedActionSheetRootProps as RootProps, type ExtendedActionSheetTitleProps as TitleProps, type ExtendedActionSheetTriggerProps as TriggerProps, type ExtendedActionSheetListProps as ListProps, type ExtendedActionSheetGroupProps as GroupProps, type ExtendedActionSheetItemProps as ItemProps, type ExtendedActionSheetCloseButtonProps as CloseButtonProps, } from './ExtendedActionSheet';
 //# sourceMappingURL=ExtendedActionSheet.namespace.d.ts.map

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.namespace.js

@@ -0,0 +1 @@
+export { ExtendedActionSheetBackdrop as Backdrop, ExtendedActionSheetCloseButton as CloseButton, ExtendedActionSheetContent as Content, ExtendedActionSheetFooter as Footer, ExtendedActionSheetGroup as Group, ExtendedActionSheetHeader as Header, ExtendedActionSheetItem as Item, ExtendedActionSheetList as List, ExtendedActionSheetPositioner as Positioner, ExtendedActionSheetRoot as Root, ExtendedActionSheetTitle as Title, ExtendedActionSheetTrigger as Trigger } from './ExtendedActionSheet.js';

package/lib/components/ExtendedActionSheet/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const ExtendedActionSheet = require('./ExtendedActionSheet.cjs');
+const ExtendedActionSheet_namespace = require('./ExtendedActionSheet.namespace.cjs');
+
+
+
+exports.ExtendedActionSheetBackdrop = ExtendedActionSheet.ExtendedActionSheetBackdrop;
+exports.ExtendedActionSheetCloseButton = ExtendedActionSheet.ExtendedActionSheetCloseButton;
+exports.ExtendedActionSheetContent = ExtendedActionSheet.ExtendedActionSheetContent;
+exports.ExtendedActionSheetFooter = ExtendedActionSheet.ExtendedActionSheetFooter;
+exports.ExtendedActionSheetGroup = ExtendedActionSheet.ExtendedActionSheetGroup;
+exports.ExtendedActionSheetHeader = ExtendedActionSheet.ExtendedActionSheetHeader;
+exports.ExtendedActionSheetItem = ExtendedActionSheet.ExtendedActionSheetItem;
+exports.ExtendedActionSheetList = ExtendedActionSheet.ExtendedActionSheetList;
+exports.ExtendedActionSheetPositioner = ExtendedActionSheet.ExtendedActionSheetPositioner;
+exports.ExtendedActionSheetRoot = ExtendedActionSheet.ExtendedActionSheetRoot;
+exports.ExtendedActionSheetTitle = ExtendedActionSheet.ExtendedActionSheetTitle;
+exports.ExtendedActionSheetTrigger = ExtendedActionSheet.ExtendedActionSheetTrigger;
+exports.ExtendedActionSheet = ExtendedActionSheet_namespace;

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

@@ -1,3 +1,3 @@
-export { ExtendedActionSheetBackdrop, ExtendedActionSheetPositioner, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetHeader, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger, ExtendedActionSheetList, ExtendedActionSheetGroup, ExtendedActionSheetItem, ExtendedActionSheetCloseButton, type ExtendedActionSheetBackdropProps, type ExtendedActionSheetPositionerProps, type ExtendedActionSheetContentProps, type ExtendedActionSheetFooterProps, type ExtendedActionSheetHeaderProps, type ExtendedActionSheetRootProps, type ExtendedActionSheetTitleProps, type ExtendedActionSheetTriggerProps, type ExtendedActionSheetListProps, type ExtendedActionSheetGroupProps, type ExtendedActionSheetItemProps, type ExtendedActionSheetCloseButtonProps, } from "./ExtendedActionSheet";
-export * as ExtendedActionSheet from "./ExtendedActionSheet.namespace";
+export { ExtendedActionSheetBackdrop, ExtendedActionSheetPositioner, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetHeader, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger, ExtendedActionSheetList, ExtendedActionSheetGroup, ExtendedActionSheetItem, ExtendedActionSheetCloseButton, type ExtendedActionSheetBackdropProps, type ExtendedActionSheetPositionerProps, type ExtendedActionSheetContentProps, type ExtendedActionSheetFooterProps, type ExtendedActionSheetHeaderProps, type ExtendedActionSheetRootProps, type ExtendedActionSheetTitleProps, type ExtendedActionSheetTriggerProps, type ExtendedActionSheetListProps, type ExtendedActionSheetGroupProps, type ExtendedActionSheetItemProps, type ExtendedActionSheetCloseButtonProps, } from './ExtendedActionSheet';
+export * as ExtendedActionSheet from './ExtendedActionSheet.namespace';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/ExtendedActionSheet/index.js

@@ -0,0 +1,3 @@
+export { ExtendedActionSheetBackdrop, ExtendedActionSheetCloseButton, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetGroup, ExtendedActionSheetHeader, ExtendedActionSheetItem, ExtendedActionSheetList, ExtendedActionSheetPositioner, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger } from './ExtendedActionSheet.js';
+import * as ExtendedActionSheet_namespace from './ExtendedActionSheet.namespace.js';
+export { ExtendedActionSheet_namespace as ExtendedActionSheet };

package/lib/components/ExtendedFab/ExtendedFab.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactPrimitive = require('@seed-design/react-primitive');
+const extendedFab = require('@seed-design/css/recipes/extended-fab');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+
+const { withProvider } = createStyleContext.createStyleContext(extendedFab.extendedFab);
+const ExtendedFab = withProvider(
+  reactPrimitive.Primitive.button,
+  "root",
+  {
+    defaultProps: {
+      variant: "neutralSolid",
+      size: "medium"
+    }
+  }
+);
+
+exports.ExtendedFab = ExtendedFab;

package/lib/components/ExtendedFab/ExtendedFab.d.ts

@@ -1,6 +1,7 @@
-import { type PrimitiveProps } from "@seed-design/react-primitive";
-import { type ExtendedFabVariantProps } from "@seed-design/css/recipes/extended-fab";
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { ExtendedFabVariantProps } from '@seed-design/css/recipes/extended-fab';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface ExtendedFabProps extends ExtendedFabVariantProps, PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
-export declare const ExtendedFab: import("react").ForwardRefExoticComponent<ExtendedFabProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const ExtendedFab: ForwardRefExoticComponent<ExtendedFabProps & RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=ExtendedFab.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExtendedFab.d.ts","sourceRoot":"","sources":["../../../src/components/ExtendedFab/ExtendedFab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAOlG,MAAM,WAAW,gBACf,SAAQ,uBAAuB,EAC7B,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,WAAW,gHASvB,CAAC"}
+{"version":3,"file":"ExtendedFab.d.ts","sourceRoot":"","sources":["../../../src/components/ExtendedFab/ExtendedFab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAOlG,MAAM,WAAW,gBACf,SAAQ,uBAAuB,EAC7B,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,WAAW,gHASvB,CAAC"}

package/lib/components/ExtendedFab/ExtendedFab.js

@@ -0,0 +1,17 @@
+import { Primitive } from '@seed-design/react-primitive';
+import { extendedFab } from '@seed-design/css/recipes/extended-fab';
+import { createStyleContext } from '../../utils/createStyleContext.js';
+
+const { withProvider } = createStyleContext(extendedFab);
+const ExtendedFab = withProvider(
+  Primitive.button,
+  "root",
+  {
+    defaultProps: {
+      variant: "neutralSolid",
+      size: "medium"
+    }
+  }
+);
+
+export { ExtendedFab };

package/lib/components/ExtendedFab/index.cjs

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

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

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

package/lib/components/ExtendedFab/index.js

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

package/lib/components/Fab/Fab.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactPrimitive = require('@seed-design/react-primitive');
+const fab = require('@seed-design/css/recipes/fab');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+
+const { withProvider } = createStyleContext.createStyleContext(fab.fab);
+const Fab = withProvider(reactPrimitive.Primitive.button, "root");
+
+exports.Fab = Fab;

package/lib/components/Fab/Fab.d.ts

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

package/lib/components/Fab/Fab.js

@@ -0,0 +1,8 @@
+import { Primitive } from '@seed-design/react-primitive';
+import { fab } from '@seed-design/css/recipes/fab';
+import { createStyleContext } from '../../utils/createStyleContext.js';
+
+const { withProvider } = createStyleContext(fab);
+const Fab = withProvider(Primitive.button, "root");
+
+export { Fab };

package/lib/components/Fab/index.cjs

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

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

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

package/lib/components/Fab/index.js

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

package/lib/components/Flex/Flex.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const Box = require('../Box/Box.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Flex = React__namespace.forwardRef((props, ref) => {
+  const { direction, wrap, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, display: "flex", flexDirection: direction, flexWrap: wrap, ...rest });
+});
+
+exports.Flex = Flex;

package/lib/components/Flex/Flex.d.ts

@@ -1,5 +1,5 @@
+import { BoxProps } from '../Box/Box';
 import * as React from "react";
-import { type BoxProps } from "../Box/Box";
 export interface FlexProps extends Omit<BoxProps, "display"> {
     /**
      * @default "flex"

package/lib/components/Flex/Flex.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Box } from '../Box/Box.js';
+
+const Flex = React.forwardRef((props, ref) => {
+  const { direction, wrap, ...rest } = props;
+  return /* @__PURE__ */ jsx(Box, { ref, display: "flex", flexDirection: direction, flexWrap: wrap, ...rest });
+});
+
+export { Flex };

package/lib/components/Flex/index.cjs

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

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

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

package/lib/components/Flex/index.js

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