@seed-design/react 1.1.26 → 1.1.27

package/lib/components/FieldButton/FieldButton.cjs

@@ -1,103 +1,186 @@
-"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
-	});
+'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
+    }
+  );
 });
 FieldButtonRequiredIndicator.displayName = "FieldButtonRequiredIndicator";
-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
-	});
-});
+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
+      }
+    );
+  }
+);
 FieldButtonPrefixText.displayName = "FieldButtonPrefixText";
-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
-	});
-});
+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
+      }
+    );
+  }
+);
 FieldButtonSuffixText.displayName = "FieldButtonSuffixText";
-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
-	});
-});
+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
+      }
+    );
+  }
+);
 FieldButtonValue.displayName = "FieldButtonValue";
-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
-	});
-});
+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
+      }
+    );
+  }
+);
 FieldButtonPlaceholder.displayName = "FieldButtonPlaceholder";
-//#endregion
+
 exports.FieldButtonButton = FieldButtonButton;
 exports.FieldButtonClearButton = FieldButtonClearButton;
 exports.FieldButtonControl = FieldButtonControl;

package/lib/components/FieldButton/FieldButton.js

@@ -1,98 +1,161 @@
-"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 from "clsx";
-import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
-import { field } from "@seed-design/css/recipes/field";
-import { fieldLabel } from "@seed-design/css/recipes/field-label";
-import { FieldButton, useFieldButtonContext } from "@seed-design/react-field-button";
-import { inputButton } from "@seed-design/css/recipes/input-button";
-//#region src/components/FieldButton/FieldButton.tsx
-var { withContext: withFieldContext, withProvider: withFieldProvider } = createSlotRecipeContext(field);
-var { withProvider, withContext, useClassNames } = createSlotRecipeContext(inputButton);
-var { withProvider: withLabelProvider, withContext: withLabelContext, useClassNames: useLabelClassNames } = createSlotRecipeContext(fieldLabel);
-var withStateProps = createWithStateProps([useFieldButtonContext]);
-var FieldButtonRoot = withFieldProvider(FieldButton.Root, "root");
-var FieldButtonHeader = withFieldContext(withStateProps(Primitive.div), "header");
-var FieldButtonLabel = withLabelProvider(withStateProps(Primitive.div), "root");
-var FieldButtonIndicatorText = withLabelContext(withStateProps(Primitive.span), "indicatorText");
-var FieldButtonRequiredIndicator = React$1.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(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
-	});
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Primitive } from '@seed-design/react-primitive';
+import { FieldButton, useFieldButtonContext } from '@seed-design/react-field-button';
+import * as React 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 { inputButton } from '@seed-design/css/recipes/input-button';
+import clsx from 'clsx';
+
+const { withContext: withFieldContext, withProvider: withFieldProvider } = createSlotRecipeContext(field);
+const { withProvider, withContext, useClassNames } = createSlotRecipeContext(inputButton);
+const {
+  withProvider: withLabelProvider,
+  withContext: withLabelContext,
+  useClassNames: useLabelClassNames
+} = createSlotRecipeContext(fieldLabel);
+const withStateProps = createWithStateProps([useFieldButtonContext]);
+const FieldButtonRoot = withFieldProvider(
+  FieldButton.Root,
+  "root"
+);
+const FieldButtonHeader = withFieldContext(
+  withStateProps(Primitive.div),
+  "header"
+);
+const FieldButtonLabel = withLabelProvider(
+  withStateProps(Primitive.div),
+  "root"
+);
+const FieldButtonIndicatorText = withLabelContext(withStateProps(Primitive.span), "indicatorText");
+const FieldButtonRequiredIndicator = React.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
+    }
+  );
 });
 FieldButtonRequiredIndicator.displayName = "FieldButtonRequiredIndicator";
-var FieldButtonPrefixIcon = withContext(withStateProps(InternalIcon), "prefixIcon");
-var FieldButtonPrefixText = React$1.forwardRef(({ className, ...props }, ref) => {
-	const { stateProps } = useFieldButtonContext();
-	const { prefixText } = useClassNames();
-	return /* @__PURE__ */ jsx(Primitive.span, {
-		className: clsx(prefixText, className),
-		ref,
-		"aria-hidden": true,
-		...stateProps,
-		...props
-	});
-});
+const FieldButtonPrefixIcon = withContext(
+  withStateProps(InternalIcon),
+  "prefixIcon"
+);
+const FieldButtonPrefixText = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { stateProps } = useFieldButtonContext();
+    const { prefixText } = useClassNames();
+    return /* @__PURE__ */ jsx(
+      Primitive.span,
+      {
+        className: clsx(prefixText, className),
+        ref,
+        "aria-hidden": true,
+        ...stateProps,
+        ...props
+      }
+    );
+  }
+);
 FieldButtonPrefixText.displayName = "FieldButtonPrefixText";
