@seed-design/react 1.2.8 → 1.2.10

package/lib/components/ExtendedActionSheet/ExtendedActionSheet.js

@@ -1,40 +1,65 @@
-'use client';
-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 { createRecipeContext } from '../../utils/createRecipeContext.js';
-import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import { createWithStateProps } from '../../utils/createWithStateProps.js';
-
-const { withRootProvider, withContext } = createSlotRecipeContext(extendedActionSheet);
-const { withContext: withItemContext } = createRecipeContext(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 = withItemContext(withStateProps(Primitive.button));
-const ExtendedActionSheetFooter = withContext(withStateProps(Primitive.div), "footer");
-const ExtendedActionSheetCloseButton = withContext(Dialog.CloseButton, "closeButton");
-
+"use client";
+import { createRecipeContext } from "../../utils/createRecipeContext.js";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { createWithStateProps } from "../../utils/createWithStateProps.js";
+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";
+//#region src/components/ExtendedActionSheet/ExtendedActionSheet.tsx
+var { withRootProvider, withContext } = createSlotRecipeContext(extendedActionSheet);
+var { withContext: withItemContext } = createRecipeContext(extendedActionSheetItem);
+var withStateProps = createWithStateProps([useDialogContext]);
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetRoot = withRootProvider(Dialog.Root, { defaultProps: {
+	lazyMount: true,
+	unmountOnExit: true
+} });
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetTrigger = Dialog.Trigger;
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetPositioner = withContext(Dialog.Positioner, "positioner");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetBackdrop = withContext(Dialog.Backdrop, "backdrop");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetContent = withContext(Dialog.Content, "content");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetHeader = withContext(withStateProps(Primitive.div), "header");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetTitle = withContext(withStateProps(Primitive.h2), "title");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetList = withContext(withStateProps(Primitive.div), "list");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetGroup = withContext(withStateProps(Primitive.div), "group");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetItem = withItemContext(withStateProps(Primitive.button));
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetFooter = withContext(withStateProps(Primitive.div), "footer");
+/**
+* @deprecated Use `MenuSheet` instead.
+*/
+var ExtendedActionSheetCloseButton = withContext(Dialog.CloseButton, "closeButton");
+//#endregion
 export { ExtendedActionSheetBackdrop, ExtendedActionSheetCloseButton, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetGroup, ExtendedActionSheetHeader, ExtendedActionSheetItem, ExtendedActionSheetList, ExtendedActionSheetPositioner, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger };

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

@@ -1,20 +1,24 @@
-'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;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_ExtendedActionSheet = require("./ExtendedActionSheet.cjs");
+//#region src/components/ExtendedActionSheet/ExtendedActionSheet.namespace.ts
+var ExtendedActionSheet_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	Backdrop: () => require_ExtendedActionSheet.ExtendedActionSheetBackdrop,
+	CloseButton: () => require_ExtendedActionSheet.ExtendedActionSheetCloseButton,
+	Content: () => require_ExtendedActionSheet.ExtendedActionSheetContent,
+	Footer: () => require_ExtendedActionSheet.ExtendedActionSheetFooter,
+	Group: () => require_ExtendedActionSheet.ExtendedActionSheetGroup,
+	Header: () => require_ExtendedActionSheet.ExtendedActionSheetHeader,
+	Item: () => require_ExtendedActionSheet.ExtendedActionSheetItem,
+	List: () => require_ExtendedActionSheet.ExtendedActionSheetList,
+	Positioner: () => require_ExtendedActionSheet.ExtendedActionSheetPositioner,
+	Root: () => require_ExtendedActionSheet.ExtendedActionSheetRoot,
+	Title: () => require_ExtendedActionSheet.ExtendedActionSheetTitle,
+	Trigger: () => require_ExtendedActionSheet.ExtendedActionSheetTrigger
+});
+//#endregion
+Object.defineProperty(exports, "ExtendedActionSheet_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return ExtendedActionSheet_namespace_exports;
+	}
+});

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

