@seed-design/react 1.1.17 → 1.1.18

package/lib/components/AspectRatio/AspectRatio.cjs

@@ -0,0 +1,53 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const aspectRatio = require('@seed-design/css/recipes/aspect-ratio');
+const clsx = require('clsx');
+const React = require('react');
+const Box = require('../Box/Box.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const AspectRatio = React__namespace.forwardRef(
+  ({ ratio = 4 / 3, children, className, style, ...rest }, ref) => {
+    const child = React__namespace.Children.only(children);
+    const aspectRatio$1 = aspectRatio.aspectRatio();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box.Box,
+      {
+        ref,
+        className: clsx(aspectRatio$1, className),
+        style: {
+          // NOTE: aspectRatio는 iOS 15+부터 지원하기 때문에 padding으로 ratio hack을 사용합니다.
+          "--seed-aspect-ratio-padding": `${1 / ratio * 100}%`,
+          ...style
+        },
+        ...rest,
+        children: child
+      }
+    );
+  }
+);
+AspectRatio.displayName = "AspectRatio";
+
+exports.AspectRatio = AspectRatio;

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

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

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

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

package/lib/components/AspectRatio/AspectRatio.js

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

package/lib/components/AspectRatio/index.cjs

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

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

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

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

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

package/lib/components/AspectRatio/index.js

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

package/lib/components/Avatar/Avatar.cjs

@@ -4,7 +4,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const reactAvatar = require('@seed-design/react-avatar');
+const reactImage = require('@seed-design/react-image');
 const reactPrimitive = require('@seed-design/react-primitive');
 const avatar = require('@seed-design/css/recipes/avatar');
 const avatarStack = require('@seed-design/css/recipes/avatar-stack');
