@seed-design/react 1.2.8 → 1.2.10

package/lib/components/Field/Field.js

@@ -1,104 +1,61 @@
-'use client';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Primitive } from '@seed-design/react-primitive';
-import { Field, useFieldContext } from '@seed-design/react-field';
-import { forwardRef } from 'react';
-import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import { createWithStateProps } from '../../utils/createWithStateProps.js';
-import { field } from '@seed-design/css/recipes/field';
-import { fieldLabel } from '@seed-design/css/recipes/field-label';
-import { InternalIcon } from '../private/Icon.js';
-import clsx from 'clsx';
-
-const { withProvider, withContext, useClassNames } = createSlotRecipeContext(field);
-const {
-  withContext: withLabelContext,
-  withProvider: withLabelProvider,
-  useClassNames: useLabelClassNames
-} = createSlotRecipeContext(fieldLabel);
-const withStateProps = createWithStateProps([useFieldContext]);
-const FieldRoot = withProvider(Field.Root, "root");
-const FieldHeader = withContext(
-  withStateProps(Primitive.div),
-  "header"
-);
-const FieldLabel = withLabelProvider(Field.Label, "root");
-const FieldIndicatorText = withLabelContext(
-  withStateProps(Primitive.span),
-  "indicatorText"
-);
-const FieldRequiredIndicator = 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 FieldFooter = withContext(
-  withStateProps(Primitive.div),
-  "footer"
-);
-const FieldDescription = withContext(
-  Field.Description,
-  "description"
-);
-const FieldErrorMessage = withContext(
-  Field.ErrorMessage,
-  "errorMessage"
-);
-const FieldCharacterCount = forwardRef(
-  ({ current, max, className, ...otherProps }, ref) => {
-    const classNames = useClassNames();
-    const { stateProps } = useFieldContext();
-    return /* @__PURE__ */ jsxs(
-      Primitive.div,
-      {
-        className: clsx(classNames.characterCountArea, className),
-        ref,
-        ...otherProps,
-        children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              ...current === 0 ? { "data-empty": true } : {},
-              ...current > max ? { "data-exceeded": true } : {},
-              className: classNames.characterCount,
-              ...stateProps,
-              children: current
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: classNames.maxCharacterCount, ...stateProps, children: [
-            "/",
-            max
-          ] })
-        ]
-      }
-    );
-  }
-);
-
+"use client";
+import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
+import { createWithStateProps } from "../../utils/createWithStateProps.js";
+import { InternalIcon } from "../private/Icon.js";
+import { Primitive } from "@seed-design/react-primitive";
+import clsx$1 from "clsx";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field, useFieldContext } from "@seed-design/react-field";
+import { field } from "@seed-design/css/recipes/field";
+import { fieldLabel } from "@seed-design/css/recipes/field-label";
+//#region src/components/Field/Field.tsx
+var { withProvider, withContext, useClassNames } = createSlotRecipeContext(field);
+var { withContext: withLabelContext, withProvider: withLabelProvider, useClassNames: useLabelClassNames } = createSlotRecipeContext(fieldLabel);
+var withStateProps = createWithStateProps([useFieldContext]);
+var FieldRoot = withProvider(Field.Root, "root");
+var FieldHeader = withContext(withStateProps(Primitive.div), "header");
+var FieldLabel = withLabelProvider(Field.Label, "root");
+var FieldIndicatorText = withLabelContext(withStateProps(Primitive.span), "indicatorText");
+var FieldRequiredIndicator = forwardRef(({ className, ...props }, ref) => {
+	const { indicatorIcon } = useLabelClassNames();
+	return /* @__PURE__ */ jsx(InternalIcon, {
+		svg: /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 6 6",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			className: clsx$1(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
+	});
+});
+var FieldFooter = withContext(withStateProps(Primitive.div), "footer");
+var FieldDescription = withContext(Field.Description, "description");
+var FieldErrorMessage = withContext(Field.ErrorMessage, "errorMessage");
+var FieldCharacterCount = forwardRef(({ current, max, className, ...otherProps }, ref) => {
+	const classNames = useClassNames();
+	const { stateProps } = useFieldContext();
+	return /* @__PURE__ */ jsxs(Primitive.div, {
+		className: clsx$1(classNames.characterCountArea, className),
+		ref,
+		...otherProps,
+		children: [/* @__PURE__ */ jsx("span", {
+			...current === 0 ? { "data-empty": true } : {},
+			...current > max ? { "data-exceeded": true } : {},
+			className: classNames.characterCount,
+			...stateProps,
+			children: current
+		}), /* @__PURE__ */ jsxs("span", {
+			className: classNames.maxCharacterCount,
+			...stateProps,
+			children: ["/", max]
+		})]
+	});
+});
+//#endregion
 export { FieldCharacterCount, FieldDescription, FieldErrorMessage, FieldFooter, FieldHeader, FieldIndicatorText, FieldLabel, FieldRequiredIndicator, FieldRoot };