@@ -1 +1,19 @@
-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';
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { ExtendedActionSheetBackdrop, ExtendedActionSheetCloseButton, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetGroup, ExtendedActionSheetHeader, ExtendedActionSheetItem, ExtendedActionSheetList, ExtendedActionSheetPositioner, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger } from "./ExtendedActionSheet.js";
+//#region src/components/ExtendedActionSheet/ExtendedActionSheet.namespace.ts
+var ExtendedActionSheet_namespace_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => ExtendedActionSheetBackdrop,
+	CloseButton: () => ExtendedActionSheetCloseButton,
+	Content: () => ExtendedActionSheetContent,
+	Footer: () => ExtendedActionSheetFooter,
+	Group: () => ExtendedActionSheetGroup,
+	Header: () => ExtendedActionSheetHeader,
+	Item: () => ExtendedActionSheetItem,
+	List: () => ExtendedActionSheetList,
+	Positioner: () => ExtendedActionSheetPositioner,
+	Root: () => ExtendedActionSheetRoot,
+	Title: () => ExtendedActionSheetTitle,
+	Trigger: () => ExtendedActionSheetTrigger
+});
+//#endregion
+export { ExtendedActionSheet_namespace_exports };

package/lib/components/ExtendedActionSheet/index.cjs

@@ -1,22 +1,21 @@
-'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;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_ExtendedActionSheet = require("./ExtendedActionSheet.cjs");
+const require_ExtendedActionSheet_namespace = require("./ExtendedActionSheet.namespace.cjs");
+Object.defineProperty(exports, "ExtendedActionSheet", {
+	enumerable: true,
+	get: function() {
+		return require_ExtendedActionSheet_namespace.ExtendedActionSheet_namespace_exports;
+	}
+});
+exports.ExtendedActionSheetBackdrop = require_ExtendedActionSheet.ExtendedActionSheetBackdrop;
+exports.ExtendedActionSheetCloseButton = require_ExtendedActionSheet.ExtendedActionSheetCloseButton;
+exports.ExtendedActionSheetContent = require_ExtendedActionSheet.ExtendedActionSheetContent;
+exports.ExtendedActionSheetFooter = require_ExtendedActionSheet.ExtendedActionSheetFooter;
+exports.ExtendedActionSheetGroup = require_ExtendedActionSheet.ExtendedActionSheetGroup;
+exports.ExtendedActionSheetHeader = require_ExtendedActionSheet.ExtendedActionSheetHeader;
+exports.ExtendedActionSheetItem = require_ExtendedActionSheet.ExtendedActionSheetItem;
+exports.ExtendedActionSheetList = require_ExtendedActionSheet.ExtendedActionSheetList;
+exports.ExtendedActionSheetPositioner = require_ExtendedActionSheet.ExtendedActionSheetPositioner;
+exports.ExtendedActionSheetRoot = require_ExtendedActionSheet.ExtendedActionSheetRoot;
+exports.ExtendedActionSheetTitle = require_ExtendedActionSheet.ExtendedActionSheetTitle;
+exports.ExtendedActionSheetTrigger = require_ExtendedActionSheet.ExtendedActionSheetTrigger;

package/lib/components/ExtendedActionSheet/index.js

@@ -1,3 +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 };
+import { ExtendedActionSheetBackdrop, ExtendedActionSheetCloseButton, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetGroup, ExtendedActionSheetHeader, ExtendedActionSheetItem, ExtendedActionSheetList, ExtendedActionSheetPositioner, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger } from "./ExtendedActionSheet.js";
+import { ExtendedActionSheet_namespace_exports } from "./ExtendedActionSheet.namespace.js";
+export { ExtendedActionSheet_namespace_exports as ExtendedActionSheet, ExtendedActionSheetBackdrop, ExtendedActionSheetCloseButton, ExtendedActionSheetContent, ExtendedActionSheetFooter, ExtendedActionSheetGroup, ExtendedActionSheetHeader, ExtendedActionSheetItem, ExtendedActionSheetList, ExtendedActionSheetPositioner, ExtendedActionSheetRoot, ExtendedActionSheetTitle, ExtendedActionSheetTrigger };

package/lib/components/ExtendedFab/ExtendedFab.cjs

