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

package/lib/components/BottomSheet/BottomSheet.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactDialog = require('@seed-design/react-dialog');
+const reactPrimitive = require('@seed-design/react-primitive');
+const bottomSheet = require('@seed-design/css/recipes/bottom-sheet');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+const styled = require('../../utils/styled.cjs');
+
+const { withRootProvider, withContext } = createStyleContext.createStyleContext(bottomSheet.bottomSheet);
+const withStateProps = createWithStateProps.createWithStateProps([reactDialog.useDialogContext]);
+const BottomSheetRoot = withRootProvider(reactDialog.Dialog.Root, {
+  defaultProps: {
+    lazyMount: true,
+    unmountOnExit: true
+  }
+});
+const BottomSheetTrigger = reactDialog.Dialog.Trigger;
+const BottomSheetPositioner = withContext(
+  reactDialog.Dialog.Positioner,
+  "positioner"
+);
+const BottomSheetBackdrop = withContext(
+  reactDialog.Dialog.Backdrop,
+  "backdrop"
+);
+const BottomSheetContent = withContext(
+  reactDialog.Dialog.Content,
+  "content"
+);
+const BottomSheetHeader = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "header"
+);
+const BottomSheetTitle = withContext(
+  withStateProps(reactPrimitive.Primitive.h2),
+  "title"
+);
+const BottomSheetDescription = withContext(withStateProps(reactPrimitive.Primitive.p), "description");
+const BottomSheetBody = withContext(
+  styled.withStyleProps(withStateProps(reactPrimitive.Primitive.div)),
+  "body"
+);
+const BottomSheetFooter = withContext(
+  withStateProps(reactPrimitive.Primitive.div),
+  "footer"
+);
+const BottomSheetCloseButton = withContext(
+  reactDialog.Dialog.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

@@ -1,38 +1,39 @@
-import { Dialog as DialogPrimitive } from "@seed-design/react-dialog";
-import { type PrimitiveProps } from "@seed-design/react-primitive";
-import { type BottomSheetVariantProps } from "@seed-design/css/recipes/bottom-sheet";
-import { type StyleProps } from "../../utils/styled";
+import { Dialog as DialogPrimitive } from '@seed-design/react-dialog';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { BottomSheetVariantProps } from '@seed-design/css/recipes/bottom-sheet';
+import { StyleProps } from '../../utils/styled';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface BottomSheetRootProps extends BottomSheetVariantProps, DialogPrimitive.RootProps {
 }
-export declare const BottomSheetRoot: import("react").ForwardRefExoticComponent<BottomSheetRootProps>;
+export declare const BottomSheetRoot: ForwardRefExoticComponent<BottomSheetRootProps>;
 export interface BottomSheetTriggerProps extends DialogPrimitive.TriggerProps {
 }
-export declare const BottomSheetTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.TriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const BottomSheetTrigger: ForwardRefExoticComponent<DialogPrimitive.TriggerProps & RefAttributes<HTMLButtonElement>>;
 export interface BottomSheetPositionerProps extends DialogPrimitive.PositionerProps {
 }
-export declare const BottomSheetPositioner: import("react").ForwardRefExoticComponent<BottomSheetPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const BottomSheetPositioner: ForwardRefExoticComponent<BottomSheetPositionerProps & RefAttributes<HTMLDivElement>>;
 export interface BottomSheetBackdropProps extends DialogPrimitive.BackdropProps {
 }
-export declare const BottomSheetBackdrop: import("react").ForwardRefExoticComponent<BottomSheetBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const BottomSheetBackdrop: ForwardRefExoticComponent<BottomSheetBackdropProps & RefAttributes<HTMLDivElement>>;
 export interface BottomSheetContentProps extends DialogPrimitive.ContentProps {
 }
-export declare const BottomSheetContent: import("react").ForwardRefExoticComponent<BottomSheetContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const BottomSheetContent: ForwardRefExoticComponent<BottomSheetContentProps & RefAttributes<HTMLDivElement>>;
 export interface BottomSheetHeaderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
-export declare const BottomSheetHeader: import("react").ForwardRefExoticComponent<BottomSheetHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const BottomSheetHeader: ForwardRefExoticComponent<BottomSheetHeaderProps & RefAttributes<HTMLDivElement>>;
 export interface BottomSheetTitleProps extends DialogPrimitive.TitleProps {
 }
-export declare const BottomSheetTitle: import("react").ForwardRefExoticComponent<BottomSheetTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const BottomSheetTitle: ForwardRefExoticComponent<BottomSheetTitleProps & RefAttributes<HTMLHeadingElement>>;
 export interface BottomSheetDescriptionProps extends DialogPrimitive.DescriptionProps {
 }
-export declare const BottomSheetDescription: import("react").ForwardRefExoticComponent<BottomSheetDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+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: import("react").ForwardRefExoticComponent<BottomSheetBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const BottomSheetBody: ForwardRefExoticComponent<BottomSheetBodyProps & RefAttributes<HTMLDivElement>>;
 export interface BottomSheetFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
 }