package/lib/components/Field/Field.namespace.cjs

@@ -1,17 +1,21 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Field = require('./Field.cjs');
-
-
-
-exports.CharacterCount = Field.FieldCharacterCount;
-exports.Description = Field.FieldDescription;
-exports.ErrorMessage = Field.FieldErrorMessage;
-exports.Footer = Field.FieldFooter;
-exports.Header = Field.FieldHeader;
-exports.IndicatorText = Field.FieldIndicatorText;
-exports.Label = Field.FieldLabel;
-exports.RequiredIndicator = Field.FieldRequiredIndicator;
-exports.Root = Field.FieldRoot;
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Field = require("./Field.cjs");
+//#region src/components/Field/Field.namespace.ts
+var Field_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	CharacterCount: () => require_Field.FieldCharacterCount,
+	Description: () => require_Field.FieldDescription,
+	ErrorMessage: () => require_Field.FieldErrorMessage,
+	Footer: () => require_Field.FieldFooter,
+	Header: () => require_Field.FieldHeader,
+	IndicatorText: () => require_Field.FieldIndicatorText,
+	Label: () => require_Field.FieldLabel,
+	RequiredIndicator: () => require_Field.FieldRequiredIndicator,
+	Root: () => require_Field.FieldRoot
+});
+//#endregion
+Object.defineProperty(exports, "Field_namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return Field_namespace_exports;
+	}
+});

package/lib/components/Field/Field.namespace.js

@@ -1 +1,16 @@
-export { FieldCharacterCount as CharacterCount, FieldDescription as Description, FieldErrorMessage as ErrorMessage, FieldFooter as Footer, FieldHeader as Header, FieldIndicatorText as IndicatorText, FieldLabel as Label, FieldRequiredIndicator as RequiredIndicator, FieldRoot as Root } from './Field.js';
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+import { FieldCharacterCount, FieldDescription, FieldErrorMessage, FieldFooter, FieldHeader, FieldIndicatorText, FieldLabel, FieldRequiredIndicator, FieldRoot } from "./Field.js";
+//#region src/components/Field/Field.namespace.ts
+var Field_namespace_exports = /* @__PURE__ */ __exportAll({
+	CharacterCount: () => FieldCharacterCount,
+	Description: () => FieldDescription,
+	ErrorMessage: () => FieldErrorMessage,
+	Footer: () => FieldFooter,
+	Header: () => FieldHeader,
+	IndicatorText: () => FieldIndicatorText,
+	Label: () => FieldLabel,
+	RequiredIndicator: () => FieldRequiredIndicator,
+	Root: () => FieldRoot
+});
+//#endregion
+export { Field_namespace_exports };

package/lib/components/Field/index.cjs

@@ -1,19 +1,18 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const Field = require('./Field.cjs');
-const Field_namespace = require('./Field.namespace.cjs');
-
-
-
-exports.FieldCharacterCount = Field.FieldCharacterCount;
-exports.FieldDescription = Field.FieldDescription;
-exports.FieldErrorMessage = Field.FieldErrorMessage;
-exports.FieldFooter = Field.FieldFooter;
-exports.FieldHeader = Field.FieldHeader;
-exports.FieldIndicatorText = Field.FieldIndicatorText;
-exports.FieldLabel = Field.FieldLabel;
-exports.FieldRequiredIndicator = Field.FieldRequiredIndicator;
-exports.FieldRoot = Field.FieldRoot;
-exports.Field = Field_namespace;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Field = require("./Field.cjs");
+const require_Field_namespace = require("./Field.namespace.cjs");
+Object.defineProperty(exports, "Field", {
+	enumerable: true,
+	get: function() {
+		return require_Field_namespace.Field_namespace_exports;
+	}
+});
+exports.FieldCharacterCount = require_Field.FieldCharacterCount;
+exports.FieldDescription = require_Field.FieldDescription;
+exports.FieldErrorMessage = require_Field.FieldErrorMessage;
+exports.FieldFooter = require_Field.FieldFooter;
+exports.FieldHeader = require_Field.FieldHeader;
+exports.FieldIndicatorText = require_Field.FieldIndicatorText;
+exports.FieldLabel = require_Field.FieldLabel;
+exports.FieldRequiredIndicator = require_Field.FieldRequiredIndicator;
+exports.FieldRoot = require_Field.FieldRoot;