@@ -1,18 +1,16 @@
-'use client';
-'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 createRecipeContext = require('../../utils/createRecipeContext.cjs');
-
-const { withContext } = createRecipeContext.createRecipeContext(extendedFab.extendedFab);
-const ExtendedFab = withContext(reactPrimitive.Primitive.button, {
-  defaultProps: {
-    variant: "neutralSolid",
-    size: "medium"
-  }
-});
-
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let _seed_design_css_recipes_extended_fab = require("@seed-design/css/recipes/extended-fab");
+//#region src/components/ExtendedFab/ExtendedFab.tsx
+var { withContext } = require_createRecipeContext.createRecipeContext(_seed_design_css_recipes_extended_fab.extendedFab);
+/**
+* @deprecated Use `ContextualFloatingButton` instead.
+*/
+var ExtendedFab = withContext(_seed_design_react_primitive.Primitive.button, { defaultProps: {
+	variant: "neutralSolid",
+	size: "medium"
+} });
+//#endregion
 exports.ExtendedFab = ExtendedFab;

package/lib/components/ExtendedFab/ExtendedFab.js

@@ -1,14 +1,15 @@
-'use client';
-import { Primitive } from '@seed-design/react-primitive';
-import { extendedFab } from '@seed-design/css/recipes/extended-fab';
-import { createRecipeContext } from '../../utils/createRecipeContext.js';
-
-const { withContext } = createRecipeContext(extendedFab);
-const ExtendedFab = withContext(Primitive.button, {
-  defaultProps: {
-    variant: "neutralSolid",
-    size: "medium"
-  }
-});
-
+"use client";
+import { createRecipeContext } from "../../utils/createRecipeContext.js";
+import { Primitive } from "@seed-design/react-primitive";
+import { extendedFab } from "@seed-design/css/recipes/extended-fab";
+//#region src/components/ExtendedFab/ExtendedFab.tsx
+var { withContext } = createRecipeContext(extendedFab);
+/**
+* @deprecated Use `ContextualFloatingButton` instead.
+*/
+var ExtendedFab = withContext(Primitive.button, { defaultProps: {
+	variant: "neutralSolid",
+	size: "medium"
+} });
+//#endregion
 export { ExtendedFab };

package/lib/components/ExtendedFab/index.cjs

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

package/lib/components/ExtendedFab/index.js

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

package/lib/components/Fab/Fab.cjs

@@ -1,13 +1,13 @@
-'use client';
-'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 createRecipeContext = require('../../utils/createRecipeContext.cjs');
-
-const { withContext } = createRecipeContext.createRecipeContext(fab.fab);
-const Fab = withContext(reactPrimitive.Primitive.button);
-
+"use client";
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_createRecipeContext = require("../../utils/createRecipeContext.cjs");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let _seed_design_css_recipes_fab = require("@seed-design/css/recipes/fab");
+//#region src/components/Fab/Fab.tsx
+var { withContext } = require_createRecipeContext.createRecipeContext(_seed_design_css_recipes_fab.fab);
+/**
+* @deprecated Use `ContextualFloatingButton` instead.
+*/
+var Fab = withContext(_seed_design_react_primitive.Primitive.button);
+//#endregion
 exports.Fab = Fab;

package/lib/components/Fab/Fab.js

@@ -1,9 +1,12 @@
-'use client';
-import { Primitive } from '@seed-design/react-primitive';
-import { fab } from '@seed-design/css/recipes/fab';
-import { createRecipeContext } from '../../utils/createRecipeContext.js';
-
-const { withContext } = createRecipeContext(fab);
-const Fab = withContext(Primitive.button);
-
+"use client";
+import { createRecipeContext } from "../../utils/createRecipeContext.js";
+import { Primitive } from "@seed-design/react-primitive";
+import { fab } from "@seed-design/css/recipes/fab";
+//#region src/components/Fab/Fab.tsx
+var { withContext } = createRecipeContext(fab);
+/**
+* @deprecated Use `ContextualFloatingButton` instead.
+*/
+var Fab = withContext(Primitive.button);
+//#endregion
 export { Fab };

package/lib/components/Fab/index.cjs

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

package/lib/components/Fab/index.js

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

package/lib/components/Field/Field.cjs