-export declare const BottomSheetFooter: import("react").ForwardRefExoticComponent<BottomSheetFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const BottomSheetFooter: ForwardRefExoticComponent<BottomSheetFooterProps & RefAttributes<HTMLDivElement>>;
 export interface BottomSheetCloseButtonProps extends PrimitiveProps, React.HTMLAttributes<HTMLButtonElement> {
 }
-export declare const BottomSheetCloseButton: import("react").ForwardRefExoticComponent<BottomSheetCloseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const BottomSheetCloseButton: ForwardRefExoticComponent<BottomSheetCloseButtonProps & RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=BottomSheet.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAGlG,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOrE,MAAM,WAAW,oBAAqB,SAAQ,uBAAuB,EAAE,eAAe,CAAC,SAAS;CAAG;AAEnG,eAAO,MAAM,eAAe,iEAK1B,CAAC;AAIH,MAAM,WAAW,uBAAwB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAEhF,eAAO,MAAM,kBAAkB,4HAA0B,CAAC;AAI1D,MAAM,WAAW,0BAA2B,SAAQ,eAAe,CAAC,eAAe;CAAG;AAEtF,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,eAAe,CAAC,aAAa;CAAG;AAElF,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAEhF,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAE5E,eAAO,MAAM,gBAAgB,sHAG5B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAExF,eAAO,MAAM,sBAAsB,8HAGU,CAAC;AAI9C,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,2BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C,eAAO,MAAM,sBAAsB,2HAGlC,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAGlG,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOrE,MAAM,WAAW,oBAAqB,SAAQ,uBAAuB,EAAE,eAAe,CAAC,SAAS;CAAG;AAEnG,eAAO,MAAM,eAAe,iEAK1B,CAAC;AAIH,MAAM,WAAW,uBAAwB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAEhF,eAAO,MAAM,kBAAkB,4HAA0B,CAAC;AAI1D,MAAM,WAAW,0BAA2B,SAAQ,eAAe,CAAC,eAAe;CAAG;AAEtF,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,eAAe,CAAC,aAAa;CAAG;AAElF,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAEhF,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAE5E,eAAO,MAAM,gBAAgB,sHAG5B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAExF,eAAO,MAAM,sBAAsB,8HAGU,CAAC;AAI9C,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,2BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C,eAAO,MAAM,sBAAsB,2HAGlC,CAAC"}