package/lib/components/Field/index.js

@@ -1,3 +1,3 @@
-export { FieldCharacterCount, FieldDescription, FieldErrorMessage, FieldFooter, FieldHeader, FieldIndicatorText, FieldLabel, FieldRequiredIndicator, FieldRoot } from './Field.js';
-import * as Field_namespace from './Field.namespace.js';
-export { Field_namespace as Field };
+import { FieldCharacterCount, FieldDescription, FieldErrorMessage, FieldFooter, FieldHeader, FieldIndicatorText, FieldLabel, FieldRequiredIndicator, FieldRoot } from "./Field.js";
+import { Field_namespace_exports } from "./Field.namespace.js";
+export { Field_namespace_exports as Field, FieldCharacterCount, FieldDescription, FieldErrorMessage, FieldFooter, FieldHeader, FieldIndicatorText, FieldLabel, FieldRequiredIndicator, FieldRoot };

package/lib/components/FieldButton/FieldButton.cjs

@@ -1,186 +1,103 @@
-'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 reactFieldButton = require('@seed-design/react-field-button');
-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 inputButton = require('@seed-design/css/recipes/input-button');
-const clsx = require('clsx');
-
-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 { withContext: withFieldContext, withProvider: withFieldProvider } = createSlotRecipeContext.createSlotRecipeContext(field.field);
-const { withProvider, withContext, useClassNames } = createSlotRecipeContext.createSlotRecipeContext(inputButton.inputButton);
-const {
-  withProvider: withLabelProvider,
-  withContext: withLabelContext,
-  useClassNames: useLabelClassNames
-} = createSlotRecipeContext.createSlotRecipeContext(fieldLabel.fieldLabel);
-const withStateProps = createWithStateProps.createWithStateProps([reactFieldButton.useFieldButtonContext]);
-const FieldButtonRoot = withFieldProvider(
-  reactFieldButton.FieldButton.Root,
-  "root"
-);
-const FieldButtonHeader = withFieldContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "header"
-);
-const FieldButtonLabel = withLabelProvider(
-  withStateProps(reactPrimitive.Primitive.div),
-  "root"
-);
-const FieldButtonIndicatorText = withLabelContext(withStateProps(reactPrimitive.Primitive.span), "indicatorText");
-const FieldButtonRequiredIndicator = React__namespace.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
-    }
-  );
+"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");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+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");
+let _seed_design_react_field_button = require("@seed-design/react-field-button");
+let _seed_design_css_recipes_input_button = require("@seed-design/css/recipes/input-button");
+//#region src/components/FieldButton/FieldButton.tsx
+var { withContext: withFieldContext, withProvider: withFieldProvider } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_field.field);
+var { withProvider, withContext, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_input_button.inputButton);
+var { withProvider: withLabelProvider, withContext: withLabelContext, useClassNames: useLabelClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_field_label.fieldLabel);
+var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_field_button.useFieldButtonContext]);
+var FieldButtonRoot = withFieldProvider(_seed_design_react_field_button.FieldButton.Root, "root");
+var FieldButtonHeader = withFieldContext(withStateProps(_seed_design_react_primitive.Primitive.div), "header");
+var FieldButtonLabel = withLabelProvider(withStateProps(_seed_design_react_primitive.Primitive.div), "root");
+var FieldButtonIndicatorText = withLabelContext(withStateProps(_seed_design_react_primitive.Primitive.span), "indicatorText");
+var FieldButtonRequiredIndicator = 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
+	});
 });
 FieldButtonRequiredIndicator.displayName = "FieldButtonRequiredIndicator";
-const FieldButtonPrefixIcon = withContext(
-  withStateProps(Icon.InternalIcon),
-  "prefixIcon"
-);
-const FieldButtonPrefixText = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => {
-    const { stateProps } = reactFieldButton.useFieldButtonContext();
-    const { prefixText } = useClassNames();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactPrimitive.Primitive.span,
-      {
-        className: clsx(prefixText, className),
-        ref,
-        "aria-hidden": true,
-        ...stateProps,
-        ...props
-      }
-    );
-  }
-);
+var FieldButtonPrefixIcon = withContext(withStateProps(require_Icon.InternalIcon), "prefixIcon");
+var FieldButtonPrefixText = react.forwardRef(({ className, ...props }, ref) => {
+	const { stateProps } = (0, _seed_design_react_field_button.useFieldButtonContext)();
+	const { prefixText } = useClassNames();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.span, {
+		className: (0, clsx.default)(prefixText, className),
+		ref,
+		"aria-hidden": true,
+		...stateProps,
+		...props
+	});
+});
 FieldButtonPrefixText.displayName = "FieldButtonPrefixText";