@@ -32,16 +32,10 @@ function _interopNamespaceDefault(e) {
 const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const { PropsProvider, withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(avatar.avatar);
-const AvatarRoot = withProvider(
-  reactAvatar.Avatar.Root,
-  "root"
-);
-const AvatarImage = withContext(
-  reactAvatar.Avatar.Image,
-  "image"
-);
+const AvatarRoot = withProvider(reactImage.Image.Root, "root");
+const AvatarImage = withContext(reactImage.Image.Content, "image");
 const AvatarFallback = withContext(
-  reactAvatar.Avatar.Fallback,
+  reactImage.Image.Fallback,
   "fallback"
 );
 const AvatarBadge = withContext(reactPrimitive.Primitive.div, "badge");

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

@@ -1,15 +1,15 @@
-import { Avatar as AvatarPrimitive } from '@seed-design/react-avatar';
+import { Image } from '@seed-design/react-image';
 import { PrimitiveProps } from '@seed-design/react-primitive';
 import { AvatarVariantProps } from '@seed-design/css/recipes/avatar';
 import { AvatarStackVariantProps } from '@seed-design/css/recipes/avatar-stack';
 import * as React from "react";
-export interface AvatarRootProps extends AvatarVariantProps, AvatarPrimitive.RootProps {
+export interface AvatarRootProps extends AvatarVariantProps, Image.RootProps {
 }
 export declare const AvatarRoot: React.ForwardRefExoticComponent<AvatarRootProps & React.RefAttributes<HTMLDivElement>>;
-export interface AvatarImageProps extends AvatarPrimitive.ImageProps {
+export interface AvatarImageProps extends Image.ContentProps {
 }
 export declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
-export interface AvatarFallbackProps extends AvatarPrimitive.FallbackProps {
+export interface AvatarFallbackProps extends Image.FallbackProps {
 }
 export declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLDivElement>>;
 export interface AvatarBadgeProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {

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

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

package/lib/components/Avatar/Avatar.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { Avatar } from '@seed-design/react-avatar';
+import { Image } from '@seed-design/react-image';
 import { Primitive } from '@seed-design/react-primitive';
 import { avatar } from '@seed-design/css/recipes/avatar';
 import { avatarStack } from '@seed-design/css/recipes/avatar-stack';
@@ -10,16 +10,10 @@ import { useMemo } from 'react';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 
 const { PropsProvider, withProvider, withContext } = createSlotRecipeContext(avatar);
-const AvatarRoot = withProvider(
-  Avatar.Root,
-  "root"
-);
-const AvatarImage = withContext(
-  Avatar.Image,
-  "image"
-);
+const AvatarRoot = withProvider(Image.Root, "root");
+const AvatarImage = withContext(Image.Content, "image");
 const AvatarFallback = withContext(
-  Avatar.Fallback,
+  Image.Fallback,
   "fallback"
 );
 const AvatarBadge = withContext(Primitive.div, "badge");

package/lib/components/BottomSheet/BottomSheet.cjs

@@ -29,7 +29,7 @@ const BottomSheetContent = withContext(
   "content"
 );
 const BottomSheetHeader = withContext(
-  reactPrimitive.Primitive.div,
+  reactDrawer.Drawer.Header,
   "header"
 );
 const BottomSheetTitle = withContext(

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

@@ -19,7 +19,7 @@ export declare const BottomSheetBackdrop: ForwardRefExoticComponent<BottomSheetB
 export interface BottomSheetContentProps extends Drawer.ContentProps {
 }
 export declare const BottomSheetContent: ForwardRefExoticComponent<BottomSheetContentProps & RefAttributes<HTMLDivElement>>;
-export interface BottomSheetHeaderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+export interface BottomSheetHeaderProps extends Drawer.HeaderProps {
 }
 export declare const BottomSheetHeader: ForwardRefExoticComponent<BottomSheetHeaderProps & RefAttributes<HTMLDivElement>>;
 export interface BottomSheetTitleProps extends Drawer.TitleProps {

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,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAClG,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMrE,MAAM,WAAW,oBAAqB,SAAQ,uBAAuB,EAAE,MAAM,CAAC,SAAS;CAAG;AAE1F,eAAO,MAAM,eAAe,iEAI1B,CAAC;AAIH,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,mJAAiB,CAAC;AAIjD,MAAM,WAAW,0BAA2B,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE7E,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEnE,eAAO,MAAM,gBAAgB,sHAG5B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,8HAGC,CAAC;AAIrC,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,IAAI,CACF,UAAU,EACV,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CACpF,EACD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,2HAGlC,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAClG,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMrE,MAAM,WAAW,oBAAqB,SAAQ,uBAAuB,EAAE,MAAM,CAAC,SAAS;CAAG;AAE1F,eAAO,MAAM,eAAe,iEAI1B,CAAC;AAIH,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,mJAAiB,CAAC;AAIjD,MAAM,WAAW,0BAA2B,SAAQ,MAAM,CAAC,eAAe;CAAG;AAE7E,eAAO,MAAM,qBAAqB,uHAGjC,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,MAAM,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,mBAAmB,qHAG/B,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,MAAM,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,kBAAkB,oHAG9B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,WAAW;CAAG;AAErE,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,MAAM,CAAC,UAAU;CAAG;AAEnE,eAAO,MAAM,gBAAgB,sHAG5B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,8HAGC,CAAC;AAIrC,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,IAAI,CACF,UAAU,EACV,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,gBAAgB,GAAG,YAAY,CACpF,EACD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,eAAe,iHAG3B,CAAC;AAIF,MAAM,WAAW,sBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iBAAiB,mHAG7B,CAAC;AAIF,MAAM,WAAW,2BAA4B,SAAQ,MAAM,CAAC,gBAAgB;CAAG;AAE/E,eAAO,MAAM,sBAAsB,2HAGlC,CAAC"}

package/lib/components/BottomSheet/BottomSheet.js

@@ -25,7 +25,7 @@ const BottomSheetContent = withContext(
   "content"
 );
 const BottomSheetHeader = withContext(
-  Primitive.div,
+  Drawer.Header,
   "header"
 );
 const BottomSheetTitle = withContext(

package/lib/components/Checkbox/Checkbox.cjs

@@ -15,7 +15,10 @@ const React = require('react');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 const Icon = require('../private/Icon.cjs');
+const createRecipeContext = require('../../utils/createRecipeContext.cjs');
+const checkboxGroup = require('@seed-design/css/recipes/checkbox-group');
 
+const { withContext: withGroupContext } = createRecipeContext.createRecipeContext(checkboxGroup.checkboxGroup);
 const { ClassNamesProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(checkbox.checkbox);
 const {
   withProvider: withCheckmarkProvider,
@@ -23,6 +26,7 @@ const {
   PropsProvider: CheckmarkPropsProvider
 } = createSlotRecipeContext.createSlotRecipeContext(checkmark.checkmark);
 const withStateProps = createWithStateProps.createWithStateProps([reactCheckbox.useCheckboxContext]);
+const CheckboxGroup = withGroupContext(reactPrimitive.Primitive.div);
 const CheckboxRoot = Object.assign(
   React.forwardRef(({ className, ...props }, ref) => {
     if (process.env.NODE_ENV !== "production" && (props.weight === "default" || props.weight === "stronger")) {
@@ -89,6 +93,7 @@ const CheckboxLabel = withContext(
 const CheckboxHiddenInput = reactCheckbox.Checkbox.HiddenInput;
 
 exports.CheckboxControl = CheckboxControl;
+exports.CheckboxGroup = CheckboxGroup;
 exports.CheckboxHiddenInput = CheckboxHiddenInput;
 exports.CheckboxIndicator = CheckboxIndicator;
 exports.CheckboxLabel = CheckboxLabel;

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

@@ -2,7 +2,11 @@ import { CheckboxVariantProps } from '@seed-design/css/recipes/checkbox';
 import { CheckmarkVariantProps } from '@seed-design/css/recipes/checkmark';
 import { Checkbox as CheckboxPrimitive } from '@seed-design/react-checkbox';
 import { PrimitiveProps } from '@seed-design/react-primitive';
+import { CheckboxGroupVariantProps } from '@seed-design/css/recipes/checkbox-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface CheckboxGroupProps extends CheckboxGroupVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const CheckboxGroup: ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<HTMLDivElement>>;
 /**
  * @deprecated Use `regular` or `bold` instead of `default` or `stronger`
  */

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":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3F,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAiB9E;;GAEG;AACH,KAAK,oCAAoC,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnE,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,EAC1C,qBAAqB,EACrB,iBAAiB,CAAC,SAAS;IAC7B,MAAM,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,GAAG,oCAAoC,CAAC;CAChF;AAED,eAAO,MAAM,YAAY;;CA2CxB,CAAC;AAIF;;;GAGG;AAEH,MAAM,WAAW,oBACf,SAAQ,qBAAqB,EAC3B,iBAAiB,CAAC,YAAY;CAAG;AAErC,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":";AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EAAa,KAAK,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3F,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAsB,MAAM,6BAA6B,CAAC;AAChG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAO9E,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,yCAAyC,CAAC;AAajD,MAAM,WAAW,kBACf,SAAQ,yBAAyB,EAC/B,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,aAAa,+GAAsE,CAAC;AAIjG;;GAEG;AACH,KAAK,oCAAoC,GAAG,SAAS,GAAG,UAAU,CAAC;AAEnE,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,EAC1C,qBAAqB,EACrB,iBAAiB,CAAC,SAAS;IAC7B,MAAM,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,GAAG,oCAAoC,CAAC;CAChF;AAED,eAAO,MAAM,YAAY;;CA2CxB,CAAC;AAIF;;;GAGG;AAEH,MAAM,WAAW,oBACf,SAAQ,qBAAqB,EAC3B,iBAAiB,CAAC,YAAY;CAAG;AAErC,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"}

package/lib/components/Checkbox/Checkbox.js

@@ -11,7 +11,10 @@ import { forwardRef } from 'react';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 import { InternalIcon } from '../private/Icon.js';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
+import { checkboxGroup } from '@seed-design/css/recipes/checkbox-group';
 
+const { withContext: withGroupContext } = createRecipeContext(checkboxGroup);
 const { ClassNamesProvider, withContext } = createSlotRecipeContext(checkbox);
 const {
   withProvider: withCheckmarkProvider,
@@ -19,6 +22,7 @@ const {
   PropsProvider: CheckmarkPropsProvider
 } = createSlotRecipeContext(checkmark);
 const withStateProps = createWithStateProps([useCheckboxContext]);
+const CheckboxGroup = withGroupContext(Primitive.div);
 const CheckboxRoot = Object.assign(
   forwardRef(({ className, ...props }, ref) => {
     if (process.env.NODE_ENV !== "production" && (props.weight === "default" || props.weight === "stronger")) {
@@ -84,4 +88,4 @@ const CheckboxLabel = withContext(
 );
 const CheckboxHiddenInput = Checkbox.HiddenInput;
 
-export { CheckboxControl, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot };
+export { CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot };

package/lib/components/Checkbox/Checkbox.namespace.cjs

@@ -7,6 +7,7 @@ const Checkbox = require('./Checkbox.cjs');
 
 
 exports.Control = Checkbox.CheckboxControl;
+exports.Group = Checkbox.CheckboxGroup;
 exports.HiddenInput = Checkbox.CheckboxHiddenInput;
 exports.Indicator = Checkbox.CheckboxIndicator;
 exports.Label = Checkbox.CheckboxLabel;

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

@@ -1,2 +1,2 @@
-export { CheckboxControl as Control, CheckboxHiddenInput as HiddenInput, CheckboxIndicator as Indicator, CheckboxLabel as Label, CheckboxRoot as Root, type CheckboxControlProps as ControlProps, type CheckboxHiddenInputProps as HiddenInputProps, type CheckboxIndicatorProps as IndicatorProps, type CheckboxLabelProps as LabelProps, type CheckboxRootProps as RootProps, } from './Checkbox';
+export { CheckboxControl as Control, CheckboxGroup as Group, CheckboxHiddenInput as HiddenInput, CheckboxIndicator as Indicator, CheckboxLabel as Label, CheckboxRoot as Root, type CheckboxControlProps as ControlProps, type CheckboxGroupProps as GroupProps, type CheckboxHiddenInputProps as HiddenInputProps, type CheckboxIndicatorProps as IndicatorProps, type CheckboxLabelProps as LabelProps, type CheckboxRootProps as RootProps, } from './Checkbox';
 //# sourceMappingURL=Checkbox.namespace.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,IAAI,OAAO,EAC1B,mBAAmB,IAAI,WAAW,EAClC,iBAAiB,IAAI,SAAS,EAC9B,aAAa,IAAI,KAAK,EACtB,YAAY,IAAI,IAAI,EACpB,KAAK,oBAAoB,IAAI,YAAY,EACzC,KAAK,wBAAwB,IAAI,gBAAgB,EACjD,KAAK,sBAAsB,IAAI,cAAc,EAC7C,KAAK,kBAAkB,IAAI,UAAU,EACrC,KAAK,iBAAiB,IAAI,SAAS,GACpC,MAAM,YAAY,CAAC"}
+{"version":3,"file":"Checkbox.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,IAAI,OAAO,EAC1B,aAAa,IAAI,KAAK,EACtB,mBAAmB,IAAI,WAAW,EAClC,iBAAiB,IAAI,SAAS,EAC9B,aAAa,IAAI,KAAK,EACtB,YAAY,IAAI,IAAI,EACpB,KAAK,oBAAoB,IAAI,YAAY,EACzC,KAAK,kBAAkB,IAAI,UAAU,EACrC,KAAK,wBAAwB,IAAI,gBAAgB,EACjD,KAAK,sBAAsB,IAAI,cAAc,EAC7C,KAAK,kBAAkB,IAAI,UAAU,EACrC,KAAK,iBAAiB,IAAI,SAAS,GACpC,MAAM,YAAY,CAAC"}

package/lib/components/Checkbox/Checkbox.namespace.js

@@ -1 +1 @@
-export { CheckboxControl as Control, CheckboxHiddenInput as HiddenInput, CheckboxIndicator as Indicator, CheckboxLabel as Label, CheckboxRoot as Root } from './Checkbox.js';
+export { CheckboxControl as Control, CheckboxGroup as Group, CheckboxHiddenInput as HiddenInput, CheckboxIndicator as Indicator, CheckboxLabel as Label, CheckboxRoot as Root } from './Checkbox.js';

package/lib/components/Checkbox/index.cjs

@@ -8,6 +8,7 @@ const Checkbox_namespace = require('./Checkbox.namespace.cjs');
 
 
 exports.CheckboxControl = Checkbox.CheckboxControl;
+exports.CheckboxGroup = Checkbox.CheckboxGroup;
 exports.CheckboxHiddenInput = Checkbox.CheckboxHiddenInput;
 exports.CheckboxIndicator = Checkbox.CheckboxIndicator;
 exports.CheckboxLabel = Checkbox.CheckboxLabel;

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

@@ -1,3 +1,3 @@
-export { CheckboxControl, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, type CheckboxControlProps, type CheckboxHiddenInputProps, type CheckboxIndicatorProps, type CheckboxLabelProps, type CheckboxRootProps, } from './Checkbox';
+export { CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, type CheckboxControlProps, type CheckboxGroupProps, type CheckboxHiddenInputProps, type CheckboxIndicatorProps, type CheckboxLabelProps, type CheckboxRootProps, } from './Checkbox';
 export * as Checkbox from './Checkbox.namespace';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC"}

package/lib/components/Checkbox/index.js

@@ -1,3 +1,3 @@
-export { CheckboxControl, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot } from './Checkbox.js';
+export { CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot } from './Checkbox.js';
 import * as Checkbox_namespace from './Checkbox.namespace.js';
 export { Checkbox_namespace as Checkbox };

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;IACpF;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;CAC5D;AAED,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;IACpF;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;CAC5D;AAED,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;AAOpG,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,iHAGvB,CAAC;AAOF,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/Fieldset/Fieldset.cjs

@@ -0,0 +1,86 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactPrimitive = require('@seed-design/react-primitive');
+const React = require('react');
+const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
+const field = require('@seed-design/css/recipes/field');
+const fieldLabel = require('@seed-design/css/recipes/field-label');
+const reactFieldset = require('@seed-design/react-fieldset');
+const Icon = require('../private/Icon.cjs');
+const clsx = require('clsx');
+
+const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(field.field);
+const {
+  withContext: withLabelContext,
+  withProvider: withLabelProvider,
+  useClassNames: useLabelClassNames
+} = createSlotRecipeContext.createSlotRecipeContext(fieldLabel.fieldLabel);
+const FieldsetRoot = withProvider(reactFieldset.Fieldset.Root, "root");
+const FieldsetHeader = withContext(
+  reactPrimitive.Primitive.div,
+  "header"
+);
+const FieldsetLabel = withLabelProvider(
+  reactFieldset.Fieldset.Label,
+  "root"
+);
+const FieldsetIndicatorText = withLabelContext(
+  reactPrimitive.Primitive.span,
+  "indicatorText"
+);
+const FieldsetRequiredIndicator = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { indicatorIcon } = useLabelClassNames();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Icon.InternalIcon,
+      {
+        svg: (
+          // biome-ignore lint/a11y/noSvgWithoutTitle: InternalIcon is aria-hidden
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              viewBox: "0 0 6 6",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              className: clsx(indicatorIcon, className),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  d: "M3.75002 1.55859L4.41318 1.09468C4.75243 0.857361 5.21982 0.939865 5.45732 1.27899C5.69499 1.61836 5.61243 2.08615 5.27295 2.32366L4.30763 2.99902L5.27372 3.67612C5.61285 3.91381 5.69517 4.38137 5.45761 4.72059C5.21999 5.0599 4.7523 5.14233 4.41299 4.90471L3.75002 4.44043V5.25C3.75002 5.66421 3.41423 6 3.00002 6C2.5858 6 2.25002 5.66421 2.25002 5.25V4.44043L1.58704 4.90471C1.24773 5.14233 0.780041 5.0599 0.542418 4.72059C0.304856 4.38137 0.387176 3.91381 0.726309 3.67612L1.6924 2.99902L0.727079 2.32366C0.387603 2.08615 0.305043 1.61836 0.542707 1.27899C0.780206 0.939865 1.2476 0.857361 1.58685 1.09468L2.25002 1.55859V0.75C2.25002 0.335786 2.5858 0 3.00002 0C3.41423 0 3.75002 0.335786 3.75002 0.75V1.55859Z",
+                  fill: "currentColor"
+                }
+              )
+            }
+          )
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+const FieldsetFooter = withContext(
+  reactPrimitive.Primitive.div,
+  "footer"
+);
+const FieldsetDescription = withContext(
+  reactFieldset.Fieldset.Description,
+  "description"
+);
+const FieldsetErrorMessage = withContext(
+  reactFieldset.Fieldset.ErrorMessage,
+  "errorMessage"
+);
+
+exports.FieldsetDescription = FieldsetDescription;
+exports.FieldsetErrorMessage = FieldsetErrorMessage;
+exports.FieldsetFooter = FieldsetFooter;
+exports.FieldsetHeader = FieldsetHeader;
+exports.FieldsetIndicatorText = FieldsetIndicatorText;
+exports.FieldsetLabel = FieldsetLabel;
+exports.FieldsetRequiredIndicator = FieldsetRequiredIndicator;
+exports.FieldsetRoot = FieldsetRoot;

package/lib/components/Fieldset/Fieldset.d.ts

@@ -0,0 +1,30 @@
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import { FieldVariantProps } from '@seed-design/css/recipes/field';
+import { FieldLabelVariantProps } from '@seed-design/css/recipes/field-label';
+import { Fieldset } from '@seed-design/react-fieldset';
+import type * as React from "react";
+export interface FieldsetRootProps extends FieldVariantProps, Fieldset.RootProps {
+}
+export declare const FieldsetRoot: React.ForwardRefExoticComponent<FieldsetRootProps & React.RefAttributes<HTMLDivElement>>;
+export interface FieldsetHeaderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const FieldsetHeader: React.ForwardRefExoticComponent<FieldsetHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface FieldsetLabelProps extends FieldLabelVariantProps, Fieldset.LabelProps {
+}
+export declare const FieldsetLabel: React.ForwardRefExoticComponent<FieldsetLabelProps & React.RefAttributes<HTMLDivElement>>;
+export interface FieldsetIndicatorTextProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const FieldsetIndicatorText: React.ForwardRefExoticComponent<FieldsetIndicatorTextProps & React.RefAttributes<HTMLSpanElement>>;
+export interface FieldsetRequiredIndicatorProps extends React.SVGProps<SVGElement> {
+}
+export declare const FieldsetRequiredIndicator: React.ForwardRefExoticComponent<Omit<FieldsetRequiredIndicatorProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export interface FieldsetFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const FieldsetFooter: React.ForwardRefExoticComponent<FieldsetFooterProps & React.RefAttributes<HTMLDivElement>>;
+export interface FieldsetDescriptionProps extends Fieldset.DescriptionProps {
+}
+export declare const FieldsetDescription: React.ForwardRefExoticComponent<FieldsetDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
+export interface FieldsetErrorMessageProps extends Fieldset.ErrorMessageProps {
+}
+export declare const FieldsetErrorMessage: React.ForwardRefExoticComponent<FieldsetErrorMessageProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Fieldset.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAevD,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB,EAAE,QAAQ,CAAC,SAAS;CAAG;AAEnF,eAAO,MAAM,YAAY,0FAAyE,CAAC;AAInG,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,EAAE,QAAQ,CAAC,UAAU;CAAG;AAE1F,eAAO,MAAM,aAAa,2FAGzB,CAAC;AAEF,MAAM,WAAW,0BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,qBAAqB,oGAGjC,CAAC;AAEF,MAAM,WAAW,8BAA+B,SAAQ,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;CAAG;AAErF,eAAO,MAAM,yBAAyB,mHAyBrC,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpG,eAAO,MAAM,cAAc,4FAG1B,CAAC;AAEF,MAAM,WAAW,wBAAyB,SAAQ,QAAQ,CAAC,gBAAgB;CAAG;AAE9E,eAAO,MAAM,mBAAmB,kGAG/B,CAAC;AAEF,MAAM,WAAW,yBAA0B,SAAQ,QAAQ,CAAC,iBAAiB;CAAG;AAEhF,eAAO,MAAM,oBAAoB,kGAGhC,CAAC"}

package/lib/components/Fieldset/Fieldset.js

@@ -0,0 +1,75 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Primitive } from '@seed-design/react-primitive';
+import { forwardRef } from 'react';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { field } from '@seed-design/css/recipes/field';
+import { fieldLabel } from '@seed-design/css/recipes/field-label';
+import { Fieldset } from '@seed-design/react-fieldset';
+import { InternalIcon } from '../private/Icon.js';
+import clsx from 'clsx';
+
+const { withProvider, withContext } = createSlotRecipeContext(field);
+const {
+  withContext: withLabelContext,
+  withProvider: withLabelProvider,
+  useClassNames: useLabelClassNames
+} = createSlotRecipeContext(fieldLabel);
+const FieldsetRoot = withProvider(Fieldset.Root, "root");
+const FieldsetHeader = withContext(
+  Primitive.div,
+  "header"
+);
+const FieldsetLabel = withLabelProvider(
+  Fieldset.Label,
+  "root"
+);
+const FieldsetIndicatorText = withLabelContext(
+  Primitive.span,
+  "indicatorText"
+);
+const FieldsetRequiredIndicator = forwardRef(
+  ({ className, ...props }, ref) => {
+    const { indicatorIcon } = useLabelClassNames();
+    return /* @__PURE__ */ jsx(
+      InternalIcon,
+      {
+        svg: (
+          // biome-ignore lint/a11y/noSvgWithoutTitle: InternalIcon is aria-hidden
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              viewBox: "0 0 6 6",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              className: clsx(indicatorIcon, className),
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M3.75002 1.55859L4.41318 1.09468C4.75243 0.857361 5.21982 0.939865 5.45732 1.27899C5.69499 1.61836 5.61243 2.08615 5.27295 2.32366L4.30763 2.99902L5.27372 3.67612C5.61285 3.91381 5.69517 4.38137 5.45761 4.72059C5.21999 5.0599 4.7523 5.14233 4.41299 4.90471L3.75002 4.44043V5.25C3.75002 5.66421 3.41423 6 3.00002 6C2.5858 6 2.25002 5.66421 2.25002 5.25V4.44043L1.58704 4.90471C1.24773 5.14233 0.780041 5.0599 0.542418 4.72059C0.304856 4.38137 0.387176 3.91381 0.726309 3.67612L1.6924 2.99902L0.727079 2.32366C0.387603 2.08615 0.305043 1.61836 0.542707 1.27899C0.780206 0.939865 1.2476 0.857361 1.58685 1.09468L2.25002 1.55859V0.75C2.25002 0.335786 2.5858 0 3.00002 0C3.41423 0 3.75002 0.335786 3.75002 0.75V1.55859Z",
+                  fill: "currentColor"
+                }
+              )
+            }
+          )
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+const FieldsetFooter = withContext(
+  Primitive.div,
+  "footer"
+);
+const FieldsetDescription = withContext(
+  Fieldset.Description,
+  "description"
+);
+const FieldsetErrorMessage = withContext(
+  Fieldset.ErrorMessage,
+  "errorMessage"
+);
+
+export { FieldsetDescription, FieldsetErrorMessage, FieldsetFooter, FieldsetHeader, FieldsetIndicatorText, FieldsetLabel, FieldsetRequiredIndicator, FieldsetRoot };

package/lib/components/Fieldset/Fieldset.namespace.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const Fieldset = require('./Fieldset.cjs');
+
+
+
+exports.Description = Fieldset.FieldsetDescription;
+exports.ErrorMessage = Fieldset.FieldsetErrorMessage;
+exports.Footer = Fieldset.FieldsetFooter;
+exports.Header = Fieldset.FieldsetHeader;
+exports.IndicatorText = Fieldset.FieldsetIndicatorText;
+exports.Label = Fieldset.FieldsetLabel;
+exports.RequiredIndicator = Fieldset.FieldsetRequiredIndicator;
+exports.Root = Fieldset.FieldsetRoot;

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

@@ -0,0 +1,2 @@
+export { FieldsetRoot as Root, FieldsetHeader as Header, FieldsetLabel as Label, FieldsetIndicatorText as IndicatorText, FieldsetRequiredIndicator as RequiredIndicator, FieldsetFooter as Footer, FieldsetDescription as Description, FieldsetErrorMessage as ErrorMessage, type FieldsetRootProps as RootProps, type FieldsetHeaderProps as HeaderProps, type FieldsetLabelProps as LabelProps, type FieldsetIndicatorTextProps as IndicatorTextProps, type FieldsetFooterProps as FooterProps, type FieldsetDescriptionProps as DescriptionProps, type FieldsetErrorMessageProps as ErrorMessageProps, } from './Fieldset';
+//# sourceMappingURL=Fieldset.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,IAAI,EACpB,cAAc,IAAI,MAAM,EACxB,aAAa,IAAI,KAAK,EACtB,qBAAqB,IAAI,aAAa,EACtC,yBAAyB,IAAI,iBAAiB,EAC9C,cAAc,IAAI,MAAM,EACxB,mBAAmB,IAAI,WAAW,EAClC,oBAAoB,IAAI,YAAY,EACpC,KAAK,iBAAiB,IAAI,SAAS,EACnC,KAAK,mBAAmB,IAAI,WAAW,EACvC,KAAK,kBAAkB,IAAI,UAAU,EACrC,KAAK,0BAA0B,IAAI,kBAAkB,EACrD,KAAK,mBAAmB,IAAI,WAAW,EACvC,KAAK,wBAAwB,IAAI,gBAAgB,EACjD,KAAK,yBAAyB,IAAI,iBAAiB,GACpD,MAAM,YAAY,CAAC"}

package/lib/components/Fieldset/Fieldset.namespace.js

@@ -0,0 +1 @@
+export { FieldsetDescription as Description, FieldsetErrorMessage as ErrorMessage, FieldsetFooter as Footer, FieldsetHeader as Header, FieldsetIndicatorText as IndicatorText, FieldsetLabel as Label, FieldsetRequiredIndicator as RequiredIndicator, FieldsetRoot as Root } from './Fieldset.js';