package/lib/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,51 @@
+import { Dialog, useDialogContext } from '@seed-design/react-dialog';
+import { Primitive } from '@seed-design/react-primitive';
+import { bottomSheet } from '@seed-design/css/recipes/bottom-sheet';
+import { createStyleContext } from '../../utils/createStyleContext.js';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+import { withStyleProps } from '../../utils/styled.js';
+
+const { withRootProvider, withContext } = createStyleContext(bottomSheet);
+const withStateProps = createWithStateProps([useDialogContext]);
+const BottomSheetRoot = withRootProvider(Dialog.Root, {
+  defaultProps: {
+    lazyMount: true,
+    unmountOnExit: true
+  }
+});
+const BottomSheetTrigger = Dialog.Trigger;
+const BottomSheetPositioner = withContext(
+  Dialog.Positioner,
+  "positioner"
+);
+const BottomSheetBackdrop = withContext(
+  Dialog.Backdrop,
+  "backdrop"
+);
+const BottomSheetContent = withContext(
+  Dialog.Content,
+  "content"
+);
+const BottomSheetHeader = withContext(
+  withStateProps(Primitive.div),
+  "header"
+);
+const BottomSheetTitle = withContext(
+  withStateProps(Primitive.h2),
+  "title"
+);
+const BottomSheetDescription = withContext(withStateProps(Primitive.p), "description");
+const BottomSheetBody = withContext(
+  withStyleProps(withStateProps(Primitive.div)),
+  "body"
+);
+const BottomSheetFooter = withContext(
+  withStateProps(Primitive.div),
+  "footer"
+);
+const BottomSheetCloseButton = withContext(
+  Dialog.CloseButton,
+  "closeButton"
+);
+
+export { BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger };

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const BottomSheet = require('./BottomSheet.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;

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

@@ -1,2 +1,2 @@
-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 { 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';
 //# sourceMappingURL=BottomSheet.namespace.d.ts.map

package/lib/components/BottomSheet/BottomSheet.namespace.js

@@ -0,0 +1 @@
+export { BottomSheetBackdrop as Backdrop, BottomSheetBody as Body, BottomSheetCloseButton as CloseButton, BottomSheetContent as Content, BottomSheetDescription as Description, BottomSheetFooter as Footer, BottomSheetHeader as Header, BottomSheetPositioner as Positioner, BottomSheetRoot as Root, BottomSheetTitle as Title, BottomSheetTrigger as Trigger } from './BottomSheet.js';

package/lib/components/BottomSheet/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const BottomSheet = require('./BottomSheet.cjs');
+const BottomSheet_namespace = require('./BottomSheet.namespace.cjs');
+
+
+
+exports.BottomSheetBackdrop = BottomSheet.BottomSheetBackdrop;
+exports.BottomSheetBody = BottomSheet.BottomSheetBody;
+exports.BottomSheetCloseButton = BottomSheet.BottomSheetCloseButton;
+exports.BottomSheetContent = BottomSheet.BottomSheetContent;
+exports.BottomSheetDescription = BottomSheet.BottomSheetDescription;
+exports.BottomSheetFooter = BottomSheet.BottomSheetFooter;
+exports.BottomSheetHeader = BottomSheet.BottomSheetHeader;
+exports.BottomSheetPositioner = BottomSheet.BottomSheetPositioner;
+exports.BottomSheetRoot = BottomSheet.BottomSheetRoot;
+exports.BottomSheetTitle = BottomSheet.BottomSheetTitle;
+exports.BottomSheetTrigger = BottomSheet.BottomSheetTrigger;
+exports.BottomSheet = BottomSheet_namespace;

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

@@ -1,3 +1,3 @@
-export { BottomSheetBackdrop, BottomSheetBody, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger, BottomSheetCloseButton, type BottomSheetBackdropProps, type BottomSheetBodyProps, type BottomSheetContentProps, type BottomSheetDescriptionProps, type BottomSheetFooterProps, type BottomSheetHeaderProps, type BottomSheetPositionerProps, type BottomSheetRootProps, type BottomSheetTitleProps, type BottomSheetTriggerProps, type BottomSheetCloseButtonProps, } from "./BottomSheet";
-export * as BottomSheet from "./BottomSheet.namespace";
+export { BottomSheetBackdrop, BottomSheetBody, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger, BottomSheetCloseButton, type BottomSheetBackdropProps, type BottomSheetBodyProps, type BottomSheetContentProps, type BottomSheetDescriptionProps, type BottomSheetFooterProps, type BottomSheetHeaderProps, type BottomSheetPositionerProps, type BottomSheetRootProps, type BottomSheetTitleProps, type BottomSheetTriggerProps, type BottomSheetCloseButtonProps, } from './BottomSheet';
+export * as BottomSheet from './BottomSheet.namespace';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/BottomSheet/index.js

@@ -0,0 +1,3 @@
+export { BottomSheetBackdrop, BottomSheetBody, BottomSheetCloseButton, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger } from './BottomSheet.js';
+import * as BottomSheet_namespace from './BottomSheet.namespace.js';
+export { BottomSheet_namespace as BottomSheet };

package/lib/components/Box/Box.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const clsx = require('clsx');
+const React = require('react');
+const styled = require('../../utils/styled.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 Box = React__namespace.forwardRef((props, ref) => {
+  const { style, restProps } = styled.useStyleProps(props);
+  const { as: Comp = "div", className, ...nativeProps } = restProps;
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, className: clsx("seed-box", className), style, ...nativeProps });
+});
+
+exports.Box = Box;

package/lib/components/Box/Box.d.ts

@@ -1,5 +1,5 @@
+import { StyleProps } from '../../utils/styled';
 import * as React from "react";