-const FieldButtonSuffixIcon = withContext(
-  withStateProps(Icon.InternalIcon),
-  "suffixIcon"
-);
-const FieldButtonSuffixText = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => {
-    const { stateProps } = reactFieldButton.useFieldButtonContext();
-    const { suffixText } = useClassNames();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactPrimitive.Primitive.span,
-      {
-        className: clsx(suffixText, className),
-        ref,
-        "aria-hidden": true,
-        ...stateProps,
-        ...props
-      }
-    );
-  }
-);
+var FieldButtonSuffixIcon = withContext(withStateProps(require_Icon.InternalIcon), "suffixIcon");
+var FieldButtonSuffixText = react.forwardRef(({ className, ...props }, ref) => {
+	const { stateProps } = (0, _seed_design_react_field_button.useFieldButtonContext)();
+	const { suffixText } = useClassNames();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.span, {
+		className: (0, clsx.default)(suffixText, className),
+		ref,
+		"aria-hidden": true,
+		...stateProps,
+		...props
+	});
+});
 FieldButtonSuffixText.displayName = "FieldButtonSuffixText";
-const FieldButtonFooter = withFieldContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "footer"
-);
-const FieldButtonDescription = withFieldContext(reactFieldButton.FieldButton.Description, "description");
-const FieldButtonErrorMessage = withFieldContext(reactFieldButton.FieldButton.ErrorMessage, "errorMessage");
-const FieldButtonHiddenInput = reactFieldButton.FieldButton.HiddenInput;
-const FieldButtonButton = withContext(
-  reactFieldButton.FieldButton.Button,
-  "button"
-);
-const FieldButtonControl = withProvider(
-  withStateProps(reactPrimitive.Primitive.div),
-  "root"
-);
-const FieldButtonClearButton = withContext(
-  reactFieldButton.FieldButton.ClearButton,
-  "clearButton"
-);
-const FieldButtonValue = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => {
-    const { stateProps } = reactFieldButton.useFieldButtonContext();
-    const { value } = useClassNames();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactPrimitive.Primitive.div,
-      {
-        className: clsx(value, className),
-        ref,
-        "aria-hidden": true,
-        ...stateProps,
-        ...props
-      }
-    );
-  }
-);
+var FieldButtonFooter = withFieldContext(withStateProps(_seed_design_react_primitive.Primitive.div), "footer");
+var FieldButtonDescription = withFieldContext(_seed_design_react_field_button.FieldButton.Description, "description");
+var FieldButtonErrorMessage = withFieldContext(_seed_design_react_field_button.FieldButton.ErrorMessage, "errorMessage");
+var FieldButtonHiddenInput = _seed_design_react_field_button.FieldButton.HiddenInput;
+var FieldButtonButton = withContext(_seed_design_react_field_button.FieldButton.Button, "button");
+var FieldButtonControl = withProvider(withStateProps(_seed_design_react_primitive.Primitive.div), "root");
+var FieldButtonClearButton = withContext(_seed_design_react_field_button.FieldButton.ClearButton, "clearButton");
+var FieldButtonValue = react.forwardRef(({ className, ...props }, ref) => {
+	const { stateProps } = (0, _seed_design_react_field_button.useFieldButtonContext)();
+	const { value } = useClassNames();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+		className: (0, clsx.default)(value, className),
+		ref,
+		"aria-hidden": true,
+		...stateProps,
+		...props
+	});
+});
 FieldButtonValue.displayName = "FieldButtonValue";
-const FieldButtonPlaceholder = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => {
-    const { stateProps } = reactFieldButton.useFieldButtonContext();
-    const { placeholder } = useClassNames();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactPrimitive.Primitive.div,
-      {
-        className: clsx(placeholder, className),
-        ref,
-        "aria-hidden": true,
-        ...stateProps,
-        ...props
-      }
-    );
-  }
-);
+var FieldButtonPlaceholder = react.forwardRef(({ className, ...props }, ref) => {
+	const { stateProps } = (0, _seed_design_react_field_button.useFieldButtonContext)();
+	const { placeholder } = useClassNames();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
+		className: (0, clsx.default)(placeholder, className),
+		ref,
+		"aria-hidden": true,
+		...stateProps,
+		...props
+	});
+});
 FieldButtonPlaceholder.displayName = "FieldButtonPlaceholder";
-
+//#endregion
 exports.FieldButtonButton = FieldButtonButton;
 exports.FieldButtonClearButton = FieldButtonClearButton;
 exports.FieldButtonControl = FieldButtonControl;