@@ -1,110 +1,65 @@
-'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 reactField = require('@seed-design/react-field');
-const React = require('react');
-const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-const createWithStateProps = require('../../utils/createWithStateProps.cjs');
-const field = require('@seed-design/css/recipes/field');
-const fieldLabel = require('@seed-design/css/recipes/field-label');
-const Icon = require('../private/Icon.cjs');
-const clsx = require('clsx');
-
-const { withProvider, withContext, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(field.field);
-const {
-  withContext: withLabelContext,
-  withProvider: withLabelProvider,
-  useClassNames: useLabelClassNames
-} = createSlotRecipeContext.createSlotRecipeContext(fieldLabel.fieldLabel);
-const withStateProps = createWithStateProps.createWithStateProps([reactField.useFieldContext]);
-const FieldRoot = withProvider(reactField.Field.Root, "root");
-const FieldHeader = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "header"
-);
-const FieldLabel = withLabelProvider(reactField.Field.Label, "root");
-const FieldIndicatorText = withLabelContext(
-  withStateProps(reactPrimitive.Primitive.span),
-  "indicatorText"
-);
-const FieldRequiredIndicator = 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 FieldFooter = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "footer"
-);
-const FieldDescription = withContext(
-  reactField.Field.Description,
-  "description"
-);
-const FieldErrorMessage = withContext(
-  reactField.Field.ErrorMessage,
-  "errorMessage"
-);
-const FieldCharacterCount = React.forwardRef(
-  ({ current, max, className, ...otherProps }, ref) => {
-    const classNames = useClassNames();
-    const { stateProps } = reactField.useFieldContext();
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      reactPrimitive.Primitive.div,
-      {
-        className: clsx(classNames.characterCountArea, className),
-        ref,
-        ...otherProps,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              ...current === 0 ? { "data-empty": true } : {},
-              ...current > max ? { "data-exceeded": true } : {},
-              className: classNames.characterCount,
-              ...stateProps,
-              children: current
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames.maxCharacterCount, ...stateProps, children: [
-            "/",
-            max
-          ] })
-        ]
-      }
-    );
-  }
-);
-
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
+const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
+const require_Icon = require("../private/Icon.cjs");
+let _seed_design_react_primitive = require("@seed-design/react-primitive");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _seed_design_react_field = require("@seed-design/react-field");
+let _seed_design_css_recipes_field = require("@seed-design/css/recipes/field");
+let _seed_design_css_recipes_field_label = require("@seed-design/css/recipes/field-label");
+//#region src/components/Field/Field.tsx
+var { withProvider, withContext, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_field.field);
+var { withContext: withLabelContext, withProvider: withLabelProvider, useClassNames: useLabelClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_field_label.fieldLabel);
+var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_field.useFieldContext]);
+var FieldRoot = withProvider(_seed_design_react_field.Field.Root, "root");
+var FieldHeader = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "header");
+var FieldLabel = withLabelProvider(_seed_design_react_field.Field.Label, "root");
+var FieldIndicatorText = withLabelContext(withStateProps(_seed_design_react_primitive.Primitive.span), "indicatorText");
+var FieldRequiredIndicator = (0, react.forwardRef)(({ className, ...props }, ref) => {
+	const { indicatorIcon } = useLabelClassNames();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.InternalIcon, {
+		svg: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			viewBox: "0 0 6 6",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			className: (0, clsx.default)(indicatorIcon, className),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.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
+	});
+});
+var FieldFooter = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "footer");
+var FieldDescription = withContext(_seed_design_react_field.Field.Description, "description");
+var FieldErrorMessage = withContext(_seed_design_react_field.Field.ErrorMessage, "errorMessage");
+var FieldCharacterCount = (0, react.forwardRef)(({ current, max, className, ...otherProps }, ref) => {
+	const classNames = useClassNames();
+	const { stateProps } = (0, _seed_design_react_field.useFieldContext)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_seed_design_react_primitive.Primitive.div, {
+		className: (0, clsx.default)(classNames.characterCountArea, className),
+		ref,
+		...otherProps,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			...current === 0 ? { "data-empty": true } : {},
+			...current > max ? { "data-exceeded": true } : {},
+			className: classNames.characterCount,
+			...stateProps,
+			children: current
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: classNames.maxCharacterCount,
+			...stateProps,
+			children: ["/", max]
+		})]
+	});
+});
+//#endregion
 exports.FieldCharacterCount = FieldCharacterCount;
 exports.FieldDescription = FieldDescription;
 exports.FieldErrorMessage = FieldErrorMessage;