-import { type StyleProps } from "../../utils/styled";
 export interface BoxProps extends StyleProps, Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
     as?: React.ElementType;
 }

package/lib/components/Box/Box.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import * as React from 'react';
+import { useStyleProps } from '../../utils/styled.js';
+
+const Box = React.forwardRef((props, ref) => {
+  const { style, restProps } = useStyleProps(props);
+  const { as: Comp = "div", className, ...nativeProps } = restProps;
+  return /* @__PURE__ */ jsx(Comp, { ref, className: clsx("seed-box", className), style, ...nativeProps });
+});
+
+export { Box };

package/lib/components/Box/index.cjs

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

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

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

package/lib/components/Box/index.js

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

package/lib/components/Callout/Callout.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactPrimitive = require('@seed-design/react-primitive');
+const callout = require('@seed-design/css/recipes/callout');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+const useDismissible = require('../private/useDismissible.cjs');
+
+const { withContext, withProvider } = createStyleContext.createStyleContext(callout.callout);
+const CalloutRoot = withProvider(useDismissible.DismissibleRoot, "root");
+const CalloutContent = withContext(
+  reactPrimitive.Primitive.div,
+  "content"
+);
+const CalloutTitle = withContext(
+  reactPrimitive.Primitive.span,
+  "title"
+);
+const CalloutDescription = withContext(
+  reactPrimitive.Primitive.span,
+  "description"
+);
+const CalloutLink = withContext(
+  reactPrimitive.Primitive.button,
+  "link"
+);
+const CalloutCloseButton = withContext(
+  useDismissible.DismissibleCloseButton,
+  "closeButton"
+);
+
+exports.CalloutCloseButton = CalloutCloseButton;
+exports.CalloutContent = CalloutContent;
+exports.CalloutDescription = CalloutDescription;
+exports.CalloutLink = CalloutLink;
+exports.CalloutRoot = CalloutRoot;
+exports.CalloutTitle = CalloutTitle;

package/lib/components/Callout/Callout.d.ts

@@ -1,7 +1,7 @@
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { CalloutVariantProps } from '@seed-design/css/recipes/callout';
+import { DismissibleRootProps } from '../private/useDismissible';
 import type * as React from "react";
-import { type PrimitiveProps } from "@seed-design/react-primitive";
-import { type CalloutVariantProps } from "@seed-design/css/recipes/callout";
-import { type DismissibleRootProps } from "../private/useDismissible";
 export interface CalloutRootProps extends CalloutVariantProps, DismissibleRootProps {
 }
 export declare const CalloutRoot: React.ForwardRefExoticComponent<CalloutRootProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/Callout/Callout.js

@@ -0,0 +1,29 @@
+import { Primitive } from '@seed-design/react-primitive';
+import { callout } from '@seed-design/css/recipes/callout';
+import { createStyleContext } from '../../utils/createStyleContext.js';
+import { DismissibleCloseButton, DismissibleRoot } from '../private/useDismissible.js';
+
+const { withContext, withProvider } = createStyleContext(callout);
+const CalloutRoot = withProvider(DismissibleRoot, "root");
+const CalloutContent = withContext(
+  Primitive.div,
+  "content"
+);
+const CalloutTitle = withContext(
+  Primitive.span,
+  "title"
+);
+const CalloutDescription = withContext(
+  Primitive.span,
+  "description"
+);
+const CalloutLink = withContext(
+  Primitive.button,
+  "link"
+);
+const CalloutCloseButton = withContext(
+  DismissibleCloseButton,
+  "closeButton"
+);
+
+export { CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle };

package/lib/components/Callout/Callout.namespace.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Callout = require('./Callout.cjs');
+
+
+
+exports.CloseButton = Callout.CalloutCloseButton;
+exports.Content = Callout.CalloutContent;
+exports.Description = Callout.CalloutDescription;
+exports.Link = Callout.CalloutLink;
+exports.Root = Callout.CalloutRoot;
+exports.Title = Callout.CalloutTitle;

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