-var FieldButtonSuffixIcon = withContext(withStateProps(InternalIcon), "suffixIcon");
-var FieldButtonSuffixText = React$1.forwardRef(({ className, ...props }, ref) => {
-	const { stateProps } = useFieldButtonContext();
-	const { suffixText } = useClassNames();
-	return /* @__PURE__ */ jsx(Primitive.span, {
-		className: clsx(suffixText, className),
-		ref,
-		"aria-hidden": true,
-		...stateProps,
-		...props
-	});
-});
+const FieldButtonSuffixIcon = withContext(
+  withStateProps(InternalIcon),
+  "suffixIcon"
+);
+const FieldButtonSuffixText = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { stateProps } = useFieldButtonContext();
+    const { suffixText } = useClassNames();
+    return /* @__PURE__ */ jsx(
+      Primitive.span,
+      {
+        className: clsx(suffixText, className),
+        ref,
+        "aria-hidden": true,
+        ...stateProps,
+        ...props
+      }
+    );
+  }
+);
 FieldButtonSuffixText.displayName = "FieldButtonSuffixText";
-var FieldButtonFooter = withFieldContext(withStateProps(Primitive.div), "footer");
-var FieldButtonDescription = withFieldContext(FieldButton.Description, "description");
-var FieldButtonErrorMessage = withFieldContext(FieldButton.ErrorMessage, "errorMessage");
-var FieldButtonHiddenInput = FieldButton.HiddenInput;
-var FieldButtonButton = withContext(FieldButton.Button, "button");
-var FieldButtonControl = withProvider(withStateProps(Primitive.div), "root");
-var FieldButtonClearButton = withContext(FieldButton.ClearButton, "clearButton");
-var FieldButtonValue = React$1.forwardRef(({ className, ...props }, ref) => {
-	const { stateProps } = useFieldButtonContext();
-	const { value } = useClassNames();
-	return /* @__PURE__ */ jsx(Primitive.div, {
-		className: clsx(value, className),
-		ref,
-		"aria-hidden": true,
-		...stateProps,
-		...props
-	});
-});
+const FieldButtonFooter = withFieldContext(
+  withStateProps(Primitive.div),
+  "footer"
+);
+const FieldButtonDescription = withFieldContext(FieldButton.Description, "description");
+const FieldButtonErrorMessage = withFieldContext(FieldButton.ErrorMessage, "errorMessage");
+const FieldButtonHiddenInput = FieldButton.HiddenInput;
+const FieldButtonButton = withContext(
+  FieldButton.Button,
+  "button"
+);
+const FieldButtonControl = withProvider(
+  withStateProps(Primitive.div),
+  "root"
+);
+const FieldButtonClearButton = withContext(
+  FieldButton.ClearButton,
+  "clearButton"
+);
+const FieldButtonValue = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { stateProps } = useFieldButtonContext();
+    const { value } = useClassNames();
+    return /* @__PURE__ */ jsx(
+      Primitive.div,
+      {
+        className: clsx(value, className),
+        ref,
+        "aria-hidden": true,
+        ...stateProps,
+        ...props
+      }
+    );
+  }
+);
 FieldButtonValue.displayName = "FieldButtonValue";
-var FieldButtonPlaceholder = React$1.forwardRef(({ className, ...props }, ref) => {
-	const { stateProps } = useFieldButtonContext();
-	const { placeholder } = useClassNames();
-	return /* @__PURE__ */ jsx(Primitive.div, {
-		className: clsx(placeholder, className),
-		ref,
-		"aria-hidden": true,
-		...stateProps,
-		...props
-	});
-});
+const FieldButtonPlaceholder = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { stateProps } = useFieldButtonContext();
+    const { placeholder } = useClassNames();
+    return /* @__PURE__ */ jsx(
+      Primitive.div,
+      {
+        className: clsx(placeholder, className),
+        ref,
+        "aria-hidden": true,
+        ...stateProps,
+        ...props
+      }
+    );
+  }
+);
 FieldButtonPlaceholder.displayName = "FieldButtonPlaceholder";
-//#endregion
+
 export { FieldButtonButton, FieldButtonClearButton, FieldButtonControl, FieldButtonDescription, FieldButtonErrorMessage, FieldButtonFooter, FieldButtonHeader, FieldButtonHiddenInput, FieldButtonIndicatorText, FieldButtonLabel, FieldButtonPlaceholder, FieldButtonPrefixIcon, FieldButtonPrefixText, FieldButtonRequiredIndicator, FieldButtonRoot, FieldButtonSuffixIcon, FieldButtonSuffixText, FieldButtonValue };

package/lib/components/FieldButton/FieldButton.namespace.cjs