@@ -1,2 +1,2 @@
-export { CalloutCloseButton as CloseButton, CalloutContent as Content, CalloutDescription as Description, CalloutLink as Link, CalloutRoot as Root, CalloutTitle as Title, type CalloutCloseButtonProps as CloseButtonProps, type CalloutContentProps as ContentProps, type CalloutDescriptionProps as DescriptionProps, type CalloutLinkProps as LinkProps, type CalloutRootProps as RootProps, type CalloutTitleProps as TitleProps, } from "./Callout";
+export { CalloutCloseButton as CloseButton, CalloutContent as Content, CalloutDescription as Description, CalloutLink as Link, CalloutRoot as Root, CalloutTitle as Title, type CalloutCloseButtonProps as CloseButtonProps, type CalloutContentProps as ContentProps, type CalloutDescriptionProps as DescriptionProps, type CalloutLinkProps as LinkProps, type CalloutRootProps as RootProps, type CalloutTitleProps as TitleProps, } from './Callout';
 //# sourceMappingURL=Callout.namespace.d.ts.map

package/lib/components/Callout/Callout.namespace.js

@@ -0,0 +1 @@
+export { CalloutCloseButton as CloseButton, CalloutContent as Content, CalloutDescription as Description, CalloutLink as Link, CalloutRoot as Root, CalloutTitle as Title } from './Callout.js';

package/lib/components/Callout/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Callout = require('./Callout.cjs');
+const Callout_namespace = require('./Callout.namespace.cjs');
+
+
+
+exports.CalloutCloseButton = Callout.CalloutCloseButton;
+exports.CalloutContent = Callout.CalloutContent;
+exports.CalloutDescription = Callout.CalloutDescription;
+exports.CalloutLink = Callout.CalloutLink;
+exports.CalloutRoot = Callout.CalloutRoot;
+exports.CalloutTitle = Callout.CalloutTitle;
+exports.Callout = Callout_namespace;

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

@@ -1,3 +1,3 @@
-export { CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle, type CalloutCloseButtonProps, type CalloutContentProps, type CalloutDescriptionProps, type CalloutLinkProps, type CalloutRootProps, type CalloutTitleProps, } from "./Callout";
-export * as Callout from "./Callout.namespace";
+export { CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle, type CalloutCloseButtonProps, type CalloutContentProps, type CalloutDescriptionProps, type CalloutLinkProps, type CalloutRootProps, type CalloutTitleProps, } from './Callout';
+export * as Callout from './Callout.namespace';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Callout/index.js

@@ -0,0 +1,3 @@
+export { CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle } from './Callout.js';
+import * as Callout_namespace from './Callout.namespace.js';
+export { Callout_namespace as Callout };

package/lib/components/Celcius/Celcius.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Celcius = (props) => {
+  return `${props.value}°C`;
+};
+
+exports.Celcius = Celcius;

package/lib/components/Celcius/Celcius.js

@@ -0,0 +1,5 @@
+const Celcius = (props) => {
+  return `${props.value}°C`;
+};
+
+export { Celcius };

package/lib/components/Celcius/index.cjs

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

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

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

package/lib/components/Celcius/index.js

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

package/lib/components/Checkbox/Checkbox.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const domUtils = require('@seed-design/dom-utils');
+const reactCheckbox = require('@seed-design/react-checkbox');
+const reactPrimitive = require('@seed-design/react-primitive');
+const checkbox = require('@seed-design/css/recipes/checkbox');
+const React = require('react');
+const createStyleContext = require('../../utils/createStyleContext.cjs');
+const createWithStateProps = require('../../utils/createWithStateProps.cjs');
+const Icon = require('../private/Icon.cjs');
+
+const { withProvider, withContext, useClassNames } = createStyleContext.createStyleContext(checkbox.checkbox);
+const withStateProps = createWithStateProps.createWithStateProps([reactCheckbox.useCheckboxContext]);
+const CheckboxRoot = withProvider(
+  reactCheckbox.Checkbox.Root,
+  "root"
+);
+const CheckboxControl = withContext(
+  reactCheckbox.Checkbox.Control,
+  "control"
+);
+const CheckboxIndicator = React.forwardRef(
+  ({
+    unchecked: uncheckedSvg,
+    checked: checkedSvg,
+    indeterminate: indeterminateSvg,
+    ...otherProps
+  }, ref) => {
+    const { stateProps, checked, indeterminate } = reactCheckbox.useCheckboxContext();
+    const classNames = useClassNames();
+    const mergedProps = domUtils.mergeProps(
+      stateProps,
+      { className: classNames.icon },
+      otherProps
+    );
+    if (indeterminate && !indeterminateSvg) {
+      console.warn(
+        "CheckboxIndicator: the `indeterminate` prop must be provided when the checkbox is in an indeterminate state."
+      );
+    }
+    if (indeterminate) return /* @__PURE__ */ jsxRuntime.jsx(Icon.InternalIcon, { ref, svg: indeterminateSvg, ...mergedProps });
+    if (checked) return /* @__PURE__ */ jsxRuntime.jsx(Icon.InternalIcon, { ref, svg: checkedSvg, ...mergedProps });
+    if (uncheckedSvg) return /* @__PURE__ */ jsxRuntime.jsx(Icon.InternalIcon, { ref, svg: uncheckedSvg, ...mergedProps });
+    return null;
+  }
+);
+CheckboxIndicator.displayName = "CheckboxIndicator";
+const CheckboxLabel = withContext(
+  withStateProps(reactPrimitive.Primitive.span),
+  "label"
+);
+const CheckboxHiddenInput = reactCheckbox.Checkbox.HiddenInput;
+
+exports.CheckboxControl = CheckboxControl;
+exports.CheckboxHiddenInput = CheckboxHiddenInput;
+exports.CheckboxIndicator = CheckboxIndicator;
+exports.CheckboxLabel = CheckboxLabel;
+exports.CheckboxRoot = CheckboxRoot;