@@ -1,30 +1,26 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_FieldButton = require("./FieldButton.cjs");
-//#region src/components/FieldButton/FieldButton.namespace.ts
-var FieldButton_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
-	Button: () => require_FieldButton.FieldButtonButton,
-	ClearButton: () => require_FieldButton.FieldButtonClearButton,
-	Control: () => require_FieldButton.FieldButtonControl,
-	Description: () => require_FieldButton.FieldButtonDescription,
-	ErrorMessage: () => require_FieldButton.FieldButtonErrorMessage,
-	Footer: () => require_FieldButton.FieldButtonFooter,
-	Header: () => require_FieldButton.FieldButtonHeader,
-	HiddenInput: () => require_FieldButton.FieldButtonHiddenInput,
-	IndicatorText: () => require_FieldButton.FieldButtonIndicatorText,
-	Label: () => require_FieldButton.FieldButtonLabel,
-	Placeholder: () => require_FieldButton.FieldButtonPlaceholder,
-	PrefixIcon: () => require_FieldButton.FieldButtonPrefixIcon,
-	PrefixText: () => require_FieldButton.FieldButtonPrefixText,
-	RequiredIndicator: () => require_FieldButton.FieldButtonRequiredIndicator,
-	Root: () => require_FieldButton.FieldButtonRoot,
-	SuffixIcon: () => require_FieldButton.FieldButtonSuffixIcon,
-	SuffixText: () => require_FieldButton.FieldButtonSuffixText,
-	Value: () => require_FieldButton.FieldButtonValue
-});
-//#endregion
-Object.defineProperty(exports, "FieldButton_namespace_exports", {
-	enumerable: true,
-	get: function() {
-		return FieldButton_namespace_exports;
-	}
-});
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const FieldButton = require('./FieldButton.cjs');
+
+
+
+exports.Button = FieldButton.FieldButtonButton;
+exports.ClearButton = FieldButton.FieldButtonClearButton;
+exports.Control = FieldButton.FieldButtonControl;
+exports.Description = FieldButton.FieldButtonDescription;
+exports.ErrorMessage = FieldButton.FieldButtonErrorMessage;
+exports.Footer = FieldButton.FieldButtonFooter;
+exports.Header = FieldButton.FieldButtonHeader;
+exports.HiddenInput = FieldButton.FieldButtonHiddenInput;
+exports.IndicatorText = FieldButton.FieldButtonIndicatorText;
+exports.Label = FieldButton.FieldButtonLabel;
+exports.Placeholder = FieldButton.FieldButtonPlaceholder;
+exports.PrefixIcon = FieldButton.FieldButtonPrefixIcon;
+exports.PrefixText = FieldButton.FieldButtonPrefixText;
+exports.RequiredIndicator = FieldButton.FieldButtonRequiredIndicator;
+exports.Root = FieldButton.FieldButtonRoot;
+exports.SuffixIcon = FieldButton.FieldButtonSuffixIcon;
+exports.SuffixText = FieldButton.FieldButtonSuffixText;
+exports.Value = FieldButton.FieldButtonValue;

package/lib/components/FieldButton/FieldButton.namespace.js

@@ -1,25 +1 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
-import { FieldButtonButton, FieldButtonClearButton, FieldButtonControl, FieldButtonDescription, FieldButtonErrorMessage, FieldButtonFooter, FieldButtonHeader, FieldButtonHiddenInput, FieldButtonIndicatorText, FieldButtonLabel, FieldButtonPlaceholder, FieldButtonPrefixIcon, FieldButtonPrefixText, FieldButtonRequiredIndicator, FieldButtonRoot, FieldButtonSuffixIcon, FieldButtonSuffixText, FieldButtonValue } from "./FieldButton.js";
-//#region src/components/FieldButton/FieldButton.namespace.ts
-var FieldButton_namespace_exports = /* @__PURE__ */ __exportAll({
-	Button: () => FieldButtonButton,
-	ClearButton: () => FieldButtonClearButton,
-	Control: () => FieldButtonControl,
-	Description: () => FieldButtonDescription,
-	ErrorMessage: () => FieldButtonErrorMessage,
-	Footer: () => FieldButtonFooter,
-	Header: () => FieldButtonHeader,
-	HiddenInput: () => FieldButtonHiddenInput,
-	IndicatorText: () => FieldButtonIndicatorText,
-	Label: () => FieldButtonLabel,
-	Placeholder: () => FieldButtonPlaceholder,
-	PrefixIcon: () => FieldButtonPrefixIcon,
-	PrefixText: () => FieldButtonPrefixText,
-	RequiredIndicator: () => FieldButtonRequiredIndicator,
-	Root: () => FieldButtonRoot,
-	SuffixIcon: () => FieldButtonSuffixIcon,
-	SuffixText: () => FieldButtonSuffixText,
-	Value: () => FieldButtonValue
-});
-//#endregion
-export { FieldButton_namespace_exports };
+export { FieldButtonButton as Button, FieldButtonClearButton as ClearButton, FieldButtonControl as Control, FieldButtonDescription as Description, FieldButtonErrorMessage as ErrorMessage, FieldButtonFooter as Footer, FieldButtonHeader as Header, FieldButtonHiddenInput as HiddenInput, FieldButtonIndicatorText as IndicatorText, FieldButtonLabel as Label, FieldButtonPlaceholder as Placeholder, FieldButtonPrefixIcon as PrefixIcon, FieldButtonPrefixText as PrefixText, FieldButtonRequiredIndicator as RequiredIndicator, FieldButtonRoot as Root, FieldButtonSuffixIcon as SuffixIcon, FieldButtonSuffixText as SuffixText, FieldButtonValue as Value } from './FieldButton.js';