package/lib/components/Checkbox/Checkbox.d.ts

@@ -1,12 +1,13 @@
-import { Checkbox as CheckboxPrimitive } from "@seed-design/react-checkbox";
-import { type PrimitiveProps } from "@seed-design/react-primitive";
-import { type CheckboxVariantProps } from "@seed-design/css/recipes/checkbox";
+import { Checkbox as CheckboxPrimitive } from '@seed-design/react-checkbox';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { CheckboxVariantProps } from '@seed-design/css/recipes/checkbox';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface CheckboxRootProps extends CheckboxVariantProps, CheckboxPrimitive.RootProps {
 }
-export declare const CheckboxRoot: import("react").ForwardRefExoticComponent<CheckboxRootProps & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const CheckboxRoot: ForwardRefExoticComponent<CheckboxRootProps & RefAttributes<HTMLLabelElement>>;
 export interface CheckboxControlProps extends CheckboxPrimitive.ControlProps {
 }
-export declare const CheckboxControl: import("react").ForwardRefExoticComponent<CheckboxControlProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CheckboxControl: ForwardRefExoticComponent<CheckboxControlProps & RefAttributes<HTMLDivElement>>;
 export interface CheckboxIndicatorProps extends React.SVGAttributes<SVGSVGElement> {
     /**
      * The icon to display when the checkbox is unchecked.
@@ -21,11 +22,11 @@ export interface CheckboxIndicatorProps extends React.SVGAttributes<SVGSVGElemen
      */
     indeterminate?: React.ReactNode;
 }
-export declare const CheckboxIndicator: import("react").ForwardRefExoticComponent<CheckboxIndicatorProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CheckboxIndicator: ForwardRefExoticComponent<CheckboxIndicatorProps & RefAttributes<SVGSVGElement>>;
 export interface CheckboxLabelProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
 }
-export declare const CheckboxLabel: import("react").ForwardRefExoticComponent<CheckboxLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CheckboxLabel: ForwardRefExoticComponent<CheckboxLabelProps & RefAttributes<HTMLDivElement>>;
 export interface CheckboxHiddenInputProps extends CheckboxPrimitive.HiddenInputProps {
 }
-export declare const CheckboxHiddenInput: import("react").ForwardRefExoticComponent<CheckboxPrimitive.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const CheckboxHiddenInput: ForwardRefExoticComponent<CheckboxPrimitive.HiddenInputProps & RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAWxF,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,SAAS;CAAG;AAE/F,eAAO,MAAM,YAAY,gHAGxB,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB,CAAC,YAAY;CAAG;AAE/E,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAChF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,iBAAiB,kHA8B7B,CAAC;AAKF,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEpG,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAEvF,eAAO,MAAM,mBAAmB,iIAAgC,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAWxF,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,EAAE,iBAAiB,CAAC,SAAS;CAAG;AAE/F,eAAO,MAAM,YAAY,gHAGxB,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB,CAAC,YAAY;CAAG;AAE/E,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IAChF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,eAAO,MAAM,iBAAiB,kHA8B7B,CAAC;AAKF,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEpG,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,CAAC,gBAAgB;CAAG;AAEvF,eAAO,MAAM,mBAAmB,iIAAgC,CAAC"}